@coderwyd/eslint-config 3.5.0 → 3.6.0

package/dist/cli.cjs

@@ -37,7 +37,7 @@ var import_helpers = require("yargs/helpers");
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.5.0";
+var version = "3.6.0";
 var devDependencies = {
   "@antfu/ni": "^23.2.0",
   "@eslint-react/eslint-plugin": "^1.23.2",
@@ -49,6 +49,7 @@ var devDependencies = {
   "@unocss/eslint-plugin": "^65.4.2",
   bumpp: "^9.10.1",
   eslint: "^9.18.0",
+  "eslint-plugin-react-compiler": "19.0.0-beta-decd7b8-20250118",
   "eslint-plugin-react-hooks": "^5.1.0",
   "eslint-plugin-react-refresh": "^0.4.18",
   "eslint-plugin-svelte": "^2.46.1",

package/dist/cli.js

@@ -8,7 +8,7 @@ import { hideBin } from "yargs/helpers";
 import c from "picocolors";
 
 // package.json
-var version = "3.5.0";
+var version = "3.6.0";
 var devDependencies = {
   "@antfu/ni": "^23.2.0",
   "@eslint-react/eslint-plugin": "^1.23.2",
@@ -20,6 +20,7 @@ var devDependencies = {
   "@unocss/eslint-plugin": "^65.4.2",
   bumpp: "^9.10.1",
   eslint: "^9.18.0",
+  "eslint-plugin-react-compiler": "19.0.0-beta-decd7b8-20250118",
   "eslint-plugin-react-hooks": "^5.1.0",
   "eslint-plugin-react-refresh": "^0.4.18",
   "eslint-plugin-svelte": "^2.46.1",

package/dist/index.cjs

@@ -707,9 +707,16 @@ var RemixPackages = [
   "@remix-run/serve",
   "@remix-run/dev"
 ];
+var ReactRouterPackages = [
+  "@react-router/node",
+  "@react-router/react",
+  "@react-router/serve",
+  "@react-router/dev"
+];
 var NextJsPackages = ["next"];
 var ReactRefreshAllowConstantExportPackages = ["vite"];
 var isUsingRemix = hasPackages(RemixPackages);
+var isUsingReactRouter = hasPackages(ReactRouterPackages);
 var isUsingNext = hasPackages(NextJsPackages);
 var isAllowConstantExport = hasPackages(
   ReactRefreshAllowConstantExportPackages
@@ -736,24 +743,30 @@ async function react(options = {}) {
   const typeAwareRules = {
     "react/no-leaked-conditional-rendering": "warn"
   };
-  const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all(
-    [
-      interopDefault(import("@eslint-react/eslint-plugin")),
-      interopDefault(import("eslint-plugin-react-hooks")),
-      interopDefault(import("eslint-plugin-react-refresh"))
-    ]
-  );
+  const [
+    pluginReact,
+    pluginReactHooks,
+    pluginReactRefresh,
+    pluginReactCompiler
+  ] = await Promise.all([
+    interopDefault(import("@eslint-react/eslint-plugin")),
+    interopDefault(import("eslint-plugin-react-hooks")),
+    interopDefault(import("eslint-plugin-react-refresh")),
+    interopDefault(import("eslint-plugin-react-compiler"))
+  ]);
   const plugins = pluginReact.configs.all.plugins;
   return [
     {
       name: "coderwyd/react/setup",
       plugins: {
         react: plugins["@eslint-react"],
+        "react-compiler": pluginReactCompiler,
         "react-dom": plugins["@eslint-react/dom"],
         "react-hooks": pluginReactHooks,
         "react-hooks-extra": plugins["@eslint-react/hooks-extra"],
         "react-naming-convention": plugins["@eslint-react/naming-convention"],
-        "react-refresh": pluginReactRefresh
+        "react-refresh": pluginReactRefresh,
+        "react-web-api": plugins["@eslint-react/web-api"]
       }
     },
     {
@@ -768,6 +781,7 @@ async function react(options = {}) {
       },
       name: "coderwyd/react/rules",
       rules: {
+        "react-compiler/react-compiler": "warn",
         // recommended rules from @eslint-react/dom
         "react-dom/no-children-in-void-dom-elements": "warn",
         "react-dom/no-dangerously-set-innerhtml": "warn",
@@ -804,10 +818,15 @@ async function react(options = {}) {
                 "viewport",
                 "generateViewport"
               ] : [],
-              ...isUsingRemix ? ["meta", "links", "headers", "loader", "action"] : []
+              ...isUsingRemix || isUsingReactRouter ? ["meta", "links", "headers", "loader", "action"] : []
             ]
           }
         ],
+        // recommended rules from @eslint-react/web-api
+        "react-web-api/no-leaked-event-listener": "warn",
+        "react-web-api/no-leaked-interval": "warn",
+        "react-web-api/no-leaked-resize-observer": "warn",
+        "react-web-api/no-leaked-timeout": "warn",
         // recommended rules from @eslint-react
         "react/ensure-forward-ref-using-ref": "warn",
         "react/jsx-no-duplicate-props": "warn",

package/dist/index.d.cts

@@ -2528,6 +2528,10 @@ interface RuleOptions {
    * @see https://eslint.org/docs/latest/rules/radix
    */
   'radix'?: Linter.RuleEntry<Radix>
+  /**
+   * Surfaces diagnostics from React Forget
+   */
+  'react-compiler/react-compiler'?: Linter.RuleEntry<ReactCompilerReactCompiler>
   /**
    * disallow void elements (AKA self-closing elements) from having children
    * @see https://eslint-react.xyz/docs/rules/dom-no-void-elements-with-children
@@ -2674,6 +2678,26 @@ interface RuleOptions {
    */
   'react-naming-convention/use-state'?: Linter.RuleEntry<[]>
   'react-refresh/only-export-components'?: Linter.RuleEntry<ReactRefreshOnlyExportComponents>
+  /**
+   * enforce that every 'addEventListener' in a component or custom Hook has a corresponding 'removeEventListener'.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
+   */
+  'react-web-api/no-leaked-event-listener'?: Linter.RuleEntry<[]>
+  /**
+   * enforce that every 'setInterval' in a component or custom Hook has a corresponding 'clearInterval'.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
+   */
+  'react-web-api/no-leaked-interval'?: Linter.RuleEntry<[]>
+  /**
+   * enforce cleanup of 'ResizeObserver' instances in components and custom Hooks.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
+   */
+  'react-web-api/no-leaked-resize-observer'?: Linter.RuleEntry<[]>
+  /**
+   * enforce that every 'setTimeout' in a component or custom Hook has a corresponding 'clearTimeout'.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
+   */
+  'react-web-api/no-leaked-timeout'?: Linter.RuleEntry<[]>
   /**
    * disallow using shorthand boolean attributes
    * @see https://eslint-react.xyz/docs/rules/avoid-shorthand-boolean
@@ -10286,6 +10310,10 @@ type Quotes = []|[("single" | "double" | "backtick")]|[("single" | "double" | "b
 })]
 // ----- radix -----
 type Radix = []|[("always" | "as-needed")]
+// ----- react-compiler/react-compiler -----
+type ReactCompilerReactCompiler = []|[{
+  [k: string]: unknown | undefined
+}]
 // ----- react-dom/no-unknown-property -----
 type ReactDomNoUnknownProperty = []|[{
   ignore?: string[]
@@ -14413,6 +14441,7 @@ declare function getOverrides<K extends keyof OptionsConfig>(options: OptionsCon
     'quote-props'?: eslint.Linter.RuleEntry<undefined> | undefined;
     quotes?: eslint.Linter.RuleEntry<undefined> | undefined;
     radix?: eslint.Linter.RuleEntry<undefined> | undefined;
+    'react-compiler/react-compiler'?: eslint.Linter.RuleEntry<undefined> | undefined;
     'react-dom/no-children-in-void-dom-elements'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react-dom/no-dangerously-set-innerhtml'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react-dom/no-dangerously-set-innerhtml-with-children'?: eslint.Linter.RuleEntry<[]> | undefined;
@@ -14443,6 +14472,10 @@ declare function getOverrides<K extends keyof OptionsConfig>(options: OptionsCon
     'react-naming-convention/filename-extension'?: eslint.Linter.RuleEntry<undefined> | undefined;
     'react-naming-convention/use-state'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react-refresh/only-export-components'?: eslint.Linter.RuleEntry<undefined> | undefined;
+    'react-web-api/no-leaked-event-listener'?: eslint.Linter.RuleEntry<[]> | undefined;
+    'react-web-api/no-leaked-interval'?: eslint.Linter.RuleEntry<[]> | undefined;
+    'react-web-api/no-leaked-resize-observer'?: eslint.Linter.RuleEntry<[]> | undefined;
+    'react-web-api/no-leaked-timeout'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react/avoid-shorthand-boolean'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react/avoid-shorthand-fragment'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react/ensure-forward-ref-using-ref'?: eslint.Linter.RuleEntry<[]> | undefined;

package/dist/index.d.ts

@@ -2528,6 +2528,10 @@ interface RuleOptions {
    * @see https://eslint.org/docs/latest/rules/radix
    */
   'radix'?: Linter.RuleEntry<Radix>
+  /**
+   * Surfaces diagnostics from React Forget
+   */
+  'react-compiler/react-compiler'?: Linter.RuleEntry<ReactCompilerReactCompiler>
   /**
    * disallow void elements (AKA self-closing elements) from having children
    * @see https://eslint-react.xyz/docs/rules/dom-no-void-elements-with-children
@@ -2674,6 +2678,26 @@ interface RuleOptions {
    */
   'react-naming-convention/use-state'?: Linter.RuleEntry<[]>
   'react-refresh/only-export-components'?: Linter.RuleEntry<ReactRefreshOnlyExportComponents>
+  /**
+   * enforce that every 'addEventListener' in a component or custom Hook has a corresponding 'removeEventListener'.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
+   */
+  'react-web-api/no-leaked-event-listener'?: Linter.RuleEntry<[]>
+  /**
+   * enforce that every 'setInterval' in a component or custom Hook has a corresponding 'clearInterval'.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
+   */
+  'react-web-api/no-leaked-interval'?: Linter.RuleEntry<[]>
+  /**
+   * enforce cleanup of 'ResizeObserver' instances in components and custom Hooks.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
+   */
+  'react-web-api/no-leaked-resize-observer'?: Linter.RuleEntry<[]>
+  /**
+   * enforce that every 'setTimeout' in a component or custom Hook has a corresponding 'clearTimeout'.
+   * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
+   */
+  'react-web-api/no-leaked-timeout'?: Linter.RuleEntry<[]>
   /**
    * disallow using shorthand boolean attributes
    * @see https://eslint-react.xyz/docs/rules/avoid-shorthand-boolean
@@ -10286,6 +10310,10 @@ type Quotes = []|[("single" | "double" | "backtick")]|[("single" | "double" | "b
 })]
 // ----- radix -----
 type Radix = []|[("always" | "as-needed")]
+// ----- react-compiler/react-compiler -----
+type ReactCompilerReactCompiler = []|[{
+  [k: string]: unknown | undefined
+}]
 // ----- react-dom/no-unknown-property -----
 type ReactDomNoUnknownProperty = []|[{
   ignore?: string[]
@@ -14413,6 +14441,7 @@ declare function getOverrides<K extends keyof OptionsConfig>(options: OptionsCon
     'quote-props'?: eslint.Linter.RuleEntry<undefined> | undefined;
     quotes?: eslint.Linter.RuleEntry<undefined> | undefined;
     radix?: eslint.Linter.RuleEntry<undefined> | undefined;
+    'react-compiler/react-compiler'?: eslint.Linter.RuleEntry<undefined> | undefined;
     'react-dom/no-children-in-void-dom-elements'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react-dom/no-dangerously-set-innerhtml'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react-dom/no-dangerously-set-innerhtml-with-children'?: eslint.Linter.RuleEntry<[]> | undefined;
@@ -14443,6 +14472,10 @@ declare function getOverrides<K extends keyof OptionsConfig>(options: OptionsCon
     'react-naming-convention/filename-extension'?: eslint.Linter.RuleEntry<undefined> | undefined;
     'react-naming-convention/use-state'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react-refresh/only-export-components'?: eslint.Linter.RuleEntry<undefined> | undefined;
+    'react-web-api/no-leaked-event-listener'?: eslint.Linter.RuleEntry<[]> | undefined;
+    'react-web-api/no-leaked-interval'?: eslint.Linter.RuleEntry<[]> | undefined;
+    'react-web-api/no-leaked-resize-observer'?: eslint.Linter.RuleEntry<[]> | undefined;
+    'react-web-api/no-leaked-timeout'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react/avoid-shorthand-boolean'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react/avoid-shorthand-fragment'?: eslint.Linter.RuleEntry<[]> | undefined;
     'react/ensure-forward-ref-using-ref'?: eslint.Linter.RuleEntry<[]> | undefined;

package/dist/index.js

@@ -653,9 +653,16 @@ var RemixPackages = [
   "@remix-run/serve",
   "@remix-run/dev"
 ];
+var ReactRouterPackages = [
+  "@react-router/node",
+  "@react-router/react",
+  "@react-router/serve",
+  "@react-router/dev"
+];
 var NextJsPackages = ["next"];
 var ReactRefreshAllowConstantExportPackages = ["vite"];
 var isUsingRemix = hasPackages(RemixPackages);
+var isUsingReactRouter = hasPackages(ReactRouterPackages);
 var isUsingNext = hasPackages(NextJsPackages);
 var isAllowConstantExport = hasPackages(
   ReactRefreshAllowConstantExportPackages
@@ -682,24 +689,30 @@ async function react(options = {}) {
   const typeAwareRules = {
     "react/no-leaked-conditional-rendering": "warn"
   };
-  const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all(
-    [
-      interopDefault(import("@eslint-react/eslint-plugin")),
-      interopDefault(import("eslint-plugin-react-hooks")),
-      interopDefault(import("eslint-plugin-react-refresh"))
-    ]
-  );
+  const [
+    pluginReact,
+    pluginReactHooks,
+    pluginReactRefresh,
+    pluginReactCompiler
+  ] = await Promise.all([
+    interopDefault(import("@eslint-react/eslint-plugin")),
+    interopDefault(import("eslint-plugin-react-hooks")),
+    interopDefault(import("eslint-plugin-react-refresh")),
+    interopDefault(import("eslint-plugin-react-compiler"))
+  ]);
   const plugins = pluginReact.configs.all.plugins;
   return [
     {
       name: "coderwyd/react/setup",
       plugins: {
         react: plugins["@eslint-react"],
+        "react-compiler": pluginReactCompiler,
         "react-dom": plugins["@eslint-react/dom"],
         "react-hooks": pluginReactHooks,
         "react-hooks-extra": plugins["@eslint-react/hooks-extra"],
         "react-naming-convention": plugins["@eslint-react/naming-convention"],
-        "react-refresh": pluginReactRefresh
+        "react-refresh": pluginReactRefresh,
+        "react-web-api": plugins["@eslint-react/web-api"]
       }
     },
     {
@@ -714,6 +727,7 @@ async function react(options = {}) {
       },
       name: "coderwyd/react/rules",
       rules: {
+        "react-compiler/react-compiler": "warn",
         // recommended rules from @eslint-react/dom
         "react-dom/no-children-in-void-dom-elements": "warn",
         "react-dom/no-dangerously-set-innerhtml": "warn",
@@ -750,10 +764,15 @@ async function react(options = {}) {
                 "viewport",
                 "generateViewport"
               ] : [],
-              ...isUsingRemix ? ["meta", "links", "headers", "loader", "action"] : []
+              ...isUsingRemix || isUsingReactRouter ? ["meta", "links", "headers", "loader", "action"] : []
             ]
           }
         ],
+        // recommended rules from @eslint-react/web-api
+        "react-web-api/no-leaked-event-listener": "warn",
+        "react-web-api/no-leaked-interval": "warn",
+        "react-web-api/no-leaked-resize-observer": "warn",
+        "react-web-api/no-leaked-timeout": "warn",
         // recommended rules from @eslint-react
         "react/ensure-forward-ref-using-ref": "warn",
         "react/jsx-no-duplicate-props": "warn",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coderwyd/eslint-config",
   "type": "module",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "description": "Donny's ESLint config",
   "author": "Donny Wang <donny526@outlook.com> (https://github.com/coderwyd/)",
   "license": "MIT",
@@ -38,6 +38,7 @@
     "@eslint-react/eslint-plugin": "^1.5.8",
     "@unocss/eslint-plugin": ">=0.50.0",
     "eslint": "^9.5.0",
+    "eslint-plugin-react-compiler": "^19.0.0-beta-decd7b8-20250118",
     "eslint-plugin-react-hooks": "^4.6.0 || ^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.4",
     "eslint-plugin-svelte": ">=2.35.1",
@@ -51,6 +52,9 @@
     "@unocss/eslint-plugin": {
       "optional": true
     },
+    "eslint-plugin-react-compiler": {
+      "optional": true
+    },
     "eslint-plugin-react-hooks": {
       "optional": true
     },
@@ -110,6 +114,7 @@
     "@unocss/eslint-plugin": "^65.4.2",
     "bumpp": "^9.10.1",
     "eslint": "^9.18.0",
+    "eslint-plugin-react-compiler": "19.0.0-beta-decd7b8-20250118",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.18",
     "eslint-plugin-svelte": "^2.46.1",