Replace CircleCI with Github Actions

.github/workflows/release.yml

@@ -10,32 +10,28 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 22.x
+          node-version-file: .node-version
+          cache: 'yarn'
 
       - name: Install dependencies
-        uses: borales/actions-yarn@v4
+        uses: borales/actions-yarn@v5
         with: 
           cmd: install
 
-      - name: Lint
-        uses: borales/actions-yarn@v4
-        with: 
-          cmd: lint:all
-
       - name: Build
-        uses: borales/actions-yarn@v4
+        uses: borales/actions-yarn@v5
         with: 
           cmd: build
 
       - name: Release
-        uses: borales/actions-yarn@v4
+        uses: borales/actions-yarn@v5
         with: 
-          cmd: run release
+          cmd: release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/tests.yml

@@ -0,0 +1,36 @@
+name: Test
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  test:
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .node-version
+          cache: 'yarn'
+
+      - name: Install dependencies
+        uses: borales/actions-yarn@v5
+        with: 
+          cmd: install
+
+      - name: Lint
+        uses: borales/actions-yarn@v5
+        with: 
+          cmd: lint:all
+
+      - name: Run Vite tests
+        uses: borales/actions-yarn@v5
+        with: 
+          cmd: test

.node-version

@@ -1 +1 @@
-20.14.0
+23.3.0

eslint.config.mjs

@@ -5,16 +5,11 @@ import jsxA11yPlugin from 'eslint-plugin-jsx-a11y'
 import jsoncPlugin from 'eslint-plugin-jsonc'
 import tsParser from '@typescript-eslint/parser'
 import jsoncParser from 'jsonc-eslint-parser'
-// import stylelint from 'eslint-plugin-stylelint'
 
 const ignores = [
-	'app/javascript/**/*',
-	'app/frontend/types/serializers/**/*',
-	'app/frontend/lib/routes/urlParams.ts',
-	'app/frontend/lib/routes/routes.js',
-	'app/frontend/lib/routes/routes.d.ts',
-	'tmp/**/*',
-	'public/**/*',
+	'dist/**/*',
+	'.vscode/**/*',
+	'.yarn/**/*',
 ]
 
 export default [
@@ -53,6 +48,8 @@ export default [
 			'@stylistic': stylistic,
 		},
 		rules: {
+			'react/jsx-uses-react': 'off',
+			'react/react-in-jsx-scope': 'off',
 			'@stylistic/indent': ['error', 'tab', {
 				SwitchCase: 1,
 				VariableDeclarator: 'first',

tests/components/ContextTest.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 import { NestedObject, useForm, UseFormProps } from '../../src'
 import CircularJSON from 'circular-json'
 

tests/formComponent.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
 import '@testing-library/jest-dom'
 import {
@@ -11,7 +10,6 @@ import { get } from 'lodash'
 import ContextTest from './components/ContextTest'
 import { multiRootData, singleRootData } from './components/data'
 
-
 describe('Form Component', () => {
 	describe('When not passed a data object', () => {
 		it('builds the data object from inputs', () => {

tests/nestedFields.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import '@testing-library/jest-dom'
 

tests/useDynamicInputs.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render, screen, act } from '@testing-library/react'
 import '@testing-library/jest-dom'
 import {

tests/useInertiaInput.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
 import '@testing-library/jest-dom'
 import { Form, Input } from '../src'