@willbooster/eslint-config-js-react 11.6.1 → 12.0.1

package/README.md

@@ -6,16 +6,17 @@ Install the package and its peer dependencies.
 ```sh
 yarn add -D @willbooster/eslint-config-js-react \
     @eslint/js \
+    @eslint-react/eslint-plugin \
     eslint \
     eslint-config-flat-gitignore \
     eslint-config-prettier \
     eslint-plugin-import-x \
-    eslint-plugin-react \
+    eslint-plugin-perfectionist \
     eslint-plugin-react-compiler \
-    eslint-plugin-react-hooks \
     eslint-plugin-sort-class-members \
     eslint-plugin-sort-destructure-keys \
     eslint-plugin-unicorn \
     eslint-plugin-unused-imports \
-    globals
+    globals \
+    typescript
 ```

package/eslint.config.d.ts

@@ -0,0 +1,5 @@
+import type { Linter } from 'eslint';
+
+declare const config: Linter.Config[];
+
+export default config;

package/eslint.config.js

@@ -1,46 +1,186 @@
-import jsConfig from '@willbooster/eslint-config-js';
+import js from '@eslint/js';
+import eslintPluginReact from '@eslint-react/eslint-plugin';
 import eslintConfigFlatGitignore from 'eslint-config-flat-gitignore';
 import eslintConfigPrettier from 'eslint-config-prettier';
-import eslintPluginReact from 'eslint-plugin-react';
+import eslintPluginImportX from 'eslint-plugin-import-x';
+import eslintPluginPerfectionist from 'eslint-plugin-perfectionist';
 import eslintPluginReactCompiler from 'eslint-plugin-react-compiler';
-import eslintPluginReactHooks from 'eslint-plugin-react-hooks';
+import eslintPluginSortClassMembers from 'eslint-plugin-sort-class-members';
+import eslintPluginSortDestructureKeys from 'eslint-plugin-sort-destructure-keys';
+import eslintPluginUnicorn from 'eslint-plugin-unicorn';
+import eslintPluginUnusedImports from 'eslint-plugin-unused-imports';
+import globals from 'globals';
 
-const reactHooksFlatRecommended = eslintPluginReactHooks.configs.flat.recommended;
+/** Copied from `packages/eslint-config-js/eslint.config.js` to keep this published config self-contained. */
+const jsConfig = [
+  // Note: don't merge the below two objects!
+  {
+    files: ['{,prisma/**/,src/**/,test/**/,scripts/**/}*.{cjs,js,mjs}'],
+  },
+  {
+    ignores: [
+      // Directories
+      '**/.venv/**',
+      '**/.yarn/**',
+      '**/3rd-party/**',
+      '**/@types/**',
+      '**/__generated__/**',
+      '**/android/**',
+      '**/bin/**',
+      '**/build/**',
+      '**/coverage/**',
+      '**/dist/**',
+      '**/ios/**',
+      '**/no-format/**',
+      '**/node_modules/**',
+      '**/temp/**',
+      '**/test-fixtures/**',
+      '**/test/fixtures/**',
+      // Files
+      '**/*.d.ts',
+      '**/*.min.*js',
+    ],
+  },
+  // cf. https://github.com/eslint/eslint/blob/main/packages/js/src/configs/eslint-recommended.js
+  js.configs.recommended,
+  // cf. https://github.com/un-ts/eslint-plugin-import-x#configuration-new-eslintconfigjs
+  // eslint-disable-next-line import-x/no-named-as-default-member
+  eslintPluginImportX.flatConfigs.recommended,
+  // cf. https://github.com/sindresorhus/eslint-plugin-unicorn#recommended-config
+  eslintPluginUnicorn.configs.recommended,
+  {
+    plugins: {
+      'sort-class-members': eslintPluginSortClassMembers,
+      'sort-destructure-keys': eslintPluginSortDestructureKeys,
+    },
+    languageOptions: {
+      ecmaVersion: 'latest',
+      globals: {
+        // for Web
+        ...globals.browser,
+        ...globals.serviceworker,
+        // for Node.js
+        ...globals.node,
+      },
+    },
+    rules: {
+      eqeqeq: 'warn',
+      'no-console': 'off', // Allow `console.log()`.
+      'no-unused-vars': ['warn', { ignoreRestSiblings: true }], // Allow unused vars in object destructuring.
+      'object-shorthand': 'error',
+      'one-var': ['error', 'never'], // We prefer one variable declaration per line.
+      'spaced-comment': 'error', // Enforce consistency of spacing after the start of a comment // or /*.
+      'import-x/newline-after-import': 'error',
+      'import-x/no-duplicates': 'error',
+      /** Because we faced false positives (e.g. fast-glob),  */
+      'import-x/no-named-as-default-member': 'warn',
+      'import-x/order': [
+        'error',
+        {
+          'newlines-between': 'always',
+          alphabetize: {
+            order: 'asc',
+          },
+        },
+      ],
+      'sort-destructure-keys/sort-destructure-keys': 'error',
+      'unicorn/filename-case': [
+        'error',
+        {
+          cases: {
+            camelCase: true,
+            pascalCase: true,
+          },
+        },
+      ],
+      'unicorn/no-abusive-eslint-disable': 'off',
+      'unicorn/no-array-callback-reference': 'off',
+      'unicorn/no-array-reduce': 'warn',
+      'unicorn/no-null': 'warn',
+      'unicorn/no-process-exit': 'off',
+      'unicorn/no-useless-undefined': [
+        'error',
+        {
+          checkArguments: false,
+        },
+      ],
+      'unicorn/prefer-top-level-await': 'warn',
+      'unicorn/prevent-abbreviations': 'off',
+    },
+  },
+  // cf. https://github.com/sweepline/eslint-plugin-unused-imports#usage
+  {
+    plugins: {
+      'unused-imports': eslintPluginUnusedImports,
+    },
+    rules: {
+      'no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        {
+          vars: 'all',
+          varsIgnorePattern: '^_',
+          args: 'after-used',
+          argsIgnorePattern: '^_',
+        },
+      ],
+    },
+  },
+  eslintConfigFlatGitignore(),
+  // cf. https://github.com/prettier/eslint-config-prettier#installation
+  eslintConfigPrettier,
+];
 
 export default [
   ...jsConfig,
+  /** React-specific rules copied from the previous `@willbooster/eslint-config-js-react` body. */
   {
-    files: ['{,prisma/**/,src/**/,test/**/,scripts/**/}*.jsx'],
+    files: ['{,prisma/**/,src/**/,test/**/,scripts/**/}*.{cjs,js,jsx,mjs}'],
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
   },
-  // cf. https://github.com/jsx-eslint/eslint-plugin-react#flat-configs
-  eslintPluginReact.configs.flat.recommended,
-  eslintPluginReact.configs.flat['jsx-runtime'],
-  // cf. https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks#readme
-  reactHooksFlatRecommended,
+  // cf. https://eslint-react.xyz/docs/migrating-from-eslint-plugin-react
+  eslintPluginReact.configs.recommended,
   // cf. https://www.npmjs.com/package/eslint-plugin-react-compiler
   eslintPluginReactCompiler.configs.recommended,
   {
+    plugins: {
+      perfectionist: eslintPluginPerfectionist,
+    },
     settings: {
-      react: {
+      'react-x': {
         version: 'detect',
       },
     },
     rules: {
-      'react/jsx-sort-props': [
+      '@eslint-react/dom-no-unknown-property': [
         'error',
         {
-          callbacksLast: true,
-          shorthandFirst: true,
-          reservedFirst: true,
+          ignore: ['global', 'jsx'],
         },
       ],
-      'react/no-unknown-property': [
+      'perfectionist/sort-jsx-props': [
         'error',
         {
-          ignore: ['global', 'jsx'],
+          customGroups: [
+            {
+              groupName: 'reserved',
+              elementNamePattern: '^(children|dangerouslySetInnerHTML|key|ref)$',
+            },
+            {
+              groupName: 'callback',
+              elementNamePattern: '^on[A-Z]',
+            },
+          ],
+          groups: ['reserved', 'shorthand-prop', 'unknown', 'callback'],
         },
       ],
-      'react/prop-types': 'off',
     },
   },
   eslintConfigFlatGitignore(),

package/package.json

@@ -1,71 +1,76 @@
 {
   "name": "@willbooster/eslint-config-js-react",
-  "version": "11.6.1",
+  "version": "12.0.1",
   "description": "ESLint flat config for JavaScript React projects",
+  "license": "Apache-2.0",
+  "author": "WillBooster Inc.",
   "repository": {
     "type": "git",
-    "url": "https://github.com/WillBooster/willbooster-configs.git",
+    "url": "git+https://github.com/WillBooster/willbooster-configs.git",
     "directory": "packages/eslint-config-js-react"
   },
-  "license": "Apache-2.0",
-  "author": "WillBooster Inc.",
-  "type": "module",
-  "main": "eslint.config.js",
   "files": [
+    "eslint.config.d.ts",
     "eslint.config.js"
   ],
+  "type": "module",
+  "main": "eslint.config.js",
+  "types": "eslint.config.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "check-all-for-ai": "yarn check-for-ai && yarn test",
     "check-for-ai": "yarn install > /dev/null && yarn format > /dev/null 2> /dev/null || true && yarn lint-fix --quiet",
     "cleanup": "yarn format && yarn lint-fix",
-    "format": "sort-package-json && yarn prettify",
-    "lint": "eslint --color",
-    "lint-fix": "yarn lint --fix --rule \"{ react-hooks/exhaustive-deps: 0 }\"",
-    "prettify": "prettier --cache --color --write \"**/{.*/,}*.{cjs,css,cts,htm,html,java,js,json,json5,jsonc,jsx,md,mjs,mts,scss,ts,tsx,vue,yaml,yml}\" \"!**/test{-,/}fixtures/**\" || true",
+    "format": "sort-package-json && yarn format-code && yarn prettify",
+    "format-code": "oxfmt --write --no-error-on-unmatched-pattern .",
+    "lint": "oxlint --no-error-on-unmatched-pattern .",
+    "lint-fix": "yarn lint --fix",
+    "prettify": "prettier --cache --color --no-error-on-unmatched-pattern --write \"**/{.*/,}*.{java}\" \"!**/test{-,/}fixtures/**\" || true",
     "test": "yarn lint"
   },
-  "prettier": "@willbooster/prettier-config",
-  "dependencies": {
-    "@willbooster/eslint-config-js": "11.5.1"
-  },
   "devDependencies": {
-    "@eslint/js": "9.39.4",
+    "@eslint-react/eslint-plugin": "4.2.3",
+    "@eslint/js": "10.0.1",
+    "@tsconfig/node-lts": "24.0.0",
+    "@tsconfig/node-ts": "23.6.4",
     "@willbooster/prettier-config": "10.4.0",
-    "eslint": "9.39.4",
+    "eslint": "10.2.0",
     "eslint-config-flat-gitignore": "2.3.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import-x": "4.16.2",
-    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-perfectionist": "5.8.0",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-sort-class-members": "1.21.0",
     "eslint-plugin-sort-destructure-keys": "3.0.0",
     "eslint-plugin-unicorn": "64.0.0",
     "eslint-plugin-unused-imports": "4.4.1",
     "globals": "17.4.0",
-    "lint-staged": "16.4.0",
     "micromatch": "4.0.8",
+    "oxfmt": "0.45.0",
+    "oxlint": "1.60.0",
+    "oxlint-tsgolint": "0.21.0",
     "prettier": "3.8.1",
     "prettier-plugin-java": "2.8.1",
     "react": "19.2.4",
     "sort-package-json": "3.6.1"
   },
   "peerDependencies": {
-    "@eslint/js": ">=9",
-    "eslint": ">=9",
+    "@eslint-react/eslint-plugin": ">=4.2.3",
+    "@eslint/js": ">=10",
+    "eslint": ">=10",
     "eslint-config-flat-gitignore": ">=2.1",
     "eslint-config-prettier": ">=10",
     "eslint-plugin-import-x": ">=4",
-    "eslint-plugin-react": ">=7",
+    "eslint-plugin-perfectionist": ">=5.8",
     "eslint-plugin-react-compiler": ">=19.1.0-rc.2",
-    "eslint-plugin-react-hooks": ">=6",
     "eslint-plugin-sort-class-members": ">=1.21",
     "eslint-plugin-sort-destructure-keys": ">=2",
     "eslint-plugin-unicorn": ">=57",
     "eslint-plugin-unused-imports": ">=4",
-    "globals": ">=16"
+    "globals": ">=16",
+    "typescript": ">=5"
   },
-  "publishConfig": {
-    "access": "public"
-  }
+  "prettier": "@willbooster/prettier-config"
 }