Migrate eslintrc.js to eslint.config.mjs

Ran `yarn dlx @eslint/migrate-config .eslintrc.js` and `yarn add @eslint/compat globals @eslint/js @eslint/eslintrc -D`.

Author: Oblosys

eslint.config.mjs

@@ -0,0 +1,113 @@
+import typescriptEslint from '@typescript-eslint/eslint-plugin'
+import tsParser from '@typescript-eslint/parser'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import { fixupConfigRules, fixupPluginRules } from '@eslint/compat'
+import { FlatCompat } from '@eslint/eslintrc'
+import js from '@eslint/js'
+import _import from 'eslint-plugin-import'
+import jest from 'eslint-plugin-jest'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import globals from 'globals'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const compat = new FlatCompat({
+ baseDirectory: __dirname,
+ recommendedConfig: js.configs.recommended,
+ allConfig: js.configs.all,
+})
+
+export default [
+ { ignores: ['apps/*/build/', 'packages/*/dist/'] },
+ ...fixupConfigRules(
+ compat.extends(
+ 'eslint:recommended',
+ 'plugin:react/recommended',
+ 'plugin:@typescript-eslint/recommended',
+ 'plugin:jest/recommended',
+ 'plugin:jest/style',
+ 'plugin:react/jsx-runtime',
+ 'plugin:react-hooks/recommended',
+ 'prettier',
+ ),
+ ),
+ {
+ plugins: {
+ '@typescript-eslint': fixupPluginRules(typescriptEslint),
+ import: fixupPluginRules(_import),
+ jest: fixupPluginRules(jest),
+ react: fixupPluginRules(react),
+ 'react-hooks': fixupPluginRules(reactHooks),
+ },
+
+ languageOptions: {
+ globals: { ...globals.browser },
+
+ parser: tsParser,
+ ecmaVersion: 2021,
+ sourceType: 'module',
+
+ parserOptions: { ecmaFeatures: { jsx: true } },
+ },
+
+ settings: { react: { version: 'detect' } },
+
+ rules: {
+ 'no-unused-vars': 'off',
+ '@typescript-eslint/no-empty-function': 'off',
+ '@typescript-eslint/no-empty-interface': 'warn',
+
+ '@typescript-eslint/no-unused-vars': [
+ 'warn',
+ { argsIgnorePattern: '^_', destructuredArrayIgnorePattern: '^_', varsIgnorePattern: '^_' },
+ ],
+
+ 'arrow-body-style': ['warn', 'as-needed'],
+ curly: ['warn', 'all'],
+ eqeqeq: ['warn', 'always'],
+
+ 'import/order': [
+ 'warn',
+ {
+ groups: [
+ ['builtin', 'external'],
+ ['internal'],
+ ['parent'],
+ ['sibling', 'index'],
+ ['object', 'type'],
+ ['unknown'],
+ ],
+
+ 'newlines-between': 'always',
+ warnOnUnassignedImports: true,
+
+ alphabetize: { order: 'asc' },
+
+ pathGroups: [
+ {
+ pattern: '?(react|react-dom|react-dom/client)',
+ group: 'builtin',
+ position: 'before',
+ },
+ { pattern: './*.css', group: 'unknown', position: 'after' },
+ ],
+
+ pathGroupsExcludedImportTypes: ['react', 'react-dom'],
+ },
+ ],
+
+ 'jest/no-disabled-tests': 'warn',
+ 'jest/no-focused-tests': 'warn',
+ 'jest/no-identical-title': 'warn',
+ 'jest/prefer-to-have-length': 'warn',
+ 'jest/valid-expect': 'warn',
+ 'react/display-name': 'off',
+ 'react/no-unescaped-entities': 'off',
+
+ 'sort-imports': ['warn', { ignoreDeclarationSort: true }],
+ },
+ },
+]

package.json

@@ -54,6 +54,9 @@
  ]
  },
  "devDependencies": {
+ "@eslint/compat": "^1.2.7",
+ "@eslint/eslintrc": "^3.3.0",
+ "@eslint/js": "^9.22.0",
  "@rollup/plugin-typescript": "^12.1.2",
  "@typescript-eslint/eslint-plugin": "^8.26.1",
  "@typescript-eslint/parser": "^8.26.1",
@@ -63,6 +66,7 @@
  "eslint-plugin-jest": "28.11.0",
  "eslint-plugin-react": "^7.37.4",
  "eslint-plugin-react-hooks": "^5.2.0",
+ "globals": "^16.0.0",
  "prettier": "^3.5.3",
  "tslib": "^2.8.1",
  "typescript": "^5.8.2"

yarn.lock

@@ -1983,6 +1983,18 @@ __metadata:
  languageName: node
  linkType: hard
 
+"@eslint/compat@npm:^1.2.7":
+ version: 1.2.7
+ resolution: "@eslint/compat@npm:1.2.7"
+ peerDependencies:
+ eslint: ^9.10.0
+ peerDependenciesMeta:
+ eslint:
+ optional: true
+ checksum: 10/fad83a195864d6718ce523acc30fd56c6cb0838394fc5ddb8f7a91031b1669bb5d8627d3e90bb2f86568b3c452ddcc22a90f0d15edd76dcccf4c49617cb567cb
+ languageName: node
+ linkType: hard
+
 "@eslint/config-array@npm:^0.19.2":
  version: 0.19.2
  resolution: "@eslint/config-array@npm:0.19.2"
@@ -2044,7 +2056,7 @@ __metadata:
  languageName: node
  linkType: hard
 
-"@eslint/js@npm:9.22.0":
+"@eslint/js@npm:9.22.0, @eslint/js@npm:^9.22.0":
  version: 9.22.0
  resolution: "@eslint/js@npm:9.22.0"
  checksum: 10/2d7725f29ee4a7c85f5b5c499945d60f7701877b41b580d3f7badef43901ac98e4f8f76e4cfaef9ba116966c5f7b67132161e31e02f2eeccb0d09b548f6ea1b2
@@ -8539,6 +8551,13 @@ __metadata:
  languageName: node
  linkType: hard
 
+"globals@npm:^16.0.0":
+ version: 16.0.0
+ resolution: "globals@npm:16.0.0"
+ checksum: 10/aa05d569af9c763d9982e6885f3ac6d21c84cd54c9a12eeace55b3334d0631128f189902d34ae2a924694311f92d700dbd3e8e62e8a9e1094a882f9f8897149a
+ languageName: node
+ linkType: hard
+
 "globalthis@npm:^1.0.4":
  version: 1.0.4
  resolution: "globalthis@npm:1.0.4"
@@ -13647,6 +13666,9 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "react-hook-tracer-root@workspace:."
  dependencies:
+ "@eslint/compat": "npm:^1.2.7"
+ "@eslint/eslintrc": "npm:^3.3.0"
+ "@eslint/js": "npm:^9.22.0"
  "@rollup/plugin-typescript": "npm:^12.1.2"
  "@typescript-eslint/eslint-plugin": "npm:^8.26.1"
  "@typescript-eslint/parser": "npm:^8.26.1"
@@ -13656,6 +13678,7 @@ __metadata:
  eslint-plugin-jest: "npm:28.11.0"
  eslint-plugin-react: "npm:^7.37.4"
  eslint-plugin-react-hooks: "npm:^5.2.0"
+ globals: "npm:^16.0.0"
  prettier: "npm:^3.5.3"
  tslib: "npm:^2.8.1"
  typescript: "npm:^5.8.2"