@ghettoddos/eslint-config 4.1.1 → 5.0.0

package/dist/index.mjs

@@ -5,18 +5,21 @@ import { fileURLToPath } from "node:url";
 import fs$1 from "node:fs";
 import path from "node:path";
 import { isPackageExists } from "local-pkg";
-import createCommand from "eslint-plugin-command/config";
 import pluginE18e from "@e18e/eslint-plugin";
 import pluginComments from "@eslint-community/eslint-plugin-eslint-comments";
 import pluginAntfu from "eslint-plugin-antfu";
+import pluginBaselineJs from "eslint-plugin-baseline-js";
+import pluginDeMorgan from "eslint-plugin-de-morgan";
 import pluginImportLite from "eslint-plugin-import-lite";
 import pluginNode from "eslint-plugin-n";
 import pluginPerfectionist from "eslint-plugin-perfectionist";
 import pluginUnicorn from "eslint-plugin-unicorn";
 import pluginUnusedImports from "eslint-plugin-unused-imports";
+import createCommand from "eslint-plugin-command/config";
 import globals from "globals";
 import { mergeProcessors, processorPassThrough } from "eslint-merge-processors";
 import { configs } from "eslint-plugin-regexp";
+import pluginSonarJs from "eslint-plugin-sonarjs";
 //#region node_modules/.pnpm/find-up-simple@1.0.1/node_modules/find-up-simple/index.js
 const toPath = (urlOrPath) => urlOrPath instanceof URL ? fileURLToPath(urlOrPath) : urlOrPath;
 async function findUp(name, { cwd = process.cwd(), type = "file", stopAt } = {}) {
@@ -50,6 +53,26 @@ function findUpSync(name, { cwd = process.cwd(), type = "file", stopAt } = {}) {
 	}
 }
 //#endregion
+//#region src/configs/baseline.ts
+async function baseline(options = {}) {
+	const { available, baseline, ignoreFeatures = ["functions-caller-arguments"], overrides = {} } = options;
+	return [{
+		name: "baseline/rules",
+		plugins: { "baseline-js": pluginBaselineJs },
+		rules: {
+			"baseline-js/use-baseline": ["warn", {
+				available,
+				baseline,
+				ignoreFeatures,
+				includeJsBuiltins: { preset: "auto" },
+				includeWebApis: { preset: "auto" },
+				...options
+			}],
+			...overrides
+		}
+	}];
+}
+//#endregion
 //#region src/configs/command.ts
 async function command() {
 	return [{
@@ -72,6 +95,14 @@ async function comments() {
 	}];
 }
 //#endregion
+//#region src/configs/de-morgan.ts
+async function deMorgan() {
+	return [{
+		...pluginDeMorgan.configs.recommended,
+		name: "de-morgan/rules"
+	}];
+}
+//#endregion
 //#region src/globs.ts
 const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
 const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
@@ -82,6 +113,7 @@ const GLOB_TSX = "**/*.?([cm])tsx";
 const GLOB_STYLE = "**/*.{c,le,sc}ss";
 const GLOB_CSS = "**/*.css";
 const GLOB_POSTCSS = "**/*.{p,post}css";
+const GLOB_LESS = "**/*.less";
 const GLOB_SCSS = "**/*.scss";
 const GLOB_JSON = "**/*.json";
 const GLOB_JSON5 = "**/*.json5";
@@ -94,6 +126,7 @@ const GLOB_TOML = "**/*.toml";
 const GLOB_XML = "**/*.xml";
 const GLOB_SVG = "**/*.svg";
 const GLOB_HTML = "**/*.htm?(l)";
+const GLOB_GRAPHQL = "**/*.{g,graph}ql";
 const GLOB_MARKDOWN_CODE = `${GLOB_MARKDOWN}/${GLOB_SRC}`;
 const GLOB_TESTS = [
 	`**/__tests__/**/*.${GLOB_SRC_EXT}`,
@@ -108,6 +141,7 @@ const GLOB_ALL_SRC = [
 	GLOB_JSON,
 	GLOB_JSON5,
 	GLOB_MARKDOWN,
+	GLOB_VUE,
 	GLOB_YAML,
 	GLOB_XML,
 	GLOB_HTML
@@ -137,13 +171,17 @@ const GLOB_EXCLUDE = [
 	"**/.output",
 	"**/.vite-inspect",
 	"**/.yarn",
-	"**/vite.config.*.timestamp-*",
 	"**/CHANGELOG*.md",
-	"**/*.min.*",
 	"**/LICENSE*",
+	"**/*.min.*",
 	"**/__snapshots__",
+	"**/vite.config.*.timestamp-*",
 	"**/auto-import?(s).d.ts",
-	"**/components.d.ts"
+	"**/components.d.ts",
+	"**/.context",
+	"**/.claude",
+	"**/.agents",
+	"**/.*/skills"
 ];
 //#endregion
 //#region src/configs/disables.ts
@@ -154,10 +192,28 @@ async function disables() {
 			name: "disables/scripts",
 			rules: {
 				"antfu/no-top-level-await": "off",
+				"baseline-js/use-baseline": "off",
 				"no-console": "off",
 				"ts/explicit-function-return-type": "off"
 			}
 		},
+		{
+			files: [`**/cli/${GLOB_SRC}`, `**/cli.${GLOB_SRC_EXT}`],
+			name: "disables/cli",
+			rules: {
+				"antfu/no-top-level-await": "off",
+				"baseline-js/use-baseline": "off",
+				"no-console": "off"
+			}
+		},
+		{
+			files: ["**/bin/**/*", `**/bin.${GLOB_SRC_EXT}`],
+			name: "disables/bin",
+			rules: {
+				"antfu/no-import-dist": "off",
+				"antfu/no-import-node-modules-by-path": "off"
+			}
+		},
 		{
 			files: ["**/*.d.?([cm])ts"],
 			name: "disables/dts",
@@ -171,10 +227,43 @@ async function disables() {
 			files: ["**/*.js", "**/*.cjs"],
 			name: "disables/cjs",
 			rules: { "ts/no-require-imports": "off" }
+		},
+		{
+			files: [`**/*.config.${GLOB_SRC_EXT}`, `**/*.config.*.${GLOB_SRC_EXT}`],
+			name: "disables/config-files",
+			rules: {
+				"antfu/no-top-level-await": "off",
+				"baseline-js/use-baseline": "off",
+				"no-console": "off",
+				"ts/explicit-function-return-type": "off"
+			}
 		}
 	];
 }
 //#endregion
+//#region src/configs/e18e.ts
+async function e18e(options = {}) {
+	const { isInEditor = false, modernization = true, type = "app", moduleReplacements = type === "lib" && isInEditor, overrides = {}, performanceImprovements = true } = options;
+	const configs = pluginE18e.configs;
+	return [{
+		name: "e18e/rules",
+		plugins: { e18e: pluginE18e },
+		rules: {
+			...modernization ? { ...configs.modernization.rules } : {},
+			...moduleReplacements ? { ...configs.moduleReplacements.rules } : {},
+			...performanceImprovements ? { ...configs.performanceImprovements.rules } : {},
+			...type === "lib" ? {} : { "e18e/prefer-static-regex": "off" },
+			"e18e/prefer-array-at": "off",
+			"e18e/prefer-array-from-map": "off",
+			"e18e/prefer-array-to-reversed": "off",
+			"e18e/prefer-array-to-sorted": "off",
+			"e18e/prefer-array-to-spliced": "off",
+			"e18e/prefer-spread-syntax": "off",
+			...overrides
+		}
+	}];
+}
+//#endregion
 //#region src/utils.ts
 const scopeUrl = fileURLToPath(new URL(".", import.meta.url));
 const isCwdInScope = isPackageExists("@ghettoddos/eslint-config");
@@ -198,12 +287,6 @@ const parserPlain = {
 	})
 };
 /**
-* Combine array and non-array configs into a single array.
-*/
-async function combine(...configs) {
-	return (await Promise.all(configs)).flat();
-}
-/**
 * Rename plugin prefixes in a rule object.
 * Accepts a map of prefixes to rename.
 *
@@ -238,7 +321,10 @@ async function ensurePackages(packages) {
 	if (process.env.CI || process.stdout.isTTY === false || isCwdInScope === false) return;
 	const nonExistingPackages = packages.filter((i) => i && !isPackageInScope(i));
 	if (nonExistingPackages.length === 0) return;
-	if (await (await import("@clack/prompts")).confirm({ message: `${nonExistingPackages.length === 1 ? "Package is" : "Packages are"} required for this config: ${nonExistingPackages.join(", ")}. Do you want to install them?` })) await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
+	const p = await import("@clack/prompts");
+	const packagePlural = nonExistingPackages.length === 1 ? "Package is" : "Packages are";
+	const pkgs = nonExistingPackages.join(", ");
+	if (await p.confirm({ message: `${packagePlural} required for this config: ${pkgs}. Do you want to install them?` })) await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
 }
 function isInEditorEnv() {
 	if (process.env.CI) return false;
@@ -248,27 +334,19 @@ function isInEditorEnv() {
 function isInGitHooksOrLintStaged() {
 	return !!(process.env.GIT_PARAMS || process.env.VSCODE_GIT_COMMAND || process.env.npm_lifecycle_script?.startsWith("lint-staged"));
 }
-function resolveSubOptions(options, key) {
-	return typeof options[key] === "boolean" ? {} : options[key] || {};
-}
-function getOverrides(options, key) {
-	const sub = resolveSubOptions(options, key);
-	return {
-		...options.overrides?.[key],
-		..."overrides" in sub ? sub.overrides : {}
-	};
-}
 //#endregion
 //#region src/configs/stylistic.ts
 const StylisticConfigDefaults = {
 	experimental: false,
 	indent: 2,
 	jsx: true,
+	printWidth: 100,
 	quotes: "single",
-	semi: false
+	semi: false,
+	tabWidth: 4
 };
 async function stylistic(options = {}) {
-	const { experimental, indent, jsx, overrides = {}, quotes, semi } = {
+	const { experimental, indent, jsx, lessOpinionated = false, overrides = {}, printWidth, quotes, semi, tabWidth } = {
 		...StylisticConfigDefaults,
 		...options
 	};
@@ -291,13 +369,23 @@ async function stylistic(options = {}) {
 			...config.rules,
 			...experimental ? {} : { "antfu/consistent-list-newline": "error" },
 			"antfu/consistent-chaining": "error",
-			"antfu/curly": "error",
-			"antfu/if-newline": "error",
-			"antfu/top-level-function": "error",
+			...lessOpinionated ? { curly: ["error", "all"] } : {
+				"antfu/curly": "error",
+				"antfu/if-newline": "error",
+				"antfu/top-level-function": "error"
+			},
 			"style/generator-star-spacing": ["error", {
 				after: true,
 				before: false
 			}],
+			"style/max-len": ["warn", {
+				code: printWidth,
+				ignoreComments: true,
+				ignoreRegExpLiterals: true,
+				ignoreTrailingComments: true,
+				ignoreUrls: true,
+				tabWidth: typeof indent === "number" ? indent : indent === "tab" ? tabWidth : 2
+			}],
 			"style/yield-star-spacing": ["error", {
 				after: true,
 				before: false
@@ -320,6 +408,7 @@ async function formatters(options = {}, stylistic = {}) {
 		const isPrettierPluginXmlInScope = isPackageInScope("@prettier/plugin-xml");
 		options = {
 			css: true,
+			graphql: true,
 			html: true,
 			markdown: true,
 			svg: isPrettierPluginXmlInScope,
@@ -327,13 +416,13 @@ async function formatters(options = {}, stylistic = {}) {
 		};
 	}
 	await ensurePackages(["eslint-plugin-format", options.xml || options.svg ? "@prettier/plugin-xml" : void 0]);
-	const { indent, quotes, semi } = {
+	const { indent, printWidth, quotes, semi } = {
 		...StylisticConfigDefaults,
 		...stylistic
 	};
 	const prettierOptions = Object.assign({
 		endOfLine: "auto",
-		printWidth: 120,
+		printWidth: typeof printWidth === "number" ? printWidth : 100,
 		semi,
 		singleQuote: quotes === "single",
 		tabWidth: typeof indent === "number" ? indent : 2,
@@ -360,6 +449,11 @@ async function formatters(options = {}, stylistic = {}) {
 		languageOptions: { parser: parserPlain },
 		name: "formatter/scss",
 		rules: { "format/prettier": ["error", mergePrettierOptions(prettierOptions, { parser: "scss" })] }
+	}, {
+		files: [GLOB_LESS],
+		languageOptions: { parser: parserPlain },
+		name: "formatter/less",
+		rules: { "format/prettier": ["error", mergePrettierOptions(prettierOptions, { parser: "less" })] }
 	});
 	if (options.html) configs.push({
 		files: [GLOB_HTML],
@@ -400,6 +494,12 @@ async function formatters(options = {}, stylistic = {}) {
 			parser: "markdown"
 		})] }
 	});
+	if (options.graphql) configs.push({
+		files: [GLOB_GRAPHQL],
+		languageOptions: { parser: parserPlain },
+		name: "formatter/graphql",
+		rules: { "format/prettier": ["error", mergePrettierOptions(prettierOptions, { parser: "graphql" })] }
+	});
 	return configs;
 }
 //#endregion
@@ -761,37 +861,6 @@ async function jsonc(options = {}) {
 	}];
 }
 //#endregion
-//#region src/constants.ts
-const ReactRefreshAllowConstantExportPackages = ["vite"];
-const RemixPackages = [
-	"@remix-run/node",
-	"@remix-run/react",
-	"@remix-run/serve",
-	"@remix-run/dev"
-];
-const ReactRouterPackages = [
-	"@react-router/node",
-	"@react-router/react",
-	"@react-router/serve",
-	"@react-router/dev"
-];
-const NextJsPackages = ["next"];
-const ReactNativePackages = ["react-native", "expo"];
-const ReactPackages = [
-	...RemixPackages,
-	...ReactRouterPackages,
-	...NextJsPackages,
-	...ReactNativePackages,
-	"react"
-];
-const ReactCompilerPackages = ["babel-plugin-react-compiler"];
-const VuePackages = [
-	"vue",
-	"nuxt",
-	"vitepress",
-	"@slidev/cli"
-];
-//#endregion
 //#region src/configs/jsx.ts
 async function jsx(options = {}) {
 	const { a11y } = options;
@@ -806,13 +875,13 @@ async function jsx(options = {}) {
 	await ensurePackages(["eslint-plugin-jsx-a11y"]);
 	const jsxA11yPlugin = await interopDefault(import("eslint-plugin-jsx-a11y"));
 	const a11yConfig = jsxA11yPlugin.flatConfigs.recommended;
-	const isUsingNext = NextJsPackages.some((i) => isPackageExists(i));
+	const isUsingNext = isPackageExists("next");
 	const a11yRules = {
 		...a11yConfig.rules || {},
-		"jsx-a11y/alt-text": ["error", {
+		...isUsingNext ? { "jsx-a11y/alt-text": ["warn", {
 			elements: ["img"],
-			img: [...isUsingNext ? ["Image"] : []]
-		}],
+			img: ["Image"]
+		}] } : {},
 		...typeof a11y === "object" && a11y.overrides ? a11y.overrides : {}
 	};
 	return [{
@@ -865,21 +934,6 @@ async function markdown(options = {}) {
 				...overridesMarkdown
 			}
 		},
-		{
-			files,
-			name: "markdown/disables/markdown",
-			rules: {
-				"command/command": "off",
-				"no-irregular-whitespace": "off",
-				"perfectionist/sort-exports": "off",
-				"perfectionist/sort-imports": "off",
-				"regexp/no-legacy-features": "off",
-				"regexp/no-missing-g-flag": "off",
-				"regexp/no-useless-dollar-replacements": "off",
-				"regexp/no-useless-flag": "off",
-				"style/indent": "off"
-			}
-		},
 		{
 			files: [GLOB_MARKDOWN_CODE, ...componentExts.map((ext) => `${GLOB_MARKDOWN}/**/*.${ext}`)],
 			languageOptions: { parserOptions: { ecmaFeatures: { impliedStrict: true } } },
@@ -918,41 +972,32 @@ async function markdown(options = {}) {
 }
 //#endregion
 //#region src/configs/nextjs.ts
+function normalizeRules(rules) {
+	return Object.fromEntries(Object.entries(rules).map(([key, value]) => [key, typeof value === "string" ? [value] : value]));
+}
 async function nextjs(options = {}) {
 	const { files = [GLOB_SRC], overrides = {} } = options;
 	await ensurePackages(["@next/eslint-plugin-next"]);
+	const pluginNextJS = await interopDefault(import("@next/eslint-plugin-next"));
+	function getRules(name) {
+		const rules = pluginNextJS.configs?.[name]?.rules;
+		if (!rules) throw new Error(`[@ghettoddos/eslint-config] Failed to find config ${name} in @next/eslint-plugin-next`);
+		return normalizeRules(rules);
+	}
 	return [{
-		name: "next/setup",
-		plugins: { next: await interopDefault(import("@next/eslint-plugin-next")) }
+		name: "nextjs/setup",
+		plugins: { next: pluginNextJS }
 	}, {
 		files,
 		languageOptions: {
 			parserOptions: { ecmaFeatures: { jsx: true } },
 			sourceType: "module"
 		},
-		name: "next/rules",
+		name: "nextjs/rules",
 		rules: {
-			"next/google-font-display": "warn",
-			"next/google-font-preconnect": "warn",
-			"next/inline-script-id": "error",
-			"next/next-script-for-ga": "warn",
-			"next/no-assign-module-variable": "error",
-			"next/no-async-client-component": "warn",
-			"next/no-before-interactive-script-outside-document": "warn",
-			"next/no-css-tags": "warn",
-			"next/no-document-import-in-page": "error",
-			"next/no-duplicate-head": "error",
-			"next/no-head-element": "warn",
-			"next/no-head-import-in-document": "error",
-			"next/no-html-link-for-pages": "warn",
-			"next/no-img-element": "warn",
-			"next/no-page-custom-font": "warn",
-			"next/no-script-component-in-head": "error",
-			"next/no-styled-jsx-in-document": "warn",
-			"next/no-sync-scripts": "warn",
-			"next/no-title-in-document-head": "warn",
-			"next/no-typos": "warn",
-			"next/no-unwanted-polyfillio": "warn",
+			...getRules("recommended"),
+			...getRules("core-web-vitals"),
+			"node/prefer-global/process": "off",
 			...overrides
 		},
 		settings: { react: { version: "detect" } }
@@ -1159,41 +1204,87 @@ async function pnpm(options) {
 	return configs;
 }
 //#endregion
+//#region src/configs/prefer-early-return.ts
+const defaultMaximumStatements = 1;
+const pluginPreferEarlyReturn = { rules: { "prefer-early-return": {
+	create(context) {
+		const maxStatements = (context.options[0] || { maximumStatements: defaultMaximumStatements }).maximumStatements;
+		function isLonelyIfStatement(statement) {
+			return statement.type === "IfStatement" && statement.alternate == null;
+		}
+		function isOffendingConsequent(consequent) {
+			return consequent.type === "ExpressionStatement" && maxStatements === 0 || consequent.type === "BlockStatement" && consequent.body.length > maxStatements;
+		}
+		function isOffendingIfStatement(statement) {
+			return isLonelyIfStatement(statement) && isOffendingConsequent(statement.consequent);
+		}
+		function hasSimplifiableConditionalBody(functionBody) {
+			const body = functionBody.body;
+			return functionBody.type === "BlockStatement" && body.length === 1 && isOffendingIfStatement(body[0]);
+		}
+		function checkFunctionBody(functionNode) {
+			const body = functionNode.body;
+			if (hasSimplifiableConditionalBody(body)) context.report(body, "Prefer an early return to a conditionally-wrapped function body");
+		}
+		return {
+			ArrowFunctionExpression: checkFunctionBody,
+			FunctionDeclaration: checkFunctionBody,
+			FunctionExpression: checkFunctionBody
+		};
+	},
+	meta: {
+		docs: {
+			category: "Best Practices",
+			description: "Prefer early returns over full-body conditional wrapping in function declarations.",
+			recommended: false,
+			uri: "https://github.com/Shopify/web-configs/blob/main/packages/eslint-plugin/docs/rules/prefer-early-return.md"
+		},
+		schema: [{
+			additionalProperties: false,
+			properties: { maximumStatements: { type: "integer" } },
+			type: "object"
+		}]
+	}
+} } };
+async function preferEarlyReturn() {
+	return [{
+		name: "prefer-early-return/rules",
+		plugins: { "prefer-early-return": pluginPreferEarlyReturn },
+		rules: { "prefer-early-return/prefer-early-return": "error" }
+	}];
+}
+//#endregion
 //#region src/configs/react.ts
+const ReactRefreshAllowConstantExportPackages = ["vite"];
+const RemixPackages = [
+	"@remix-run/node",
+	"@remix-run/react",
+	"@remix-run/serve",
+	"@remix-run/dev"
+];
+const ReactRouterPackages = [
+	"@react-router/node",
+	"@react-router/react",
+	"@react-router/serve",
+	"@react-router/dev"
+];
+const NextJsPackages = ["next"];
 async function react(options = {}) {
-	const { files = [GLOB_SRC], filesTypeAware = [GLOB_TS, GLOB_TSX], ignoresTypeAware = [`${GLOB_MARKDOWN}/**`], overrides = {}, tsconfigPath, reactCompiler = ReactCompilerPackages.some((i) => isPackageExists(i)) } = options;
-	await ensurePackages([
-		"@eslint-react/eslint-plugin",
-		"eslint-plugin-react-hooks",
-		"eslint-plugin-react-refresh"
-	]);
+	const { files = [GLOB_SRC], filesTypeAware = [GLOB_TS, GLOB_TSX], ignoresTypeAware = [`${GLOB_MARKDOWN}/**`], overrides = {}, tsconfigPath } = options;
+	await ensurePackages(["@eslint-react/eslint-plugin", "eslint-plugin-react-refresh"]);
 	const isTypeAware = !!tsconfigPath;
-	const typeAwareRules = {
-		"react/no-leaked-conditional-rendering": "warn",
-		"react/no-implicit-key": "error"
-	};
-	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 typeAwareRules = { "react/no-leaked-conditional-rendering": "error" };
+	const [pluginReact, pluginReactRefresh] = await Promise.all([interopDefault(import("@eslint-react/eslint-plugin")), interopDefault(import("eslint-plugin-react-refresh"))]);
 	const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some((i) => isPackageExists(i));
 	const isUsingRemix = RemixPackages.some((i) => isPackageExists(i));
 	const isUsingReactRouter = ReactRouterPackages.some((i) => isPackageExists(i));
 	const isUsingNext = NextJsPackages.some((i) => isPackageExists(i));
-	const plugins = pluginReact.configs.all.plugins;
 	return [
 		{
 			name: "react/setup",
 			plugins: {
-				"react": plugins["@eslint-react"],
-				"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-rsc": plugins["@eslint-react/rsc"],
-				"react-web-api": plugins["@eslint-react/web-api"]
+				"react": pluginReact.configs.all.plugins["@eslint-react"],
+				"react-refresh": pluginReactRefresh
 			}
 		},
 		{
@@ -1204,89 +1295,7 @@ async function react(options = {}) {
 			},
 			name: "react/rules",
 			rules: {
-				"react/jsx-key-before-spread": "warn",
-				"react/jsx-no-comment-textnodes": "warn",
-				"react/jsx-no-duplicate-props": "warn",
-				"react/jsx-uses-react": "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-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-forward-ref": "warn",
-				"react/no-missing-key": "error",
-				"react/no-nested-component-definitions": "error",
-				"react/no-nested-lazy-component-declarations": "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-unnecessary-use-prefix": "warn",
-				"react/no-unsafe-component-will-mount": "warn",
-				"react/no-unsafe-component-will-receive-props": "warn",
-				"react/no-unsafe-component-will-update": "warn",
-				"react/no-unused-class-component-members": "warn",
-				"react/no-use-context": "warn",
-				"react/no-useless-forward-ref": "warn",
-				"react/prefer-use-state-lazy-initialization": "warn",
-				"react/prefer-namespace-import": "error",
-				"react/jsx-shorthand-boolean": "warn",
-				"react/prefer-destructuring-assignment": "warn",
-				"react/no-missing-context-display-name": "warn",
-				"react/no-missing-component-display-name": "warn",
-				"react-rsc/function-definition": "error",
-				"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-flush-sync": "error",
-				"react-dom/no-hydrate": "error",
-				"react-dom/no-namespace": "error",
-				"react-dom/no-render": "error",
-				"react-dom/no-render-return-value": "error",
-				"react-dom/no-script-url": "warn",
-				"react-dom/no-unsafe-iframe-sandbox": "warn",
-				"react-dom/no-use-form-state": "error",
-				"react-dom/no-void-elements-with-children": "error",
-				"react-hooks-extra/no-direct-set-state-in-use-effect": "warn",
-				"react-naming-convention/context-name": "warn",
-				"react-naming-convention/ref-name": "warn",
-				"react-naming-convention/use-state": "warn",
-				"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",
-				"react-hooks/rules-of-hooks": "error",
-				"react-hooks/exhaustive-deps": "warn",
-				...reactCompiler ? {
-					"react-hooks/config": "error",
-					"react-hooks/error-boundaries": "error",
-					"react-hooks/component-hook-factories": "error",
-					"react-hooks/gating": "error",
-					"react-hooks/globals": "error",
-					"react-hooks/immutability": "error",
-					"react-hooks/preserve-manual-memoization": "error",
-					"react-hooks/purity": "error",
-					"react-hooks/refs": "error",
-					"react-hooks/set-state-in-effect": "error",
-					"react-hooks/set-state-in-render": "error",
-					"react-hooks/static-components": "error",
-					"react-hooks/unsupported-syntax": "warn",
-					"react-hooks/use-memo": "error",
-					"react-hooks/incompatible-library": "warn"
-				} : {},
+				...pluginReact.configs.recommended.rules,
 				"react-refresh/only-export-components": ["error", {
 					allowConstantExport: isAllowConstantExport,
 					allowExportNames: [...isUsingNext ? [
@@ -1323,12 +1332,8 @@ async function react(options = {}) {
 			files: filesTypeAware,
 			name: "react/typescript",
 			rules: {
-				"react-dom/no-string-style-prop": "off",
-				"react-dom/no-unknown-property": "off",
-				"react/jsx-no-duplicate-props": "off",
-				"react/jsx-no-undef": "off",
-				"react/jsx-uses-react": "off",
-				"react/jsx-uses-vars": "off"
+				"react/dom-no-string-style-prop": "off",
+				"react/dom-no-unknown-property": "off"
 			}
 		},
 		...isTypeAware ? [{
@@ -1340,71 +1345,6 @@ async function react(options = {}) {
 	];
 }
 //#endregion
-//#region src/configs/react-native.ts
-async function reactNative(options = {}) {
-	const { expo = isPackageExists("expo"), files = [GLOB_SRC], overrides = {} } = options;
-	await ensurePackages([
-		"@react-native/eslint-plugin",
-		"eslint-plugin-react-native",
-		...expo ? ["eslint-plugin-expo"] : []
-	]);
-	const [pluginReactNative, pluginReactNativeCommunity, pluginExpo] = await Promise.all([
-		interopDefault(import("@react-native/eslint-plugin")),
-		interopDefault(import("eslint-plugin-react-native")),
-		...expo ? [interopDefault(import("eslint-plugin-expo"))] : []
-	]);
-	return [{
-		name: "react-native/setup",
-		plugins: {
-			"react-native": pluginReactNative,
-			"react-native-community": pluginReactNativeCommunity,
-			...expo ? { expo: pluginExpo } : {}
-		}
-	}, {
-		files,
-		languageOptions: {
-			globals: {
-				...globals.browser,
-				"__DEV__": "readonly",
-				"alert": false,
-				"cancelAnimationFrame": false,
-				"cancelIdleCallback": false,
-				"clearImmediate": false,
-				"ErrorUtils": false,
-				"fetch": false,
-				"FormData": false,
-				"navigator": false,
-				"process": false,
-				"requestAnimationFrame": false,
-				"requestIdleCallback": false,
-				"setImmediate": false,
-				"shared-node-browser": true,
-				"window": false,
-				"XMLHttpRequest": false
-			},
-			parserOptions: { ecmaFeatures: { jsx: true } },
-			sourceType: "module"
-		},
-		name: "react-native/rules",
-		rules: {
-			"node/prefer-global/process": "off",
-			"react-native-community/no-inline-styles": "warn",
-			"react-native-community/no-raw-text": "warn",
-			"react-native-community/no-single-element-style-arrays": "warn",
-			"react-native-community/no-unused-styles": "warn",
-			"react-native/no-deep-imports": "error",
-			"ts/no-require-imports": ["warn", { allow: ["\\.(aac|aiff|avif|bmp|caf|db|gif|heic|html|jpeg|jpg|json|m4a|m4v|mov|mp3|mp4|mpeg|mpg|otf|pdf|png|psd|svg|ttf|wav|webm|webp|xml|yaml|yml|zip)$"] }],
-			...expo ? {
-				"expo/no-dynamic-env-var": "error",
-				"expo/no-env-var-destructuring": "error",
-				"expo/use-dom-exports": "error"
-			} : {},
-			...overrides
-		},
-		settings: { react: { version: "detect" } }
-	}];
-}
-//#endregion
 //#region src/configs/regexp.ts
 async function regexp(options = {}) {
 	const config = configs["flat/recommended"];
@@ -1422,6 +1362,18 @@ async function regexp(options = {}) {
 	}];
 }
 //#endregion
+//#region src/configs/sonarjs.ts
+async function sonarjs(options = {}) {
+	return [{
+		name: "sonarjs/rules",
+		plugins: { sonarjs: pluginSonarJs },
+		rules: {
+			...pluginSonarJs.configs.recommended.rules,
+			...options.overrides
+		}
+	}];
+}
+//#endregion
 //#region src/configs/sort.ts
 /**
 * Sort package.json
@@ -1656,29 +1608,63 @@ function sortTsconfig() {
 }
 //#endregion
 //#region src/configs/tailwindcss.ts
-async function tailwindcss(options = {}) {
-	const { entryPoint, overrides = {}, stylistic = true, tsconfigPath } = options;
+let _pluginTailwindCSS;
+async function tailwindcss(options) {
+	const { detectComponentClasses, entryPoint, overrides = {}, rootFontSize, selectors, stylistic = true, tsconfigPath } = options;
 	await ensurePackages(["eslint-plugin-better-tailwindcss"]);
 	const [pluginTailwindCSS] = await Promise.all([interopDefault(import("eslint-plugin-better-tailwindcss"))]);
-	const { indent = 2 } = typeof stylistic === "boolean" ? {} : stylistic;
+	_pluginTailwindCSS = _pluginTailwindCSS || {
+		...pluginTailwindCSS,
+		rules: {
+			...pluginTailwindCSS.rules,
+			"multiline-classname": {
+				create(context) {
+					return { JSXAttribute(node) {
+						if (node.name?.type !== "JSXIdentifier") return;
+						if (node.name.name !== "className") return;
+						if (node.value?.type === "Literal" && typeof node.value.value === "string" && node.value.value.includes("\n")) {
+							const raw = node.value.value;
+							context.report({
+								fix(fixer) {
+									const escaped = raw.replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+									return fixer.replaceText(node.value, `{\`${escaped}\`}`);
+								},
+								message: "Multiline className strings can cause hydration errors. Use a template literal/expression instead.",
+								node: node.value
+							});
+						}
+					} };
+				},
+				meta: {
+					fixable: "code",
+					schema: [],
+					type: "suggestion"
+				}
+			}
+		}
+	};
+	const { indent = 2, printWidth = 100, tabWidth = 4 } = typeof stylistic === "boolean" ? {} : stylistic;
 	return [{
 		name: "tailwindcss",
-		plugins: { tailwindcss: pluginTailwindCSS },
+		plugins: { "better-tailwindcss": _pluginTailwindCSS },
 		rules: {
 			...stylistic ? {
-				"tailwindcss/enforce-canonical-classes": "warn",
-				"tailwindcss/enforce-consistent-class-order": "warn",
-				"tailwindcss/enforce-consistent-line-wrapping": ["warn", { indent: typeof indent === "number" ? indent : indent === "tab" ? "tab" : 2 }],
-				"tailwindcss/no-deprecated-classes": "warn",
-				"tailwindcss/no-duplicate-classes": "warn",
-				"tailwindcss/no-unnecessary-whitespace": "warn"
+				...pluginTailwindCSS.configs.stylistic.rules,
+				"better-tailwindcss/enforce-consistent-line-wrapping": ["warn", {
+					indent: typeof indent === "number" ? indent : indent === "tab" ? "tab" : 2,
+					printWidth,
+					tabWidth: typeof indent === "number" ? indent : indent === "tab" ? tabWidth : 2
+				}],
+				"better-tailwindcss/multiline-classname": "error"
 			} : {},
-			"tailwindcss/no-conflicting-classes": "error",
-			"tailwindcss/no-unknown-classes": "error",
+			...pluginTailwindCSS.configs.correctness.rules,
 			...overrides
 		},
 		settings: { "better-tailwindcss": {
+			detectComponentClasses,
 			entryPoint,
+			rootFontSize,
+			selectors,
 			tsconfig: tsconfigPath
 		} }
 	}];
@@ -1713,6 +1699,7 @@ async function test(options = {}) {
 			"test/prefer-hooks-in-order": "error",
 			"test/prefer-lowercase-title": "error",
 			"antfu/no-top-level-await": "off",
+			"baseline-js/use-baseline": "off",
 			"e18e/prefer-static-regex": "off",
 			"no-unused-expressions": "off",
 			"node/prefer-global/process": "off",
@@ -1893,8 +1880,8 @@ async function typescript(options = {}) {
 			}
 		}] : [],
 		...erasableOnly ? [{
-			name: "antfu/typescript/erasable-syntax-only",
-			plugins: { "erasable-syntax-only": await interopDefault(import("./lib-C63e_zBF.mjs")) },
+			name: "typescript/erasable-syntax-only",
+			plugins: { "erasable-syntax-only": await interopDefault(import("./lib-C1Uxp5ZW.mjs")) },
 			rules: {
 				"erasable-syntax-only/enums": "error",
 				"erasable-syntax-only/import-aliases": "error",
@@ -1956,11 +1943,6 @@ async function vue(options = {}) {
 	const { a11y = false, files = [GLOB_VUE], overrides = {}, stylistic = true, vueVersion = 3 } = options;
 	const sfcBlocks = options.sfcBlocks === true ? {} : options.sfcBlocks ?? {};
 	const { indent = 2 } = typeof stylistic === "boolean" ? {} : stylistic;
-	await ensurePackages([
-		"eslint-plugin-vue",
-		"vue-eslint-parser",
-		"eslint-processor-vue-blocks"
-	]);
 	if (a11y) await ensurePackages(["eslint-plugin-vuejs-accessibility"]);
 	const [pluginVue, parserVue, processorVueBlocks, pluginVueA11y] = await Promise.all([
 		interopDefault(import("eslint-plugin-vue")),
@@ -2203,22 +2185,6 @@ async function yaml(options = {}) {
 	}];
 }
 //#endregion
-//#region src/configs/e18e.ts
-async function e18e(options = {}) {
-	const { isInEditor = false, modernization = true, type = "app", moduleReplacements = type === "lib" && isInEditor, overrides = {}, performanceImprovements = true } = options;
-	const configs = pluginE18e.configs;
-	return [{
-		name: "antfu/e18e/rules",
-		plugins: { e18e: pluginE18e },
-		rules: {
-			...modernization ? { ...configs.modernization.rules } : {},
-			...moduleReplacements ? { ...configs.moduleReplacements.rules } : {},
-			...performanceImprovements ? { ...configs.performanceImprovements.rules } : {},
-			...overrides
-		}
-	}];
-}
-//#endregion
 //#region src/factory.ts
 const flatConfigProps = [
 	"name",
@@ -2229,15 +2195,17 @@ const flatConfigProps = [
 	"rules",
 	"settings"
 ];
+const VuePackages = [
+	"vue",
+	"nuxt",
+	"vitepress",
+	"@slidev/cli"
+];
 const defaultPluginRenaming = {
 	"@eslint-react": "react",
-	"@eslint-react/dom": "react-dom",
-	"@eslint-react/hooks-extra": "react-hooks-extra",
-	"@eslint-react/naming-convention": "react-naming-convention",
 	"@next/next": "next",
 	"@stylistic": "style",
 	"@typescript-eslint": "ts",
-	"better-tailwindcss": "tailwindcss",
 	"import-lite": "import",
 	"n": "node",
 	"vitest": "test",
@@ -2254,7 +2222,7 @@ const defaultPluginRenaming = {
 *  The merged ESLint configurations.
 */
 function config(options = {}, ...userConfigs) {
-	const { autoRenamePlugins = true, componentExts = [], e18e: enableE18e = true, gitignore: enableGitignore = true, ignores: userIgnores = [], imports: enableImports = true, jsdoc: enableJsdoc = true, jsx: enableJsx = true, nextjs: enableNext = NextJsPackages.some((i) => isPackageExists(i)), node: enableNode = true, pnpm: enableCatalogs = !!findUpSync("pnpm-workspace.yaml"), react: enableReact = ReactPackages.some((i) => isPackageExists(i)), reactNative: enableReactNative = ReactNativePackages.some((i) => isPackageExists(i)), regexp: enableRegexp = true, tailwindcss: enableTailwindCSS = isPackageExists("tailwindcss"), type: appType = "app", typescript: enableTypeScript = isPackageExists("typescript") || isPackageExists("@typescript/native-preview"), unicorn: enableUnicorn = true, unocss: enableUnoCSS = isPackageExists("unocss"), vue: enableVue = VuePackages.some((i) => isPackageExists(i)) } = options;
+	const { autoRenamePlugins = true, baseline: enableBaseLineJs = false, componentExts = [], e18e: enableE18e = true, gitignore: enableGitignore = true, ignores: userIgnores = [], imports: enableImports = true, jsdoc: enableJsdoc = true, jsx: enableJsx = true, nextjs: enableNextjs = isPackageExists("next"), node: enableNode = true, pnpm: enableCatalogs = !!findUpSync("pnpm-workspace.yaml"), react: enableReact = false, regexp: enableRegexp = true, sonarjs: enableSonarJs = false, tailwindcss: enableTailwindCSS = isPackageExists("tailwindcss"), type: appType = "app", typescript: enableTypeScript = isPackageExists("typescript") || isPackageExists("@typescript/native-preview"), unicorn: enableUnicorn = true, unocss: enableUnoCSS = false, vue: enableVue = VuePackages.some((i) => isPackageExists(i)) } = options;
 	let isInEditor = options.isInEditor;
 	if (isInEditor == null) {
 		isInEditor = isInEditorEnv();
@@ -2276,17 +2244,19 @@ function config(options = {}, ...userConfigs) {
 	configs.push(ignores(userIgnores, !enableTypeScript), javascript({
 		isInEditor,
 		overrides: getOverrides(options, "javascript")
-	}), comments(), command(), perfectionist());
+	}), comments(), command(), deMorgan(), preferEarlyReturn(), perfectionist());
 	if (enableNode) configs.push(node());
 	if (enableJsdoc) configs.push(jsdoc({ stylistic: stylisticOptions }));
 	if (enableImports) configs.push(imports({
 		stylistic: stylisticOptions,
 		...resolveSubOptions(options, "imports")
 	}));
+	if (enableBaseLineJs) configs.push(baseline({ ...resolveSubOptions(options, "baseline") }));
 	if (enableE18e) configs.push(e18e({
 		isInEditor,
 		...enableE18e === true ? {} : enableE18e
 	}));
+	if (enableSonarJs) configs.push(sonarjs({ ...resolveSubOptions(options, "sonarjs") }));
 	if (enableUnicorn) configs.push(unicorn(enableUnicorn === true ? {} : enableUnicorn));
 	if (enableVue) componentExts.push("vue");
 	if (enableJsx) configs.push(jsx(enableJsx === true ? {} : enableJsx));
@@ -2298,6 +2268,7 @@ function config(options = {}, ...userConfigs) {
 	}));
 	if (stylisticOptions) configs.push(stylistic({
 		...stylisticOptions,
+		lessOpinionated: options.lessOpinionated,
 		overrides: getOverrides(options, "stylistic")
 	}));
 	if (enableRegexp) configs.push(regexp(typeof enableRegexp === "boolean" ? {} : enableRegexp));
@@ -2317,11 +2288,7 @@ function config(options = {}, ...userConfigs) {
 		overrides: getOverrides(options, "react"),
 		tsconfigPath
 	}));
-	if (enableReactNative) configs.push(reactNative({
-		...resolveSubOptions(options, "reactNative"),
-		overrides: getOverrides(options, "reactNative")
-	}));
-	if (enableNext) configs.push(nextjs({ overrides: getOverrides(options, "nextjs") }));
+	if (enableNextjs) configs.push(nextjs({ overrides: getOverrides(options, "nextjs") }));
 	if (enableUnoCSS) configs.push(unocss({
 		...resolveSubOptions(options, "unocss"),
 		overrides: getOverrides(options, "unocss")
@@ -2367,6 +2334,7 @@ function config(options = {}, ...userConfigs) {
 	if (Object.keys(fusedConfig).length) configs.push([fusedConfig]);
 	let composer = new FlatConfigComposer();
 	composer = composer.append(...configs, ...userConfigs);
+	if (options.markdown ?? true) composer = composer.setDefaultIgnores((prev) => [...prev, GLOB_MARKDOWN]);
 	if (autoRenamePlugins) composer = composer.renamePlugins(defaultPluginRenaming);
 	if (isInEditor) composer = composer.disableRulesFix([
 		"unused-imports/no-unused-imports",
@@ -2375,9 +2343,17 @@ function config(options = {}, ...userConfigs) {
 	], { builtinRules: () => import(["eslint", "use-at-your-own-risk"].join("/")).then((r) => r.builtinRules) });
 	return composer;
 }
+function resolveSubOptions(options, key) {
+	return typeof options[key] === "boolean" ? {} : options[key] || {};
+}
+function getOverrides(options, key) {
+	const sub = resolveSubOptions(options, key);
+	return { ..."overrides" in sub ? sub.overrides : {} };
+}
 //#endregion
 //#region src/config-presets.ts
 const CONFIG_PRESET_FULL_ON = {
+	baseline: true,
 	formatters: true,
 	gitignore: true,
 	imports: true,
@@ -2388,11 +2364,11 @@ const CONFIG_PRESET_FULL_ON = {
 	nextjs: true,
 	node: true,
 	pnpm: true,
-	react: { reactCompiler: true },
-	reactNative: { expo: true },
+	react: true,
 	regexp: true,
+	sonarjs: true,
 	stylistic: { experimental: true },
-	tailwindcss: true,
+	tailwindcss: { entryPoint: "fixtures/stub.css" },
 	test: true,
 	toml: true,
 	typescript: {
@@ -2405,6 +2381,7 @@ const CONFIG_PRESET_FULL_ON = {
 	yaml: true
 };
 const CONFIG_PRESET_FULL_OFF = {
+	baseline: false,
 	formatters: false,
 	gitignore: false,
 	imports: false,
@@ -2416,8 +2393,8 @@ const CONFIG_PRESET_FULL_OFF = {
 	node: false,
 	pnpm: false,
 	react: false,
-	reactNative: false,
 	regexp: false,
+	sonarjs: false,
 	stylistic: false,
 	tailwindcss: false,
 	test: false,
@@ -2432,4 +2409,4 @@ const CONFIG_PRESET_FULL_OFF = {
 //#region src/index.ts
 var src_default = config;
 //#endregion
-export { CONFIG_PRESET_FULL_OFF, CONFIG_PRESET_FULL_ON, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_SVG, GLOB_TESTS, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, StylisticConfigDefaults, combine, command, comments, config, src_default as default, defaultPluginRenaming, disables, ensurePackages, formatters, getOverrides, ignores, imports, interopDefault, isInEditorEnv, isInGitHooksOrLintStaged, isPackageInScope, javascript, jsdoc, jsonc, jsx, markdown, nextjs, node, parserPlain, perfectionist, pnpm, react, reactNative, regexp, renameRules, resolveSubOptions, sortPackageJson, sortTsconfig, stylistic, tailwindcss, test, toml, typescript, unicorn, unocss, vue, yaml };
+export { CONFIG_PRESET_FULL_OFF, CONFIG_PRESET_FULL_ON, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_GRAPHQL, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_SVG, GLOB_TESTS, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, StylisticConfigDefaults, baseline, command, comments, config, deMorgan, src_default as default, defaultPluginRenaming, disables, e18e, ensurePackages, formatters, getOverrides, ignores, imports, interopDefault, isInEditorEnv, isInGitHooksOrLintStaged, isPackageInScope, javascript, jsdoc, jsonc, jsx, markdown, nextjs, node, parserPlain, perfectionist, pnpm, preferEarlyReturn, react, regexp, renameRules, resolveSubOptions, sonarjs, sortPackageJson, sortTsconfig, stylistic, tailwindcss, test, toml, typescript, unicorn, unocss, vue, yaml };