@fabdeh/eslint-config 0.4.0 → 0.6.0

package/README.md

@@ -37,9 +37,9 @@ And create an `eslint.config.mjs` in you project root:
 
 ```js
 // eslint.config.mjs
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig();
+export default defineConfig();
 ```
 
 ### Add script for package.json
@@ -108,22 +108,22 @@ Add the following settings to your `.vscode/settings.json`:
 
 Since the beginning, we used [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new). It provides much better organization and composition.
 
-Normally you only need to import the `createConfig` function:
+Normally you only need to import the `defineConfig` function:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig();
+export default defineConfig();
 ```
 
 And that's it! Or you can configure each integration individually, for example:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   // Enable stylistic formatting rules
   // stylistic: true,
 
@@ -148,13 +148,13 @@ export default createConfig({
 });
 ```
 
-The `createConfig` factory function also accepts any number of arbitrary custom config overrides:
+The `defineConfig` factory function also accepts any number of arbitrary custom config overrides:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig(
+export default defineConfig(
   {
     // Configure the fabdeh's config
   },
@@ -225,9 +225,9 @@ If you want to override the rules, you need to specify the file extension:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig(
+export default defineConfig(
   {
     typescript: true,
     vitest: true
@@ -252,9 +252,9 @@ We also provide the `overrides` option in each integration to make it easier:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   typescript: {
     overrides: {
       '@typescript-eslint/consisten-type-definitions': ['error', 'interface'],
@@ -292,9 +292,9 @@ You can explicitly enable/disable TypeScript integration manually:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   typescript: true,
 });
 ```
@@ -313,9 +313,9 @@ You can enable these rules as follow:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   typescript: {
     enableErasableSyntaxOnly: true,
   },
@@ -335,9 +335,9 @@ Angular support is detected automatically by checking if `@angular/core` is inst
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   angular: true,
 });
 ```
@@ -355,9 +355,9 @@ As the Angular integration is can be explicitly enabled/disabled:
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   ngrx: true,
 });
 ```
@@ -370,9 +370,9 @@ The vitest integration is detected automatically by checking if `vitest` is inst
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   vitest: true,
 });
 ```
@@ -387,9 +387,9 @@ Use external formatters to format files that ESLint cannot handle yet (`.css`, `
 
 ```js
 // eslint.config.js
-import { createConfig } from '@fabdeh/eslint-config';
+import { defineConfig } from '@fabdeh/eslint-config';
 
-export default createConfig({
+export default defineConfig({
   formatters: {
     /**
      * Format CSS, LESS, SCSS files

package/dist/index.d.mts

@@ -1,7 +1,8 @@
-import type { ConfigArray, ConfigWithExtends } from 'typescript-eslint';
-import type { StylisticCustomizeOptions } from '@stylistic/eslint-plugin';
-import type { TSESLint } from '@typescript-eslint/utils';
-import type { FlatGitignoreOptions } from 'eslint-config-flat-gitignore';
+import { ConfigArray, ConfigWithExtends } from 'typescript-eslint';
+import { StylisticCustomizeOptions } from '@stylistic/eslint-plugin';
+import { TSESLint } from '@typescript-eslint/utils';
+import { FlatGitignoreOptions } from 'eslint-config-flat-gitignore';
+import { Attributes, Callees, Variables, Tags } from 'eslint-plugin-better-tailwindcss/api/types';
 
 /**
  * Vendor types from Prettier so we don't rely on the dependency.
@@ -136,11 +137,6 @@ interface VendoredPrettierOptionsRequired {
     xmlWhitespaceSensitivity: 'ignore' | 'preserve' | 'strict';
 }
 
-
-
-
-
-
 /**
  * A type that can be awaited. Promise<T> or T.
  */
@@ -229,6 +225,22 @@ interface AngularOptions {
      * HTML-specific linting rule overrides.
      */
     htmlOverrides?: TSESLint.FlatConfig.Config['rules'];
+    /**
+     * A class name pattern that allows service using `@Injectable` decorator to not use `providedIn` option.
+     */
+    ignoreClassNamePatternForInjectableProvidedIn?: string;
+    /**
+     * Defines whether the `styles`, `styleUrl`, `styleUrls` must be used.
+     *
+     * @default 'string'
+     */
+    componentStylesMode?: 'array' | 'string';
+    /**
+     * Indicates whether all component should use `OnPush` change strategy or not.
+     *
+     * @default true
+     */
+    preferOnPushOnly?: boolean;
 }
 /**
  * Interface representing configuration options for enforcing NgRx operators rules.
@@ -302,12 +314,55 @@ interface RegExpOptions {
      */
     level?: 'error' | 'warn';
 }
-interface TailwindcssParserPerGlobOptions {
+/**
+ * Interface for better-tailwindcss specific options.
+ */
+interface TailwindCssOptions {
     /**
      * Provides a specific ESLint parser per glob pattern.
-     * This is only needed if you want to lint tailwindcss without using Angular and TypeScript.
      */
     parsers?: Record<string, TSESLint.FlatConfig.Parser>;
+    /**
+     * Use all better-tailwindcss rules or only recommended ones.
+     *
+     * @default false
+     */
+    enableAllRules?: boolean;
+    /**
+     * The path to the entry file of the CSS-based tailwind config (eg: `src/global.css`). If not specified, the plugin will fall back to the default configuration.
+     * The tailwind config is used to determine the sorting order.
+     */
+    entryPoint?: string;
+    /**
+     * The path to the `tailwind.config.js` file. If not specified, the plugin will try to find it automatically or falls back to the default configuration.
+     * The tailwind config is used to determine the sorting order.
+     */
+    tailwindConfig?: string;
+    /**
+     * The name of the attribute that contains the tailwind classes.
+     *
+     * @default Name for `"class"` and strings Matcher for `"class", "className"`.
+     */
+    attributes?: Attributes;
+    /**
+     * List of function names which arguments should also get linted.
+     *
+     * @default  Matchers for `"cc", "clb", "clsx", "cn", "cnb", "ctl", "cva", "cx", "dcnb", "objstr", "tv", "twJoin", "twMerge"`.
+     */
+    callees?: Callees;
+    /**
+     * List of variable names whose initializer should also get linted.
+     *
+     * @default strings Matcher for `"className", "classNames", "classes", "style", "styles"`.
+     */
+    variables?: Variables;
+    /**
+     * List of template literal tag names whose content should get linted.
+     * When using the `tags` option, it is recommended to use the strings Matcher for your tag names. This will ensure that nested expressions get linted correctly.
+     *
+     * @default None
+     */
+    tags?: Tags;
 }
 /**
  * Options for creating an ESLint configuration.
@@ -383,7 +438,7 @@ interface CreateConfigOptions {
      *
      * @default false
      */
-    tailwindcss?: boolean | (FilesOptions & OverridesOptions) | (OverridesOptions & TailwindcssParserPerGlobOptions);
+    tailwindcss?: boolean | (FilesOptions & OverridesOptions & TailwindCssOptions);
     /**
      * Enable JSONC support.
      *
@@ -423,9 +478,6 @@ interface CreateConfigOptions {
     formatters?: FormattersOptions | boolean;
 }
 
-
-
-
 /**
  * Generates an ESLint configuration for Angular projects.
  *
@@ -438,8 +490,6 @@ interface CreateConfigOptions {
  */
 declare function angular(options?: AngularOptions): Promise<ConfigArray>;
 
-
-
 /**
  * Generates a configuration array for ESLint comments rules.
  *
@@ -451,8 +501,6 @@ declare function angular(options?: AngularOptions): Promise<ConfigArray>;
  */
 declare function comments(): ConfigArray;
 
-
-
 /**
  * Generates a configuration array for ESLint with default and user-defined ignore patterns.
  *
@@ -461,9 +509,6 @@ declare function comments(): ConfigArray;
  */
 declare function ignores(userIgnores?: string[]): ConfigArray;
 
-
-
-
 /**
  * Generates an ESLint configuration array for import rules.
  *
@@ -473,9 +518,6 @@ declare function ignores(userIgnores?: string[]): ConfigArray;
  */
 declare function imports(options?: StylisticOptions): ConfigArray;
 
-
-
-
 /**
  * Generates a configuration array for JavaScript projects with ESLint.
  *
@@ -494,9 +536,6 @@ declare function imports(options?: StylisticOptions): ConfigArray;
  */
 declare function javascript(options?: OverridesOptions): ConfigArray;
 
-
-
-
 /**
  * Generates a configuration array for JSDoc rules.
  *
@@ -506,13 +545,6 @@ declare function javascript(options?: OverridesOptions): ConfigArray;
  */
 declare function jsdoc(options?: StylisticOptions): ConfigArray;
 
-
-
-
-
-
-
-
 /**
  * Generates an ESLint configuration for JSONC files.
  *
@@ -533,11 +565,6 @@ declare function jsdoc(options?: StylisticOptions): ConfigArray;
  */
 declare function jsonc(options?: FilesOptions & OverridesOptions & StylisticOptions): Promise<ConfigArray>;
 
-
-
-
-
-
 /**
  * Configures ESLint for Markdown files.
  *
@@ -560,9 +587,6 @@ declare function jsonc(options?: FilesOptions & OverridesOptions & StylisticOpti
  */
 declare function markdown(options?: FilesOptions & OverridesOptions): Promise<ConfigArray>;
 
-
-
-
 /**
  * Generates an ESLint configuration array for NgRx based on the provided options.
  *
@@ -586,8 +610,6 @@ declare function markdown(options?: FilesOptions & OverridesOptions): Promise<Co
  */
 declare function ngrx(options?: NgrxOptions): Promise<ConfigArray>;
 
-
-
 /**
  * Generates a configuration array for the "perfectionist" ESLint plugin.
  *
@@ -601,11 +623,6 @@ declare function ngrx(options?: NgrxOptions): Promise<ConfigArray>;
  */
 declare function perfectionist(): Promise<ConfigArray>;
 
-
-
-
-
-
 /**
  * Configure the recommended regexp rules.
  *
@@ -614,8 +631,6 @@ declare function perfectionist(): Promise<ConfigArray>;
  */
 declare function regexp(options?: OverridesOptions & RegExpOptions): ConfigArray;
 
-
-
 /**
  * Configures ESLint rules for sorting keys and array values in `package.json` files.
  *
@@ -641,11 +656,6 @@ declare function sortPackageJson(): ConfigArray;
  */
 declare function sortTsConfig(): ConfigArray;
 
-
-
-
-
-
 declare const STYLISTIC_CONFIG_DEFAULT: StylisticConfig;
 /**
  * Generates a stylistic ESLint configuration.
@@ -657,33 +667,20 @@ declare const STYLISTIC_CONFIG_DEFAULT: StylisticConfig;
  */
 declare function stylistic(options?: StylisticOptions): Promise<ConfigArray>;
 
-
-
-
-
-
-
-
 /**
- * Generates an ESLint configuration array for Tailwind CSS.
+ * Generates an ESLint configuration array for Tailwind CSS using better-tailwindcss plugin.
  *
  * @param [options] - Optional overrides for the configuration.
  * @returns  A promise that resolves to the ESLint configuration array.
  * @example
  * const config = await tailwindcss({
+ *   enableAllRules: true,
  *   overrides: {
- *     'tailwindcss/classnames-order': 'warn',
+ *     'better-tailwindcss/recommended': 'warn',
  *   },
  * });
  */
-declare function tailwindcss(options?: (FilesOptions & OverridesOptions) | (OverridesOptions & TailwindcssParserPerGlobOptions)): Promise<ConfigArray>;
-
-
-
-
-
-
-
+declare function tailwindcss(options?: (FilesOptions & OverridesOptions & TailwindCssOptions)): Promise<ConfigArray>;
 
 /**
  * Generates an ESLint configuration for TOML files.
@@ -697,15 +694,6 @@ declare function tailwindcss(options?: (FilesOptions & OverridesOptions) | (Over
  */
 declare function toml(options?: FilesOptions & OverridesOptions & StylisticOptions): Promise<ConfigArray>;
 
-
-
-
-
-
-
-
-
-
 /**
  * Generates a TypeScript ESLint configuration.
  *
@@ -717,9 +705,6 @@ declare function toml(options?: FilesOptions & OverridesOptions & StylisticOptio
  */
 declare function typescript(options?: OverridesOptions & StylisticOptions & TypeScriptErasableSyntaxOnlyOptions & TypeScriptParserOptions): Promise<ConfigArray>;
 
-
-
-
 /**
  * Generates a configuration array for the Unicorn plugin with the specified options.
  *
@@ -728,11 +713,6 @@ declare function typescript(options?: OverridesOptions & StylisticOptions & Type
  */
 declare function unicorn(options?: UnicornOptions): ConfigArray;
 
-
-
-
-
-
 /**
  * Configures and returns an ESLint configuration array for Vitest.
  *
@@ -752,13 +732,6 @@ declare function unicorn(options?: UnicornOptions): ConfigArray;
  */
 declare function vitest(options?: OverridesOptions & TestingOptions): Promise<ConfigArray>;
 
-
-
-
-
-
-
-
 /**
  * Generates an ESLint configuration for YAML files.
  *
@@ -772,13 +745,6 @@ declare function vitest(options?: OverridesOptions & TestingOptions): Promise<Co
  */
 declare function yaml(options?: FilesOptions & OverridesOptions & StylisticOptions): Promise<ConfigArray>;
 
-
-
-
-
-
-
-
 /**
  * Creates an ESLint configuration array based on the provided options and user configurations.
  *
@@ -813,10 +779,6 @@ declare const GLOB_HTML = "**/*.htm?(l)";
  */
 declare const GLOB_TESTS: string[];
 
-
-
-
-
 /**
  * A utility function to handle the default export of a module.
  *
@@ -843,6 +805,13 @@ declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
  * @returns The root directory of the workspace.
  */
 declare function getWorkspaceRoot(dir: string, candidateRoot: string): string;
+/**
+ * Returns the most probable filename for the TsConfig.
+ *
+ * @param dir - The directory into which the tsconfig.json is located.
+ * @returns The tsconfig.*.json file
+ */
+declare function getTsConfigFileName(dir: string): string | undefined;
 /**
  * Checks if a package is within the specified scope.
  *
@@ -880,5 +849,5 @@ type ResolvedOptions<T> = T extends boolean ? never : NonNullable<T>;
  */
 declare function resolveSubOptions<K extends keyof CreateConfigOptions>(options: CreateConfigOptions, key: K): ResolvedOptions<CreateConfigOptions[K]>;
 
-export { GLOB_HTML, GLOB_JS, GLOB_SRC, GLOB_TESTS, GLOB_TS, STYLISTIC_CONFIG_DEFAULT, angular, comments, defineConfig, ensurePackages, findNearestPackageJsonName, getWorkspaceRoot, ignores, imports, interopDefault, isPackageInScope, javascript, jsdoc, jsonc, markdown, ngrx, perfectionist, regexp, resolveSubOptions, sortPackageJson, sortTsConfig, stylistic, tailwindcss, toml, typescript, unicorn, vitest, yaml };
-export type { AngularOptions, Awaitable, CreateConfigOptions, FilesOptions, FormattersOptions, NgrxOperators, NgrxOptions, OverridesOptions, RegExpOptions, ResolvedOptions, StylisticConfig, StylisticOptions, TailwindcssParserPerGlobOptions, TestingOptions, TypeScriptErasableSyntaxOnlyOptions, TypeScriptParserOptions, UnicornOptions };
+export { GLOB_HTML, GLOB_JS, GLOB_SRC, GLOB_TESTS, GLOB_TS, STYLISTIC_CONFIG_DEFAULT, angular, comments, defineConfig, ensurePackages, findNearestPackageJsonName, getTsConfigFileName, getWorkspaceRoot, ignores, imports, interopDefault, isPackageInScope, javascript, jsdoc, jsonc, markdown, ngrx, perfectionist, regexp, resolveSubOptions, sortPackageJson, sortTsConfig, stylistic, tailwindcss, toml, typescript, unicorn, vitest, yaml };
+export type { AngularOptions, Awaitable, CreateConfigOptions, FilesOptions, FormattersOptions, NgrxOperators, NgrxOptions, OverridesOptions, RegExpOptions, ResolvedOptions, StylisticConfig, StylisticOptions, TailwindCssOptions, TestingOptions, TypeScriptErasableSyntaxOnlyOptions, TypeScriptParserOptions, UnicornOptions };

package/dist/index.mjs

@@ -4,7 +4,6 @@ import { statSync } from 'node:fs';
 import { readFile } from 'node:fs/promises';
 import { resolve, dirname, join } from 'node:path';
 import process from 'node:process';
-import { fileURLToPath } from 'node:url';
 import eslint from '@eslint/js';
 import preferArrowFunctions from 'eslint-plugin-prefer-arrow-functions';
 import unusedImports from 'eslint-plugin-unused-imports';
@@ -75,7 +74,7 @@ const GLOB_EXCLUDE = [
   "**/prettier-types.ts"
 ];
 
-const SCOPE_URL = fileURLToPath(new URL(".", import.meta.url));
+const SCOPE_URL = import.meta.dirname;
 const IS_CWD_IN_SCOPE = isPackageExists("@fabdeh/eslint-config");
 async function interopDefault(m) {
   const resolved = await m;
@@ -89,8 +88,8 @@ function fileExists(path) {
   }
 }
 function getWorkspaceRoot(dir, candidateRoot) {
-  if (process.env.NX_WORKSPACE_ROOT_PATH) {
-    return process.env.NX_WORKSPACE_ROOT_PATH;
+  if (process.env.NX_WORKSPACE_ROOT) {
+    return process.env.NX_WORKSPACE_ROOT;
   }
   if (dirname(dir) === dir) {
     return candidateRoot;
@@ -104,6 +103,9 @@ function getWorkspaceRoot(dir, candidateRoot) {
     return getWorkspaceRoot(dirname(dir), candidateRoot);
   }
 }
+function getTsConfigFileName(dir) {
+  return ["tsconfig.base.json", "tsconfig.json"].map((filename) => ({ filename, path: join(dir, filename) })).filter(({ path }) => fileExists(path)).map(({ filename }) => filename).at(0);
+}
 function isPackageInScope(name) {
   return isPackageExists(name, { paths: [SCOPE_URL] });
 }
@@ -137,15 +139,16 @@ async function findNearestPackageJsonName(directoryPath = resolve()) {
   }
 }
 function resolveSubOptions(options, key) {
-  if (typeof options[key] === "boolean") {
-    return {};
+  const option = options[key];
+  if (typeof option === "boolean") {
+    throw new TypeError(`Option ${String(key)} should not be boolean.`);
   }
-  return options[key] ?? {};
+  return option ?? {};
 }
 
 async function angular(options = {}) {
   const angularEslint = await interopDefault(import('angular-eslint'));
-  const { enableAccessibilityRules = true, tsOverrides = {}, htmlOverrides = {}, prefix = "app" } = options;
+  const { enableAccessibilityRules = true, tsOverrides = {}, htmlOverrides = {}, prefix = "app", ignoreClassNamePatternForInjectableProvidedIn: ignoreClassNamePattern, componentStylesMode = "string", preferOnPushOnly = true } = options;
   return tseslint.config(
     {
       name: "fabdeh/angular/rules",
@@ -193,6 +196,7 @@ async function angular(options = {}) {
             style: "kebab-case"
           }
         ],
+        "@angular-eslint/consistent-component-styles": ["error", componentStylesMode],
         "@angular-eslint/contextual-decorator": "error",
         "@angular-eslint/directive-selector": [
           "error",
@@ -210,12 +214,18 @@ async function angular(options = {}) {
         "@angular-eslint/no-lifecycle-call": "error",
         "@angular-eslint/no-pipe-impure": "error",
         "@angular-eslint/no-queries-metadata-property": "error",
+        "@angular-eslint/no-uncalled-signals": "error",
+        "@angular-eslint/prefer-output-emitter-ref": "error",
         "@angular-eslint/prefer-output-readonly": "error",
         "@angular-eslint/prefer-signals": "error",
+        ...preferOnPushOnly ? { "@angular-eslint/prefer-on-push-component-change-detection": "error" } : {},
         "@angular-eslint/relative-url-prefix": "error",
+        "@angular-eslint/require-lifecycle-on-prototype": "error",
+        "@angular-eslint/sort-keys-in-type-decorator": "error",
         "@angular-eslint/sort-lifecycle-methods": "error",
         "@angular-eslint/use-component-selector": "error",
         "@angular-eslint/use-component-view-encapsulation": "error",
+        "@angular-eslint/use-injectable-provided-in": ignoreClassNamePattern ? ["error", { ignoreClassNamePattern }] : "error",
         "@angular-eslint/use-lifecycle-interface": "error",
         ...tsOverrides
       }
@@ -901,7 +911,7 @@ const SORT_UNION_OR_INTERSECTION_GROUPS = [
 ];
 
 async function perfectionist() {
-  const tsconfigRootDir = await findNearestPackageJsonName() === "@fabdeh/eslint-config" ? void 0 : getWorkspaceRoot(process.cwd(), process.cwd());
+  const rootDir = await findNearestPackageJsonName() === "@fabdeh/eslint-config" ? void 0 : getWorkspaceRoot(process.cwd(), process.cwd());
   return tseslint.config({
     name: "fabdeh/perfectionist/rules",
     files: [GLOB_SRC],
@@ -914,7 +924,10 @@ async function perfectionist() {
         "error",
         {
           groups: SORT_IMPORT_GROUPS,
-          tsconfigRootDir,
+          tsconfig: rootDir ? {
+            rootDir,
+            filename: getTsConfigFileName(rootDir)
+          } : void 0,
           order: "asc",
           type: "natural",
           newlinesBetween: "never"
@@ -1219,42 +1232,43 @@ async function stylistic(options = {}) {
   });
 }
 
-function isTailwindcssParserPerGlobOptions(options) {
-  return "parsers" in options && options.parsers !== void 0;
-}
 async function tailwindcss(options = {}) {
-  await ensurePackages(["eslint-plugin-tailwindcss"]);
-  const tailwindcssPlugin = await interopDefault(import('eslint-plugin-tailwindcss'));
+  await ensurePackages(["eslint-plugin-better-tailwindcss"]);
+  const betterTailwindcssPlugin = await interopDefault(import('eslint-plugin-better-tailwindcss'));
+  const { files: filesGlob, overrides, enableAllRules, parsers, ...settings } = options;
   let files;
   let parserConfigs;
-  const { overrides = {} } = options;
-  if (isTailwindcssParserPerGlobOptions(options)) {
-    const parsers = options.parsers ?? {};
+  if (parsers) {
     files = { files: [...new Set(Object.keys(parsers))] };
     parserConfigs = Object.entries(parsers).map(([glob, parser], index) => ({
       name: `fabdeh/tailwindcss/parser-${index + 1}`,
-      file: [glob],
+      files: [glob],
       languageOptions: {
         parser
       }
     }));
   } else {
-    files = { files: options.files ?? [GLOB_SRC, GLOB_HTML] };
+    files = { files: filesGlob ?? [GLOB_SRC, GLOB_HTML] };
     parserConfigs = [];
   }
   return tseslint.config(
     ...parserConfigs,
     {
-      name: "fabdeh/tailwindcss/rules",
-      plugins: { tailwindcss: tailwindcssPlugin },
+      name: "@fabdeh/tailwindcss/rules",
       ...files,
+      plugins: {
+        "better-tailwindcss": betterTailwindcssPlugin
+      },
+      settings: {
+        "better-tailwindcss": settings
+      },
       rules: {
-        "tailwindcss/classnames-order": "error",
-        "tailwindcss/enforces-negative-arbitrary-values": "error",
-        "tailwindcss/enforces-shorthand": "error",
-        "tailwindcss/no-contradicting-classname": "error",
-        "tailwindcss/no-unnecessary-arbitrary-value": "error",
-        ...overrides
+        ...betterTailwindcssPlugin.configs.recommended.rules,
+        ...enableAllRules ? {
+          "better-tailwindcss/enforce-consistent-variable-syntax": "warn",
+          "better-tailwindcss/no-conflicting-classes": "error",
+          "better-tailwindcss/no-restricted-classes": "error"
+        } : {}
       }
     }
   );
@@ -1344,6 +1358,8 @@ async function typescript(options = {}) {
     erasableSyntaxOnlyPlugin = erasableSyntaxOnly;
     erasableSyntaxOnlyRules = erasableSyntaxOnly.configs.recommended.rules;
   }
+  const tsconfigRootDir = getWorkspaceRoot(process.cwd(), process.cwd());
+  const defaultProject = getTsConfigFileName(tsconfigRootDir);
   return tseslint.config(
     {
       name: "fabdeh/typescript/setup",
@@ -1355,9 +1371,9 @@ async function typescript(options = {}) {
           sourceType: "module",
           projectService: {
             allowDefaultProject: ["*.js"],
-            defaultProject: "tsconfig.json"
+            defaultProject
           },
-          tsconfigRootDir: getWorkspaceRoot(process.cwd(), process.cwd()),
+          tsconfigRootDir,
           ...parserOptions
         }
       }
@@ -1465,7 +1481,6 @@ function unicorn(options = {}) {
         "unicorn/no-anonymous-default-export": "error",
         "unicorn/no-array-for-each": "error",
         "unicorn/no-array-method-this-argument": "error",
-        "unicorn/no-array-push-push": "error",
         "unicorn/no-array-reduce": "error",
         "unicorn/no-await-expression-member": "error",
         "unicorn/no-await-in-promise-methods": "error",
@@ -1476,7 +1491,6 @@ function unicorn(options = {}) {
         "unicorn/no-instanceof-builtins": "error",
         "unicorn/no-invalid-fetch-options": "error",
         "unicorn/no-invalid-remove-event-listener": "error",
-        "unicorn/no-length-as-slice-end": "error",
         "unicorn/no-lonely-if": "error",
         "unicorn/no-magic-array-flat-depth": "error",
         "unicorn/no-negated-condition": "error",
@@ -1490,6 +1504,9 @@ function unicorn(options = {}) {
         "unicorn/no-this-assignment": "error",
         "unicorn/no-typeof-undefined": "error",
         "unicorn/no-unnecessary-await": "error",
+        "unicorn/no-unnecessary-array-flat-depth": "error",
+        "unicorn/no-unnecessary-array-splice-count": "error",
+        "unicorn/no-unnecessary-slice-end": "error",
         "unicorn/no-unused-properties": "warn",
         "unicorn/no-useless-fallback-in-spread": "error",
         "unicorn/no-useless-length-check": "error",
@@ -1510,6 +1527,7 @@ function unicorn(options = {}) {
         "unicorn/prefer-date-now": "error",
         "unicorn/prefer-default-parameters": "error",
         "unicorn/prefer-export-from": "error",
+        "unicorn/prefer-import-meta-properties": "error",
         "unicorn/prefer-includes": "error",
         "unicorn/prefer-keyboard-event-key": "error",
         "unicorn/prefer-logical-operator-over-ternary": "error",
@@ -1525,6 +1543,7 @@ function unicorn(options = {}) {
         "unicorn/prefer-regexp-test": "error",
         "unicorn/prefer-set-has": "error",
         "unicorn/prefer-set-size": "error",
+        "unicorn/prefer-single-call": "error",
         "unicorn/prefer-spread": "error",
         "unicorn/prefer-string-raw": "error",
         "unicorn/prefer-string-replace-all": "error",
@@ -2016,4 +2035,4 @@ async function defineConfig(options = {}, ...userConfigs) {
   return tseslint.config(...await Promise.all(configs), ...await Promise.all(userConfigs));
 }
 
-export { GLOB_HTML, GLOB_JS, GLOB_SRC, GLOB_TESTS, GLOB_TS, STYLISTIC_CONFIG_DEFAULT, angular, comments, defineConfig, ensurePackages, findNearestPackageJsonName, getWorkspaceRoot, ignores, imports, interopDefault, isPackageInScope, javascript, jsdoc, jsonc, markdown, ngrx, perfectionist, regexp, resolveSubOptions, sortPackageJson, sortTsConfig, stylistic, tailwindcss, toml, typescript, unicorn, vitest, yaml };
+export { GLOB_HTML, GLOB_JS, GLOB_SRC, GLOB_TESTS, GLOB_TS, STYLISTIC_CONFIG_DEFAULT, angular, comments, defineConfig, ensurePackages, findNearestPackageJsonName, getTsConfigFileName, getWorkspaceRoot, ignores, imports, interopDefault, isPackageInScope, javascript, jsdoc, jsonc, markdown, ngrx, perfectionist, regexp, resolveSubOptions, sortPackageJson, sortTsConfig, stylistic, tailwindcss, toml, typescript, unicorn, vitest, yaml };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fabdeh/eslint-config",
   "type": "module",
-  "version": "0.4.0",
-  "packageManager": "pnpm@10.6.5+sha512.cdf928fca20832cd59ec53826492b7dc25dc524d4370b6b4adbf65803d32efaa6c1c88147c0ae4e8d579a6c9eec715757b50d4fa35eea179d868eada4ed043af",
+  "version": "0.6.0",
+  "packageManager": "pnpm@10.12.1+sha512.f0dda8580f0ee9481c5c79a1d927b9164f2c478e90992ad268bbb2465a736984391d6333d2c327913578b2804af33474ca554ba29c04a8b13060a717675ae3ac",
   "description": "My personal eslint config preset",
   "author": {
     "name": "Fabien Dehopré",
@@ -37,7 +37,7 @@
     "dist"
   ],
   "engines": {
-    "node": ">=18.18"
+    "node": "^20.11.1 || ^22.11.0"
   },
   "scripts": {
     "build": "unbuild",
@@ -55,22 +55,22 @@
   "peerDependencies": {
     "@prettier/plugin-xml": "^3.4.1",
     "eslint": "^9.21.0",
+    "eslint-plugin-better-tailwindcss": "^3.4.1",
     "eslint-plugin-erasable-syntax-only": "^0.3.0",
     "eslint-plugin-format": "^1.0.1",
-    "eslint-plugin-tailwindcss": "^3.18.0",
     "prettier-plugin-slidev": "^1.0.5"
   },
   "peerDependenciesMeta": {
     "@prettier/plugin-xml": {
       "optional": true
     },
-    "eslint-plugin-erasable-syntax-only": {
+    "eslint-plugin-better-tailwindcss": {
       "optional": true
     },
-    "eslint-plugin-format": {
+    "eslint-plugin-erasable-syntax-only": {
       "optional": true
     },
-    "eslint-plugin-tailwindcss": {
+    "eslint-plugin-format": {
       "optional": true
     },
     "prettier-plugin-slidev": {
@@ -78,63 +78,63 @@
     }
   },
   "dependencies": {
-    "@antfu/install-pkg": "^1.0.0",
-    "@clack/prompts": "^0.10.0",
-    "@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
-    "@eslint/js": "^9.22.0",
-    "@eslint/markdown": "^6.3.0",
-    "@ngrx/eslint-plugin": "^19.0.1",
-    "@stylistic/eslint-plugin": "^4.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.26.1",
-    "@typescript-eslint/parser": "^8.26.1",
-    "@typescript-eslint/utils": "^8.26.1",
-    "@vitest/eslint-plugin": "^1.1.38",
-    "angular-eslint": "^19.2.1",
+    "@antfu/install-pkg": "^1.1.0",
+    "@clack/prompts": "^0.10.1",
+    "@eslint-community/eslint-plugin-eslint-comments": "^4.5.0",
+    "@eslint/js": "^9.28.0",
+    "@eslint/markdown": "^6.5.0",
+    "@ngrx/eslint-plugin": "^19.2.1",
+    "@stylistic/eslint-plugin": "^4.4.1",
+    "@typescript-eslint/eslint-plugin": "^8.34.0",
+    "@typescript-eslint/parser": "^8.34.0",
+    "@typescript-eslint/utils": "^8.34.0",
+    "@vitest/eslint-plugin": "^1.2.2",
+    "angular-eslint": "^20.0.0",
     "eslint-config-flat-gitignore": "^2.1.0",
-    "eslint-flat-config-utils": "^2.0.1",
+    "eslint-flat-config-utils": "^2.1.0",
     "eslint-merge-processors": "^2.0.0",
-    "eslint-plugin-import-x": "^4.9.0",
+    "eslint-plugin-import-x": "^4.15.1",
     "eslint-plugin-jest-dom": "^5.5.0",
-    "eslint-plugin-jsdoc": "^50.6.8",
-    "eslint-plugin-jsonc": "^2.19.1",
-    "eslint-plugin-perfectionist": "^4.10.1",
+    "eslint-plugin-jsdoc": "^50.8.0",
+    "eslint-plugin-jsonc": "^2.20.1",
+    "eslint-plugin-perfectionist": "^4.14.0",
     "eslint-plugin-prefer-arrow-functions": "^3.6.2",
-    "eslint-plugin-regexp": "^2.7.0",
-    "eslint-plugin-testing-library": "^7.1.1",
+    "eslint-plugin-regexp": "^2.9.0",
+    "eslint-plugin-testing-library": "^7.5.2",
     "eslint-plugin-toml": "^0.12.0",
-    "eslint-plugin-unicorn": "^57.0.0",
+    "eslint-plugin-unicorn": "^59.0.1",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "eslint-plugin-yml": "^1.17.0",
-    "globals": "^16.0.0",
+    "eslint-plugin-yml": "^1.18.0",
+    "globals": "^16.2.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^1.1.1",
     "toml-eslint-parser": "^0.10.0",
-    "typescript-eslint": "^8.26.1",
+    "typescript-eslint": "^8.34.0",
     "yaml-eslint-parser": "^1.3.0"
   },
   "devDependencies": {
-    "@angular/core": "^19.2.2",
-    "@commitlint/cli": "^19.8.0",
-    "@commitlint/config-conventional": "^19.8.0",
-    "@commitlint/cz-commitlint": "^19.8.0",
+    "@angular/core": "^20.0.3",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@commitlint/cz-commitlint": "^19.8.1",
     "@fabdeh/eslint-config": "workspace:*",
-    "@ngrx/effects": "^19.0.1",
-    "@ngrx/operators": "^19.0.1",
-    "@ngrx/signals": "^19.0.1",
-    "@ngrx/store": "^19.0.1",
+    "@ngrx/effects": "^19.2.1",
+    "@ngrx/operators": "^19.2.1",
+    "@ngrx/signals": "^19.2.1",
+    "@ngrx/store": "^19.2.1",
     "@prettier/plugin-xml": "^3.4.1",
-    "@testing-library/angular": "^17.3.6",
+    "@testing-library/angular": "^17.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.13.10",
-    "bumpp": "^10.1.0",
-    "changelogithub": "^13.13.0",
+    "@types/node": "^22.15.31",
+    "bumpp": "^10.1.1",
+    "changelogithub": "^13.15.0",
     "commitizen": "^4.3.1",
-    "eslint": "^9.22.0",
-    "eslint-plugin-erasable-syntax-only": "^0.3.0",
+    "eslint": "^9.28.0",
+    "eslint-plugin-better-tailwindcss": "^3.4.0",
+    "eslint-plugin-erasable-syntax-only": "^0.3.1",
     "eslint-plugin-format": "^1.0.1",
-    "eslint-plugin-tailwindcss": "^3.18.0",
-    "execa": "^9.5.2",
+    "execa": "^9.6.0",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.0",
     "inquirer": "^9.3.7",
@@ -142,11 +142,11 @@
     "jiti": "^2.4.2",
     "nano-staged": "^0.8.0",
     "prettier-plugin-slidev": "^1.0.5",
-    "simple-git-hooks": "^2.11.1",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.2",
+    "simple-git-hooks": "^2.13.0",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3",
     "unbuild": "^3.5.0",
-    "vitest": "^3.0.9"
+    "vitest": "^3.2.3"
   },
   "pnpm": {
     "overrides": {