@ncontiero/eslint-config 8.0.0-beta.0 → 8.0.0-beta.2

package/dist/index.d.mts

@@ -16375,7 +16375,7 @@ type Yoda = [] | [("always" | "never")] | [("always" | "never"), {
   exceptRange?: boolean;
   onlyEquality?: boolean;
 }]; // Names of all the configs
-type ConfigNames = 'ncontiero/gitignore' | 'ncontiero/global-ignores' | 'ncontiero/javascript/rules' | 'ncontiero/javascript/cli-rules' | 'ncontiero/javascript/test-rules' | 'ncontiero/comments/rules' | 'ncontiero/jsdoc/setup' | 'ncontiero/jsdoc/rules' | 'ncontiero/imports/rules' | 'ncontiero/imports/allow-default-export' | 'ncontiero/node/setup' | 'ncontiero/node/rules' | 'ncontiero/promise/setup' | 'ncontiero/promise/rules' | 'ncontiero/command/rules' | 'ncontiero/perfectionist/rules' | 'ncontiero/de-morgan' | 'ncontiero/unicorn/rules' | 'ncontiero/typescript/setup' | 'ncontiero/typescript/parser' | 'ncontiero/typescript/rules' | 'ncontiero/typescript/dts-rules' | 'ncontiero/typescript/cjs-rules' | 'ncontiero/jsonc/recommended' | 'ncontiero/jsonc/recommended' | 'ncontiero/jsonc/recommended' | 'ncontiero/jsonc/rules' | 'ncontiero/sort/package-json' | 'ncontiero/sort/tsconfig' | 'ncontiero/yml/setup' | 'ncontiero/yml/rules' | 'ncontiero/yml/pnpm-workspace' | 'ncontiero/toml/setup' | 'ncontiero/toml/rules' | 'ncontiero/markdown/setup' | 'ncontiero/markdown/processor' | 'ncontiero/markdown/parser' | 'ncontiero/markdown/rules' | 'ncontiero/regexp/rules' | 'ncontiero/react/setup' | 'ncontiero/tanstack-query' | 'ncontiero/react/rules' | 'ncontiero/nextjs/rules' | 'ncontiero/html/setup' | 'ncontiero/html/rules' | 'ncontiero/tailwindcss/setup' | 'ncontiero/tailwindcss/rules' | 'ncontiero/prettier/setup' | 'ncontiero/prettier/disables' | 'ncontiero/prettier/rules' | 'ncontiero/prettier/markdown' | 'ncontiero/prettier/css' | 'ncontiero/prettier/scss' | 'ncontiero/prettier/less';
+type ConfigNames = 'ncontiero/gitignore' | 'ncontiero/global-ignores' | 'ncontiero/javascript/rules' | 'ncontiero/javascript/cli-rules' | 'ncontiero/javascript/test-rules' | 'ncontiero/comments/rules' | 'ncontiero/jsdoc/setup' | 'ncontiero/jsdoc/rules' | 'ncontiero/imports/rules' | 'ncontiero/imports/allow-default-export' | 'ncontiero/node/setup' | 'ncontiero/node/rules' | 'ncontiero/promise/setup' | 'ncontiero/promise/rules' | 'ncontiero/command/rules' | 'ncontiero/perfectionist/rules' | 'ncontiero/de-morgan' | 'ncontiero/unicorn/rules' | 'ncontiero/typescript/setup' | 'ncontiero/typescript/parser' | 'ncontiero/typescript/rules' | 'ncontiero/typescript/dts-rules' | 'ncontiero/typescript/cjs-rules' | 'ncontiero/jsonc/recommended' | 'ncontiero/jsonc/recommended' | 'ncontiero/jsonc/recommended' | 'ncontiero/jsonc/rules' | 'ncontiero/sort/package-json' | 'ncontiero/sort/tsconfig' | 'ncontiero/yml/setup' | 'ncontiero/yml/rules' | 'ncontiero/yml/pnpm-workspace' | 'ncontiero/toml/setup' | 'ncontiero/toml/rules' | 'ncontiero/markdown/setup' | 'ncontiero/markdown/processor' | 'ncontiero/markdown/parser' | 'ncontiero/markdown/rules' | 'ncontiero/regexp/rules' | 'ncontiero/react/setup' | 'ncontiero/tanstack-query' | 'ncontiero/react/rules' | 'ncontiero/react/typescript' | 'ncontiero/nextjs/rules' | 'ncontiero/html/setup' | 'ncontiero/html/rules' | 'ncontiero/tailwindcss/setup' | 'ncontiero/tailwindcss/rules' | 'ncontiero/prettier/setup' | 'ncontiero/prettier/disables' | 'ncontiero/prettier/rules' | 'ncontiero/prettier/markdown' | 'ncontiero/prettier/css' | 'ncontiero/prettier/scss' | 'ncontiero/prettier/less';
 //#endregion
 //#region src/types.d.ts
 type Awaitable<T> = T | Promise<T>;
@@ -16634,7 +16634,7 @@ declare function prettier(options?: PrettierOptions): Promise<FlatConfigItem[]>;
 declare function promise(): Promise<FlatConfigItem[]>;
 //#endregion
 //#region src/configs/react.d.ts
-declare function react(options?: OptionsOverrides & OptionsFiles & OptionsHasTanStackReactQuery): Promise<FlatConfigItem[]>;
+declare function react(options?: OptionsTypeScriptParserOptions & OptionsTypeScriptWithTypes & OptionsOverrides & OptionsFiles & OptionsHasTanStackReactQuery): Promise<FlatConfigItem[]>;
 //#endregion
 //#region src/configs/regexp.d.ts
 declare function regexp(options?: OptionsOverrides): FlatConfigItem[];
@@ -16690,7 +16690,6 @@ declare const GLOB_JS = "**/*.?([cm])js";
 declare const GLOB_JSX = "**/*.?([cm])jsx";
 declare const GLOB_TS = "**/*.?([cm])ts";
 declare const GLOB_TSX = "**/*.?([cm])tsx";
-declare const GLOB_REACT = "**/*.?([cm])?(j|t)sx";
 declare const GLOB_STYLE = "**/*.{c,le,sc}ss";
 declare const GLOB_CSS = "**/*.css";
 declare const GLOB_POSTCSS = "**/*.{p,post}css";
@@ -16790,4 +16789,4 @@ declare function composer({
 }: ComposerOptions): Promise<FlatConfigItem[]>;
 declare function toArray<T>(value: T | T[]): T[];
 //#endregion
-export { Awaitable, ComposerOptions, type ConfigNames, FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_NODE_MODULES, GLOB_POSTCSS, GLOB_REACT, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_YAML, HTMLOptions, OptionsConfig, OptionsFiles, OptionsHasNextJs, OptionsHasRegexp, OptionsHasTanStackReactQuery, OptionsHasTypeScript, OptionsOverrides, OptionsTailwindCSS, OptionsTypeScriptParserOptions, OptionsTypeScriptWithTypes, OptionsTypescript, OptionsUnicorn, type PrettierOptions, ResolvedOptions, Rules, StyleConfig, StyleOptions, combine, command, comments, composer, deMorgan, defaultPluginRenaming, ensurePackages, getOverrides, hasNextJs, hasReact, hasTailwind, hasTanStackReactQuery, hasTypeScript, html, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, ncontiero, nextJs, node, parserPlain, perfectionist, prettier, promise, react, regexp, renamePluginInConfigs, renameRules, resolveSubOptions, restrictedSyntaxJs, sortPackageJson, sortPnpmWorkspace, sortTsconfig, tailwindcss, toArray, toml, typescript, unicorn, yml };
+export { Awaitable, ComposerOptions, type ConfigNames, FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_NODE_MODULES, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_YAML, HTMLOptions, OptionsConfig, OptionsFiles, OptionsHasNextJs, OptionsHasRegexp, OptionsHasTanStackReactQuery, OptionsHasTypeScript, OptionsOverrides, OptionsTailwindCSS, OptionsTypeScriptParserOptions, OptionsTypeScriptWithTypes, OptionsTypescript, OptionsUnicorn, type PrettierOptions, ResolvedOptions, Rules, StyleConfig, StyleOptions, combine, command, comments, composer, deMorgan, defaultPluginRenaming, ensurePackages, getOverrides, hasNextJs, hasReact, hasTailwind, hasTanStackReactQuery, hasTypeScript, html, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, ncontiero, nextJs, node, parserPlain, perfectionist, prettier, promise, react, regexp, renamePluginInConfigs, renameRules, resolveSubOptions, restrictedSyntaxJs, sortPackageJson, sortPnpmWorkspace, sortTsconfig, tailwindcss, toArray, toml, typescript, unicorn, yml };

package/dist/index.mjs

@@ -50,7 +50,6 @@ const GLOB_JS = "**/*.?([cm])js";
 const GLOB_JSX = "**/*.?([cm])jsx";
 const GLOB_TS = "**/*.?([cm])ts";
 const GLOB_TSX = "**/*.?([cm])tsx";
-const GLOB_REACT = "**/*.?([cm])?(j|t)sx";
 const GLOB_STYLE = "**/*.{c,le,sc}ss";
 const GLOB_CSS = "**/*.css";
 const GLOB_POSTCSS = "**/*.{p,post}css";
@@ -612,7 +611,7 @@ async function markdown(options = {}) {
 //#endregion
 //#region src/configs/nextjs.ts
 async function nextJs(options = {}) {
-	const { files = [GLOB_REACT], overrides = {} } = options;
+	const { files = [GLOB_SRC], overrides = {} } = options;
 	return [{
 		files,
 		name: "ncontiero/nextjs/rules",
@@ -809,8 +808,13 @@ const ReactRouterPackages = [
 ];
 const NextJsPackages = ["next"];
 async function react(options = {}) {
-	const { files = [GLOB_REACT], overrides = {}, reactQuery } = options;
+	const { files = [GLOB_SRC], filesTypeAware = [GLOB_TS, GLOB_TSX], ignoresTypeAware = [`${GLOB_MARKDOWN}/**`], overrides = {}, reactQuery, tsconfigPath } = options;
 	if (reactQuery) ensurePackages(["@tanstack/eslint-plugin-query"]);
+	const isTypeAware = !!tsconfigPath;
+	const typeAwareRules = {
+		"react/no-leaked-conditional-rendering": "error",
+		"react/no-unused-props": "warn"
+	};
 	const [pluginA11y, pluginReact, pluginReactRefresh] = await Promise.all([
 		interopDefault(import("eslint-plugin-jsx-a11y")),
 		interopDefault(import("@eslint-react/eslint-plugin")),
@@ -999,21 +1003,32 @@ async function react(options = {}) {
 				}],
 				"react/dom-no-missing-button-type": "warn",
 				"react/dom-no-missing-iframe-sandbox": "warn",
-				"react/dom-no-unknown-property": "warn",
 				"react/dom-no-unsafe-target-blank": "warn",
 				"react/globals": "warn",
 				"react/immutability": "warn",
 				"react/jsx-no-useless-fragment": "warn",
 				"react/no-duplicate-key": "warn",
-				"react/no-leaked-conditional-rendering": "error",
 				"react/no-missing-component-display-name": "warn",
 				"react/no-unstable-context-value": "warn",
 				"react/no-unstable-default-props": "warn",
-				"react/no-unused-props": "warn",
 				"react/refs": "warn",
 				...overrides
 			}
-		}
+		},
+		{
+			files: filesTypeAware,
+			name: "ncontiero/react/typescript",
+			rules: {
+				"react/dom-no-string-style-prop": "off",
+				"react/dom-no-unknown-property": "off"
+			}
+		},
+		...isTypeAware ? [{
+			files: filesTypeAware,
+			ignores: ignoresTypeAware,
+			name: "ncontiero/react/type-aware-rules",
+			rules: { ...typeAwareRules }
+		}] : []
 	];
 }
 //#endregion
@@ -1290,7 +1305,7 @@ async function tailwindcss(options = {}) {
 			tailwindConfig: configPath
 		} }
 	}, {
-		files: [GLOB_REACT, GLOB_HTML],
+		files: [GLOB_SRC, GLOB_HTML],
 		name: "ncontiero/tailwindcss/rules",
 		rules: {
 			"tailwindcss/enforce-consistent-class-order": "warn",
@@ -1739,8 +1754,10 @@ function ncontiero(options = {}, ...userConfigs) {
 	if (options.markdown ?? true) configs.push(markdown({ overrides: getOverrides(options, "markdown") }));
 	if (enableRegexp) configs.push(regexp(typeof enableRegexp === "boolean" ? {} : enableRegexp));
 	if (enableReact) configs.push(react({
+		...typescriptOptions,
 		overrides: getOverrides(options, "react"),
-		reactQuery: !!enableTanStackReactQuery
+		reactQuery: !!enableTanStackReactQuery,
+		tsconfigPath
 	}));
 	if (enableNextJs) configs.push(nextJs({ overrides: getOverrides(options, "nextjs") }));
 	if (options.html ?? true) configs.push(html({
@@ -1764,4 +1781,4 @@ function ncontiero(options = {}, ...userConfigs) {
 	});
 }
 //#endregion
-export { GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_NODE_MODULES, GLOB_POSTCSS, GLOB_REACT, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_YAML, combine, command, comments, composer, deMorgan, defaultPluginRenaming, ensurePackages, getOverrides, hasNextJs, hasReact, hasTailwind, hasTanStackReactQuery, hasTypeScript, html, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, ncontiero, nextJs, node, parserPlain, perfectionist, prettier, promise, react, regexp, renamePluginInConfigs, renameRules, resolveSubOptions, restrictedSyntaxJs, sortPackageJson, sortPnpmWorkspace, sortTsconfig, tailwindcss, toArray, toml, typescript, unicorn, yml };
+export { GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_NODE_MODULES, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_YAML, combine, command, comments, composer, deMorgan, defaultPluginRenaming, ensurePackages, getOverrides, hasNextJs, hasReact, hasTailwind, hasTanStackReactQuery, hasTypeScript, html, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, ncontiero, nextJs, node, parserPlain, perfectionist, prettier, promise, react, regexp, renamePluginInConfigs, renameRules, resolveSubOptions, restrictedSyntaxJs, sortPackageJson, sortPnpmWorkspace, sortTsconfig, tailwindcss, toArray, toml, typescript, unicorn, yml };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncontiero/eslint-config",
   "type": "module",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.2",
   "packageManager": "pnpm@10.33.2",
   "description": "Nicolas's ESLint config.",
   "author": {