@fullstacksjs/eslint-config 11.3.3 → 11.5.0

package/README.md

@@ -18,7 +18,7 @@ $ npm install --save-dev @fullstacksjs/eslint-config eslint prettier
 
 ## Usage
 
-To use the configuration all you need is exporting generated config by `init` function. The configuration reads the metadata from your root `package.json` file and automatically adds the rules and plugins that are needed.
+To use the configuration, all you need is to export the generated config by the `init` function. The configuration reads the metadata from your root `package.json` file and automatically adds the rules and plugins that are needed.
 
 ### ESM
 
@@ -38,7 +38,7 @@ module.exports = init();
 
 ## Modules API
 
-You can fine tune module detection by overriding it, `init` function accepts options as its first argument to control enabled modules.
+You can fine-tune module detection by overriding it, the `init` function accepts options as its first argument to control enabled modules.
 
 ```typescript
 interface Options {
@@ -62,7 +62,7 @@ interface Options {
     cypress?: boolean; // controls cypress plugin
     playwright?: boolean // controls playwright plugin
     storybook?: boolean; // controls storybook plugin
-    tailwind?: boolean; // controls tailwindcss plugin
+    tailwind?: boolean | { callee?: string[] }; // controls tailwindcss plugin
     next?: boolean; // controls next plugin
     prettier?: boolean; // controls prettier plugin
     disableExpensiveRules?: boolean; // controls expensive rules
@@ -95,7 +95,7 @@ export default init(
 
 ## Speed Optimization!
 
-It's crucial to balance the benefits of linting rules against their performance impact. Below is a table highlighting the most resource-intensive linting rules encountered in a real-world React project:
+Balancing the benefits of linting rules against their performance impact is crucial. Below is a table highlighting the most resource-intensive linting rules encountered in a real-world React project:
 
 | Rule                                   | Time (ms) | Relative |
 | -------------------------------------- | --------- | -------- |
@@ -108,7 +108,7 @@ As illustrated, certain rules significantly increase linting time, potentially h
 
 To conditionally disable expensive linting rules, you can modify your configuration as follows:
 
-list of expensiveRules to be effected:
+List of `expensiveRules` to be affected:
 
 ```
 @typescript-eslint/no-floating-promises
@@ -129,19 +129,17 @@ export default init({
 });
 ```
 
-This approach ensures a smoother development experience while still enforcing rigorous code quality checks in environments where performance is less of a concern.
+## Migration Guide
 
-## Migration Guid
+### To v11
 
-### to v10
-
-v10 drops support for ESLint v8 configuration and only ESLint v9 is supported, which means you should migrate to [ESlint Flat Config](https://eslint.org/docs/latest/extend/plugin-migration-flat-config):
+v11 drops support for ESLint v8 configuration and only ESLint v9 is supported, which means you should migrate to [ESlint Flat Config](https://eslint.org/docs/latest/extend/plugin-migration-flat-config):
 
 1. Move your configs to `eslint.config.js` file.
 2. Use init API.
     ```diff
     -const { init } = require('@fullstacksjs/eslint-config/init');
-    +import { init } from '@fullstacksjs/eslint-config/init'
+    +import { init } from '@fullstacksjs/eslint-config';
 
     -module.exports = init({
     -  modules: {

package/cjs/index.js

@@ -62,6 +62,9 @@ const defaultOptions = {
  */
 function init(initOptions = {}, ...extend) {
   const options = (0, _deepmerge.default)(defaultOptions, initOptions);
+  if (options.tailwind === true) {
+    options.tailwind = {};
+  }
   if (options.typescript === true) {
     options.typescript = {};
   }

package/cjs/modules/imports.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _eslintImportResolverTypescript = require("eslint-import-resolver-typescript");
 var _eslintPluginImportX = _interopRequireDefault(require("eslint-plugin-import-x"));
 var _conditions = require("../utils/conditions.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -35,9 +36,10 @@ function imports(options = {}) {
       'import-x/external-module-folders': ['node_modules', 'node_modules/@types'],
       'import-x/ignore': ['node_modules', '\\.(scss|css|svg|json)$'],
       ...(0, _conditions.predicate)(options.typescript, {
-        'import-x/resolver': {
-          typescript: true
-        },
+        'import-x/resolver-next': [(0, _eslintImportResolverTypescript.createTypeScriptImportResolver)({
+          alwaysTryTypes: true,
+          project: options.typescript.projects
+        })],
         'import-x/parsers': {
           '@typescript-eslint/parser': tsExtensions
         },

package/cjs/modules/perfectionist.js

@@ -38,13 +38,11 @@ function perfectionist() {
       'perfectionist/sort-object-types': 'off',
       'perfectionist/sort-objects': 'off',
       'perfectionist/sort-sets': 'warn',
-      'perfectionist/sort-svelte-attributes': 'warn',
       'perfectionist/sort-switch-case': 'off',
       'perfectionist/sort-union-types': ['warn', {
         groups: ['conditional', 'function', 'import', 'intersection', 'keyword', 'literal', 'named', 'object', 'operator', 'tuple', 'union', 'nullish']
       }],
-      'perfectionist/sort-variable-declarations': 'warn',
-      'perfectionist/sort-vue-attributes': 'warn'
+      'perfectionist/sort-variable-declarations': 'warn'
     }
   };
 }

package/cjs/modules/tailwind.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-/** @return { Promise<import('eslint').Linter.Config> } */
-async function tailwind() {
+/**
+ * @param { import('../option').Options } options
+ * @return { Promise<import('eslint').Linter.Config> }
+ */
+async function tailwind(options = {}) {
   const plugin = await Promise.resolve().then(() => require('eslint-plugin-tailwindcss'));
   return {
     plugins: {
       tailwindcss: plugin.default ?? plugin
     },
+    settings: {
+      tailwindcss: {
+        callees: options.callees ?? ['cva', 'classnames', 'classNames', 'class', 'clsx', 'cn', 'cns', 'cx']
+      }
+    },
     rules: {
       'tailwindcss/classnames-order': 'warn',
       'tailwindcss/enforces-negative-arbitrary-values': 'warn',

package/cjs/modules/typescript.js

@@ -232,6 +232,7 @@ function typescript(options = {}) {
           allowRegExp: false,
           allowNever: false
         }],
+        '@typescript-eslint/related-getter-setter-pairs': 'error',
         '@typescript-eslint/require-array-sort-compare': ['error', {
           ignoreStringArrays: true
         }],

package/cjs/option.d.ts

@@ -4,7 +4,7 @@ export interface Options extends Linter.Config {
   react?: boolean;
   sort?: boolean;
   next?: boolean;
-  tailwind?: boolean;
+  tailwind?: boolean | { callees: string[] };
   node?: boolean;
   strict?: boolean;
   import?: { internalRegExp?: string; lifetime?: number; projects?: string | string[] } | boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullstacksjs/eslint-config",
-  "version": "11.3.3",
+  "version": "11.5.0",
   "license": "MIT",
   "author": "fullstacks <fullstacksjs@gmail.com>",
   "description": "fullstacks eslint config",
@@ -34,48 +34,48 @@
     }
   },
   "dependencies": {
-    "@eslint-react/eslint-plugin": "1.15.0",
-    "@next/eslint-plugin-next": "14.2.15",
+    "@eslint-react/eslint-plugin": "1.19.0",
+    "@next/eslint-plugin-next": "15.1.0",
     "deepmerge": "4.3.1",
-    "eslint-import-resolver-typescript": "3.6.3",
-    "eslint-plugin-cypress": "4.0.0",
-    "eslint-plugin-import-x": "4.3.1",
-    "eslint-plugin-jest": "28.8.3",
+    "eslint-import-resolver-typescript": "3.7.0",
+    "eslint-plugin-cypress": "4.1.0",
+    "eslint-plugin-import-x": "4.5.0",
+    "eslint-plugin-jest": "28.9.0",
     "eslint-plugin-jest-formatting": "3.1.0",
-    "eslint-plugin-jsx-a11y": "6.10.0",
-    "eslint-plugin-n": "17.11.1",
-    "eslint-plugin-perfectionist": "3.9.1",
-    "eslint-plugin-playwright": "1.7.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-n": "17.15.0",
+    "eslint-plugin-perfectionist": "4.3.0",
+    "eslint-plugin-playwright": "2.1.0",
     "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-promise": "7.1.0",
-    "eslint-plugin-react-hooks": "5.0.0",
-    "eslint-plugin-storybook": "0.9.0",
+    "eslint-plugin-promise": "7.2.1",
+    "eslint-plugin-react-hooks": "5.1.0",
+    "eslint-plugin-storybook": "0.11.1",
     "eslint-plugin-tailwindcss": "3.17.5",
     "eslint-plugin-vitest": "0.5.4",
-    "globals": "15.11.0",
-    "local-pkg": "0.5.0",
-    "typescript-eslint": "8.10.0"
+    "globals": "15.13.0",
+    "local-pkg": "0.5.1",
+    "typescript-eslint": "8.18.0"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "3.1.0",
-    "@eslint/js": "9.12.0",
-    "@semantic-release/github": "11.0.0",
+    "@eslint/eslintrc": "3.2.0",
+    "@eslint/js": "9.17.0",
+    "@semantic-release/github": "11.0.1",
     "@semantic-release/npm": "12.0.1",
     "@semantic-release/release-notes-generator": "14.0.1",
     "@types/eslint": "9.6.1",
-    "cspell": "8.15.3",
-    "eslint": "9.12.0",
+    "cspell": "8.16.1",
+    "eslint": "9.17.0",
     "eslint-find-rules": "4.2.0",
-    "husky": "9.1.6",
+    "husky": "9.1.7",
     "jest": "29.7.0",
-    "lint-staged": "15.2.10",
-    "np": "10.0.7",
+    "lint-staged": "15.2.11",
+    "np": "10.1.0",
     "npm-run-all": "4.1.5",
     "pinst": "3.0.0",
-    "prettier": "3.3.3",
-    "semantic-release": "24.1.2",
-    "typescript": "^5.4",
-    "unbuild": "2.0.0"
+    "prettier": "3.4.2",
+    "semantic-release": "24.2.0",
+    "typescript": "5.7.2",
+    "unbuild": "^2"
   },
   "peerDependencies": {
     "cypress": ">=8",

package/src/index.mjs

@@ -55,6 +55,10 @@ const defaultOptions = {
  */
 export function init(initOptions = {}, ...extend) {
   const options = merge(defaultOptions, initOptions);
+
+  if (options.tailwind === true) {
+    options.tailwind = {};
+  }
   if (options.typescript === true) {
     options.typescript = {};
   }

package/src/modules/imports.mjs

@@ -1,3 +1,4 @@
+import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript';
 import plugin from 'eslint-plugin-import-x';
 
 import { predicate } from '../utils/conditions.mjs';
@@ -31,7 +32,12 @@ function imports(options = {}) {
       'import-x/external-module-folders': ['node_modules', 'node_modules/@types'],
       'import-x/ignore': ['node_modules', '\\.(scss|css|svg|json)$'],
       ...predicate(options.typescript, {
-        'import-x/resolver': { typescript: true },
+        'import-x/resolver-next': [
+          createTypeScriptImportResolver({
+            alwaysTryTypes: true,
+            project: options.typescript.projects,
+          }),
+        ],
         'import-x/parsers': { '@typescript-eslint/parser': tsExtensions },
         'import-x/extensions': allExtensions,
       }),

package/src/modules/perfectionist.mjs

@@ -45,7 +45,6 @@ function perfectionist() {
       'perfectionist/sort-object-types': 'off',
       'perfectionist/sort-objects': 'off',
       'perfectionist/sort-sets': 'warn',
-      'perfectionist/sort-svelte-attributes': 'warn',
       'perfectionist/sort-switch-case': 'off',
       'perfectionist/sort-union-types': [
         'warn',
@@ -67,7 +66,6 @@ function perfectionist() {
         },
       ],
       'perfectionist/sort-variable-declarations': 'warn',
-      'perfectionist/sort-vue-attributes': 'warn',
     },
   };
 }

package/src/modules/tailwind.mjs

@@ -1,8 +1,16 @@
-/** @return { Promise<import('eslint').Linter.Config> } */
-async function tailwind() {
+/**
+ * @param { import('../option').Options } options
+ * @return { Promise<import('eslint').Linter.Config> }
+ */
+async function tailwind(options = {}) {
   const plugin = await import('eslint-plugin-tailwindcss');
   return {
     plugins: { tailwindcss: plugin.default ?? plugin },
+    settings: {
+      tailwindcss: {
+        callees: options.callees ?? ['cva', 'classnames', 'classNames', 'class', 'clsx', 'cn', 'cns', 'cx'],
+      },
+    },
     rules: {
       'tailwindcss/classnames-order': 'warn',
       'tailwindcss/enforces-negative-arbitrary-values': 'warn',

package/src/modules/typescript.mjs

@@ -207,6 +207,7 @@ function typescript(options = {}) {
           'warn',
           { allowNumber: true, allowBoolean: false, allowAny: false, allowNullish: false, allowRegExp: false, allowNever: false },
         ],
+        '@typescript-eslint/related-getter-setter-pairs': 'error',
         '@typescript-eslint/require-array-sort-compare': ['error', { ignoreStringArrays: true }],
         '@typescript-eslint/require-await': 'error',
         '@typescript-eslint/return-await': 'error',

package/src/option.d.ts

@@ -4,7 +4,7 @@ export interface Options extends Linter.Config {
   react?: boolean;
   sort?: boolean;
   next?: boolean;
-  tailwind?: boolean;
+  tailwind?: boolean | { callees: string[] };
   node?: boolean;
   strict?: boolean;
   import?: { internalRegExp?: string; lifetime?: number; projects?: string | string[] } | boolean;