@tb-dev/eslint-config 6.1.4 → 6.1.6

package/dist/index.cjs

@@ -294,46 +294,55 @@ async function vue(options) {
 }
 
 async function react(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "react")) return [];
   const plugin = await interopDefault(import('eslint-plugin-react'));
-  return {
-    plugins: { react: plugin },
-    rules: {
-      "react/button-has-type": "error",
-      "react/function-component-definition": "off",
-      "react/hook-use-state": ["error", { allowDestructuredState: true }],
-      "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
-      "react/jsx-key": [
-        "error",
-        {
-          checkFragmentShorthand: true,
-          checkKeyMustBeforeSpread: false,
-          warnOnDuplicates: true
-        }
-      ],
-      "react/jsx-no-script-url": "error",
-      "react/jsx-no-useless-fragment": "error",
-      "react/jsx-pascal-case": [
-        "error",
-        {
-          allowAllCaps: false,
-          allowNamespace: true,
-          allowLeadingUnderscore: false
+  return [
+    {
+      plugins: { react: plugin },
+      rules: {
+        "react/button-has-type": "error",
+        "react/function-component-definition": "off",
+        "react/hook-use-state": ["error", { allowDestructuredState: true }],
+        "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
+        "react/jsx-key": [
+          "error",
+          {
+            checkFragmentShorthand: true,
+            checkKeyMustBeforeSpread: false,
+            warnOnDuplicates: true
+          }
+        ],
+        "react/jsx-no-script-url": "error",
+        "react/jsx-no-useless-fragment": "error",
+        "react/jsx-pascal-case": [
+          "error",
+          {
+            allowAllCaps: false,
+            allowNamespace: true,
+            allowLeadingUnderscore: false
+          }
+        ],
+        "react/jsx-props-no-spread-multi": "error",
+        "react/no-access-state-in-setstate": "error",
+        "react/no-array-index-key": "error",
+        "react/no-danger": "error",
+        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-find-dom-node": "error",
+        "react/no-is-mounted": "error",
+        "react/no-render-return-value": "error",
+        "react/no-unsafe": "error",
+        ...options.overrides?.react
+      }
+    },
+    {
+      settings: {
+        react: {
+          version: options.reactVersion ?? "19.0"
         }
-      ],
-      "react/jsx-props-no-spread-multi": "error",
-      "react/no-access-state-in-setstate": "error",
-      "react/no-array-index-key": "error",
-      "react/no-danger": "error",
-      "react/no-deprecated": "error",
-      "react/no-direct-mutation-state": "error",
-      "react/no-find-dom-node": "error",
-      "react/no-is-mounted": "error",
-      "react/no-render-return-value": "error",
-      "react/no-unsafe": "error",
-      ...options.overrides?.react
+      }
     }
-  };
+  ];
 }
 
 async function svelte(options) {
@@ -916,7 +925,7 @@ async function typescript(options) {
 }
 
 async function reactHooks(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "reactHooks")) return {};
   const plugin = await interopDefault(import('eslint-plugin-react-hooks'));
   return {
     plugins: { "react-hooks": plugin },
@@ -1029,7 +1038,7 @@ async function perfectionist(options) {
 }
 
 async function reactCompiler(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "reactCompiler")) return {};
   const plugin = await interopDefault(import('eslint-plugin-react-compiler'));
   return {
     plugins: { "react-compiler": plugin },
@@ -1049,7 +1058,7 @@ async function defineConfig(options) {
     typescript(options),
     ...await vue(options),
     ...await svelte(options),
-    react(options),
+    ...await react(options),
     reactHooks(options),
     reactCompiler(options),
     perfectionist(options),

package/dist/index.d.ts

@@ -12,6 +12,8 @@ declare interface ConfigObject {
     plugins?: Record<string, unknown>;
     processor?: unknown;
     rules: Rules;
+    /** @see https://eslint.org/docs/latest/use/configure/configuration-files#configuring-shared-settings */
+    settings?: Record<string, unknown>;
 }
 
 declare interface ConfigOptions {
@@ -33,6 +35,8 @@ declare interface ConfigOptions {
     };
     /** @see https://typescript-eslint.io/rules/no-floating-promises#allowforknownsafepromises */
     knownSafePromises?: KnownSafePromise[];
+    /** @see https://github.com/jsx-eslint/eslint-plugin-react#configuration */
+    reactVersion?: string;
 }
 
 export declare function defineConfig(options: ConfigOptions): Promise<Partial<ConfigObject>[]>;

package/dist/index.js

@@ -290,46 +290,55 @@ async function vue(options) {
 }
 
 async function react(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "react")) return [];
   const plugin = await interopDefault(import('eslint-plugin-react'));
-  return {
-    plugins: { react: plugin },
-    rules: {
-      "react/button-has-type": "error",
-      "react/function-component-definition": "off",
-      "react/hook-use-state": ["error", { allowDestructuredState: true }],
-      "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
-      "react/jsx-key": [
-        "error",
-        {
-          checkFragmentShorthand: true,
-          checkKeyMustBeforeSpread: false,
-          warnOnDuplicates: true
-        }
-      ],
-      "react/jsx-no-script-url": "error",
-      "react/jsx-no-useless-fragment": "error",
-      "react/jsx-pascal-case": [
-        "error",
-        {
-          allowAllCaps: false,
-          allowNamespace: true,
-          allowLeadingUnderscore: false
+  return [
+    {
+      plugins: { react: plugin },
+      rules: {
+        "react/button-has-type": "error",
+        "react/function-component-definition": "off",
+        "react/hook-use-state": ["error", { allowDestructuredState: true }],
+        "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
+        "react/jsx-key": [
+          "error",
+          {
+            checkFragmentShorthand: true,
+            checkKeyMustBeforeSpread: false,
+            warnOnDuplicates: true
+          }
+        ],
+        "react/jsx-no-script-url": "error",
+        "react/jsx-no-useless-fragment": "error",
+        "react/jsx-pascal-case": [
+          "error",
+          {
+            allowAllCaps: false,
+            allowNamespace: true,
+            allowLeadingUnderscore: false
+          }
+        ],
+        "react/jsx-props-no-spread-multi": "error",
+        "react/no-access-state-in-setstate": "error",
+        "react/no-array-index-key": "error",
+        "react/no-danger": "error",
+        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-find-dom-node": "error",
+        "react/no-is-mounted": "error",
+        "react/no-render-return-value": "error",
+        "react/no-unsafe": "error",
+        ...options.overrides?.react
+      }
+    },
+    {
+      settings: {
+        react: {
+          version: options.reactVersion ?? "19.0"
         }
-      ],
-      "react/jsx-props-no-spread-multi": "error",
-      "react/no-access-state-in-setstate": "error",
-      "react/no-array-index-key": "error",
-      "react/no-danger": "error",
-      "react/no-deprecated": "error",
-      "react/no-direct-mutation-state": "error",
-      "react/no-find-dom-node": "error",
-      "react/no-is-mounted": "error",
-      "react/no-render-return-value": "error",
-      "react/no-unsafe": "error",
-      ...options.overrides?.react
+      }
     }
-  };
+  ];
 }
 
 async function svelte(options) {
@@ -912,7 +921,7 @@ async function typescript(options) {
 }
 
 async function reactHooks(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "reactHooks")) return {};
   const plugin = await interopDefault(import('eslint-plugin-react-hooks'));
   return {
     plugins: { "react-hooks": plugin },
@@ -1025,7 +1034,7 @@ async function perfectionist(options) {
 }
 
 async function reactCompiler(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "reactCompiler")) return {};
   const plugin = await interopDefault(import('eslint-plugin-react-compiler'));
   return {
     plugins: { "react-compiler": plugin },
@@ -1045,7 +1054,7 @@ async function defineConfig(options) {
     typescript(options),
     ...await vue(options),
     ...await svelte(options),
-    react(options),
+    ...await react(options),
     reactHooks(options),
     reactCompiler(options),
     perfectionist(options),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/eslint-config",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "description": "ESLint config",
   "license": "MIT",
   "type": "module",
@@ -33,7 +33,7 @@
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-vue": "^9.32.0",
     "globals": "^15.14.0",
-    "svelte": "^5.16.5",
+    "svelte": "^5.17.1",
     "svelte-eslint-parser": "^1.0.0-next.6",
     "vue-eslint-parser": "^9.4.3"
   },
@@ -42,7 +42,7 @@
     "eslint": "^9.17.0",
     "prettier": "^3.4.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.2",
+    "typescript": "^5.7.3",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.4.0"
   },