eslint-config-setup 0.2.7 → 0.3.0

package/dist/modules.js

@@ -128,7 +128,7 @@ function aiConfig() {
             allowExpressions: true,
             allowTypedFunctionExpressions: true,
             allowHigherOrderFunctions: true,
-            allowIIFE: true
+            allowIIFEs: true
           }
         ],
         // Enforce consistent naming: camelCase for values, PascalCase for types,
@@ -294,9 +294,6 @@ function aiConfig() {
       name: "eslint-config-setup/ai-unicorn",
       rules: {
         // ── D. Unicorn — modern, idiomatic patterns ───────────────────
-        // Prefer early return over deeply nested if/else — flattens logic
-        // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-early-return.md
-        "unicorn/prefer-early-return": "error",
         // Move functions to the smallest scope where they're used
         // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/consistent-function-scoping.md
         "unicorn/consistent-function-scoping": "error",
@@ -392,7 +389,7 @@ function aiConfig() {
         "sonarjs/no-nested-template-literals": "error",
         // Limit union type size — too many members signals missing abstraction
         // https://sonarsource.github.io/rspec/#/rspec/S4622/javascript
-        "sonarjs/max-union-size": ["error", { max: 5 }],
+        "sonarjs/max-union-size": ["error", { threshold: 5 }],
         // Prefer type predicates for type narrowing — safer than assertions
         // https://sonarsource.github.io/rspec/#/rspec/S4322/javascript
         "sonarjs/prefer-type-guard": "error",
@@ -446,12 +443,6 @@ function aiConfig() {
     {
       name: "eslint-config-setup/ai-react",
       rules: {
-        // Max one component per file — clear module boundaries
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-multi-comp.md
-        "react/no-multi-comp": "error",
-        // No inline function creation in JSX props — extract to variable or useCallback
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md
-        "react/jsx-no-bind": "error",
         // No click handlers on static elements without role — use semantic HTML
         // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/no-static-element-interactions.md
         "jsx-a11y/no-static-element-interactions": "error",
@@ -1127,12 +1118,15 @@ function prettierCompatConfig() {
 }
 
 // src/configs/react.ts
+import eslintReactPlugin from "@eslint-react/eslint-plugin";
+import stylisticPlugin from "@stylistic/eslint-plugin";
 import jsxA11yPlugin from "eslint-plugin-jsx-a11y";
-import reactPlugin from "eslint-plugin-react";
 import reactHooksPlugin from "eslint-plugin-react-hooks";
 import reactRefreshPlugin from "eslint-plugin-react-refresh";
 import globals2 from "globals";
 function reactConfig() {
+  const reactDomPlugin = eslintReactPlugin.configs.dom.plugins;
+  const reactWebApiPlugin = eslintReactPlugin.configs["web-api"].plugins;
   return [
     {
       name: "eslint-config-setup/react",
@@ -1147,133 +1141,127 @@ function reactConfig() {
         }
       },
       plugins: {
-        react: reactPlugin,
+        // @eslint-react core → registered as "react" (like import-x → "import")
+        react: eslintReactPlugin,
+        // @eslint-react/dom → registered as "react-dom"
+        "react-dom": reactDomPlugin["@eslint-react/dom"],
+        // @eslint-react/web-api → registered as "react-web-api"
+        "react-web-api": reactWebApiPlugin["@eslint-react/web-api"],
+        // eslint-plugin-react-hooks stays as-is
         "react-hooks": reactHooksPlugin,
+        "@stylistic": stylisticPlugin,
         "react-refresh": reactRefreshPlugin,
         "jsx-a11y": jsxA11yPlugin
       },
-      settings: {
-        react: {
-          version: "detect"
-        }
-      },
       rules: {
-        // ── React core ────────────────────────────────────────────────
-        // Prevent unsafe target="_blank" links — requires rel="noreferrer"
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-target-blank.md
-        "react/jsx-no-target-blank": "error",
-        // Prevent usage of undefined JSX components — catches typos
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-undef.md
-        "react/jsx-no-undef": "error",
-        // OFF: Not needed with React 17+ automatic JSX transform
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-react.md
-        "react/jsx-uses-react": "off",
-        // OFF: Not needed with React 17+ automatic JSX transform
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md
-        "react/react-in-jsx-scope": "off",
-        // Warn on dangerouslySetInnerHTML — XSS risk, should be reviewed
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger.md
-        "react/no-danger": "warn",
-        // Prevent usage of deprecated React APIs — stay current
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-deprecated.md
-        "react/no-deprecated": "error",
+        // ── React core (react/) ─────────────────────────────────────────
+        // Prevent passing children as a prop — use JSX children syntax instead
+        // https://eslint-react.xyz/docs/rules/no-children-prop
+        "react/no-children-prop": "error",
         // Prevent direct mutation of this.state — use setState instead
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-direct-mutation-state.md
+        // https://eslint-react.xyz/docs/rules/no-direct-mutation-state
         "react/no-direct-mutation-state": "error",
-        // Prevent unknown DOM properties (e.g., class → className)
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md
-        "react/no-unknown-property": "error",
         // Prevent unstable nested component definitions — causes remounts
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unstable-nested-components.md
-        "react/no-unstable-nested-components": "error",
-        // Prevent passing children as a prop — use JSX children syntax instead
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-children-prop.md
-        "react/no-children-prop": "error",
-        // Enforce self-closing tags for components without children — <Foo />
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/self-closing-comp.md
-        "react/self-closing-comp": "error",
-        // Prevent void DOM elements (br, img, hr) from having children
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/void-dom-elements-no-children.md
-        "react/void-dom-elements-no-children": "error",
-        // OFF: TypeScript handles prop validation
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prop-types.md
-        "react/prop-types": "off",
-        // Require key prop in iterators — including fragment shorthand
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-key.md
-        "react/jsx-key": ["error", { checkFragmentShorthand: true }],
+        // https://eslint-react.xyz/docs/rules/no-nested-component-definitions
+        "react/no-nested-component-definitions": "error",
+        // Require key prop in iterators — prevent reconciliation bugs
+        // https://eslint-react.xyz/docs/rules/no-missing-key
+        "react/no-missing-key": "error",
+        // Prevent duplicate key props in iterators
+        // https://eslint-react.xyz/docs/rules/no-duplicate-key
+        "react/no-duplicate-key": "error",
         // Prevent comments from being inserted as text nodes in JSX
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-comment-textnodes.md
+        // https://eslint-react.xyz/docs/rules/jsx-no-comment-textnodes
         "react/jsx-no-comment-textnodes": "error",
-        // Prevent duplicate props — always a bug
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-duplicate-props.md
-        "react/jsx-no-duplicate-props": "error",
         // Remove unnecessary JSX fragments — <>{x}</> → {x}
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-useless-fragment.md
-        "react/jsx-no-useless-fragment": ["error", { allowExpressions: true }],
-        // Enforce PascalCase for component names — React convention
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md
-        "react/jsx-pascal-case": "error",
+        // https://eslint-react.xyz/docs/rules/no-useless-fragment
+        "react/no-useless-fragment": "error",
         // Prefer <Foo active /> over <Foo active={true} /> — concise
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-boolean-value.md
-        "react/jsx-boolean-value": ["error", "never"],
-        // Prevent unnecessary string curly braces: title={"foo"} → title="foo"
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md
-        "react/jsx-curly-brace-presence": [
-          "error",
-          { props: "never", children: "never" }
-        ],
-        // Enforce function declarations for named components, arrows for unnamed
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/function-component-definition.md
-        "react/function-component-definition": [
-          "error",
-          {
-            namedComponents: "function-declaration",
-            unnamedComponents: "arrow-function"
-          }
-        ],
-        // Enforce destructured useState naming: const [foo, setFoo] = useState()
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/hook-use-state.md
-        "react/hook-use-state": "error",
-        // Require sandbox attribute on iframes — security best practice
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/iframe-missing-sandbox.md
-        "react/iframe-missing-sandbox": "error",
+        // https://eslint-react.xyz/docs/rules/jsx-shorthand-boolean
+        "react/jsx-shorthand-boolean": "error",
         // Prevent using array index as key — breaks reconciliation on reorder
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-array-index-key.md
+        // https://eslint-react.xyz/docs/rules/no-array-index-key
         "react/no-array-index-key": "error",
         // Prevent object/array literals as default props — creates new reference every render
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-object-type-as-default-prop.md
-        "react/no-object-type-as-default-prop": "error",
+        // https://eslint-react.xyz/docs/rules/no-unstable-default-props
+        "react/no-unstable-default-props": "error",
         // Prevent `{count && <Foo />}` — renders "0" when count is 0
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-leaked-render.md
-        "react/jsx-no-leaked-render": "error",
+        // https://eslint-react.xyz/docs/rules/no-leaked-conditional-rendering
+        "react/no-leaked-conditional-rendering": "error",
         // Prevent inline object creation in context providers — causes re-renders
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-constructed-context-values.md
-        "react/jsx-no-constructed-context-values": "error",
+        // https://eslint-react.xyz/docs/rules/no-unstable-context-value
+        "react/no-unstable-context-value": "error",
         // Prevent `this.setState({ count: this.state.count + 1 })` — race condition
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-access-state-in-setstate.md
+        // https://eslint-react.xyz/docs/rules/no-access-state-in-setstate
         "react/no-access-state-in-setstate": "error",
         // Detect state properties that are set but never read — dead code
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-state.md
+        // https://eslint-react.xyz/docs/rules/no-unused-state
         "react/no-unused-state": "error",
+        // ── React 19 migration rules ────────────────────────────────────
+        // React 19: Use <Context> instead of <Context.Provider>
+        // https://eslint-react.xyz/docs/rules/no-context-provider
+        "react/no-context-provider": "error",
+        // React 19: Use ref as prop instead of forwardRef
+        // https://eslint-react.xyz/docs/rules/no-forward-ref
+        "react/no-forward-ref": "error",
+        // React 19: Use use() instead of useContext()
+        // https://eslint-react.xyz/docs/rules/no-use-context
+        "react/no-use-context": "error",
+        // ── React DOM (react-dom/) ──────────────────────────────────────
+        // Prevent unsafe target="_blank" links — requires rel="noreferrer"
+        // https://eslint-react.xyz/docs/rules/dom-no-unsafe-target-blank
+        "react-dom/no-unsafe-target-blank": "error",
+        // Prevent unknown DOM properties (e.g., class → className)
+        // https://eslint-react.xyz/docs/rules/dom-no-unknown-property
+        "react-dom/no-unknown-property": "error",
+        // Prevent void DOM elements (br, img, hr) from having children
+        // https://eslint-react.xyz/docs/rules/dom-no-void-elements-with-children
+        "react-dom/no-void-elements-with-children": "error",
+        // Require sandbox attribute on iframes — security best practice
+        // https://eslint-react.xyz/docs/rules/dom-no-missing-iframe-sandbox
+        "react-dom/no-missing-iframe-sandbox": "error",
         // Prevent `style="color: red"` — must be an object in React
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/style-prop-object.md
-        "react/style-prop-object": "error",
-        // No string refs — deprecated since React 16.3, use useRef
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md
-        "react/no-string-refs": "error",
+        // https://eslint-react.xyz/docs/rules/dom-no-string-style-prop
+        "react-dom/no-string-style-prop": "error",
         // Require explicit type on <button> — prevents unintended form submits
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/button-has-type.md
-        "react/button-has-type": "error",
+        // https://eslint-react.xyz/docs/rules/dom-no-missing-button-type
+        "react-dom/no-missing-button-type": "error",
         // Prevent dangerouslySetInnerHTML + children at the same time — conflict
-        // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger-with-children.md
-        "react/no-danger-with-children": "error",
-        // ── React Hooks ───────────────────────────────────────────────
+        // https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml-with-children
+        "react-dom/no-dangerously-set-innerhtml-with-children": "error",
+        // Warn on dangerouslySetInnerHTML — XSS risk, should be reviewed
+        // https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
+        "react-dom/no-dangerously-set-innerhtml": "warn",
+        // ── React Web API (react-web-api/) — cleanup leak detection ─────
+        // Require cleanup for addEventListener in effects
+        // https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
+        "react-web-api/no-leaked-event-listener": "error",
+        // Require cleanup for setInterval in effects
+        // https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
+        "react-web-api/no-leaked-interval": "error",
+        // Require cleanup for setTimeout in effects
+        // https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
+        "react-web-api/no-leaked-timeout": "error",
+        // Require cleanup for ResizeObserver in effects
+        // https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
+        "react-web-api/no-leaked-resize-observer": "error",
+        // ── React Hooks (react-hooks/) — eslint-plugin-react-hooks ──────
         // Enforce Rules of Hooks — hooks must be called at the top level
         // https://react.dev/reference/rules/rules-of-hooks
         "react-hooks/rules-of-hooks": "error",
         // Verify dependency arrays in useEffect/useMemo/useCallback
         // https://react.dev/reference/react/useEffect#specifying-reactive-dependencies
         "react-hooks/exhaustive-deps": "error",
+        // ── @stylistic — JSX formatting rules ───────────────────────────
+        // Enforce self-closing tags for components without children — <Foo />
+        // https://eslint.style/rules/jsx/jsx-self-closing-comp
+        "@stylistic/jsx-self-closing-comp": "error",
+        // Prevent unnecessary string curly braces: title={"foo"} → title="foo"
+        // https://eslint.style/rules/jsx/jsx-curly-brace-presence
+        "@stylistic/jsx-curly-brace-presence": [
+          "error",
+          { props: "never", children: "never" }
+        ],
         // ── React Refresh (Fast Refresh / HMR) ────────────────────────
         // Ensure components are exported in a way that supports Fast Refresh.
         // Mixed exports (component + constants) break HMR state preservation.
@@ -1283,11 +1271,6 @@ function reactConfig() {
           "warn",
           { allowConstantExport: true }
         ],
-        // ── React Compiler (via react-hooks >= 7.0) ─────────────────────
-        // Validates code is compatible with React Compiler's auto-memoization
-        // Merged into react-hooks since React Compiler v1.0 (Oct 2025)
-        // https://react.dev/learn/react-compiler
-        "react-hooks/react-compiler": "error",
         // ── JSX Accessibility (a11y) ──────────────────────────────────
         // Require alt text on img, area, input[type="image"], object
         // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/alt-text.md