@debbl/eslint-config 3.8.4 → 3.8.5

package/dist/index.cjs

@@ -602,31 +602,50 @@ var jsonc = async (options) => {
 };
 
 // src/configs/markdown.ts
+async function mdx() {
+  const pluginMdx = await interopDefault(import("eslint-plugin-mdx"));
+  return [
+    {
+      ...pluginMdx.flat,
+      processor: pluginMdx.createRemarkProcessor({
+        lintCodeBlocks: true,
+        languageMapper: {}
+      })
+    },
+    {
+      ...pluginMdx.flatCodeBlocks,
+      rules: {
+        ...pluginMdx.flatCodeBlocks.rules,
+        "no-var": "error",
+        "prefer-const": "error"
+      }
+    }
+  ];
+}
 var markdown = async (options) => {
-  const { componentExts = [], overrides = {} } = options;
-  const [pluginMdx, pluginMarkdown] = await Promise.all([
+  const {
+    mdx: enableMdx = false,
+    componentExts = [],
+    overrides = {}
+  } = options;
+  const pluginMarkdown = await Promise.all([
     interopDefault(import("eslint-plugin-mdx")),
     interopDefault(import("@eslint/markdown"))
   ]);
-  return [
+  const _markdown = [
     {
       name: "eslint/markdown/setup",
       plugins: {
-        mdx: pluginMdx,
         markdown: pluginMarkdown
       }
     },
     {
       name: "eslint/markdown/processor",
-      files: [GLOB_MARKDOWN, GLOB_MDX],
+      files: [GLOB_MARKDOWN],
       languageOptions: {
         ecmaVersion: "latest",
         parser: parserPlain,
         sourceType: "module"
-      },
-      processor: "mdx/remark",
-      settings: {
-        "mdx/code-blocks": true
       }
     },
     {
@@ -679,6 +698,7 @@ var markdown = async (options) => {
       }
     }
   ];
+  return combine(_markdown, enableMdx ? await mdx() : []);
 };
 
 // src/configs/node.ts
@@ -1073,7 +1093,7 @@ async function sortTsconfig() {
 var test = async (options) => {
   const { overrides = {} } = options;
   const [pluginVitest, pluginNoOnlyTests] = await Promise.all([
-    interopDefault(import("eslint-plugin-vitest")),
+    interopDefault(import("@vitest/eslint-plugin")),
     // @ts-expect-error missing types
     interopDefault(import("eslint-plugin-no-only-tests"))
   ]);
@@ -1563,9 +1583,19 @@ async function next() {
           "warn",
           {
             allowExportNames: [
+              "dynamic",
+              "dynamicParams",
+              "revalidate",
+              "fetchCache",
+              "runtime",
+              "preferredRegion",
+              "maxDuration",
+              "config",
+              "generateStaticParams",
               "metadata",
               "generateMetadata",
-              "generateStaticParams"
+              "viewport",
+              "generateViewport"
             ]
           }
         ]
@@ -1581,18 +1611,21 @@ var react = async (options) => {
   } = options;
   const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all(
     [
-      interopDefault(import("eslint-plugin-react")),
+      interopDefault(import("@eslint-react/eslint-plugin")),
       // @ts-expect-error missing types
       interopDefault(import("eslint-plugin-react-hooks")),
-      // @ts-expect-error missing types
       interopDefault(import("eslint-plugin-react-refresh"))
     ]
   );
+  const plugins = pluginReact.configs.all.plugins;
   const _react = [
     {
       name: "eslint/react/setup",
       plugins: {
-        "react": pluginReact,
+        "react": plugins["@eslint-react"],
+        "react-dom": plugins["@eslint-react/dom"],
+        "react-hooks-extra": plugins["@eslint-react/hooks-extra"],
+        "react-naming-convention": plugins["@eslint-react/naming-convention"],
         "react-hooks": pluginReactHooks,
         "react-refresh": pluginReactRefresh,
         ...enableCompiler ? {
@@ -1620,14 +1653,69 @@ var react = async (options) => {
         }
       },
       rules: {
-        ...pluginReact.configs.recommended.rules,
         ...pluginReactHooks.configs.recommended.rules,
+        // recommended rules from @eslint-react/dom
+        "react-dom/no-children-in-void-dom-elements": "warn",
+        "react-dom/no-dangerously-set-innerhtml": "warn",
+        "react-dom/no-dangerously-set-innerhtml-with-children": "error",
+        "react-dom/no-find-dom-node": "error",
+        "react-dom/no-missing-button-type": "warn",
+        "react-dom/no-missing-iframe-sandbox": "warn",
+        "react-dom/no-namespace": "error",
+        "react-dom/no-render-return-value": "error",
+        "react-dom/no-script-url": "warn",
+        "react-dom/no-unsafe-iframe-sandbox": "warn",
+        "react-dom/no-unsafe-target-blank": "warn",
+        // recommended rules react-hooks
+        "react-hooks/exhaustive-deps": "warn",
+        "react-hooks/rules-of-hooks": "error",
         // React Refresh
         "react-refresh/only-export-components": "warn",
         // React Compiler
         ...enableCompiler ? {
           "react-compiler/react-compiler": "error"
         } : {},
+        // recommended rules from @eslint-react
+        "react/ensure-forward-ref-using-ref": "warn",
+        "react/jsx-no-duplicate-props": "warn",
+        "react/jsx-uses-vars": "warn",
+        "react/no-access-state-in-setstate": "error",
+        "react/no-array-index-key": "warn",
+        "react/no-children-count": "warn",
+        "react/no-children-for-each": "warn",
+        "react/no-children-map": "warn",
+        "react/no-children-only": "warn",
+        "react/no-children-to-array": "warn",
+        "react/no-clone-element": "warn",
+        "react/no-comment-textnodes": "warn",
+        "react/no-component-will-mount": "error",
+        "react/no-component-will-receive-props": "error",
+        "react/no-component-will-update": "error",
+        "react/no-context-provider": "warn",
+        "react/no-create-ref": "error",
+        "react/no-default-props": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-duplicate-key": "error",
+        "react/no-forward-ref": "warn",
+        "react/no-implicit-key": "warn",
+        "react/no-missing-key": "error",
+        "react/no-nested-components": "error",
+        "react/no-prop-types": "error",
+        "react/no-redundant-should-component-update": "error",
+        "react/no-set-state-in-component-did-mount": "warn",
+        "react/no-set-state-in-component-did-update": "warn",
+        "react/no-set-state-in-component-will-update": "warn",
+        "react/no-string-refs": "error",
+        "react/no-unsafe-component-will-mount": "warn",
+        "react/no-unsafe-component-will-receive-props": "warn",
+        "react/no-unsafe-component-will-update": "warn",
+        "react/no-unstable-context-value": "warn",
+        "react/no-unstable-default-props": "warn",
+        "react/no-unused-class-component-members": "warn",
+        "react/no-unused-state": "warn",
+        "react/prefer-destructuring-assignment": "warn",
+        "react/prefer-shorthand-boolean": "warn",
+        "react/prefer-shorthand-fragment": "warn",
         "jsx-quotes": ["error", "prefer-double"],
         "react/react-in-jsx-scope": "off",
         "react/jsx-indent": [1, 2],

package/dist/index.d.cts

@@ -24,6 +24,7 @@ declare const jsonc: JsoncConfig;
 
 type MarkdownConfig = (options: {
     componentExts?: string[];
+    mdx?: boolean;
 } & OptionsOverrides) => ReturnType<ConfigFn>;
 declare const markdown: MarkdownConfig;
 

package/dist/index.d.ts

@@ -24,6 +24,7 @@ declare const jsonc: JsoncConfig;
 
 type MarkdownConfig = (options: {
     componentExts?: string[];
+    mdx?: boolean;
 } & OptionsOverrides) => ReturnType<ConfigFn>;
 declare const markdown: MarkdownConfig;
 

package/dist/index.js

@@ -519,31 +519,50 @@ var jsonc = async (options) => {
 };
 
 // src/configs/markdown.ts
+async function mdx() {
+  const pluginMdx = await interopDefault(import("eslint-plugin-mdx"));
+  return [
+    {
+      ...pluginMdx.flat,
+      processor: pluginMdx.createRemarkProcessor({
+        lintCodeBlocks: true,
+        languageMapper: {}
+      })
+    },
+    {
+      ...pluginMdx.flatCodeBlocks,
+      rules: {
+        ...pluginMdx.flatCodeBlocks.rules,
+        "no-var": "error",
+        "prefer-const": "error"
+      }
+    }
+  ];
+}
 var markdown = async (options) => {
-  const { componentExts = [], overrides = {} } = options;
-  const [pluginMdx, pluginMarkdown] = await Promise.all([
+  const {
+    mdx: enableMdx = false,
+    componentExts = [],
+    overrides = {}
+  } = options;
+  const pluginMarkdown = await Promise.all([
     interopDefault(import("eslint-plugin-mdx")),
     interopDefault(import("@eslint/markdown"))
   ]);
-  return [
+  const _markdown = [
     {
       name: "eslint/markdown/setup",
       plugins: {
-        mdx: pluginMdx,
         markdown: pluginMarkdown
       }
     },
     {
       name: "eslint/markdown/processor",
-      files: [GLOB_MARKDOWN, GLOB_MDX],
+      files: [GLOB_MARKDOWN],
       languageOptions: {
         ecmaVersion: "latest",
         parser: parserPlain,
         sourceType: "module"
-      },
-      processor: "mdx/remark",
-      settings: {
-        "mdx/code-blocks": true
       }
     },
     {
@@ -596,6 +615,7 @@ var markdown = async (options) => {
       }
     }
   ];
+  return combine(_markdown, enableMdx ? await mdx() : []);
 };
 
 // src/configs/node.ts
@@ -990,7 +1010,7 @@ async function sortTsconfig() {
 var test = async (options) => {
   const { overrides = {} } = options;
   const [pluginVitest, pluginNoOnlyTests] = await Promise.all([
-    interopDefault(import("eslint-plugin-vitest")),
+    interopDefault(import("@vitest/eslint-plugin")),
     // @ts-expect-error missing types
     interopDefault(import("eslint-plugin-no-only-tests"))
   ]);
@@ -1480,9 +1500,19 @@ async function next() {
           "warn",
           {
             allowExportNames: [
+              "dynamic",
+              "dynamicParams",
+              "revalidate",
+              "fetchCache",
+              "runtime",
+              "preferredRegion",
+              "maxDuration",
+              "config",
+              "generateStaticParams",
               "metadata",
               "generateMetadata",
-              "generateStaticParams"
+              "viewport",
+              "generateViewport"
             ]
           }
         ]
@@ -1498,18 +1528,21 @@ var react = async (options) => {
   } = options;
   const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all(
     [
-      interopDefault(import("eslint-plugin-react")),
+      interopDefault(import("@eslint-react/eslint-plugin")),
       // @ts-expect-error missing types
       interopDefault(import("eslint-plugin-react-hooks")),
-      // @ts-expect-error missing types
       interopDefault(import("eslint-plugin-react-refresh"))
     ]
   );
+  const plugins = pluginReact.configs.all.plugins;
   const _react = [
     {
       name: "eslint/react/setup",
       plugins: {
-        "react": pluginReact,
+        "react": plugins["@eslint-react"],
+        "react-dom": plugins["@eslint-react/dom"],
+        "react-hooks-extra": plugins["@eslint-react/hooks-extra"],
+        "react-naming-convention": plugins["@eslint-react/naming-convention"],
         "react-hooks": pluginReactHooks,
         "react-refresh": pluginReactRefresh,
         ...enableCompiler ? {
@@ -1537,14 +1570,69 @@ var react = async (options) => {
         }
       },
       rules: {
-        ...pluginReact.configs.recommended.rules,
         ...pluginReactHooks.configs.recommended.rules,
+        // recommended rules from @eslint-react/dom
+        "react-dom/no-children-in-void-dom-elements": "warn",
+        "react-dom/no-dangerously-set-innerhtml": "warn",
+        "react-dom/no-dangerously-set-innerhtml-with-children": "error",
+        "react-dom/no-find-dom-node": "error",
+        "react-dom/no-missing-button-type": "warn",
+        "react-dom/no-missing-iframe-sandbox": "warn",
+        "react-dom/no-namespace": "error",
+        "react-dom/no-render-return-value": "error",
+        "react-dom/no-script-url": "warn",
+        "react-dom/no-unsafe-iframe-sandbox": "warn",
+        "react-dom/no-unsafe-target-blank": "warn",
+        // recommended rules react-hooks
+        "react-hooks/exhaustive-deps": "warn",
+        "react-hooks/rules-of-hooks": "error",
         // React Refresh
         "react-refresh/only-export-components": "warn",
         // React Compiler
         ...enableCompiler ? {
           "react-compiler/react-compiler": "error"
         } : {},
+        // recommended rules from @eslint-react
+        "react/ensure-forward-ref-using-ref": "warn",
+        "react/jsx-no-duplicate-props": "warn",
+        "react/jsx-uses-vars": "warn",
+        "react/no-access-state-in-setstate": "error",
+        "react/no-array-index-key": "warn",
+        "react/no-children-count": "warn",
+        "react/no-children-for-each": "warn",
+        "react/no-children-map": "warn",
+        "react/no-children-only": "warn",
+        "react/no-children-to-array": "warn",
+        "react/no-clone-element": "warn",
+        "react/no-comment-textnodes": "warn",
+        "react/no-component-will-mount": "error",
+        "react/no-component-will-receive-props": "error",
+        "react/no-component-will-update": "error",
+        "react/no-context-provider": "warn",
+        "react/no-create-ref": "error",
+        "react/no-default-props": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-duplicate-key": "error",
+        "react/no-forward-ref": "warn",
+        "react/no-implicit-key": "warn",
+        "react/no-missing-key": "error",
+        "react/no-nested-components": "error",
+        "react/no-prop-types": "error",
+        "react/no-redundant-should-component-update": "error",
+        "react/no-set-state-in-component-did-mount": "warn",
+        "react/no-set-state-in-component-did-update": "warn",
+        "react/no-set-state-in-component-will-update": "warn",
+        "react/no-string-refs": "error",
+        "react/no-unsafe-component-will-mount": "warn",
+        "react/no-unsafe-component-will-receive-props": "warn",
+        "react/no-unsafe-component-will-update": "warn",
+        "react/no-unstable-context-value": "warn",
+        "react/no-unstable-default-props": "warn",
+        "react/no-unused-class-component-members": "warn",
+        "react/no-unused-state": "warn",
+        "react/prefer-destructuring-assignment": "warn",
+        "react/prefer-shorthand-boolean": "warn",
+        "react/prefer-shorthand-fragment": "warn",
         "jsx-quotes": ["error", "prefer-double"],
         "react/react-in-jsx-scope": "off",
         "react/jsx-indent": [1, 2],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@debbl/eslint-config",
   "type": "module",
-  "version": "3.8.4",
+  "version": "3.8.5",
   "description": "Brendan Dash's ESLint config",
   "author": "Debbl <me@aiwan.run> (https://github.com/Debbl/)",
   "license": "MIT",
@@ -23,58 +23,64 @@
     "dist"
   ],
   "peerDependencies": {
-    "eslint": ">=8.40.0"
+    "eslint": ">=8.40.0",
+    "eslint-plugin-mdx": ">=3.1.5"
+  },
+  "peerDependenciesMeta": {
+    "eslint-plugin-mdx": {
+      "optional": true
+    }
   },
   "dependencies": {
+    "@eslint-react/eslint-plugin": "^1.19.0",
     "@eslint/markdown": "^6.2.1",
-    "@next/eslint-plugin-next": "^15.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.14.0",
-    "@typescript-eslint/parser": "^8.14.0",
+    "@next/eslint-plugin-next": "^15.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
+    "@vitest/eslint-plugin": "^1.1.16",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-import-x": "^4.4.2",
-    "eslint-plugin-jsdoc": "^50.5.0",
-    "eslint-plugin-jsonc": "^2.18.1",
-    "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-n": "^17.13.2",
+    "eslint-plugin-import-x": "^4.5.0",
+    "eslint-plugin-jsdoc": "^50.6.1",
+    "eslint-plugin-jsonc": "^2.18.2",
+    "eslint-plugin-n": "^17.15.0",
     "eslint-plugin-no-only-tests": "^3.3.0",
-    "eslint-plugin-perfectionist": "^3.9.1",
+    "eslint-plugin-perfectionist": "^4.3.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-compiler": "latest",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "eslint-plugin-solid": "^0.14.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-solid": "^0.14.5",
     "eslint-plugin-tailwindcss": "^3.17.5",
-    "eslint-plugin-toml": "^0.11.1",
-    "eslint-plugin-unicorn": "^56.0.0",
+    "eslint-plugin-toml": "^0.12.0",
+    "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "eslint-plugin-vitest": "^0.5.4",
-    "eslint-plugin-vue": "^9.31.0",
-    "eslint-plugin-yml": "^1.15.0",
-    "globals": "^15.12.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "eslint-plugin-yml": "^1.16.0",
+    "globals": "^15.13.0",
     "jsonc-eslint-parser": "^2.4.0",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
     "toml-eslint-parser": "^0.10.0",
     "vue-eslint-parser": "^9.4.3",
     "yaml-eslint-parser": "^1.2.3"
   },
   "devDependencies": {
-    "@eslint/config-inspector": "^0.5.6",
+    "@eslint/config-inspector": "^0.6.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.9.0",
-    "@types/react": "^18.3.12",
-    "bumpp": "^9.8.1",
-    "eslint": "9.14.0",
-    "execa": "^9.5.1",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.1",
+    "bumpp": "^9.9.1",
+    "eslint": "^9.16.0",
+    "eslint-plugin-mdx": "^3.1.5",
+    "execa": "^9.5.2",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "sucrase": "^3.35.0",
     "tsup": "^8.3.5",
-    "typescript": "^5.6.3",
-    "vitest": "^2.1.5"
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8"
   },
   "scripts": {
     "build": "tsup --format esm,cjs --clean --dts",