Fix eslint configuration

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+	"eslint.workingDirectories": [
+		{"directory": "./packages/core", "changeProcessCWD": true},
+		{"directory": "./packages/react", "changeProcessCWD": true}
+	]
+}

DEPLOY.md

@@ -0,0 +1,8 @@
+# Deploy
+
+- pnpm changeset version
+- pnpm install
+- git add .
+- git commit -m "Bump versions"
+- pnpm run build
+- pnpm changeset publish

config/eslint-config/index.js

@@ -4,12 +4,14 @@ module.exports = {
 		ecmaVersion: 2019,
 		sourceType: 'module',
 	},
-	plugins: ['@typescript-eslint'],
+	plugins: ['@typescript-eslint', 'require-extensions'],
+
 	extends: [
 		'eslint:recommended',
 		'plugin:@typescript-eslint/recommended-type-checked',
 		'plugin:react/recommended',
 		'plugin:react-hooks/recommended',
+		'plugin:require-extensions/recommended',
 		'prettier',
 	],
 	rules: {

config/eslint-config/package.json

@@ -5,5 +5,8 @@
 	"main": "index.js",
 	"files": [
 		"index.js"
-	]
+	],
+	"devDependencies": {
+		"eslint-plugin-require-extensions": "^0.1.3"
+	}
 }

packages/core/.eslintrc.cjs

@@ -2,7 +2,7 @@ module.exports = {
 	root: true,
 	extends: ['@formulier/eslint-config'],
 	parserOptions: {
-		project: true,
+		project: './tsconfig.lint.json',
 		tsConfigRootDir: __dirname,
 	},
 }

packages/core/tests/array-utils.test.ts

@@ -1,6 +1,6 @@
 import {expect, it} from 'vitest'
 
-import {insert, move, push, remove, swap} from '../src/array-utils'
+import {insert, move, push, remove, swap} from '../src/array-utils.js'
 
 const [A, B, C, D] = ['a', 'b', 'c', 'd']
 

packages/core/tests/form.test.ts

@@ -1,7 +1,7 @@
 import {expect, it, vi} from 'vitest'
 
-import {Formulier} from '../src/form'
-import {getPath} from '../src/state-utils'
+import {Formulier} from '../src/form.js'
+import {getPath} from '../src/state-utils.js'
 
 const INITIAL_VALUES = {a: {b: {c: 'c', d: 'd'}}}
 

packages/core/tests/state-utils.test.ts

@@ -1,6 +1,6 @@
 import {describe, expect, it} from 'vitest'
 
-import {getPath, isInteger, isObject, removeKey, setKey, setPath, toPath} from '../src/state-utils'
+import {getPath, isInteger, isObject, removeKey, setKey, setPath, toPath} from '../src/state-utils.js'
 
 const SOURCE = {
 	a: {b: {c: 'c'}},

packages/core/tsconfig.json

@@ -1,6 +1,6 @@
 {
 	"extends": "@formulier/tsconfig/base",
-	"include": ["src/index.ts"],
+	"files": ["src/index.ts"],
 	"compilerOptions": {
 		"outDir": "dist",
 		"types": ["vitest/importMeta"]

packages/core/tsconfig.lint.json

@@ -0,0 +1,4 @@
+{
+	"extends": "./tsconfig.json",
+	"include": ["src/**/*", "tests/**/*"]
+}

packages/react/.eslintrc.cjs

@@ -2,7 +2,7 @@ module.exports = {
 	root: true,
 	extends: ['@formulier/eslint-config'],
 	parserOptions: {
-		project: true,
+		project: './tsconfig.lint.json',
 		tsConfigRootDir: __dirname,
 	},
 }

packages/react/cypress/component/form-tests.cy.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import {FormProvider, useCreateForm, useFormField, useFormInstance} from '../../src'
+import {FormProvider, useCreateForm, useFormField, useFormInstance} from '../../src/index.js'
 
 function Form({children}: {children: React.ReactNode}) {
 	const form = useCreateForm({

packages/react/cypress/support/component.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import {mount} from 'cypress/react18'
 
-import './commands'
+import './commands.js'
 
 declare global {
 	// eslint-disable-next-line @typescript-eslint/no-namespace

packages/react/tests/use-create-form.test.ts

@@ -1,8 +1,8 @@
 import {expect, it} from 'vitest'
 import {renderHook} from '@testing-library/react'
 
-import {useCreateForm} from '../src/form'
-import {useFormField} from '../src/field'
+import {useCreateForm} from '../src/form.js'
+import {useFormField} from '../src/field.js'
 
 interface FormState {
 	a: {b: {c: string; d: string}}

packages/react/tests/use-form-field.test.ts

@@ -1,10 +1,10 @@
 import {expect, it} from 'vitest'
 import {renderHook} from '@testing-library/react'
 
-import {useCreateForm} from '../src/form'
-import {useFormField} from '../src/field'
+import {useCreateForm} from '../src/form.js'
+import {useFormField} from '../src/field.js'
 
-import type {FieldOptions} from '../src/types'
+import type {FieldOptions} from '../src/types.js'
 
 interface FormState {
 	a: {b: {c: string; d: string}}

packages/react/tsconfig.json

@@ -3,7 +3,7 @@
 	"files": ["src/index.ts"],
 	"compilerOptions": {
 		"outDir": "dist",
-		"jsx": "react-jsx",
-		"types": ["vitest/importMeta"]
+		"types": ["vitest/importMeta"],
+		"jsx": "react-jsx"
 	}
 }

packages/react/tsconfig.lint.json

@@ -0,0 +1,4 @@
+{
+	"extends": "./tsconfig.json",
+	"include": ["src/**/*", "tests/**/*", "cypress/**/*"]
+}