@willbooster/eslint-config-js-react 10.1.1 → 11.0.0

package/README.md

@@ -1,19 +1,19 @@
 # eslint-config-js-react
 
-A ESLint config for JavaScript projects using React.
+A ESLint flat config for JavaScript projects using React.
 You need to do the following command to install peer dependencies.
 
 ```sh
 yarn add -D @willbooster/eslint-config-js-react \
     eslint \
     eslint-config-prettier \
-    eslint-plugin-import \
+    eslint-plugin-import-x \
     eslint-plugin-prettier \
     eslint-plugin-react \
     eslint-plugin-react-hooks \
     eslint-plugin-sort-class-members \
     eslint-plugin-sort-destructure-keys \
     eslint-plugin-unicorn \
-    prettier \
-    @willbooster/prettier-config
+    eslint-plugin-unused-imports \
+    globals
 ```

package/eslint.config.js

@@ -0,0 +1,42 @@
+import jsConfig from '@willbooster/eslint-config-js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import eslintPluginReact from 'eslint-plugin-react';
+import eslintPluginReactHooks from 'eslint-plugin-react-hooks';
+
+export default [
+  ...jsConfig,
+  {
+    files: ['{,src/**/,tests/**/,scripts/**/}*.jsx'],
+  },
+  // 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#flat-config-eslintconfigjsts
+  eslintPluginReactHooks.configs['recommended-latest'],
+  {
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      'react/jsx-sort-props': [
+        'error',
+        {
+          callbacksLast: true,
+          shorthandFirst: true,
+          reservedFirst: true,
+        },
+      ],
+      'react/no-unknown-property': [
+        'error',
+        {
+          ignore: ['global', 'jsx'],
+        },
+      ],
+      'react/prop-types': 'off',
+    },
+  },
+  // cf. https://github.com/prettier/eslint-config-prettier#installation
+  eslintConfigPrettier,
+];

package/package.json

@@ -1,53 +1,57 @@
 {
   "name": "@willbooster/eslint-config-js-react",
-  "version": "10.1.1",
-  "description": "A ESLint config for JavaScript projects using React",
+  "version": "11.0.0",
+  "description": "A ESLint flat config for JavaScript projects using React",
   "license": "Apache-2.0",
   "author": "WillBooster Inc.",
-  "main": ".eslintrc.json",
+  "type": "module",
+  "main": "eslint.config.js",
   "files": [
-    ".eslintrc.json"
+    "eslint.config.js"
   ],
   "scripts": {
     "cleanup": "yarn format && yarn lint-fix",
     "format": "sort-package-json && yarn prettify",
-    "lint": "eslint --color \"./{scripts,src,tests}/**/*.{cjs,cts,js,jsx,mjs,mts,ts,tsx}\"",
+    "lint": "eslint --color",
     "lint-fix": "yarn lint --fix --rule \"{ react-hooks/exhaustive-deps: 0 }\"",
     "prettify": "prettier --cache --color --write \"**/{.*/,}*.{cjs,css,cts,htm,html,js,json,json5,jsonc,jsx,md,mjs,mts,scss,ts,tsx,vue,yaml,yml}\" \"!**/test-fixtures/**\"",
     "test": "yarn lint"
   },
   "prettier": "@willbooster/prettier-config",
   "dependencies": {
-    "@willbooster/eslint-config-js": "10.3.1"
+    "@willbooster/eslint-config-js": "11.0.0"
   },
   "devDependencies": {
-    "@types/eslint": "8.56.11",
-    "@types/micromatch": "4.0.9",
-    "@types/react": "18.3.11",
-    "@willbooster/prettier-config": "9.1.3",
-    "eslint": "8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-react": "7.37.1",
-    "eslint-plugin-react-hooks": "5.0.0",
-    "eslint-plugin-sort-class-members": "1.20.0",
+    "@eslint/js": "9.21.0",
+    "@willbooster/prettier-config": "10.0.0",
+    "eslint": "9.21.0",
+    "eslint-config-prettier": "10.0.2",
+    "eslint-plugin-import-x": "4.6.1",
+    "eslint-plugin-react": "7.37.4",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-sort-class-members": "1.21.0",
     "eslint-plugin-sort-destructure-keys": "2.0.0",
-    "eslint-plugin-unicorn": "56.0.0",
-    "lint-staged": "15.2.10",
+    "eslint-plugin-unicorn": "57.0.0",
+    "eslint-plugin-unused-imports": "4.1.4",
+    "globals": "16.0.0",
+    "lint-staged": "15.4.3",
     "micromatch": "4.0.8",
-    "prettier": "3.3.3",
-    "react": "18.3.1",
-    "sort-package-json": "2.10.1"
+    "prettier": "3.5.3",
+    "react": "19.0.0",
+    "sort-package-json": "3.0.0"
   },
   "peerDependencies": {
-    "@willbooster/prettier-config": "9.1.3",
-    "eslint": ">=8",
-    "eslint-config-prettier": ">=8",
-    "eslint-plugin-import": ">=2",
+    "@eslint/js": ">=9",
+    "eslint": ">=9",
+    "eslint-config-prettier": ">=10",
+    "eslint-plugin-import-x": ">=4",
     "eslint-plugin-react": ">=7",
-    "eslint-plugin-react-hooks": ">=2",
-    "eslint-plugin-sort-class-members": ">=1.14",
-    "eslint-plugin-sort-destructure-keys": ">=1.4"
+    "eslint-plugin-react-hooks": ">=5",
+    "eslint-plugin-sort-class-members": ">=1.21",
+    "eslint-plugin-sort-destructure-keys": ">=2",
+    "eslint-plugin-unicorn": ">=57",
+    "eslint-plugin-unused-imports": ">=4",
+    "globals": ">=16"
   },
   "publishConfig": {
     "access": "public"

package/.eslintrc.json

@@ -1,37 +0,0 @@
-{
-  "extends": [
-    "plugin:react/recommended",
-    "plugin:react/jsx-runtime",
-    "plugin:react-hooks/recommended",
-    "@willbooster/eslint-config-js"
-  ],
-  "plugins": ["sort-destructure-keys"],
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "rules": {
-    "react/jsx-sort-props": [
-      "error",
-      {
-        "callbacksLast": true,
-        "shorthandFirst": true,
-        "reservedFirst": true
-      }
-    ],
-    "react/no-unknown-property": [
-      "error",
-      {
-        "ignore": ["global", "jsx"]
-      }
-    ],
-    "react/prop-types": "off"
-  },
-  "settings": {
-    "import/core-modules": ["react-dom"],
-    "react": {
-      "version": "detect"
-    }
-  }
-}