@ncontiero/eslint-config 8.0.0-beta.1 → 8.0.0-beta.3

package/README.md

@@ -1,19 +1,18 @@
 # @ncontiero/eslint-config
 
-Nicolas's ESLint config preset for JavaScript, TypeScript, and Prettier.
+[![Version](https://img.shields.io/npm/v/@ncontiero/eslint-config?color6C47FF)](https://www.npmjs.com/package/@ncontiero/eslint-config)
+[![License](https://img.shields.io/badge/licence-MIT-6C47FF)](https://github.com/ncontiero/eslint-config/blob/master/LICENSE)
 
-[![Version](https://img.shields.io/npm/v/@ncontiero/eslint-config)](https://www.npmjs.com/package/@ncontiero/eslint-config)
-[![License](https://img.shields.io/badge/licence-MIT-blue)](https://github.com/ncontiero/eslint-config/blob/master/LICENSE)
+Nicolas's ESLint config preset for JavaScript, TypeScript, and Prettier.
 
 ## Features
 
-- Double quotes, with semi.
 - Format with Prettier.
-- Sort imports, `package.json`, `tsconfig.json`...
 - Reasonable defaults, best practices, only one line of config.
-- Designed to work with TypeScript out-of-box.
-- Support JSON(5), YAML, TOML, Markdown, HTML with [HTML Eslint](https://html-eslint.org/)...
-- [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), compose easily!
+- Designed to work with TypeScript and JSX. Out-of-box.
+- Support JSON(5), YAML, TOML, Markdown, HTML with [HTML Eslint](https://html-eslint.org/).
+- [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files), compose easily!
+- Sort imports, `package.json`, `tsconfig.json`...
 - Ignores common files like `dist`, `node_modules`, `coverage`, and files in `.gitignore`.
 - Optional [React](https://react.dev/), [NextJs](https://nextjs.org/), [TailwindCSS](https://tailwindcss.com/), [TanStack Query](https://tanstack.com/query/) support.
 - Requires ESLint v9.20.0+.
@@ -34,20 +33,7 @@ npm i -D eslint @ncontiero/eslint-config
 // eslint.config.mjs
 import { ncontiero } from "@ncontiero/eslint-config";
 
-export default ncontiero(
-  // Features: it'll detect installed dependency and enable necessary features automatically
-  {
-    prettier: true,
-    markdown: true,
-    react: true, // auto detection
-    nextjs: false, // auto detection
-    tailwindcss: false, // auto detection
-    reactQuery: false, // auto detection
-  },
-  {
-    /* your custom config */
-  },
-);
+export default ncontiero();
 ```
 
 3. Add script for package.json:
@@ -164,6 +150,25 @@ export default ncontiero(
 );
 ```
 
+### Plugins Renaming
+
+Since flat config requires us to explicitly provide the plugin names (instead of the mandatory convention from npm package name), we renamed some plugins to make the overall scope more consistent and easier to write.
+
+| New Prefix | Original Prefix        | Source Plugin                                                                              |
+| ---------- | ---------------------- | ------------------------------------------------------------------------------------------ |
+| `ts/*`     | `@typescript-eslint/*` | [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint) |
+| `react/*`  | `@eslint-react/*`      | [@eslint-react/eslint-plugin](https://github.com/Rel1cx/eslint-react)                      |
+
+When you want to override rules, or disable them inline, you need to update to the new prefix:
+
+```diff
+-// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
++// eslint-disable-next-line ts/consistent-type-definitions
+type foo = { bar: 2 }
+```
+
+This preset will automatically rename the plugins also for your custom configs. You can use the original prefix to override the rules directly, but the TypeScript will complain about the unknown rules, so you need to use the new prefix instead.
+
 ### Rules Overrides
 
 Certain rules would only be enabled in specific files, for example, `ts/*` rules would only be enabled in `.ts`. We also provided the overrides options in each integration to make it easier:
@@ -213,6 +218,59 @@ npm i -D @tanstack/eslint-plugin-query
 
 > Require @tanstack/eslint-plugin-query >= 5.50.0
 
+### Optional Rules
+
+This config also provides some optional plugins/rules for extended usage.
+
+#### `command`
+
+Powered by [`eslint-plugin-command`](https://github.com/antfu/eslint-plugin-command). It is not a typical rule for linting, but an on-demand micro-codemod tool that triggers by specific comments.
+
+For a few triggers, for example:
+
+- `/// to-function` - converts an arrow function to a normal function
+- `/// to-arrow` - converts a normal function to an arrow function
+- `/// to-for-each` - converts a for-in/for-of loop to `.forEach()`
+- `/// to-for-of` - converts a `.forEach()` to a for-of loop
+- `/// keep-sorted` - sorts an object/array/interface
+- ... etc. - refer to the [documentation](https://github.com/antfu/eslint-plugin-command#built-in-commands)
+
+You can add the trigger comment one line above the code you want to transform, for example (note the triple slash):
+
+<!-- eslint-skip -->
+
+```ts
+/// to-function
+const foo = (msg: string): void => {
+  console.log(msg);
+};
+```
+
+Will be transformed to this when you hit save with your editor or run `eslint --fix`:
+
+```ts
+function foo(msg: string): void {
+  console.log(msg);
+}
+```
+
+The command comments are usually one-off and will be removed along with the transformation.
+
+### Type Aware Rules
+
+You can optionally enable the [type aware rules](https://typescript-eslint.io/linting/typed-linting/) by passing the options object to the `typescript` config:
+
+```js
+// eslint.config.js
+import { ncontiero } from "@ncontiero/eslint-config";
+
+export default ncontiero({
+  typescript: {
+    tsconfigPath: "tsconfig.json",
+  },
+});
+```
+
 ## References and inspirations
 
 - [@antfu/eslint-config](https://github.com/antfu/eslint-config) - Anthony's ESLint config preset.

package/dist/index.d.mts

@@ -5,46 +5,6 @@ import { Options as PrettierOptions } from "prettier";
 
 //#region src/typegen.d.ts
 interface RuleOptions {
-  /**
-   * Exhaustive deps rule for useQuery
-   * @see https://tanstack.com/query/latest/docs/eslint/exhaustive-deps
-   */
-  '@tanstack/query/exhaustive-deps'?: Linter.RuleEntry<TanstackQueryExhaustiveDeps>;
-  /**
-   * Ensure correct order of inference sensitive properties for infinite queries
-   * @see https://tanstack.com/query/latest/docs/eslint/infinite-query-property-order
-   */
-  '@tanstack/query/infinite-query-property-order'?: Linter.RuleEntry<[]>;
-  /**
-   * Ensure correct order of inference-sensitive properties in useMutation()
-   * @see https://tanstack.com/query/latest/docs/eslint/mutation-property-order
-   */
-  '@tanstack/query/mutation-property-order'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows rest destructuring in queries
-   * @see https://tanstack.com/query/latest/docs/eslint/no-rest-destructuring
-   */
-  '@tanstack/query/no-rest-destructuring'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallow putting the result of query hooks directly in a React hook dependency array
-   * @see https://tanstack.com/query/latest/docs/eslint/no-unstable-deps
-   */
-  '@tanstack/query/no-unstable-deps'?: Linter.RuleEntry<[]>;
-  /**
-   * Ensures queryFn returns a non-undefined value
-   * @see https://tanstack.com/query/latest/docs/eslint/no-void-query-fn
-   */
-  '@tanstack/query/no-void-query-fn'?: Linter.RuleEntry<[]>;
-  /**
-   * Prefer using queryOptions() to co-locate queryKey and queryFn
-   * @see https://tanstack.com/query/latest/docs/eslint/prefer-query-options
-   */
-  '@tanstack/query/prefer-query-options'?: Linter.RuleEntry<[]>;
-  /**
-   * Makes sure that QueryClient is stable
-   * @see https://tanstack.com/query/latest/docs/eslint/stable-query-client
-   */
-  '@tanstack/query/stable-query-client'?: Linter.RuleEntry<[]>;
   /**
    * Enforce getter and setter pairs in objects and classes
    * @see https://eslint.org/docs/latest/rules/accessor-pairs
@@ -273,6 +233,86 @@ interface RuleOptions {
    * @see https://eslint.org/docs/latest/rules/dot-notation
    */
   'dot-notation'?: Linter.RuleEntry<DotNotation>;
+  /**
+   * Disallow dependencies in favor of more performant or secure alternatives
+   */
+  'e18e/ban-dependencies'?: Linter.RuleEntry<E18EBanDependencies>;
+  /**
+   * Prefer optimized alternatives to `indexOf()` equality checks
+   */
+  'e18e/no-indexof-equality'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.prototype.at() over length-based indexing
+   */
+  'e18e/prefer-array-at'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.prototype.fill() over Array.from or map with constant values
+   */
+  'e18e/prefer-array-fill'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.from(iterable, mapper) over [...iterable].map(mapper) to avoid intermediate array allocation
+   */
+  'e18e/prefer-array-from-map'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.some() over Array.find() when checking for element existence
+   */
+  'e18e/prefer-array-some'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.prototype.toReversed() over copying and reversing arrays
+   */
+  'e18e/prefer-array-to-reversed'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.prototype.toSorted() over copying and sorting arrays
+   */
+  'e18e/prefer-array-to-sorted'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Array.prototype.toSpliced() over copying and splicing arrays
+   */
+  'e18e/prefer-array-to-spliced'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Date.now() over new Date().getTime() and +new Date()
+   */
+  'e18e/prefer-date-now'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer the exponentiation operator ** over Math.pow()
+   */
+  'e18e/prefer-exponentiation-operator'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer .includes() over indexOf() comparisons for arrays and strings
+   */
+  'e18e/prefer-includes'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer inline equality checks over temporary object creation for simple comparisons
+   */
+  'e18e/prefer-inline-equality'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer nullish coalescing operator (?? and ??=) over verbose null checks
+   */
+  'e18e/prefer-nullish-coalescing'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer Object.hasOwn() over Object.prototype.hasOwnProperty.call() and obj.hasOwnProperty()
+   */
+  'e18e/prefer-object-has-own'?: Linter.RuleEntry<[]>;
+  /**
+   * prefer `RegExp.test()` over `String.match()` and `RegExp.exec()` when only checking for match existence
+   */
+  'e18e/prefer-regex-test'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer spread syntax over Array.concat(), Array.from(), Object.assign({}, ...), and Function.apply()
+   */
+  'e18e/prefer-spread-syntax'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer defining regular expressions at module scope to avoid re-compilation on every function call
+   */
+  'e18e/prefer-static-regex'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer passing function and arguments directly to setTimeout/setInterval instead of wrapping in an arrow function or using bind
+   */
+  'e18e/prefer-timer-args'?: Linter.RuleEntry<[]>;
+  /**
+   * Prefer URL.canParse() over try-catch blocks for URL validation
+   */
+  'e18e/prefer-url-canparse'?: Linter.RuleEntry<[]>;
   /**
    * Require or disallow newline at the end of files
    * @see https://eslint.org/docs/latest/rules/eol-last
@@ -492,8 +532,14 @@ interface RuleOptions {
   /**
    * Disallow extra spacing around attributes
    * @see https://html-eslint.org/docs/rules/no-extra-spacing-attrs
+   * @deprecated
    */
   'html/no-extra-spacing-attrs'?: Linter.RuleEntry<HtmlNoExtraSpacingAttrs>;
+  /**
+   * Disallow extra spacing inside tags
+   * @see https://html-eslint.org/docs/rules/no-extra-spacing-tags
+   */
+  'html/no-extra-spacing-tags'?: Linter.RuleEntry<HtmlNoExtraSpacingTags>;
   /**
    * Disallow unnecessary consecutive spaces
    * @see https://html-eslint.org/docs/rules/no-extra-spacing-text
@@ -3472,7 +3518,7 @@ interface RuleOptions {
    * Disallow using promises inside of callbacks.
    * @see https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-promise-in-callback.md
    */
-  'promise/no-promise-in-callback'?: Linter.RuleEntry<[]>;
+  'promise/no-promise-in-callback'?: Linter.RuleEntry<PromiseNoPromiseInCallback>;
   /**
    * Disallow return statements in `finally()`.
    * @see https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-return-in-finally.md
@@ -3876,6 +3922,11 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-unused-props
    */
   'react/no-unused-props'?: Linter.RuleEntry<[]>;
+  /**
+   * Warns about state variables that are defined but never used, or only used in effects.
+   * @see https://eslint-react.xyz/docs/rules/no-unused-state
+   */
+  'react/no-unused-state'?: Linter.RuleEntry<[]>;
   /**
    * Replaces usage of 'useContext' with 'use'.
    * @see https://eslint-react.xyz/docs/rules/no-use-context
@@ -4166,6 +4217,11 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-unused-props
    */
   'react/x-no-unused-props'?: Linter.RuleEntry<[]>;
+  /**
+   * Warns about state variables that are defined but never used, or only used in effects.
+   * @see https://eslint-react.xyz/docs/rules/no-unused-state
+   */
+  'react/x-no-unused-state'?: Linter.RuleEntry<[]>;
   /**
    * Replaces usage of 'useContext' with 'use'.
    * @see https://eslint-react.xyz/docs/rules/no-use-context
@@ -6560,13 +6616,7 @@ interface RuleOptions {
   'yoda'?: Linter.RuleEntry<Yoda>;
 }
 /* ======= Declarations ======= */
-// ----- @tanstack/query/exhaustive-deps -----
-type TanstackQueryExhaustiveDeps = [] | [{
-  allowlist?: {
-    variables?: string[];
-    types?: string[];
-  };
-}]; // ----- accessor-pairs -----
+// ----- accessor-pairs -----
 type AccessorPairs = [] | [{
   getWithoutSet?: boolean;
   setWithoutGet?: boolean;
@@ -6707,6 +6757,11 @@ type DotLocation = [] | [("object" | "property")]; // ----- dot-notation -----
 type DotNotation = [] | [{
   allowKeywords?: boolean;
   allowPattern?: string;
+}]; // ----- e18e/ban-dependencies -----
+type E18EBanDependencies = [] | [{
+  presets?: string[];
+  modules?: string[];
+  allowed?: string[];
 }]; // ----- eol-last -----
 type EolLast = [] | [("always" | "never" | "unix" | "windows")]; // ----- eqeqeq -----
 type Eqeqeq = ([] | ["always"] | ["always", {
@@ -6807,6 +6862,12 @@ type HtmlNoExtraSpacingAttrs = [] | [{
   disallowMissing?: boolean;
   disallowTabs?: boolean;
   enforceBeforeSelfClose?: boolean;
+}]; // ----- html/no-extra-spacing-tags -----
+type HtmlNoExtraSpacingTags = [] | [{
+  disallowInAssignment?: boolean;
+  disallowMissing?: boolean;
+  disallowTabs?: boolean;
+  enforceBeforeSelfClose?: boolean;
 }]; // ----- html/no-extra-spacing-text -----
 type HtmlNoExtraSpacingText = [] | [{
   skip?: string[];
@@ -11936,6 +11997,9 @@ type PromiseCatchOrReturn = [] | [{
 type PromiseNoCallbackInPromise = [] | [{
   exceptions?: string[];
   timeoutsErr?: boolean;
+}]; // ----- promise/no-promise-in-callback -----
+type PromiseNoPromiseInCallback = [] | [{
+  exemptDeclarations?: boolean;
 }]; // ----- promise/no-return-wrap -----
 type PromiseNoReturnWrap = [] | [{
   allowReject?: boolean;
@@ -12376,6 +12440,7 @@ type TailwindcssEnforceCanonicalClasses = [] | [{
   rootFontSize?: number;
   cwd?: string;
   collapse?: boolean;
+  ignore?: string[];
   logical?: boolean;
 }]; // ----- tailwindcss/enforce-consistent-class-order -----
 type TailwindcssEnforceConsistentClassOrder = [] | [{
@@ -12972,6 +13037,7 @@ type TailwindcssEnforceConsistentLineWrapping = [] | [{
   preferSingleLine?: boolean;
   printWidth?: number;
   strictness?: ("strict" | "loose");
+  tabWidth?: number;
 }]; // ----- tailwindcss/enforce-consistent-variable-syntax -----
 type TailwindcssEnforceConsistentVariableSyntax = [] | [{
   selectors?: ({
@@ -16375,7 +16441,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/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/e18e/rules' | 'ncontiero/unicorn/rules' | 'ncontiero/jsx/setup' | '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/react/rules' | 'ncontiero/react/typescript' | 'ncontiero/nextjs/setup' | '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>;
@@ -16435,9 +16501,6 @@ interface OptionsHasNextJs {
 interface OptionsHasRegexp {
   regexp?: boolean;
 }
-interface OptionsHasTanStackReactQuery {
-  reactQuery?: boolean;
-}
 interface StyleConfig {
   indent?: number;
   semi?: boolean;
@@ -16484,6 +16547,39 @@ interface OptionsTailwindCSS extends OptionsOverrides {
    */
   cwd?: string;
 }
+interface OptionsE18e extends OptionsOverrides {
+  /**
+   * Include modernization rules
+   *
+   * @see https://github.com/e18e/eslint-plugin#modernization
+   * @default true
+   */
+  modernization?: boolean;
+  /**
+   * Include module replacements rules
+   *
+   * @see https://github.com/e18e/eslint-plugin#module-replacements
+   * @default false
+   */
+  moduleReplacements?: boolean;
+  /**
+   * Include performance improvements rules
+   *
+   * @see https://github.com/e18e/eslint-plugin#performance-improvements
+   * @default true
+   */
+  performanceImprovements?: boolean;
+}
+interface OptionsJSXA11y extends OptionsOverrides {}
+interface OptionsJSX {
+  /**
+   * Enable JSX accessibility rules.
+   *
+   * Can be a boolean or an object for custom options and overrides.
+   * @default false
+   */
+  a11y?: boolean | OptionsJSXA11y;
+}
 interface OptionsConfig {
   /**
    * Enable gitignore support.
@@ -16504,12 +16600,26 @@ interface OptionsConfig {
    * @default auto-detect based on the dependencies
    */
   typescript?: boolean | OptionsTypescript;
+  /**
+   * Enable JSX related rules.
+   *
+   * Passing an object to enable JSX accessibility rules.
+   *
+   * @default true
+   */
+  jsx?: boolean | OptionsJSX;
   /**
    * Options for eslint-plugin-unicorn.
    *
    * @default true
    */
   unicorn?: boolean | OptionsUnicorn;
+  /**
+   * Options for [@e18e/eslint-plugin](https://github.com/e18e/eslint-plugin)
+   *
+   * @default true
+   */
+  e18e?: boolean | OptionsE18e;
   /**
    * Enable JSONC support.
    *
@@ -16575,11 +16685,11 @@ interface OptionsConfig {
    */
   tailwindcss?: boolean | OptionsTailwindCSS;
   /**
-   * Enable TanStack React Query support.
+   * Enable TanStack Query support.
    *
    * @default auto-detect based on the dependencies
    */
-  reactQuery?: boolean;
+  tanstackQuery?: boolean | OptionsOverrides;
 }
 //#endregion
 //#region src/configs/command.d.ts
@@ -16591,11 +16701,14 @@ declare function comments(): FlatConfigItem[];
 //#region src/configs/de-morgan.d.ts
 declare function deMorgan(): FlatConfigItem[];
 //#endregion
+//#region src/configs/e18e.d.ts
+declare function e18e(options?: OptionsE18e): Promise<FlatConfigItem[]>;
+//#endregion
 //#region src/configs/html.d.ts
 declare function html(options: HTMLOptions): Promise<FlatConfigItem[]>;
 //#endregion
 //#region src/configs/ignores.d.ts
-declare function ignores(userIgnores?: string[]): FlatConfigItem[];
+declare function ignores(userIgnores?: string[], ignoreTypeScript?: boolean): FlatConfigItem[];
 //#endregion
 //#region src/configs/imports.d.ts
 declare function imports(options?: OptionsHasNextJs): FlatConfigItem[];
@@ -16610,6 +16723,9 @@ declare function jsdoc(): Promise<FlatConfigItem[]>;
 //#region src/configs/jsonc.d.ts
 declare function jsonc(options?: OptionsFiles & OptionsOverrides & StyleOptions): Promise<FlatConfigItem[]>;
 //#endregion
+//#region src/configs/jsx.d.ts
+declare function jsx(options?: OptionsJSX): Promise<FlatConfigItem[]>;
+//#endregion
 //#region src/configs/markdown.d.ts
 declare function markdown(options?: OptionsFiles & OptionsOverrides): Promise<FlatConfigItem[]>;
 //#endregion
@@ -16634,7 +16750,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): Promise<FlatConfigItem[]>;
 //#endregion
 //#region src/configs/regexp.d.ts
 declare function regexp(options?: OptionsOverrides): FlatConfigItem[];
@@ -16647,6 +16763,9 @@ declare const sortPnpmWorkspace: () => FlatConfigItem[];
 //#region src/configs/tailwindcss.d.ts
 declare function tailwindcss(options?: OptionsTailwindCSS): Promise<FlatConfigItem[]>;
 //#endregion
+//#region src/configs/tanstack-query.d.ts
+declare function tanstackQuery(options?: OptionsFiles & OptionsOverrides): Promise<FlatConfigItem[]>;
+//#endregion
 //#region src/configs/toml.d.ts
 declare function toml(options?: OptionsOverrides & OptionsFiles & StyleOptions): Promise<FlatConfigItem[]>;
 //#endregion
@@ -16664,7 +16783,7 @@ declare const hasTypeScript: boolean;
 declare const hasReact: boolean;
 declare const hasNextJs: boolean;
 declare const hasTailwind: boolean;
-declare const hasTanStackReactQuery: boolean;
+declare const hasTanStackQuery: boolean;
 //#endregion
 //#region src/factory.d.ts
 declare const defaultPluginRenaming: {
@@ -16690,7 +16809,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 +16908,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, OptionsE18e, OptionsFiles, OptionsHasNextJs, OptionsHasRegexp, OptionsHasTypeScript, OptionsJSX, OptionsJSXA11y, OptionsOverrides, OptionsTailwindCSS, OptionsTypeScriptParserOptions, OptionsTypeScriptWithTypes, OptionsTypescript, OptionsUnicorn, type PrettierOptions, ResolvedOptions, Rules, StyleConfig, StyleOptions, combine, command, comments, composer, deMorgan, defaultPluginRenaming, e18e, ensurePackages, getOverrides, hasNextJs, hasReact, hasTailwind, hasTanStackQuery, hasTypeScript, html, ignores, imports, interopDefault, javascript, jsdoc, jsonc, jsx, markdown, ncontiero, nextJs, node, parserPlain, perfectionist, prettier, promise, react, regexp, renamePluginInConfigs, renameRules, resolveSubOptions, restrictedSyntaxJs, sortPackageJson, sortPnpmWorkspace, sortTsconfig, tailwindcss, tanstackQuery, toArray, toml, typescript, unicorn, yml };

package/dist/index.mjs

@@ -43,79 +43,6 @@ function deMorgan() {
 	}];
 }
 //#endregion
-//#region src/globs.ts
-const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
-const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
-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";
-const GLOB_LESS = "**/*.less";
-const GLOB_SCSS = "**/*.scss";
-const GLOB_JSON = "**/*.json";
-const GLOB_JSON5 = "**/*.json5";
-const GLOB_JSONC = "**/*.jsonc";
-const GLOB_MARKDOWN = "**/*.md";
-const GLOB_MARKDOWN_IN_MARKDOWN = "**/*.md/*.md";
-const GLOB_YAML = "**/*.y?(a)ml";
-const GLOB_TOML = "**/*.toml";
-const GLOB_HTML = "**/*.htm?(l)";
-const GLOB_MARKDOWN_CODE = `${GLOB_MARKDOWN}/${GLOB_SRC}`;
-const GLOB_ALL_SRC = [
-	GLOB_SRC,
-	GLOB_STYLE,
-	GLOB_JSON,
-	GLOB_JSON5,
-	GLOB_MARKDOWN,
-	GLOB_YAML,
-	GLOB_HTML
-];
-const GLOB_NODE_MODULES = "**/node_modules";
-const GLOB_DIST = "**/dist";
-const GLOB_LOCKFILE = [
-	"**/package-lock.json",
-	"**/yarn.lock",
-	"**/pnpm-lock.yaml",
-	"**/bun.lockb"
-];
-const GLOB_EXCLUDE = [
-	GLOB_NODE_MODULES,
-	GLOB_DIST,
-	...GLOB_LOCKFILE,
-	"**/output",
-	"**/coverage",
-	"**/temp",
-	"**/.temp",
-	"**/tmp",
-	"**/.tmp",
-	"**/.history",
-	"**/fixtures",
-	"**/.git",
-	"**/.vitepress/cache",
-	"**/.nuxt",
-	"**/.next",
-	"**/.vercel",
-	"**/.contentlayer",
-	"**/.changeset",
-	"**/.idea",
-	"**/.cache",
-	"**/.output",
-	"**/.vite-inspect",
-	"**/.yarn",
-	"**/next-env.d.ts",
-	"**/.nitro",
-	"**/CHANGELOG*.md",
-	"**/*.min.*",
-	"**/LICENSE*",
-	"**/__snapshots__",
-	"**/auto-import?(s).d.ts",
-	"**/components.d.ts"
-];
-//#endregion
 //#region src/utils.ts
 const isCwdInScope = isPackageExists("@ncontiero/eslint-config");
 const parserPlain = {
@@ -212,6 +139,101 @@ function toArray(value) {
 	return Array.isArray(value) ? value : [value];
 }
 //#endregion
+//#region src/configs/e18e.ts
+async function e18e(options = {}) {
+	const { modernization = true, moduleReplacements = false, overrides = {}, performanceImprovements = true } = options;
+	const pluginE18e = await interopDefault(import("@e18e/eslint-plugin"));
+	const { configs } = pluginE18e;
+	return [{
+		name: "ncontiero/e18e/rules",
+		plugins: { e18e: pluginE18e },
+		rules: {
+			...modernization ? { ...configs.modernization.rules } : {},
+			...moduleReplacements ? { ...configs.moduleReplacements.rules } : {},
+			...performanceImprovements ? { ...configs.performanceImprovements.rules } : {},
+			"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/globs.ts
+const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
+const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
+const GLOB_JS = "**/*.?([cm])js";
+const GLOB_JSX = "**/*.?([cm])jsx";
+const GLOB_TS = "**/*.?([cm])ts";
+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";
+const GLOB_JSONC = "**/*.jsonc";
+const GLOB_MARKDOWN = "**/*.md";
+const GLOB_MARKDOWN_IN_MARKDOWN = "**/*.md/*.md";
+const GLOB_YAML = "**/*.y?(a)ml";
+const GLOB_TOML = "**/*.toml";
+const GLOB_HTML = "**/*.htm?(l)";
+const GLOB_MARKDOWN_CODE = `${GLOB_MARKDOWN}/${GLOB_SRC}`;
+const GLOB_ALL_SRC = [
+	GLOB_SRC,
+	GLOB_STYLE,
+	GLOB_JSON,
+	GLOB_JSON5,
+	GLOB_MARKDOWN,
+	GLOB_YAML,
+	GLOB_HTML
+];
+const GLOB_NODE_MODULES = "**/node_modules";
+const GLOB_DIST = "**/dist";
+const GLOB_LOCKFILE = [
+	"**/package-lock.json",
+	"**/yarn.lock",
+	"**/pnpm-lock.yaml",
+	"**/bun.lockb"
+];
+const GLOB_EXCLUDE = [
+	GLOB_NODE_MODULES,
+	GLOB_DIST,
+	...GLOB_LOCKFILE,
+	"**/output",
+	"**/coverage",
+	"**/temp",
+	"**/.temp",
+	"**/tmp",
+	"**/.tmp",
+	"**/.history",
+	"**/fixtures",
+	"**/.git",
+	"**/.vitepress/cache",
+	"**/.nuxt",
+	"**/.next",
+	"**/.vercel",
+	"**/.contentlayer",
+	"**/.changeset",
+	"**/.idea",
+	"**/.cache",
+	"**/.output",
+	"**/.vite-inspect",
+	"**/.yarn",
+	"**/next-env.d.ts",
+	"**/.nitro",
+	"**/CHANGELOG*.md",
+	"**/*.min.*",
+	"**/LICENSE*",
+	"**/__snapshots__",
+	"**/auto-import?(s).d.ts",
+	"**/components.d.ts"
+];
+//#endregion
 //#region src/configs/html.ts
 async function html(options) {
 	const { overrides = {} } = options;
@@ -243,7 +265,7 @@ async function html(options) {
 			"html/no-duplicate-id": "error",
 			"html/no-duplicate-in-head": "error",
 			"html/no-empty-headings": "warn",
-			"html/no-extra-spacing-attrs": ["warn", {
+			"html/no-extra-spacing-tags": ["warn", {
 				disallowInAssignment: true,
 				disallowMissing: true,
 				enforceBeforeSelfClose: true
@@ -289,10 +311,12 @@ async function html(options) {
 }
 //#endregion
 //#region src/configs/ignores.ts
-function ignores(userIgnores = []) {
+function ignores(userIgnores = [], ignoreTypeScript = false) {
+	const ignores = [...GLOB_EXCLUDE, ...userIgnores];
+	if (ignoreTypeScript) ignores.push(GLOB_TS, GLOB_TSX);
 	return [{
-		ignores: [...GLOB_EXCLUDE, ...userIgnores],
-		name: "ncontiero/global-ignores"
+		ignores,
+		name: "ncontiero/ignores"
 	}];
 }
 //#endregion
@@ -559,6 +583,81 @@ async function jsonc(options = {}) {
 	}];
 }
 //#endregion
+//#region src/configs/jsx.ts
+async function jsx(options = {}) {
+	const { a11y = false } = options;
+	const baseConfig = {
+		files: [GLOB_JSX, GLOB_TSX],
+		languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } },
+		name: "ncontiero/jsx/setup",
+		plugins: {},
+		rules: {}
+	};
+	if (!a11y) return [baseConfig];
+	const jsxA11yPlugin = await interopDefault(import("eslint-plugin-jsx-a11y"));
+	const a11yConfig = jsxA11yPlugin.flatConfigs.recommended;
+	const overrides = typeof a11y === "object" && a11y.overrides ? a11y.overrides : {};
+	return [{
+		...baseConfig,
+		...a11yConfig,
+		files: baseConfig.files,
+		languageOptions: {
+			...baseConfig.languageOptions,
+			...a11yConfig.languageOptions
+		},
+		name: baseConfig.name,
+		plugins: {
+			...baseConfig.plugins,
+			"jsx-a11y": jsxA11yPlugin
+		},
+		rules: {
+			...baseConfig.rules,
+			...a11yConfig.rules || {},
+			"jsx-a11y/anchor-is-valid": ["warn", {
+				aspects: [
+					"noHref",
+					"invalidHref",
+					"preferButton"
+				],
+				components: ["Link"],
+				specialLink: [
+					"to",
+					"hrefLeft",
+					"hrefRight"
+				]
+			}],
+			"jsx-a11y/control-has-associated-label": ["warn", {
+				controlComponents: [],
+				depth: 5,
+				ignoreElements: [
+					"audio",
+					"canvas",
+					"embed",
+					"input",
+					"textarea",
+					"tr",
+					"video"
+				],
+				ignoreRoles: [
+					"grid",
+					"listbox",
+					"menu",
+					"menubar",
+					"radiogroup",
+					"row",
+					"tablist",
+					"toolbar",
+					"tree",
+					"treegrid"
+				],
+				labelAttributes: ["label"]
+			}],
+			"jsx-a11y/lang": "warn",
+			...overrides
+		}
+	}];
+}
+//#endregion
 //#region src/configs/markdown.ts
 async function markdown(options = {}) {
 	const { files = [GLOB_MARKDOWN], overrides = {} } = options;
@@ -612,11 +711,17 @@ 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 [{
+		name: "ncontiero/nextjs/setup",
+		plugins: { nextjs: await interopDefault(import("@next/eslint-plugin-next")) }
+	}, {
 		files,
+		languageOptions: {
+			parserOptions: { ecmaFeatures: { jsx: true } },
+			sourceType: "module"
+		},
 		name: "ncontiero/nextjs/rules",
-		plugins: { nextjs: await interopDefault(import("@next/eslint-plugin-next")) },
 		rules: {
 			"nextjs/google-font-display": "warn",
 			"nextjs/google-font-preconnect": "warn",
@@ -640,7 +745,8 @@ async function nextJs(options = {}) {
 			"nextjs/no-typos": "warn",
 			"nextjs/no-unwanted-polyfillio": "warn",
 			...overrides
-		}
+		},
+		settings: { react: { version: "detect" } }
 	}];
 }
 //#endregion
@@ -809,13 +915,13 @@ const ReactRouterPackages = [
 ];
 const NextJsPackages = ["next"];
 async function react(options = {}) {
-	const { files = [GLOB_REACT], overrides = {}, reactQuery } = options;
-	if (reactQuery) ensurePackages(["@tanstack/eslint-plugin-query"]);
-	const [pluginA11y, pluginReact, pluginReactRefresh] = await Promise.all([
-		interopDefault(import("eslint-plugin-jsx-a11y")),
-		interopDefault(import("@eslint-react/eslint-plugin")),
-		interopDefault(import("eslint-plugin-react-refresh"))
-	]);
+	const { files = [GLOB_SRC], filesTypeAware = [GLOB_TS, GLOB_TSX], ignoresTypeAware = [`${GLOB_MARKDOWN}/**`], overrides = {}, tsconfigPath } = options;
+	const isTypeAware = !!tsconfigPath;
+	const typeAwareRules = {
+		"react/no-leaked-conditional-rendering": "error",
+		"react/no-unused-props": "warn"
+	};
+	const [pluginReact, pluginReactRefresh] = await Promise.all([interopDefault(import("@eslint-react/eslint-plugin")), interopDefault(import("eslint-plugin-react-refresh"))]);
 	const isAllowConstantExport = ReactRefreshAllowPackages.some((i) => isPackageExists(i));
 	const isUsingReactRouter = ReactRouterPackages.some((i) => isPackageExists(i));
 	const isUsingNextJs = NextJsPackages.some((i) => isPackageExists(i));
@@ -823,15 +929,10 @@ async function react(options = {}) {
 		{
 			name: "ncontiero/react/setup",
 			plugins: {
-				"jsx-a11y": pluginA11y,
 				react: pluginReact,
 				"react-refresh": pluginReactRefresh
 			}
 		},
-		reactQuery ? {
-			...(await interopDefault(import("@tanstack/eslint-plugin-query"))).configs["flat/recommended"][0],
-			name: "ncontiero/tanstack-query"
-		} : {},
 		{
 			files,
 			languageOptions: {
@@ -841,132 +942,6 @@ async function react(options = {}) {
 			name: "ncontiero/react/rules",
 			rules: {
 				...pluginReact.configs.recommended.rules,
-				"jsx-a11y/alt-text": ["warn", {
-					area: [],
-					elements: [
-						"img",
-						"object",
-						"area",
-						"input[type=\"image\"]"
-					],
-					img: [],
-					"input[type=\"image\"]": [],
-					object: []
-				}],
-				"jsx-a11y/anchor-has-content": ["warn", { components: [] }],
-				"jsx-a11y/anchor-is-valid": ["warn", {
-					aspects: [
-						"noHref",
-						"invalidHref",
-						"preferButton"
-					],
-					components: ["Link"],
-					specialLink: ["to"]
-				}],
-				"jsx-a11y/aria-activedescendant-has-tabindex": ["warn"],
-				"jsx-a11y/aria-props": ["warn"],
-				"jsx-a11y/aria-proptypes": ["warn"],
-				"jsx-a11y/aria-role": ["warn", { ignoreNonDOM: false }],
-				"jsx-a11y/aria-unsupported-elements": ["warn"],
-				"jsx-a11y/autocomplete-valid": ["off", { inputComponents: [] }],
-				"jsx-a11y/click-events-have-key-events": ["warn"],
-				"jsx-a11y/control-has-associated-label": ["warn", {
-					controlComponents: [],
-					depth: 5,
-					ignoreElements: [
-						"audio",
-						"canvas",
-						"embed",
-						"input",
-						"textarea",
-						"tr",
-						"video"
-					],
-					ignoreRoles: [
-						"grid",
-						"listbox",
-						"menu",
-						"menubar",
-						"radiogroup",
-						"row",
-						"tablist",
-						"toolbar",
-						"tree",
-						"treegrid"
-					],
-					labelAttributes: ["label"]
-				}],
-				"jsx-a11y/heading-has-content": ["warn", { components: [""] }],
-				"jsx-a11y/html-has-lang": ["warn"],
-				"jsx-a11y/iframe-has-title": ["warn"],
-				"jsx-a11y/img-redundant-alt": ["warn"],
-				"jsx-a11y/interactive-supports-focus": ["warn"],
-				"jsx-a11y/label-has-associated-control": "warn",
-				"jsx-a11y/lang": ["warn"],
-				"jsx-a11y/media-has-caption": ["warn", {
-					audio: [],
-					track: [],
-					video: []
-				}],
-				"jsx-a11y/mouse-events-have-key-events": ["warn"],
-				"jsx-a11y/no-access-key": ["warn"],
-				"jsx-a11y/no-autofocus": ["warn", { ignoreNonDOM: true }],
-				"jsx-a11y/no-distracting-elements": ["warn", { elements: ["marquee", "blink"] }],
-				"jsx-a11y/no-interactive-element-to-noninteractive-role": ["warn", { tr: ["none", "presentation"] }],
-				"jsx-a11y/no-noninteractive-element-interactions": ["warn", { handlers: [
-					"onClick",
-					"onMouseDown",
-					"onMouseUp",
-					"onKeyPress",
-					"onKeyDown",
-					"onKeyUp"
-				] }],
-				"jsx-a11y/no-noninteractive-element-to-interactive-role": ["warn", {
-					li: [
-						"menuitem",
-						"option",
-						"row",
-						"tab",
-						"treeitem"
-					],
-					ol: [
-						"listbox",
-						"menu",
-						"menubar",
-						"radiogroup",
-						"tablist",
-						"tree",
-						"treegrid"
-					],
-					table: ["grid"],
-					td: ["gridcell"],
-					ul: [
-						"listbox",
-						"menu",
-						"menubar",
-						"radiogroup",
-						"tablist",
-						"tree",
-						"treegrid"
-					]
-				}],
-				"jsx-a11y/no-noninteractive-tabindex": ["warn", {
-					roles: ["tabpanel"],
-					tags: []
-				}],
-				"jsx-a11y/no-redundant-roles": ["warn"],
-				"jsx-a11y/no-static-element-interactions": ["off", { handlers: [
-					"onClick",
-					"onMouseDown",
-					"onMouseUp",
-					"onKeyPress",
-					"onKeyDown",
-					"onKeyUp"
-				] }],
-				"jsx-a11y/role-has-required-aria-props": ["warn"],
-				"jsx-a11y/role-supports-aria-props": ["warn"],
-				"jsx-a11y/scope": ["warn"],
-				"jsx-a11y/tabindex-no-positive": ["warn"],
 				"react-refresh/only-export-components": ["warn", {
 					allowConstantExport: isAllowConstantExport,
 					allowExportNames: [...isUsingNextJs ? [
@@ -999,21 +974,33 @@ 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/no-unused-state": "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 +1277,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",
@@ -1313,6 +1300,25 @@ async function tailwindcss(options = {}) {
 	}];
 }
 //#endregion
+//#region src/configs/tanstack-query.ts
+async function tanstackQuery(options = {}) {
+	const { files = [GLOB_SRC], overrides = {} } = options;
+	ensurePackages(["@tanstack/eslint-plugin-query"]);
+	const tanstackQueryPlugin = await interopDefault(import("@tanstack/eslint-plugin-query"));
+	const config = tanstackQueryPlugin.configs.recommended;
+	return [{
+		name: "ncontiero/tanstack-query/setup",
+		plugins: { "@tanstack/query": tanstackQueryPlugin }
+	}, {
+		files,
+		name: "ncontiero/tanstack-query/rules",
+		rules: {
+			...config.rules,
+			...overrides
+		}
+	}];
+}
+//#endregion
 //#region src/configs/toml.ts
 async function toml(options = {}) {
 	const { files = [GLOB_TOML], overrides = {}, style = true } = options;
@@ -1421,7 +1427,7 @@ async function typescript(options = {}) {
 			name: "ncontiero/typescript/rules",
 			rules: {
 				...renameRules(pluginTs.configs["eslint-recommended"].overrides[0].rules, { "@typescript-eslint": "ts" }),
-				...renameRules(pluginTs.configs.recommended.rules, { "@typescript-eslint": "ts" }),
+				...renameRules(pluginTs.configs.strict.rules, { "@typescript-eslint": "ts" }),
 				"no-dupe-class-members": "off",
 				"no-redeclare": "off",
 				"no-restricted-syntax": [
@@ -1660,7 +1666,13 @@ const hasTypeScript = isPackageExists("typescript");
 const hasReact = isPackageExists("react");
 const hasNextJs = isPackageExists("next");
 const hasTailwind = isPackageExists("tailwindcss");
-const hasTanStackReactQuery = isPackageExists("@tanstack/react-query");
+const hasTanStackQuery = [
+	"@tanstack/react-query",
+	"@tanstack/preact-query",
+	"@tanstack/vue-query",
+	"@tanstack/solid-query",
+	"@tanstack/svelte-query"
+].some((i) => isPackageExists(i));
 //#endregion
 //#region src/factory.ts
 const flatConfigProps = [
@@ -1702,7 +1714,7 @@ function getStyleOptions(options) {
 * @returns Merged ESLint configurations based on provided options.
 */
 function ncontiero(options = {}, ...userConfigs) {
-	const { gitignore: enableGitignore = true, nextjs: enableNextJs = hasNextJs, react: enableReact = hasReact, reactQuery: enableTanStackReactQuery = hasTanStackReactQuery, regexp: enableRegexp = true, tailwindcss: enableTailwindCSS = hasTailwind, typescript: enableTypescript = hasTypeScript, unicorn: enableUnicorn = true } = options;
+	const { e18e: enableE18e = true, gitignore: enableGitignore = true, jsx: enableJsx = true, nextjs: enableNextJs = hasNextJs, react: enableReact = hasReact, regexp: enableRegexp = true, tailwindcss: enableTailwindCSS = hasTailwind, tanstackQuery: enableTanStackQuery = hasTanStackQuery, typescript: enableTypescript = hasTypeScript, unicorn: enableUnicorn = true } = options;
 	const prettierOptions = typeof options.prettier === "object" ? options.prettier : {};
 	const styleOptions = getStyleOptions(prettierOptions);
 	const configs = [];
@@ -1714,16 +1726,21 @@ function ncontiero(options = {}, ...userConfigs) {
 		name: "ncontiero/gitignore",
 		strict: false
 	})]));
-	if (!enableTypescript) options.ignores ? options.ignores.push(GLOB_TS, GLOB_TSX) : options.ignores = [GLOB_TS, GLOB_TSX];
 	const typescriptOptions = resolveSubOptions(options, "typescript");
 	const tsconfigPath = "tsconfigPath" in typescriptOptions ? typescriptOptions.tsconfigPath : void 0;
-	configs.push(ignores(options.ignores), javascript({ overrides: getOverrides(options, "javascript") }), comments(), jsdoc(), imports({ nextJs: !!enableNextJs }), node(), promise(), command(), perfectionist(), deMorgan());
+	configs.push(ignores(options.ignores, !enableTypescript), javascript({ overrides: getOverrides(options, "javascript") }), comments(), jsdoc(), imports({ nextJs: !!enableNextJs }), node(), promise(), command(), perfectionist(), deMorgan());
+	if (enableE18e) configs.push(e18e(enableE18e === true ? {} : enableE18e));
 	if (enableUnicorn) configs.push(unicorn(enableUnicorn === true ? { regexp: !!enableRegexp } : enableUnicorn));
+	if (enableJsx) configs.push(jsx(enableJsx === true ? {} : enableJsx));
 	if (enableTypescript) configs.push(typescript({
 		...typescriptOptions,
 		overrides: getOverrides(options, "typescript"),
 		tsconfigPath
 	}));
+	if (enableTanStackQuery) configs.push(tanstackQuery({
+		...resolveSubOptions(options, "tanstackQuery"),
+		overrides: getOverrides(options, "tanstackQuery")
+	}));
 	if (options.jsonc ?? true) configs.push(jsonc({
 		overrides: getOverrides(options, "jsonc"),
 		style: styleOptions
@@ -1739,8 +1756,9 @@ 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
+		tsconfigPath
 	}));
 	if (enableNextJs) configs.push(nextJs({ overrides: getOverrides(options, "nextjs") }));
 	if (options.html ?? true) configs.push(html({
@@ -1764,4 +1782,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, e18e, ensurePackages, getOverrides, hasNextJs, hasReact, hasTailwind, hasTanStackQuery, hasTypeScript, html, ignores, imports, interopDefault, javascript, jsdoc, jsonc, jsx, markdown, ncontiero, nextJs, node, parserPlain, perfectionist, prettier, promise, react, regexp, renamePluginInConfigs, renameRules, resolveSubOptions, restrictedSyntaxJs, sortPackageJson, sortPnpmWorkspace, sortTsconfig, tailwindcss, tanstackQuery, toArray, toml, typescript, unicorn, yml };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncontiero/eslint-config",
   "type": "module",
-  "version": "8.0.0-beta.1",
+  "version": "8.0.0-beta.3",
   "packageManager": "pnpm@10.33.2",
   "description": "Nicolas's ESLint config.",
   "author": {
@@ -51,18 +51,19 @@
     }
   },
   "dependencies": {
+    "@e18e/eslint-plugin": "^0.4.1",
     "@eslint-community/eslint-plugin-eslint-comments": "^4.7.1",
-    "@eslint-react/eslint-plugin": "5.5.1-beta.1",
+    "@eslint-react/eslint-plugin": "^5.7.2",
     "@eslint/markdown": "^8.0.1",
-    "@html-eslint/eslint-plugin": "^0.59.0",
-    "@html-eslint/parser": "^0.59.0",
+    "@html-eslint/eslint-plugin": "^0.60.0",
+    "@html-eslint/parser": "^0.60.0",
     "@next/eslint-plugin-next": "^16.2.4",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.2",
+    "@typescript-eslint/parser": "^8.59.2",
     "eslint-config-flat-gitignore": "^2.3.0",
     "eslint-merge-processors": "^2.0.0",
     "eslint-plugin-antfu": "^3.2.2",
-    "eslint-plugin-better-tailwindcss": "4.4.1",
+    "eslint-plugin-better-tailwindcss": "4.5.0",
     "eslint-plugin-command": "^3.5.2",
     "eslint-plugin-de-morgan": "^2.1.1",
     "eslint-plugin-import-x": "^4.16.2",
@@ -72,14 +73,14 @@
     "eslint-plugin-n": "^17.24.0",
     "eslint-plugin-perfectionist": "^5.9.0",
     "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-promise": "^7.3.0",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-regexp": "^3.1.0",
     "eslint-plugin-toml": "^1.3.1",
     "eslint-plugin-unicorn": "^64.0.0",
     "eslint-plugin-unused-imports": "^4.4.1",
-    "eslint-plugin-yml": "^3.3.1",
-    "globals": "^17.5.0",
+    "eslint-plugin-yml": "^3.3.2",
+    "globals": "^17.6.0",
     "local-pkg": "^1.1.2",
     "prettier": "^3.8.3",
     "toml-eslint-parser": "^1.0.3",
@@ -87,18 +88,18 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.31.0",
-    "@commitlint/cli": "^20.5.2",
-    "@commitlint/config-conventional": "^20.5.0",
+    "@commitlint/cli": "^20.5.3",
+    "@commitlint/config-conventional": "^20.5.3",
     "@ncontiero/changelog-github": "^2.1.3",
     "@ncontiero/prettier-config": "^1.0.0",
-    "@tanstack/eslint-plugin-query": "^5.100.5",
+    "@tanstack/eslint-plugin-query": "^5.100.9",
     "@types/eslint-plugin-jsx-a11y": "^6.10.1",
     "@types/node": "^25.6.0",
-    "eslint": "^10.2.1",
+    "eslint": "^10.3.0",
     "eslint-typegen": "^2.3.1",
-    "execa": "^9.6.1",
     "husky": "^9.1.7",
-    "lint-staged": "^16.4.0",
+    "nano-staged": "^1.0.2",
+    "tinyexec": "^1.1.2",
     "tinyglobby": "^0.2.16",
     "tsdown": "^0.21.10",
     "tsx": "^4.21.0",
@@ -108,7 +109,7 @@
   "engines": {
     "node": ">=20.19.0"
   },
-  "lint-staged": {
+  "nano-staged": {
     "*": "pnpm lint:fix"
   },
   "prettier": "@ncontiero/prettier-config"