@jimmy.codes/eslint-config 5.5.0 → 5.6.0

package/dist/index.js

@@ -108,7 +108,7 @@ var importsTypescriptConfig = () => {
   ];
 };
 var importsConfig = ({
-  typescript = false
+  isTypescriptEnabled = false
 } = {}) => {
   return [
     {
@@ -119,7 +119,7 @@ var importsConfig = ({
       },
       rules: importsRules
     },
-    ...typescript ? importsTypescriptConfig() : []
+    ...isTypescriptEnabled ? importsTypescriptConfig() : []
   ];
 };
 
@@ -577,20 +577,20 @@ var defineConfig = async ({
     eslintCommentsConfig(),
     regexpConfig(),
     jsdocConfig(),
-    importsConfig({ typescript: isTypescriptEnabled }),
+    importsConfig({ isTypescriptEnabled }),
     stylisticConfig()
   ];
   const featureConfigs = await Promise.all([
     isTypescriptEnabled && unwrap(import("./typescript-IBCLQD7Q.js")),
-    isReactEnabled && unwrap(import("./react-X5DWOH4Y.js")),
+    isReactEnabled && unwrap(import("./react-7A5RCHOX.js")),
     isTanstackQueryEnabled && unwrap(import("./tanstack-query-P4IBOLDK.js")),
     isAstroEnabled && unwrap(import("./astro-Z5RFF624.js")),
     isJestEnabled && unwrap(import("./jest-AHG2WRSU.js")),
     isVitestEnabled && unwrap(import("./vitest-YI6KNRZE.js")),
     isTestingLibraryEnabled && unwrap(import("./testing-library-7RTMAEOX.js")),
     isPlaywrightEnabled && unwrap(import("./playwright-U4PCWDYV.js")),
-    isStorybookEnabled && unwrap(import("./storybook-4KS3DD3C.js")),
-    isNextjsEnabled && unwrap(import("./nextjs-RCR4GYMK.js"))
+    isStorybookEnabled && unwrap(import("./storybook-IPSVKYYB.js")),
+    isNextjsEnabled && unwrap(import("./nextjs-7V464KOE.js"))
   ]);
   return [
     ...baseConfigs,

package/dist/{nextjs-RCR4GYMK.js → nextjs-7V464KOE.js}

@@ -1,6 +1,6 @@
 import {
-  warningAsErrors
-} from "./chunk-BJU7UEJ3.js";
+  upwarn
+} from "./chunk-BDIXPIKB.js";
 import {
   interopDefault
 } from "./chunk-72FT76PY.js";
@@ -11,9 +11,7 @@ import {
 // src/rules/nextjs.ts
 var nextjsRules = async () => {
   const nextjsPlugin = await interopDefault(import("@next/eslint-plugin-next"));
-  return warningAsErrors(
-    nextjsPlugin.configs.recommended.rules
-  );
+  return upwarn(nextjsPlugin.configs.recommended.rules);
 };
 
 // src/configs/nextjs.ts

package/dist/react-7A5RCHOX.js

@@ -0,0 +1,113 @@
+import {
+  upwarn
+} from "./chunk-BDIXPIKB.js";
+import {
+  hasNext,
+  hasTypescript,
+  hasVite
+} from "./chunk-OCS4JNPP.js";
+import {
+  interopDefault
+} from "./chunk-72FT76PY.js";
+import {
+  GLOB_JSX,
+  GLOB_TSX
+} from "./chunk-N5KZEOXT.js";
+
+// src/configs/react.ts
+import globals from "globals";
+
+// src/rules/react.ts
+var nextAllowedExportNames = [
+  "dynamic",
+  "dynamicParams",
+  "revalidate",
+  "fetchCache",
+  "runtime",
+  "preferredRegion",
+  "maxDuration",
+  "config",
+  "generateStaticParams",
+  "metadata",
+  "generateMetadata",
+  "viewport",
+  "generateViewport"
+];
+var reactRules = async () => {
+  const [{ configs: reactConfigs }, jsxA11yPlugin] = await Promise.all([
+    interopDefault(import("@eslint-react/eslint-plugin")),
+    interopDefault(import("eslint-plugin-jsx-a11y"))
+  ]);
+  const isUsingNextjs = hasNext();
+  const isUsingVite = hasVite();
+  const isUsingTypesScript = hasTypescript();
+  const reactPluginRules = isUsingTypesScript ? reactConfigs["recommended-type-checked"].rules : reactConfigs.recommended.rules;
+  return {
+    ...jsxA11yPlugin.configs.recommended.rules,
+    ...upwarn(reactPluginRules),
+    "react-compiler/react-compiler": "error",
+    "react-hooks/exhaustive-deps": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-refresh/only-export-components": [
+      "warn",
+      {
+        allowConstantExport: isUsingVite,
+        allowExportNames: isUsingNextjs ? nextAllowedExportNames : []
+      }
+    ]
+  };
+};
+
+// src/configs/react.ts
+async function reactConfig() {
+  const [
+    reactPlugin,
+    jsxA11yPlugin,
+    reactHooksPlugin,
+    reactRefreshPlugin,
+    reactCompilerPlugin
+  ] = await Promise.all([
+    interopDefault(import("@eslint-react/eslint-plugin")),
+    interopDefault(import("eslint-plugin-jsx-a11y")),
+    import("eslint-plugin-react-hooks"),
+    interopDefault(import("eslint-plugin-react-refresh")),
+    import("eslint-plugin-react-compiler")
+  ]);
+  const reactPlugins = reactPlugin.configs.all.plugins;
+  return [
+    {
+      files: [GLOB_JSX, GLOB_TSX],
+      languageOptions: {
+        globals: {
+          ...globals.browser
+        },
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true
+          },
+          jsxPragma: null
+        }
+      },
+      name: "jimmy.codes/react",
+      plugins: {
+        "@eslint-react": reactPlugins["@eslint-react"],
+        "@eslint-react/dom": reactPlugins["@eslint-react/dom"],
+        "@eslint-react/hooks-extra": reactPlugins["@eslint-react/hooks-extra"],
+        "@eslint-react/web-api": reactPlugins["@eslint-react/web-api"],
+        "jsx-a11y": jsxA11yPlugin,
+        "react-compiler": reactCompilerPlugin,
+        "react-hooks": reactHooksPlugin,
+        "react-refresh": reactRefreshPlugin
+      },
+      rules: await reactRules(),
+      settings: {
+        react: {
+          version: "detect"
+        }
+      }
+    }
+  ];
+}
+export {
+  reactConfig as default
+};

package/dist/{storybook-4KS3DD3C.js → storybook-IPSVKYYB.js}

@@ -1,6 +1,6 @@
 import {
-  warningAsErrors
-} from "./chunk-BJU7UEJ3.js";
+  upwarn
+} from "./chunk-BDIXPIKB.js";
 import {
   interopDefault
 } from "./chunk-72FT76PY.js";
@@ -18,7 +18,7 @@ async function storybookConfig() {
       files: storiesConfig?.files,
       name: "jimmy.codes/storybook/stories-rules",
       rules: {
-        ...warningAsErrors(storiesConfig?.rules),
+        ...upwarn(storiesConfig?.rules),
         "import-x/no-anonymous-default-export": "off",
         "unicorn/no-anonymous-default-export": "off"
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimmy.codes/eslint-config",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "A pragmatic and opinionated ESLint config for modern development.",
   "keywords": [
     "eslint",
@@ -24,6 +24,8 @@
   ],
   "dependencies": {
     "@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
+    "@eslint-react/eslint-plugin": "^1.37.3",
+    "@eslint-react/shared": "^1.37.3",
     "@eslint/js": "^9.22.0",
     "@next/eslint-plugin-next": "^15.2.3",
     "@stylistic/eslint-plugin": "^4.2.0",
@@ -44,7 +46,6 @@
     "eslint-plugin-n": "^17.16.2",
     "eslint-plugin-perfectionist": "^4.10.1",
     "eslint-plugin-playwright": "^2.2.0",
-    "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-compiler": "19.0.0-beta-3229e95-20250315",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "0.4.19",

package/dist/react-X5DWOH4Y.js

@@ -1,189 +0,0 @@
-import {
-  hasNext,
-  hasVite
-} from "./chunk-OCS4JNPP.js";
-import {
-  interopDefault
-} from "./chunk-72FT76PY.js";
-import {
-  GLOB_JSX,
-  GLOB_TSX
-} from "./chunk-N5KZEOXT.js";
-
-// src/configs/react.ts
-import globals from "globals";
-
-// src/utils/normalize-rule-entries.ts
-var toStringSeverity = (option) => {
-  return option === 2 ? "error" : option === 1 ? "warn" : "off";
-};
-var normalizeRuleEntries = (rules = {}) => {
-  return Object.fromEntries(
-    Object.entries(rules).map(([rule, option]) => {
-      return [
-        rule,
-        typeof option === "number" ? toStringSeverity(option) : option
-      ];
-    })
-  );
-};
-
-// src/rules/react.ts
-var nextAllowedExportNames = [
-  "dynamic",
-  "dynamicParams",
-  "revalidate",
-  "fetchCache",
-  "runtime",
-  "preferredRegion",
-  "maxDuration",
-  "config",
-  "generateStaticParams",
-  "metadata",
-  "generateMetadata",
-  "viewport",
-  "generateViewport"
-];
-var reactRules = async () => {
-  const [reactPlugin, jsxA11yPlugin] = await Promise.all([
-    interopDefault(import("eslint-plugin-react")),
-    interopDefault(import("eslint-plugin-jsx-a11y"))
-  ]);
-  const isUsingNextjs = hasNext();
-  const isUsingVite = hasVite();
-  return {
-    ...jsxA11yPlugin.configs.recommended.rules,
-    ...normalizeRuleEntries(reactPlugin.configs.flat.recommended?.rules),
-    ...normalizeRuleEntries(reactPlugin.configs.flat["jsx-runtime"]?.rules),
-    "react-compiler/react-compiler": "error",
-    "react-hooks/exhaustive-deps": "error",
-    "react-hooks/rules-of-hooks": "error",
-    "react-refresh/only-export-components": [
-      "warn",
-      {
-        allowConstantExport: isUsingVite,
-        allowExportNames: isUsingNextjs ? nextAllowedExportNames : []
-      }
-    ],
-    "react/boolean-prop-naming": "off",
-    // revisit
-    "react/button-has-type": "error",
-    "react/checked-requires-onchange-or-readonly": "error",
-    "react/default-props-match-prop-types": "error",
-    "react/destructuring-assignment": "off",
-    // revisit
-    "react/forbid-component-props": "off",
-    "react/forbid-dom-props": "off",
-    "react/forbid-elements": "off",
-    "react/forbid-foreign-prop-types": "off",
-    "react/forbid-prop-types": "off",
-    "react/forward-ref-uses-ref": "error",
-    "react/function-component-definition": "off",
-    // revisit
-    "react/hook-use-state": "error",
-    "react/iframe-missing-sandbox": "error",
-    "react/jsx-boolean-value": ["error", "never"],
-    "react/jsx-curly-brace-presence": "error",
-    "react/jsx-filename-extension": "off",
-    "react/jsx-fragments": ["error", "syntax"],
-    "react/jsx-handler-names": "off",
-    "react/jsx-max-depth": "off",
-    "react/jsx-no-bind": "off",
-    // revisit
-    "react/jsx-no-constructed-context-values": "error",
-    "react/jsx-no-leaked-render": "error",
-    "react/jsx-no-literals": "off",
-    "react/jsx-no-script-url": "error",
-    "react/jsx-no-useless-fragment": "error",
-    "react/jsx-one-expression-per-line": "off",
-    "react/jsx-pascal-case": ["error", { allowNamespace: true }],
-    "react/jsx-props-no-spread-multi": "off",
-    "react/jsx-props-no-spreading": "off",
-    "react/jsx-sort-default-props": "off",
-    "react/jsx-sort-props": "off",
-    "react/no-access-state-in-setstate": "error",
-    "react/no-adjacent-inline-elements": "off",
-    "react/no-array-index-key": "off",
-    "react/no-arrow-function-lifecycle": "error",
-    "react/no-danger": "off",
-    "react/no-did-mount-set-state": "error",
-    "react/no-did-update-set-state": "error",
-    "react/no-invalid-html-attribute": "error",
-    "react/no-multi-comp": "off",
-    "react/no-namespace": "error",
-    "react/no-object-type-as-default-prop": "error",
-    "react/no-redundant-should-component-update": "error",
-    "react/no-set-state": "off",
-    "react/no-this-in-sfc": "error",
-    "react/no-typos": "error",
-    "react/no-unstable-nested-components": "error",
-    "react/no-unused-class-component-methods": "error",
-    "react/no-unused-prop-types": "error",
-    "react/no-unused-state": "error",
-    "react/no-will-update-set-state": "error",
-    "react/prefer-es6-class": "off",
-    "react/prefer-exact-props": "off",
-    "react/prefer-read-only-props": "off",
-    "react/prefer-stateless-function": "off",
-    "react/require-default-props": "off",
-    "react/require-optimization": "off",
-    "react/self-closing-comp": "error",
-    "react/sort-comp": "off",
-    "react/sort-default-props": "off",
-    "react/sort-prop-types": "off",
-    "react/state-in-constructor": "off",
-    "react/static-property-placement": "off",
-    "react/style-prop-object": "error",
-    "react/void-dom-elements-no-children": "error"
-  };
-};
-
-// src/configs/react.ts
-async function reactConfig() {
-  const [
-    reactPlugin,
-    jsxA11yPlugin,
-    reactHooksPlugin,
-    reactRefreshPlugin,
-    reactCompilerPlugin
-  ] = await Promise.all([
-    interopDefault(import("eslint-plugin-react")),
-    interopDefault(import("eslint-plugin-jsx-a11y")),
-    import("eslint-plugin-react-hooks"),
-    interopDefault(import("eslint-plugin-react-refresh")),
-    import("eslint-plugin-react-compiler")
-  ]);
-  return [
-    {
-      files: [GLOB_JSX, GLOB_TSX],
-      languageOptions: {
-        globals: {
-          ...globals.browser
-        },
-        parserOptions: {
-          ecmaFeatures: {
-            jsx: true
-          },
-          jsxPragma: null
-        }
-      },
-      name: "jimmy.codes/react",
-      plugins: {
-        "jsx-a11y": jsxA11yPlugin,
-        "react": reactPlugin,
-        "react-compiler": reactCompilerPlugin,
-        "react-hooks": reactHooksPlugin,
-        "react-refresh": reactRefreshPlugin
-      },
-      rules: await reactRules(),
-      settings: {
-        react: {
-          version: "detect"
-        }
-      }
-    }
-  ];
-}
-export {
-  reactConfig as default
-};