@biscuittin/eslint-config 0.1.1 → 0.3.0

package/dist/index.d.ts

@@ -60,36 +60,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/avoid-shorthand-fragment
    */
   '@eslint-react/avoid-shorthand-fragment'?: Linter.RuleEntry<[]>;
-  /**
-   * Reports all class components.
-   * @see https://eslint-react.xyz/docs/rules/debug-class-component
-   */
-  '@eslint-react/debug/class-component'?: Linter.RuleEntry<[]>;
-  /**
-   * Reports all function components.
-   * @see https://eslint-react.xyz/docs/rules/debug-function-component
-   */
-  '@eslint-react/debug/function-component'?: Linter.RuleEntry<[]>;
-  /**
-   * Reports all React Hooks.
-   * @see https://eslint-react.xyz/docs/rules/debug-hook
-   */
-  '@eslint-react/debug/hook'?: Linter.RuleEntry<[]>;
-  /**
-   * Reports all identifiers that are initialized from React.
-   * @see https://eslint-react.xyz/docs/rules/debug-is-from-react
-   */
-  '@eslint-react/debug/is-from-react'?: Linter.RuleEntry<[]>;
-  /**
-   * Reports all JSX elements and fragments.
-   * @see https://eslint-react.xyz/docs/rules/debug-jsx
-   */
-  '@eslint-react/debug/jsx'?: Linter.RuleEntry<[]>;
-  /**
-   * Reports all React Hooks.
-   * @see https://eslint-react.xyz/docs/rules/debug-hook
-   */
-  '@eslint-react/debug/react-hooks'?: Linter.RuleEntry<[]>;
   /**
    * Disallow `children` in void DOM elements.
    * @see https://eslint-react.xyz/docs/rules/dom-no-void-elements-with-children
@@ -14222,7 +14192,7 @@ type Yoda = [] | [("always" | "never")] | [("always" | "never"), {
   onlyEquality?: boolean;
 }];
 // Names of all the configs
-type ConfigNames = '@biscuittin/eslint-config/eslint-comments/setup' | '@biscuittin/eslint-config/eslint-comments/rules' | '@biscuittin/eslint-config/disables/script' | '@biscuittin/eslint-config/disables/cli' | '@biscuittin/eslint-config/disables/bin' | '@biscuittin/eslint-config/disables/dts' | '@biscuittin/eslint-config/disables/commonjs' | '@biscuittin/eslint-config/disables/config-files' | '@biscuittin/eslint-config/formatters/setup' | '@biscuittin/eslint-config/formatters/rules/typescript' | '@biscuittin/eslint-config/formatters/rules/json' | '@biscuittin/eslint-config/formatters/rules/markdown' | '@biscuittin/eslint-config/formatters/rules/malva' | '@biscuittin/eslint-config/formatters/rules/markup' | '@biscuittin/eslint-config/formatters/rules/yaml' | '@biscuittin/eslint-config/ignores/files' | '@biscuittin/eslint-config/ignores/gitignore' | '@biscuittin/eslint-config/imports/setup' | '@biscuittin/eslint-config/imports/rules' | '@biscuittin/eslint-config/imports/stylistic' | '@biscuittin/eslint-config/javascript/setup' | '@biscuittin/eslint-config/javascript/commonjs' | '@biscuittin/eslint-config/javascript/module' | '@biscuittin/eslint-config/javascript/rules' | '@biscuittin/eslint-config/json/setup' | '@biscuittin/eslint-config/json/rules' | '@biscuittin/eslint-config/json/stylistic' | '@biscuittin/eslint-config/json/package-json' | '@biscuittin/eslint-config/json/tsconfig-json' | '@biscuittin/eslint-config/jsx/setup' | '@biscuittin/eslint-config/next-js/setup' | '@biscuittin/eslint-config/next-js/rules' | '@biscuittin/eslint-config/node-js/setup' | '@biscuittin/eslint-config/node-js/rules' | '@biscuittin/eslint-config/node-js/script' | '@biscuittin/eslint-config/node-js/commonjs' | '@biscuittin/eslint-config/node-js/module' | '@biscuittin/eslint-config/react/setup' | '@biscuittin/eslint-config/react/rules' | '@biscuittin/eslint-config/react/stylistic' | '@biscuittin/eslint-config/regexp/setup' | '@biscuittin/eslint-config/regexp/rules' | '@biscuittin/eslint-config/tailwindcss/setup' | '@biscuittin/eslint-config/tailwindcss/rules' | '@biscuittin/eslint-config/typescript/setup' | '@biscuittin/eslint-config/typescript/rules' | '@biscuittin/eslint-config/typescript/react-type-checked' | '@biscuittin/eslint-config/unicorn/setup/all-src' | '@biscuittin/eslint-config/unicorn/setup/src' | '@biscuittin/eslint-config/unicorn/rules/all-src' | '@biscuittin/eslint-config/unicorn/rules/src';
+type ConfigNames = '@biscuittin/eslint-config/eslint-comments/setup' | '@biscuittin/eslint-config/eslint-comments/rules' | '@biscuittin/eslint-config/disables/script' | '@biscuittin/eslint-config/disables/cli' | '@biscuittin/eslint-config/disables/bin' | '@biscuittin/eslint-config/disables/dts' | '@biscuittin/eslint-config/disables/commonjs' | '@biscuittin/eslint-config/disables/config-files' | '@biscuittin/eslint-config/formatters/setup' | '@biscuittin/eslint-config/formatters/rules/typescript' | '@biscuittin/eslint-config/formatters/rules/json' | '@biscuittin/eslint-config/formatters/rules/markdown' | '@biscuittin/eslint-config/formatters/rules/malva' | '@biscuittin/eslint-config/formatters/rules/markup' | '@biscuittin/eslint-config/formatters/rules/yaml' | '@biscuittin/eslint-config/ignores/files' | '@biscuittin/eslint-config/ignores/gitignore' | '@biscuittin/eslint-config/imports/setup' | '@biscuittin/eslint-config/imports/rules' | '@biscuittin/eslint-config/imports/stylistic' | '@biscuittin/eslint-config/javascript/setup' | '@biscuittin/eslint-config/javascript/commonjs' | '@biscuittin/eslint-config/javascript/module' | '@biscuittin/eslint-config/javascript/rules' | '@biscuittin/eslint-config/json/setup' | '@biscuittin/eslint-config/json/rules' | '@biscuittin/eslint-config/json/stylistic' | '@biscuittin/eslint-config/json/package-json' | '@biscuittin/eslint-config/json/tsconfig-json' | '@biscuittin/eslint-config/jsx/setup' | '@biscuittin/eslint-config/next-js/setup' | '@biscuittin/eslint-config/next-js/rules' | '@biscuittin/eslint-config/node-js/setup' | '@biscuittin/eslint-config/node-js/rules' | '@biscuittin/eslint-config/node-js/script' | '@biscuittin/eslint-config/node-js/commonjs' | '@biscuittin/eslint-config/node-js/module' | '@biscuittin/eslint-config/react/setup' | '@biscuittin/eslint-config/react/rules' | '@biscuittin/eslint-config/react/stylistic' | '@biscuittin/eslint-config/react/type-check' | '@biscuittin/eslint-config/react/react-compiler' | '@biscuittin/eslint-config/regexp/setup' | '@biscuittin/eslint-config/regexp/rules' | '@biscuittin/eslint-config/tailwindcss/setup' | '@biscuittin/eslint-config/tailwindcss/rules' | '@biscuittin/eslint-config/typescript/setup' | '@biscuittin/eslint-config/typescript/rules' | '@biscuittin/eslint-config/unicorn/setup/all-src' | '@biscuittin/eslint-config/unicorn/setup/src' | '@biscuittin/eslint-config/unicorn/rules/all-src' | '@biscuittin/eslint-config/unicorn/rules/src';
 //#endregion
 //#region src/types.d.ts
 /**
@@ -14436,12 +14406,6 @@ interface OptionsTypeScript extends OptionsIsInEditor {
    * @see [@typescript-eslint/parser#extraFileExtensions](https://typescript-eslint.io/packages/parser/#extrafileextensions)
    */
   extraFileExtensions?: string[];
-  /**
-   * Enable [@eslint-react/eslint-plugin](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin) type-checking rules.
-   *
-   * @default `true` when `react` is enabled, otherwise `false`
-   */
-  reactTypeCheck?: boolean;
 }
 type OptionsJson = OptionsExtraFiles & OptionsStylistic;
 interface OptionsReact {
@@ -14451,6 +14415,12 @@ interface OptionsReact {
    * @default true
    */
   stylistic?: boolean;
+  /**
+   * Enable [@eslint-react/eslint-plugin](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin) type-checking rules.
+   *
+   * @default `true` when TypeScript is installed, otherwise `false`
+   */
+  typeCheck?: boolean;
   /**
    * Enable React Compiler rules.
    *
@@ -14547,6 +14517,7 @@ interface ESLintConfigOptions {
   typescript?: SharedOptions<OptionsTypeScript> | boolean;
   json?: SharedOptions<OptionsExtraFiles> | boolean;
   react?: SharedOptions<OptionsReact> | boolean;
+  nextjs?: SharedOptions | boolean;
   node?: SharedOptions<OptionsNodeJs> | boolean;
   tailwindcss?: SharedOptions<OptionsTailwindCss> | boolean;
 }

package/dist/index.js

@@ -20,11 +20,15 @@ import eslintPluginJsonc from "eslint-plugin-jsonc";
 import eslintPluginNextJs from "@next/eslint-plugin-next";
 import eslintPluginReactRefresh from "eslint-plugin-react-refresh";
 import eslintPluginNode from "eslint-plugin-n";
-import eslintPluginReact from "@eslint-react/eslint-plugin";
 import { eslint_plugin_jsx_a11y_minimal } from "@eslint-sukka/eslint-plugin-react-jsx-a11y";
 import eslintPluginStylistic from "@stylistic/eslint-plugin";
 import * as eslintPluginReactCompiler from "eslint-plugin-react-compiler";
+import eslintPluginReactDom from "eslint-plugin-react-dom";
 import * as eslintPluginReactHooks from "eslint-plugin-react-hooks";
+import eslintPluginReactHooksExtra from "eslint-plugin-react-hooks-extra";
+import eslintPluginReactNamingConvention from "eslint-plugin-react-naming-convention";
+import eslintPluginReactWebApi from "eslint-plugin-react-web-api";
+import eslintPluginReactX from "eslint-plugin-react-x";
 import * as eslintPluginRegexp from "eslint-plugin-regexp";
 import eslintPluginBetterTailwindcss from "eslint-plugin-better-tailwindcss";
 import { createTypeScriptImportResolver, defaultExtensions } from "eslint-import-resolver-typescript";
@@ -242,14 +246,10 @@ const GLOB_JSON = "**/*.json";
 const GLOB_JSON5 = "**/*.json5";
 const GLOB_JSONC = "**/*.jsonc";
 const GLOB_MARKDOWN = "**/*.md";
-const GLOB_SVELTE = "**/*.svelte";
-const GLOB_VUE = "**/*.vue";
 const GLOB_YAML = "**/*.y?(a)ml";
 const GLOB_TOML = "**/*.toml";
-const GLOB_XML = "**/*.xml";
 const GLOB_HTML = "**/*.htm?(l)";
 const GLOB_SVG = "**/*.svg";
-const GLOB_ASTRO = "**/*.astro";
 const GLOB_MARKDOWN_CODE = `${GLOB_MARKDOWN}/${GLOB_SRC}`;
 const GLOB_TESTS = [
 	`**/__tests__/**/*.${GLOB_SRC_EXT}`,
@@ -266,14 +266,10 @@ const GLOB_ALL_SRC = [
 	GLOB_JSON5,
 	GLOB_JSONC,
 	GLOB_MARKDOWN,
-	GLOB_SVELTE,
-	GLOB_VUE,
 	GLOB_YAML,
 	GLOB_TOML,
-	GLOB_XML,
 	GLOB_HTML,
-	GLOB_SVG,
-	GLOB_ASTRO
+	GLOB_SVG
 ];
 const GLOB_EXCLUDE = [
 	"**/node_modules",
@@ -477,12 +473,7 @@ async function formatters(options = {}) {
 		},
 		{
 			name: `${name$12.rules}/markup`,
-			files: [
-				GLOB_HTML,
-				GLOB_VUE,
-				GLOB_SVELTE,
-				GLOB_ASTRO
-			],
+			files: [GLOB_HTML],
 			languageOptions: { parser: parsers_default["parserPlain"] },
 			rules: hasPlugin("markup") ? { "format/dprint": ["error", {
 				language: getPluginUrl("markup"),
@@ -1006,7 +997,6 @@ function nextJs() {
 		name: name$6.rules,
 		files: files$4,
 		rules: {
-			...pluginNextJs.flatConfig.coreWebVitals.rules,
 			"react-refresh/only-export-components": ["warn", { allowExportNames: [
 				"config",
 				"generateStaticParams",
@@ -1014,7 +1004,28 @@ function nextJs() {
 				"generateMetadata",
 				"viewport",
 				"generateViewport"
-			] }]
+			] }],
+			"@next/next/google-font-display": "warn",
+			"@next/next/google-font-preconnect": "warn",
+			"@next/next/next-script-for-ga": "warn",
+			"@next/next/no-async-client-component": "warn",
+			"@next/next/no-before-interactive-script-outside-document": "warn",
+			"@next/next/no-css-tags": "warn",
+			"@next/next/no-head-element": "warn",
+			"@next/next/no-img-element": "warn",
+			"@next/next/no-page-custom-font": "warn",
+			"@next/next/no-styled-jsx-in-document": "warn",
+			"@next/next/no-title-in-document-head": "warn",
+			"@next/next/no-typos": "warn",
+			"@next/next/no-unwanted-polyfillio": "warn",
+			"@next/next/inline-script-id": "error",
+			"@next/next/no-assign-module-variable": "error",
+			"@next/next/no-document-import-in-page": "error",
+			"@next/next/no-duplicate-head": "error",
+			"@next/next/no-head-import-in-document": "error",
+			"@next/next/no-script-component-in-head": "error",
+			"@next/next/no-html-link-for-pages": "error",
+			"@next/next/no-sync-scripts": "error"
 		}
 	}];
 }
@@ -1128,154 +1139,238 @@ function nodeJs(options = {}) {
 
 //#endregion
 //#region src/configs/react.ts
-const reactPlugins$1 = eslintPluginReact.configs.all.plugins;
 const pluginJsxA11y = memo(eslint_plugin_jsx_a11y_minimal, "eslint-plugin-react-jsx-a11y");
-const pluginReact$1 = memo(reactPlugins$1["@eslint-react"], "eslint-plugin-react-x");
+const pluginReact = memo(eslintPluginReactX, "eslint-plugin-react-x");
 const pluginReactCompiler = memo(eslintPluginReactCompiler, "eslint-plugin-react-compiler");
-const pluginReactDebug = memo(reactPlugins$1["@eslint-react/debug"], "eslint-plugin-react-debug");
-const pluginReactDom$1 = memo(reactPlugins$1["@eslint-react/dom"], "eslint-plugin-react-dom");
+const pluginReactDom = memo(eslintPluginReactDom, "eslint-plugin-react-dom");
 const pluginReactHooks = memo(eslintPluginReactHooks, "eslint-plugin-react-hooks");
-const pluginReactHooksExtra = memo(reactPlugins$1["@eslint-react/hooks-extra"], "eslint-plugin-react-hooks-extra");
-const pluginReactHooksNamingConvention = memo(reactPlugins$1["@eslint-react/naming-convention"], "eslint-plugin-react-naming-convention");
+const pluginReactHooksExtra = memo(eslintPluginReactHooksExtra, "eslint-plugin-react-hooks-extra");
+const pluginReactNamingConvention = memo(eslintPluginReactNamingConvention, "eslint-plugin-react-naming-convention");
 const pluginReactRefresh = memo(eslintPluginReactRefresh, "eslint-plugin-react-refresh");
-const pluginReactWebApi = memo(reactPlugins$1["@eslint-react/web-api"], "eslint-plugin-react-web-api");
+const pluginReactWebApi = memo(eslintPluginReactWebApi, "eslint-plugin-react-web-api");
 const pluginStylistic = memo(eslintPluginStylistic, "eslint-plugin-stylistic");
+const pluginTypescript$1 = memo(plugin, "@typescript-eslint/eslint-plugin");
 const name$4 = getFlatConfigName("react");
 const files$3 = [GLOB_SRC];
-function react(options = {}) {
-	const { stylistic = true, reactCompiler = false } = options;
-	return [
-		{
-			name: name$4.setup,
-			files: files$3,
-			plugins: {
-				"react-hooks": pluginReactHooks,
-				"react-compiler": pluginReactCompiler,
-				"react-refresh": pluginReactRefresh,
-				"jsx-a11y": pluginJsxA11y,
-				"@stylistic": pluginStylistic,
-				"@eslint-react": pluginReact$1,
-				"@eslint-react/dom": pluginReactDom$1,
-				"@eslint-react/web-api": pluginReactWebApi,
-				"@eslint-react/debug": pluginReactDebug,
-				"@eslint-react/hooks-extra": pluginReactHooksExtra,
-				"@eslint-react/naming-convention": pluginReactHooksNamingConvention
-			},
-			settings: { "react-x": {
-				importSource: "react",
-				jsxPragma: "createElement",
-				jsxPragmaFrag: "Fragment",
-				polymorphicPropName: "as",
-				strict: true,
-				strictImportCheck: true,
-				version: "detect",
-				additionalHooks: {
-					useEffect: ["useIsomorphicLayoutEffect"],
-					useLayoutEffect: ["useIsomorphicLayoutEffect"]
-				}
-			} }
-		},
-		{
-			name: name$4.rules,
-			files: files$3,
-			rules: {
-				"react-hooks/rules-of-hooks": "error",
-				"react-hooks/exhaustive-deps": "error",
-				"react-compiler/react-compiler": reactCompiler ? "error" : "off",
-				"react-refresh/only-export-components": "warn",
-				"jsx-a11y/alt-text": ["warn", {
-					elements: ["img"],
-					img: ["Image"]
-				}],
-				"jsx-a11y/aria-props": "warn",
-				"jsx-a11y/aria-proptypes": "warn",
-				"jsx-a11y/aria-role": "warn",
-				"jsx-a11y/aria-unsupported-elements": "warn",
-				"jsx-a11y/iframe-has-title": "warn",
-				"jsx-a11y/no-access-key": "warn",
-				"jsx-a11y/role-has-required-aria-props": "warn",
-				"jsx-a11y/role-supports-aria-props": "warn",
-				"jsx-a11y/tabindex-no-positive": "warn",
-				...eslintPluginReact.configs.x.rules,
-				"@eslint-react/ensure-forward-ref-using-ref": "error",
-				"@eslint-react/no-duplicate-jsx-props": "error",
-				"@eslint-react/no-duplicate-key": "error",
-				"@eslint-react/no-children-count": "error",
-				"@eslint-react/no-children-for-each": "error",
-				"@eslint-react/no-children-only": "error",
-				"@eslint-react/no-children-to-array": "error",
-				"@eslint-react/no-clone-element": "error",
-				"@eslint-react/no-comment-textnodes": "error",
-				"@eslint-react/no-implicit-key": "error",
-				"@eslint-react/no-missing-component-display-name": "error",
-				"@eslint-react/no-unstable-context-value": "error",
-				"@eslint-react/dom/no-unsafe-target-blank": "off",
-				"@eslint-react/dom/no-void-elements-with-children": "error",
-				"@eslint-react/web-api/no-leaked-event-listener": "error",
-				"@eslint-react/web-api/no-leaked-interval": "error",
-				"@eslint-react/web-api/no-leaked-resize-observer": "error",
-				"@eslint-react/web-api/no-leaked-timeout": "error",
-				"@eslint-react/hooks-extra/no-unnecessary-use-callback": "error",
-				"@eslint-react/hooks-extra/no-unnecessary-use-memo": "error",
-				"@eslint-react/hooks-extra/no-useless-custom-hooks": "error",
-				"@eslint-react/hooks-extra/no-direct-set-state-in-use-effect": "error",
-				"@eslint-react/hooks-extra/no-direct-set-state-in-use-layout-effect": "error"
-			}
-		},
-		{
-			name: name$4.stylistic,
-			files: files$3,
-			rules: stylistic ? {
-				"@eslint-react/prefer-destructuring-assignment": "error",
-				"@eslint-react/prefer-react-namespace-import": "warn",
-				"@eslint-react/prefer-shorthand-boolean": "error",
-				"@eslint-react/prefer-shorthand-fragment": "off",
-				"@eslint-react/avoid-shorthand-boolean": "off",
-				"@eslint-react/avoid-shorthand-fragment": "error",
-				"@stylistic/jsx-closing-bracket-location": "error",
-				"@stylistic/jsx-closing-tag-location": "error",
-				"@stylistic/jsx-curly-brace-presence": ["error", { propElementValues: "always" }],
-				"@stylistic/jsx-equals-spacing": "error",
-				"@stylistic/jsx-first-prop-new-line": ["error", "multiline"],
-				"@stylistic/jsx-function-call-newline": ["error", "multiline"],
-				"@stylistic/jsx-max-props-per-line": ["error", {
-					maximum: 1,
-					when: "multiline"
-				}],
-				"@stylistic/jsx-one-expression-per-line": ["error", { allow: "non-jsx" }],
-				"@stylistic/jsx-pascal-case": ["error", {
-					allowNamespace: true,
-					ignore: ["motion"]
-				}],
-				"@stylistic/jsx-self-closing-comp": ["error", {
-					component: true,
-					html: true
-				}],
-				"@stylistic/jsx-tag-spacing": ["error", {
-					afterOpening: "never",
-					beforeClosing: "never",
-					beforeSelfClosing: "always",
-					closingSlash: "never"
-				}],
-				"@stylistic/jsx-wrap-multilines": ["error", {
-					arrow: "parens-new-line",
-					assignment: "parens-new-line",
-					condition: "parens-new-line",
-					declaration: "parens-new-line",
-					logical: "parens-new-line",
-					prop: "parens-new-line",
-					propertyValue: "parens-new-line",
-					return: "parens-new-line"
-				}],
-				"@stylistic/jsx-sort-props": ["error", {
-					callbacksLast: true,
-					shorthandFirst: true,
-					multiline: "last",
-					reservedFirst: true
-				}]
-			} : {}
+const configSetup = {
+	name: name$4.setup,
+	files: files$3,
+	plugins: {
+		"react-hooks": pluginReactHooks,
+		"react-refresh": pluginReactRefresh,
+		"jsx-a11y": pluginJsxA11y,
+		"@eslint-react": pluginReact,
+		"@eslint-react/dom": pluginReactDom,
+		"@eslint-react/web-api": pluginReactWebApi,
+		"@eslint-react/hooks-extra": pluginReactHooksExtra,
+		"@eslint-react/naming-convention": pluginReactNamingConvention
+	},
+	settings: { "react-x": {
+		version: "detect",
+		importSource: "react",
+		strict: true,
+		skipImportCheck: true,
+		polymorphicPropName: "as",
+		jsxPragma: "createElement",
+		jsxPragmaFrag: "Fragment",
+		additionalHooks: {
+			useEffect: ["useIsomorphicLayoutEffect"],
+			useLayoutEffect: ["useIsomorphicLayoutEffect"]
 		}
-	];
+	} }
+};
+const configCommonRules = {
+	name: name$4.rules,
+	files: files$3,
+	rules: {
+		"react-hooks/rules-of-hooks": "error",
+		"react-hooks/exhaustive-deps": ["error", { additionalHooks: "useIsomorphicLayoutEffect" }],
+		"react-refresh/only-export-components": "warn",
+		"jsx-a11y/alt-text": ["warn", {
+			elements: ["img"],
+			img: ["Image"]
+		}],
+		"jsx-a11y/aria-props": "warn",
+		"jsx-a11y/aria-proptypes": "warn",
+		"jsx-a11y/aria-role": "warn",
+		"jsx-a11y/aria-unsupported-elements": "warn",
+		"jsx-a11y/iframe-has-title": "warn",
+		"jsx-a11y/no-access-key": "warn",
+		"jsx-a11y/role-has-required-aria-props": "warn",
+		"jsx-a11y/role-supports-aria-props": "warn",
+		"jsx-a11y/tabindex-no-positive": "warn",
+		"@eslint-react/jsx-key-before-spread": "warn",
+		"@eslint-react/jsx-no-duplicate-props": "error",
+		"@eslint-react/jsx-no-iife": "off",
+		"@eslint-react/jsx-no-undef": "off",
+		"@eslint-react/jsx-uses-react": "warn",
+		"@eslint-react/jsx-uses-vars": "warn",
+		"@eslint-react/no-access-state-in-setstate": "error",
+		"@eslint-react/no-array-index-key": "warn",
+		"@eslint-react/no-children-count": "error",
+		"@eslint-react/no-children-for-each": "error",
+		"@eslint-react/no-children-map": "warn",
+		"@eslint-react/no-children-only": "error",
+		"@eslint-react/no-children-prop": "off",
+		"@eslint-react/no-children-to-array": "error",
+		"@eslint-react/no-class-component": "off",
+		"@eslint-react/no-clone-element": "error",
+		"@eslint-react/no-comment-textnodes": "error",
+		"@eslint-react/no-complex-conditional-rendering": "off",
+		"@eslint-react/no-component-will-mount": "error",
+		"@eslint-react/no-component-will-receive-props": "error",
+		"@eslint-react/no-component-will-update": "error",
+		"@eslint-react/no-context-provider": "warn",
+		"@eslint-react/no-create-ref": "error",
+		"@eslint-react/no-default-props": "error",
+		"@eslint-react/no-direct-mutation-state": "error",
+		"@eslint-react/no-duplicate-key": "error",
+		"@eslint-react/no-forward-ref": "warn",
+		"@eslint-react/no-implicit-key": "error",
+		"@eslint-react/no-leaked-conditional-rendering": "off",
+		"@eslint-react/no-missing-component-display-name": "error",
+		"@eslint-react/no-missing-context-display-name": "off",
+		"@eslint-react/no-missing-key": "error",
+		"@eslint-react/no-misused-capture-owner-stack": "error",
+		"@eslint-react/no-nested-component-definitions": "error",
+		"@eslint-react/no-nested-lazy-component-declarations": "error",
+		"@eslint-react/no-prop-types": "error",
+		"@eslint-react/no-redundant-should-component-update": "error",
+		"@eslint-react/no-set-state-in-component-did-mount": "warn",
+		"@eslint-react/no-set-state-in-component-did-update": "warn",
+		"@eslint-react/no-set-state-in-component-will-update": "warn",
+		"@eslint-react/no-string-refs": "error",
+		"@eslint-react/no-unsafe-component-will-mount": "warn",
+		"@eslint-react/no-unsafe-component-will-receive-props": "warn",
+		"@eslint-react/no-unsafe-component-will-update": "warn",
+		"@eslint-react/no-unstable-context-value": "error",
+		"@eslint-react/no-unstable-default-props": "warn",
+		"@eslint-react/no-unused-class-component-members": "warn",
+		"@eslint-react/no-unused-state": "warn",
+		"@eslint-react/no-use-context": "warn",
+		"@eslint-react/no-useless-forward-ref": "error",
+		"@eslint-react/no-useless-fragment": "off",
+		"@eslint-react/prefer-destructuring-assignment": "off",
+		"@eslint-react/prefer-react-namespace-import": "off",
+		"@eslint-react/prefer-read-only-props": "off",
+		"@eslint-react/prefer-shorthand-boolean": "off",
+		"@eslint-react/prefer-shorthand-fragment": "off",
+		"@eslint-react/avoid-shorthand-boolean": "off",
+		"@eslint-react/avoid-shorthand-fragment": "off",
+		"@eslint-react/dom/no-dangerously-set-innerhtml": "warn",
+		"@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
+		"@eslint-react/dom/no-find-dom-node": "error",
+		"@eslint-react/dom/no-flush-sync": "error",
+		"@eslint-react/dom/no-hydrate": "error",
+		"@eslint-react/dom/no-missing-button-type": "warn",
+		"@eslint-react/dom/no-missing-iframe-sandbox": "warn",
+		"@eslint-react/dom/no-namespace": "error",
+		"@eslint-react/dom/no-render": "error",
+		"@eslint-react/dom/no-render-return-value": "error",
+		"@eslint-react/dom/no-script-url": "warn",
+		"@eslint-react/dom/no-unknown-property": "off",
+		"@eslint-react/dom/no-unsafe-iframe-sandbox": "warn",
+		"@eslint-react/dom/no-unsafe-target-blank": "off",
+		"@eslint-react/dom/no-use-form-state": "error",
+		"@eslint-react/dom/no-void-elements-with-children": "error",
+		"@eslint-react/web-api/no-leaked-event-listener": "error",
+		"@eslint-react/web-api/no-leaked-interval": "error",
+		"@eslint-react/web-api/no-leaked-resize-observer": "error",
+		"@eslint-react/web-api/no-leaked-timeout": "error",
+		"@eslint-react/hooks-extra/no-direct-set-state-in-use-effect": "error",
+		"@eslint-react/hooks-extra/no-direct-set-state-in-use-layout-effect": "error",
+		"@eslint-react/hooks-extra/no-unnecessary-use-callback": "error",
+		"@eslint-react/hooks-extra/no-unnecessary-use-memo": "error",
+		"@eslint-react/hooks-extra/no-unnecessary-use-prefix": "error",
+		"@eslint-react/hooks-extra/prefer-use-state-lazy-initialization": "warn",
+		"@eslint-react/naming-convention/component-name": "warn",
+		"@eslint-react/naming-convention/context-name": "warn",
+		"@eslint-react/naming-convention/filename": "off",
+		"@eslint-react/naming-convention/filename-extension": "warn",
+		"@eslint-react/naming-convention/use-state": "warn"
+	}
+};
+const configStylistic = {
+	name: name$4.stylistic,
+	files: files$3,
+	plugins: { "@stylistic": pluginStylistic },
+	rules: {
+		"@eslint-react/prefer-destructuring-assignment": "error",
+		"@eslint-react/prefer-react-namespace-import": "warn",
+		"@eslint-react/prefer-shorthand-boolean": "error",
+		"@eslint-react/prefer-shorthand-fragment": "off",
+		"@eslint-react/avoid-shorthand-boolean": "off",
+		"@eslint-react/avoid-shorthand-fragment": "error",
+		"@stylistic/jsx-closing-bracket-location": "error",
+		"@stylistic/jsx-closing-tag-location": "error",
+		"@stylistic/jsx-curly-brace-presence": ["error", { propElementValues: "always" }],
+		"@stylistic/jsx-equals-spacing": "error",
+		"@stylistic/jsx-first-prop-new-line": ["error", "multiline"],
+		"@stylistic/jsx-function-call-newline": ["error", "multiline"],
+		"@stylistic/jsx-max-props-per-line": ["error", {
+			maximum: 1,
+			when: "multiline"
+		}],
+		"@stylistic/jsx-one-expression-per-line": ["error", { allow: "non-jsx" }],
+		"@stylistic/jsx-pascal-case": ["error", {
+			allowNamespace: true,
+			ignore: ["motion"]
+		}],
+		"@stylistic/jsx-self-closing-comp": ["error", {
+			component: true,
+			html: true
+		}],
+		"@stylistic/jsx-tag-spacing": ["error", {
+			afterOpening: "never",
+			beforeClosing: "never",
+			beforeSelfClosing: "always",
+			closingSlash: "never"
+		}],
+		"@stylistic/jsx-wrap-multilines": ["error", {
+			arrow: "parens-new-line",
+			assignment: "parens-new-line",
+			condition: "parens-new-line",
+			declaration: "parens-new-line",
+			logical: "parens-new-line",
+			prop: "parens-new-line",
+			propertyValue: "parens-new-line",
+			return: "parens-new-line"
+		}],
+		"@stylistic/jsx-sort-props": ["error", {
+			callbacksLast: true,
+			shorthandFirst: true,
+			multiline: "last",
+			reservedFirst: true
+		}]
+	}
+};
+const configTypeCheck = {
+	name: `${name$4.base}/type-check`,
+	files: [GLOB_TS, GLOB_TSX],
+	plugins: { "@typescript-eslint": pluginTypescript$1 },
+	rules: {
+		"@eslint-react/dom/no-unknown-property": "off",
+		"@eslint-react/jsx-no-duplicate-props": "off",
+		"@eslint-react/jsx-uses-react": "off",
+		"@eslint-react/jsx-uses-vars": "off",
+		"@eslint-react/no-leaked-conditional-rendering": "error",
+		"@eslint-react/prefer-read-only-props": "warn",
+		"@typescript-eslint/no-misused-promises": ["error", { checksVoidReturn: { attributes: false } }]
+	}
+};
+const configReactCompiler = {
+	name: `${name$4.base}/react-compiler`,
+	files: files$3,
+	plugins: { "react-compiler": pluginReactCompiler },
+	rules: { "react-compiler/react-compiler": "error" }
+};
+function react(options = {}) {
+	const { stylistic = true, typeCheck = false, reactCompiler = false } = options;
+	const configs$2 = [configSetup, configCommonRules];
+	if (stylistic) configs$2.push(configStylistic);
+	if (typeCheck) configs$2.push(configTypeCheck);
+	if (reactCompiler) configs$2.push(configReactCompiler);
+	return configs$2;
 }
 
 //#endregion
@@ -1330,12 +1425,9 @@ function tailwindcss(options = {}) {
 
 //#endregion
 //#region src/configs/typescript.ts
-const reactPlugins = eslintPluginReact.configs.all.plugins;
 const pluginAntfu = memo(eslintPluginAntfu, "eslint-plugin-antfu");
 const pluginImportX = memo(eslintPluginImportX, "eslint-plugin-import-x");
-const pluginReact = memo(reactPlugins["@eslint-react"], "eslint-plugin-react-x");
-const pluginReactDom = memo(reactPlugins["@eslint-react/dom"], "eslint-plugin-react-dom");
-const pluginTypescript = memo(plugin, "typescript-eslint");
+const pluginTypescript = memo(plugin, "@typescript-eslint/eslint-plugin");
 const name$1 = getFlatConfigName("typescript");
 const typescriptStrictTypeCheckedRuleList = configs.strictTypeChecked.map((config$1) => config$1.rules);
 const typescriptStrictTypeCheckedRules = Object.assign({}, ...typescriptStrictTypeCheckedRuleList);
@@ -1343,7 +1435,7 @@ const typescriptStylisticTypeCheckedRuleList = configs.stylisticTypeChecked.map(
 const typescriptStylisticTypeCheckedRules = Object.assign({}, ...typescriptStylisticTypeCheckedRuleList);
 const externalModuleFolders = ["node_modules", "node_modules/@types"];
 function typescript(options = {}) {
-	const { isInEditor = false, tsconfigPath = true, tsconfigRootDir = process.cwd(), allowDefaultProject = [], extraFileExtensions = [], reactTypeCheck = false } = options;
+	const { isInEditor = false, tsconfigPath = true, tsconfigRootDir = process.cwd(), allowDefaultProject = [], extraFileExtensions = [] } = options;
 	const files$7 = [
 		GLOB_TS,
 		GLOB_TSX,
@@ -1444,22 +1536,6 @@ function typescript(options = {}) {
 				"antfu/no-ts-export-equal": "error"
 			}
 		},
-		{
-			name: `${name$1.base}/react-type-checked`,
-			files: files$7,
-			plugins: {
-				"@eslint-react": pluginReact,
-				"@eslint-react/dom": pluginReactDom
-			},
-			rules: reactTypeCheck ? {
-				"@typescript-eslint/no-misused-promises": ["error", { checksVoidReturn: { attributes: false } }],
-				"@eslint-react/dom/no-unknown-property": "off",
-				"@eslint-react/no-duplicate-jsx-props": "off",
-				"@eslint-react/use-jsx-vars": "off",
-				"@eslint-react/no-leaked-conditional-rendering": "error",
-				"@eslint-react/prefer-read-only-props": "warn"
-			} : {}
-		},
 		{
 			files: ["**/*.cts"],
 			rules: { "@typescript-eslint/no-require-imports": "off" }
@@ -1536,17 +1612,22 @@ function configOptions(options, defaultOptions) {
 async function config(options, ...userConfigs) {
 	const configs$2 = [];
 	const enableTypeScript = enabled(options?.typescript, isPackageExists("typescript"));
-	const enableReact = enabled(options?.react, isPackageExists("react"));
 	const importsOption = enableTypeScript ? configOptions(options?.typescript) : {};
 	configs$2.push(ignores(options?.ignores), comments(), imports(importsOption));
 	if (enabled(options?.javascript, true)) configs$2.push(javascript(configOptions(options?.javascript)));
-	if (enableTypeScript) configs$2.push(typescript(configOptions(options?.typescript, { reactTypeCheck: enableReact })));
+	if (enableTypeScript) configs$2.push(typescript(configOptions(options?.typescript)));
 	if (enabled(options?.json, true)) {
 		const formatOption = configOptions(options?.format, { indentWidth: 2 });
 		configs$2.push(json(configOptions(options?.json, { stylistic: formatOption })));
 	}
-	if (enableReact) configs$2.push(jsx(), react(configOptions(options?.react, { reactCompiler: isPackageExists("babel-plugin-react-compiler") || isPackageExists("react-compiler-webpack") })));
-	if (enabled(options?.react, isPackageExists("next"))) configs$2.push(nextJs());
+	if (enabled(options?.react, isPackageExists("react") || isPackageExists("@types/react"))) {
+		const enableReactCompiler = isPackageExists("babel-plugin-react-compiler") || isPackageExists("react-compiler-webpack");
+		configs$2.push(jsx(), react(configOptions(options?.react, {
+			typeCheck: enableTypeScript,
+			reactCompiler: enableReactCompiler
+		})));
+	}
+	if (enabled(options?.nextjs, isPackageExists("next"))) configs$2.push(nextJs());
 	if (enabled(options?.node, isPackageExists("@types/node"))) configs$2.push(nodeJs(configOptions(options?.node)));
 	if (enabled(options?.tailwindcss, isPackageExists("tailwindcss"))) configs$2.push(tailwindcss(configOptions(options?.tailwindcss)));
 	configs$2.push(regexp(), unicorn(), disables());

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biscuittin/eslint-config",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "A collection of ESLint configurations for Biscuit Tin projects.",
   "author": "Biscuit Tin <opensource@biscuitt.in>",
   "license": "MIT",
@@ -60,7 +60,6 @@
   },
   "dependencies": {
     "@eslint-community/eslint-plugin-eslint-comments": "^4.5.0",
-    "@eslint-react/eslint-plugin": "^1.52.3",
     "@eslint-sukka/eslint-plugin-react-jsx-a11y": "^6.22.1",
     "@eslint/js": "^9.32.0",
     "@eslint/json": "^0.13.1",
@@ -79,8 +78,13 @@
     "eslint-plugin-n": "^17.21.3",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "eslint-plugin-react-dom": "^1.52.3",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks-extra": "^1.52.3",
+    "eslint-plugin-react-naming-convention": "^1.52.3",
     "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-react-web-api": "^1.52.3",
+    "eslint-plugin-react-x": "^1.52.3",
     "eslint-plugin-regexp": "^2.9.1",
     "eslint-plugin-unicorn": "^60.0.0",
     "eslint-plugin-unused-imports": "^4.1.4",

package/typegen.d.ts

@@ -58,36 +58,6 @@ export interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/avoid-shorthand-fragment
    */
   '@eslint-react/avoid-shorthand-fragment'?: Linter.RuleEntry<[]>
-  /**
-   * Reports all class components.
-   * @see https://eslint-react.xyz/docs/rules/debug-class-component
-   */
-  '@eslint-react/debug/class-component'?: Linter.RuleEntry<[]>
-  /**
-   * Reports all function components.
-   * @see https://eslint-react.xyz/docs/rules/debug-function-component
-   */
-  '@eslint-react/debug/function-component'?: Linter.RuleEntry<[]>
-  /**
-   * Reports all React Hooks.
-   * @see https://eslint-react.xyz/docs/rules/debug-hook
-   */
-  '@eslint-react/debug/hook'?: Linter.RuleEntry<[]>
-  /**
-   * Reports all identifiers that are initialized from React.
-   * @see https://eslint-react.xyz/docs/rules/debug-is-from-react
-   */
-  '@eslint-react/debug/is-from-react'?: Linter.RuleEntry<[]>
-  /**
-   * Reports all JSX elements and fragments.
-   * @see https://eslint-react.xyz/docs/rules/debug-jsx
-   */
-  '@eslint-react/debug/jsx'?: Linter.RuleEntry<[]>
-  /**
-   * Reports all React Hooks.
-   * @see https://eslint-react.xyz/docs/rules/debug-hook
-   */
-  '@eslint-react/debug/react-hooks'?: Linter.RuleEntry<[]>
   /**
    * Disallow `children` in void DOM elements.
    * @see https://eslint-react.xyz/docs/rules/dom-no-void-elements-with-children
@@ -16044,4 +16014,4 @@ type Yoda = []|[("always" | "never")]|[("always" | "never"), {
   onlyEquality?: boolean
 }]
 // Names of all the configs
-export type ConfigNames = '@biscuittin/eslint-config/eslint-comments/setup' | '@biscuittin/eslint-config/eslint-comments/rules' | '@biscuittin/eslint-config/disables/script' | '@biscuittin/eslint-config/disables/cli' | '@biscuittin/eslint-config/disables/bin' | '@biscuittin/eslint-config/disables/dts' | '@biscuittin/eslint-config/disables/commonjs' | '@biscuittin/eslint-config/disables/config-files' | '@biscuittin/eslint-config/formatters/setup' | '@biscuittin/eslint-config/formatters/rules/typescript' | '@biscuittin/eslint-config/formatters/rules/json' | '@biscuittin/eslint-config/formatters/rules/markdown' | '@biscuittin/eslint-config/formatters/rules/malva' | '@biscuittin/eslint-config/formatters/rules/markup' | '@biscuittin/eslint-config/formatters/rules/yaml' | '@biscuittin/eslint-config/ignores/files' | '@biscuittin/eslint-config/ignores/gitignore' | '@biscuittin/eslint-config/imports/setup' | '@biscuittin/eslint-config/imports/rules' | '@biscuittin/eslint-config/imports/stylistic' | '@biscuittin/eslint-config/javascript/setup' | '@biscuittin/eslint-config/javascript/commonjs' | '@biscuittin/eslint-config/javascript/module' | '@biscuittin/eslint-config/javascript/rules' | '@biscuittin/eslint-config/json/setup' | '@biscuittin/eslint-config/json/rules' | '@biscuittin/eslint-config/json/stylistic' | '@biscuittin/eslint-config/json/package-json' | '@biscuittin/eslint-config/json/tsconfig-json' | '@biscuittin/eslint-config/jsx/setup' | '@biscuittin/eslint-config/next-js/setup' | '@biscuittin/eslint-config/next-js/rules' | '@biscuittin/eslint-config/node-js/setup' | '@biscuittin/eslint-config/node-js/rules' | '@biscuittin/eslint-config/node-js/script' | '@biscuittin/eslint-config/node-js/commonjs' | '@biscuittin/eslint-config/node-js/module' | '@biscuittin/eslint-config/react/setup' | '@biscuittin/eslint-config/react/rules' | '@biscuittin/eslint-config/react/stylistic' | '@biscuittin/eslint-config/regexp/setup' | '@biscuittin/eslint-config/regexp/rules' | '@biscuittin/eslint-config/tailwindcss/setup' | '@biscuittin/eslint-config/tailwindcss/rules' | '@biscuittin/eslint-config/typescript/setup' | '@biscuittin/eslint-config/typescript/rules' | '@biscuittin/eslint-config/typescript/react-type-checked' | '@biscuittin/eslint-config/unicorn/setup/all-src' | '@biscuittin/eslint-config/unicorn/setup/src' | '@biscuittin/eslint-config/unicorn/rules/all-src' | '@biscuittin/eslint-config/unicorn/rules/src'
+export type ConfigNames = '@biscuittin/eslint-config/eslint-comments/setup' | '@biscuittin/eslint-config/eslint-comments/rules' | '@biscuittin/eslint-config/disables/script' | '@biscuittin/eslint-config/disables/cli' | '@biscuittin/eslint-config/disables/bin' | '@biscuittin/eslint-config/disables/dts' | '@biscuittin/eslint-config/disables/commonjs' | '@biscuittin/eslint-config/disables/config-files' | '@biscuittin/eslint-config/formatters/setup' | '@biscuittin/eslint-config/formatters/rules/typescript' | '@biscuittin/eslint-config/formatters/rules/json' | '@biscuittin/eslint-config/formatters/rules/markdown' | '@biscuittin/eslint-config/formatters/rules/malva' | '@biscuittin/eslint-config/formatters/rules/markup' | '@biscuittin/eslint-config/formatters/rules/yaml' | '@biscuittin/eslint-config/ignores/files' | '@biscuittin/eslint-config/ignores/gitignore' | '@biscuittin/eslint-config/imports/setup' | '@biscuittin/eslint-config/imports/rules' | '@biscuittin/eslint-config/imports/stylistic' | '@biscuittin/eslint-config/javascript/setup' | '@biscuittin/eslint-config/javascript/commonjs' | '@biscuittin/eslint-config/javascript/module' | '@biscuittin/eslint-config/javascript/rules' | '@biscuittin/eslint-config/json/setup' | '@biscuittin/eslint-config/json/rules' | '@biscuittin/eslint-config/json/stylistic' | '@biscuittin/eslint-config/json/package-json' | '@biscuittin/eslint-config/json/tsconfig-json' | '@biscuittin/eslint-config/jsx/setup' | '@biscuittin/eslint-config/next-js/setup' | '@biscuittin/eslint-config/next-js/rules' | '@biscuittin/eslint-config/node-js/setup' | '@biscuittin/eslint-config/node-js/rules' | '@biscuittin/eslint-config/node-js/script' | '@biscuittin/eslint-config/node-js/commonjs' | '@biscuittin/eslint-config/node-js/module' | '@biscuittin/eslint-config/react/setup' | '@biscuittin/eslint-config/react/rules' | '@biscuittin/eslint-config/react/stylistic' | '@biscuittin/eslint-config/react/type-check' | '@biscuittin/eslint-config/react/react-compiler' | '@biscuittin/eslint-config/regexp/setup' | '@biscuittin/eslint-config/regexp/rules' | '@biscuittin/eslint-config/tailwindcss/setup' | '@biscuittin/eslint-config/tailwindcss/rules' | '@biscuittin/eslint-config/typescript/setup' | '@biscuittin/eslint-config/typescript/rules' | '@biscuittin/eslint-config/unicorn/setup/all-src' | '@biscuittin/eslint-config/unicorn/setup/src' | '@biscuittin/eslint-config/unicorn/rules/all-src' | '@biscuittin/eslint-config/unicorn/rules/src'