@codfish/eslint-config 0.0.0-semantically-released → 12.0.0

package/README.md

@@ -18,8 +18,6 @@
 - [Installation](#installation)
 - [Usage](#usage)
   - [Opinionated Highlights](#opinionated-highlights)
-- [IDE Setup](#ide-setup)
-  - [VS Code / Cursor](#vs-code--cursor)
 - [Prettier Configuration](#prettier-configuration)
   - [Use in combination with prettier-plugin-tailwindcss](#use-in-combination-with-prettier-plugin-tailwindcss)
 - [Example scripts](#example-scripts)
@@ -38,7 +36,7 @@
 - **Next.js support**: Automatically configures Next.js official plugin linting rules when detected
 - **Test framework agnostic**: Supports Jest and Vitest with automatic detection
 - **Testing Library integration**: Automatically includes Testing Library rules for test files
-- **Multi-format support**: Built-in linting and formatting for Markdown, HTML, JSON, YAML/YML files
+- **YAML/YML support**: Built-in linting for YAML configuration files
 - **Prettier integration**: Built-in Prettier configuration with conflict resolution via eslint-config-prettier
 - **ESM architecture**: Built with ECMAScript modules and full TypeScript typing
 - **Docker support**: Optional configuration for dockerized applications
@@ -50,34 +48,8 @@ Install the package and required peer dependencies:
 
 ```sh
 npm i -D eslint@9 @codfish/eslint-config
-
-# Optionally, you can uninstall plugins or presets you don't need to manage anymore,
-# @codfish/eslint-config includes them all.
-npm uninstall typescript-eslint \
-  eslint-config-prettier \
-  eslint-plugin-jest \
-  eslint-plugin-jsx-a11y \
-  eslint-plugin-prettier \
-  eslint-plugin-react \
-  eslint-plugin-react-hooks \
-  @tanstack/eslint-plugin-query \
-  eslint-plugin-simple-import-sort \
-  eslint-plugin-testing-library \
-  eslint-plugin-yml \
-  @next/eslint-plugin-next \
-  eslint-plugin-next \
-  commitlint \
-  @commitlint/cli \
-  @commitlint/config-conventional \
-  prettier # optional, see note
 ```
 
-> [!NOTE]
->
-> ESLint now handles linting and formatting for JavaScript, TypeScript, Markdown, HTML, JSON, and YAML files
-> automatically. If you want to format additional file types (like CSS, SCSS, etc.), you can leave Prettier installed as
-> a dev dependency in your project.
-
 ## Usage
 
 Create an `eslint.config.js` file in your project root:
@@ -173,11 +145,6 @@ import codfish from '@codfish/eslint-config';
 export default defineConfig(
   codfish,
 
-  // Custom ignores
-  {
-    ignores: ['some-directory'],
-  },
-
   {
     files: ['**/*.spec.{js,ts,jsx,tsx}'],
     rules: {
@@ -283,49 +250,19 @@ This configuration includes some opinionated settings that you might want to cus
 See the [configuration examples below](#usage) for instructions on overriding these settings to match your team's
 preferences.
 
-## IDE Setup
-
-### VS Code / Cursor
+## Prettier Configuration
 
-For the best development experience with VS Code or Cursor (or any VS Code-based IDE), install the
-[ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) and configure it to
-auto-fix on save:
+**Prettier is included and runs automatically** through ESLint for JavaScript, TypeScript, JSX, and TSX files using the
+[built-in configuration](./prettier.js). **You don't need to install or configure Prettier separately** for basic usage.
 
-Add these settings to your `.vscode/settings.json` or user settings:
+However, if you want to format other file types (like Markdown, JSON, CSS, or YAML) or run Prettier directly, you can
+install it as a dev dependency:
 
-```json
-{
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit"
-  },
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "markdown",
-    "json",
-    "jsonc",
-    "html",
-    "yml",
-    "yaml"
-  ]
-}
+```sh
+npm i -D prettier
 ```
 
-This configuration enables:
-
-- Automatic linting and formatting on save for all supported file types
-- ESLint validation for Markdown, JSON, YAML, and HTML files
-- A unified development experience across your entire codebase
-
-## Prettier Configuration
-
-**Prettier is included and runs automatically** through ESLint for JavaScript, TypeScript, JSX, TSX, Markdown, HTML,
-JSON, and YAML files using the [built-in configuration](./prettier.js). **You don't need to install or configure
-Prettier separately** for these file types.
-
-You can then override the default config by creating your own Prettier config file, or extend the built-in config:
+You can then override the defaults by creating your own Prettier config file, or extend the built-in config:
 
 **Option 1: Extend the built-in config (Recommended)**
 
@@ -385,11 +322,12 @@ npm i -D eslint@9 @codfish/eslint-config prettier-plugin-tailwindcss
 ```js
 // prettier.config.js
 
-import codfish from '@codfish/eslint-config/prettier';
+import codfishPrettier from '@codfish/eslint-config/prettier';
+import tailwindcss from 'prettier-plugin-tailwindcss';
 
 /** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */
 export default {
-  ...codfish,
+  ...codfishPrettier,
   plugins: ['prettier-plugin-tailwindcss'],
   tailwindStylesheet: './src/styles/app.css',
   tailwindFunctions: ['clsx'], // optional
@@ -400,7 +338,7 @@ export default {
 
 Optionally, you can add these scripts to your `package.json` for common linting workflows:
 
-**Recommended scripts:**
+**Basic scripts (no separate Prettier installation needed):**
 
 ```json
 {
@@ -409,32 +347,24 @@ Optionally, you can add these scripts to your `package.json` for common linting
     "fix": "eslint . --fix"
   },
   "lint-staged": {
-    "*.{js,jsx,ts,tsx,md,json,yml,yaml,html}": ["eslint --fix"]
+    "*.{js,jsx,ts,tsx}": ["eslint --fix"]
   }
 }
 ```
 
-> [!NOTE]
->
-> ESLint now handles linting and formatting for JavaScript, TypeScript, Markdown, HTML, JSON, and YAML files. You don't
-> need to run Prettier separately for these file types.
-
-**With Prettier for other file types (CSS, SCSS, etc.):**
-
-If you want to format additional file types not covered by ESLint (like CSS, SCSS), you can install Prettier and add
-these scripts:
+**With Prettier installed separately (for formatting non-JS files):**
 
 ```json
 {
   "scripts": {
     "lint": "eslint .",
     "fix": "eslint . --fix",
-    "format": "prettier --write \"**/*.{css,scss}\"",
+    "format": "prettier --config ./node_modules/@codfish/eslint-config/prettier.js --write \"**/*.{json,css,md}\"",
     "check": "npm run lint && npm run format -- --check --no-write"
   },
   "lint-staged": {
-    "*.{js,jsx,ts,tsx,md,json,yml,yaml,html}": ["eslint --fix"],
-    "*.{css,scss}": ["prettier --write"]
+    "*.{js,jsx,ts,tsx}": ["eslint --fix"],
+    "*.{json,css,md}": ["prettier --write --config ./node_modules/@codfish/eslint-config/prettier.js"]
   }
 }
 ```

package/dist/dapp.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("eslint/config").Config[];
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
 export default _default;
 //# sourceMappingURL=dapp.d.ts.map

package/dist/docker.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("eslint/config").Config[];
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
 export default _default;
 //# sourceMappingURL=docker.d.ts.map

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("eslint/config").Config[];
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/rules/config-files.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("eslint/config").Config[];
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
 export default _default;
 //# sourceMappingURL=config-files.d.ts.map

package/dist/rules/jest.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
+export default _default;
+//# sourceMappingURL=jest.d.ts.map

package/dist/rules/jest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.d.ts","sourceRoot":"","sources":["../../rules/jest.js"],"names":[],"mappings":""}

package/dist/rules/react.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("eslint/config").Config[];
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
 export default _default;
 //# sourceMappingURL=react.d.ts.map

package/dist/rules/vitest.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
+export default _default;
+//# sourceMappingURL=vitest.d.ts.map

package/dist/rules/vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.d.ts","sourceRoot":"","sources":["../../rules/vitest.js"],"names":[],"mappings":""}

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../utils.js"],"names":[],"mappings":"AAyBA,6EAKC;AAfgC,4CAA+D;AAA/D,+CAA+D;AAA/D,gDAA+D;AAMzF,8CAA8E;AAE9E,yDAAmE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../utils.js"],"names":[],"mappings":"AA4BA,6EAKC;AAfgC,4CAA+D;AAA/D,+CAA+D;AAA/D,gDAA+D;AAMzF,8CAA8E;AAE9E,yDAAmE"}

package/index.js

@@ -1,10 +1,6 @@
 import js from '@eslint/js';
-import json from '@eslint/json';
-import markdown from '@eslint/markdown';
-import html from '@html-eslint/eslint-plugin';
-import htmlParser from '@html-eslint/parser';
 import { defineConfig } from 'eslint/config';
-import prettierConfig from 'eslint-plugin-prettier/recommended';
+import prettier from 'eslint-plugin-prettier/recommended';
 import simpleImportSortPlugin from 'eslint-plugin-simple-import-sort';
 import ymlPlugin from 'eslint-plugin-yml';
 import globals from 'globals';
@@ -12,29 +8,26 @@ import tseslint from 'typescript-eslint';
 
 import prettierBuiltInConfig from './prettier.js';
 import configFilesConfig from './rules/config-files.js';
+import jestConfig from './rules/jest.js';
 import reactConfig from './rules/react.js';
-import testConfig from './rules/tests.js';
+import vitestConfig from './rules/vitest.js';
 import { hasLocalConfig, ifAnyDep } from './utils.js';
 
 const useBuiltinPrettierConfig = !hasLocalConfig('prettier');
 
 /**
- * Modern ESLint configuration with dynamic feature detection.
- * Supports TypeScript, React, Vitest, Prettier, YAML, and more.
- *
- * React ESLint configuration. Includes React, React Hooks, and JSX accessibility rules.
- *   - https://github.com/jsx-eslint/eslint-plugin-react
- *   - https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks
- *   - https://github.com/jsx-eslint/eslint-plugin-jsx-a11y
+ * Modern ESLint configuration with dynamic feature detection
+ * Supports TypeScript, React, Jest, Vitest, Prettier, YAML, and Next.js
  */
 export default defineConfig([
-  // Base opinionated rules
-  {
-    name: 'codfish/base',
+  // Base JavaScript configuration
+  js.configs.recommended,
 
-    files: ['**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}'],
+  tseslint.configs.recommended,
 
-    extends: [js.configs.recommended, tseslint.configs.recommended],
+  // Base configuration for all files
+  {
+    name: 'codfish/base',
 
     plugins: {
       'simple-import-sort': simpleImportSortPlugin,
@@ -51,20 +44,6 @@ export default defineConfig([
     },
 
     rules: {
-      // Error handling rules to enforce using the Error object
-      'no-throw-literal': 'error',
-      'prefer-promise-reject-errors': 'error',
-
-      // Asynchronous functions that don’t use await might not need to be asynchronous functions
-      // Usually result of refactoring, leads to misunderstanding/misusage
-      'require-await': 'error',
-
-      // Disallow console statements in regular code (only allowed in test files)
-      'no-console': 'error',
-
-      // Consolidate your imports
-      'no-duplicate-imports': ['error', { includeExports: false }],
-
       // Custom Grouping: https://github.com/lydell/eslint-plugin-simple-import-sort#custom-grouping
       // Examples: https://github.com/lydell/eslint-plugin-simple-import-sort/blob/main/examples/.eslintrc.js
       'simple-import-sort/imports': [
@@ -83,89 +62,28 @@ export default defineConfig([
         },
       ],
       'simple-import-sort/exports': 'error',
-      'sort-imports': 'off',
-
-      // Allows destructuring of rest properties even if they are unused
-      '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
-      '@typescript-eslint/no-empty-function': 'off',
-      '@typescript-eslint/naming-convention': [
-        'error',
-        {
-          selector: ['interface', 'typeAlias'],
-          format: ['PascalCase'],
-          custom: {
-            regex: '^I[A-Z]', // prevent prefixing interfaces and type alias declarations with "I"
-            match: false,
-          },
-        },
-      ],
-      '@typescript-eslint/ban-ts-comment': [
-        'error',
-        {
-          // If you need to use a ts comment, make sure you have a description.
-          'ts-ignore': 'allow-with-description',
-          'ts-expect-error': 'allow-with-description',
-          'ts-nocheck': 'allow-with-description',
-        },
-      ],
-
-      '@typescript-eslint/no-restricted-types': [
-        'error',
-        {
-          types: {
-            'React.FC': {
-              message: 'Useless and has some drawbacks, see https://github.com/facebook/create-react-app/pull/8177',
-            },
-            'React.FunctionComponent': {
-              message: 'Useless and has some drawbacks, see https://github.com/facebook/create-react-app/pull/8177',
-            },
-          },
-        },
-      ],
 
-      // 1. Encouraging `lodash-es` imports per file
+      // 2. Encouraging `lodash-es` imports per file
       // lodash imports should use `lodash-es` package and should be imported per file.
-      //    E.G: `import get from "lodash-es/get"`
+      //    E.G: `import get from 'lodash-es/get'`
       // More details in https://stackoverflow.com/questions/35250500/correct-way-to-import-lodash#answer-35251059
-      // 2. Prevent relative imports - use path aliases instead
-      // Use `@/` for src imports and `@tests/` for test imports
-      // 3. Prevent vitest globals imports - these are available globally
       'no-restricted-imports': [
         'error',
         {
           paths: [
             {
               name: 'lodash',
-              message: 'Please use lodash-es direct import E.G: `import get from "lodash-es/get"`',
+              message: "Please use lodash-es direct import E.G: `import get from 'lodash-es/get'`",
             },
             {
               name: 'lodash-es',
-              message: 'Please use lodash-es direct import E.G: `import get from "lodash-es/get"`',
-            },
-            {
-              name: 'jest',
-              importNames: ['describe', 'expect', 'test', 'it', 'jest'],
-              message:
-                'These jest globals (describe, expect, test, it, jest) are available globally and should not be imported. Remove this import statement.',
-            },
-            {
-              name: 'vitest',
-              importNames: ['describe', 'expect', 'test', 'it', 'vi'],
-              message:
-                'These vitest globals (describe, expect, test, it, vi) are available globally and should not be imported. Remove this import statement.',
+              message: "Please use lodash-es direct import E.G: `import get from 'lodash-es/get'`",
             },
           ],
           patterns: [
             {
               group: ['lodash/*'],
-              message: 'Please use lodash-es direct import E.G: `import get from "lodash-es/get"`',
-            },
-            {
-              // Prevent relative imports going back 1+ directories. Use @/ or @tests/ aliases instead.
-              // Ensures consistent and cleaner import paths, and avoids confusing import hell with deeply nested files.
-              group: ['../*', '../../*', '../../../*', '../../../../*'],
-              message:
-                'Relative imports going back 1+ directories are not allowed. Use path aliases: @/ for src/*, @tests/ for tests/* imports. For example, instead of `import x from "../components/*"`, use `import x from "@/components/*"`',
+              message: "Please use lodash-es direct import E.G: `import get from 'lodash-es/get'`",
             },
           ],
         },
@@ -184,6 +102,7 @@ export default defineConfig([
       'coverage',
       '.vercel',
       '**/logs/',
+      'bin/*',
       '**/dist/',
       '**/dist-ssr/',
       '**/cache/',
@@ -214,109 +133,37 @@ export default defineConfig([
       '.expo',
       '**/tmp/',
       '**/temp/',
-      '**/.tmp',
-      '.nx',
-      '**/.eslintcache',
+      '.tmp',
+      '.eslintcache',
       '*.tsbuildinfo',
-      'node_modules',
-      '**/node_modules/',
-      '**/pnpm-lock.yaml',
-      '**/pnpm-lock.*.yaml',
-      '.history',
-      '**/.yarn',
-      '**/yarn.lock',
-      '**/package-lock.json',
-      '**/.yarnrc.yml',
-      'pacts',
-      '.claude',
-      '.__mf__temp',
     ],
   },
 
   // Configuration files (eslint, prettier, etc.)
   configFilesConfig,
 
-  // React configuration (dynamic)
-  ifAnyDep('react', reactConfig, []),
-
-  // Jest OR Vitest configuration (dynamic)
-  ifAnyDep(['jest', 'vitest'], testConfig, []),
-
   // YML files
   ymlPlugin.configs['flat/standard'],
   ymlPlugin.configs['flat/prettier'], // handles conflicting rules with the yml plugin
 
-  {
-    name: 'codfish/github-yml-overrides',
-
-    files: ['.github/**/*.yml', '.github/**/*.yaml'],
-
-    rules: {
-      'yml/no-empty-mapping-value': 'off', // somewhat common in github workflows
-    },
-  },
-
-  // JSON files
-  {
-    name: 'codfish/json',
-    files: ['**/*.json'],
-    ignores: ['**/tsconfig*.json', '**/package-lock.json'],
-    plugins: { json },
-    language: 'json/json',
-    extends: ['json/recommended'],
-  },
-
-  // JSONC files (JSON with Comments) - for files that allow comments
-  {
-    name: 'codfish/jsonc',
-    files: ['**/*.jsonc'],
-    plugins: { json },
-    language: 'json/jsonc',
-    extends: ['json/recommended'],
-  },
-
-  // JSON5 files - for TypeScript configs (supports comments AND trailing commas)
-  {
-    name: 'codfish/json5',
-    files: ['**/tsconfig*.json', '**/*.json5'],
-    plugins: { json },
-    language: 'json/json5',
-    extends: ['json/recommended'],
-  },
+  // React configuration (dynamic)
+  ifAnyDep('react', reactConfig, []),
 
-  // Markdown files
-  {
-    name: 'codfish/markdown',
-    files: ['**/*.md'],
-    plugins: { markdown },
-    extends: ['markdown/recommended'],
-    rules: {
-      // Allow GitHub-style alerts and checkbox syntax (task lists)
-      'markdown/no-missing-label-refs': [
-        'error',
-        { allowLabels: ['!NOTE', '!WARNING', '!IMPORTANT', '!TIP', '!CAUTION', '', 'x', 'X'] },
-      ],
-    },
-  },
+  // Jest OR Vitest configuration (dynamic)
+  ifAnyDep('jest', jestConfig, []),
 
-  // HTML files
-  {
-    name: 'codfish/html',
-    files: ['**/*.html'],
-    plugins: { html },
-    languageOptions: { parser: htmlParser },
-  },
+  // Vitest configuration (dynamic)
+  ifAnyDep('vitest', vitestConfig, []),
 
   // Prettier plugin is responsible for running prettier as an ESLint
   // rule and turning off ESLint rules that might conflict.
   // IMPORTANT: KEEP THIS LAST TO OVERRIDE ESLINT!
-  {
-    files: ['**/*.{js,ts,jsx,tsx,md,yml,yaml,html,json,jsonc,json5}'],
-
-    extends: [prettierConfig],
+  prettier,
 
+  {
     rules: {
-      // Reset prettier rule passing in custom prettier config.
+      // Reset prettier rule passing in codfish's prettier config.
+      // IMPORTANT: KEEP THIS LAST TO OVERRIDE PRETTIER PLUGIN!
       'prettier/prettier': useBuiltinPrettierConfig ? ['error', prettierBuiltInConfig] : 'error',
     },
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codfish/eslint-config",
-  "version": "0.0.0-semantically-released",
+  "version": "12.0.0",
   "description": "Modern ESLint configuration with TypeScript, React, and testing framework support.",
   "type": "module",
   "repository": {
@@ -45,24 +45,16 @@
   "scripts": {
     "build": "tsc --emitDeclarationOnly",
     "dev": "tsc --watch",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint",
-    "format": "eslint --fix",
-    "test": "vitest",
-    "test:coverage": "vitest --coverage",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint .",
+    "fix": "prettier --write \"**/*.{json,css,scss,md}\" --config ./prettier.js && npm run lint -- --fix",
     "prepublishOnly": "npm run build",
     "prepare": "husky"
   },
   "dependencies": {
-    "@commitlint/cli": "^20.4.0",
-    "@commitlint/config-conventional": "^20.4.0",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@eslint/js": "^9.35.0",
-    "@eslint/json": "^1.0.0",
-    "@eslint/markdown": "^7.5.1",
-    "@html-eslint/eslint-plugin": "^0.54.2",
-    "@html-eslint/parser": "^0.54.0",
-    "@next/eslint-plugin-next": "^16.1.6",
-    "@tanstack/eslint-plugin-query": "^5.91.4",
     "@vitest/eslint-plugin": "^1.3.10",
     "cosmiconfig": "^9.0.0",
     "eslint-config-prettier": "^10.1.8",
@@ -70,25 +62,23 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-testing-library": "^7.1.0",
-    "eslint-plugin-yml": "^3.0.0",
-    "globals": "^17.3.0",
+    "eslint-plugin-yml": "^1.16.0",
+    "@next/eslint-plugin-next": "^15.1.6",
+    "globals": "^16.4.0",
     "lodash.has": "^4.5.2",
-    "prettier": ">= 3",
-    "read-package-up": "^12.0.0",
+    "prettier": "^3.6.2",
+    "read-package-up": "^11.0.0",
     "typescript-eslint": "^8.44.0"
   },
   "devDependencies": {
-    "@vitest/coverage-v8": "^4.0.18",
     "doctoc": "^2.2.1",
     "eslint": "^9.35.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.6",
-    "typescript": "^5.9.2",
-    "vitest": "^4.0.18"
+    "typescript": "^5.9.2"
   },
   "engines": {
     "node": ">=20.0.0"
@@ -104,11 +94,10 @@
     "commitlint.js"
   ],
   "peerDependencies": {
-    "eslint": ">= 9",
-    "prettier": ">= 3"
+    "eslint": ">= 9"
   },
   "peerDependenciesMeta": {
-    "prettier": {
+    "typescript": {
       "optional": true
     }
   },

package/rules/jest.js

@@ -0,0 +1,34 @@
+import { defineConfig } from 'eslint/config';
+import jest from 'eslint-plugin-jest';
+import testingLibrary from 'eslint-plugin-testing-library';
+
+import { ifAnyDep } from '../utils.js';
+
+/**
+ * Jest ESLint configuration for flat config format
+ * Includes Jest-specific rules, globals, and Testing Library rules for test files
+ */
+export default defineConfig([
+  {
+    name: 'codfish/jest',
+
+    files: [
+      '**/__tests__/**/*.{js,ts,jsx,tsx}',
+      '**/*.{test,spec}.{js,ts,jsx,tsx}',
+      '**/jest.config.{js,ts}',
+      '**/jest.setup.{js,ts}',
+      '**/setupTests.{js,ts}',
+      '**/testUtils.{js,ts}',
+      'tests/**/*.{js,ts,jsx,tsx}',
+    ],
+
+    ...jest.configs['flat/recommended'],
+
+    ...ifAnyDep('react-testing-library', testingLibrary.configs['flat/react'], {}),
+    ...ifAnyDep('vue-testing-library', testingLibrary.configs['flat/vue'], {}),
+
+    rules: {
+      'no-console': 'off',
+    },
+  },
+]);

package/rules/react.js

@@ -1,10 +1,8 @@
 import nextPlugin from '@next/eslint-plugin-next';
-import tanstackQuery from '@tanstack/eslint-plugin-query';
 import { defineConfig } from 'eslint/config';
 import jsxA11y from 'eslint-plugin-jsx-a11y';
 import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
 import globals from 'globals';
 
 import { ifAnyDep } from '../utils.js';
@@ -20,17 +18,10 @@ export default defineConfig([
   {
     name: 'codfish/react',
 
-    files: ['**/*.jsx', '**/*.tsx', '**/*.mjsx', '**/*.mtsx'],
+    files: ['**/*.{js,mjs,cjs,jsx,mjsx,ts,tsx,mtsx}'],
 
-    extends: [
-      react.configs.flat.recommended,
-      reactHooks.configs.flat['recommended-latest'],
-      reactRefresh.configs.recommended,
-      jsxA11y.flatConfigs.recommended,
-      ifAnyDep('@tanstack/react-query', tanstackQuery.configs['flat/recommended']),
-      ifAnyDep('next', nextPlugin.configs.recommended),
-      ifAnyDep('next', nextPlugin.configs['core-web-vitals']),
-    ].filter(Boolean),
+    ...react.configs.flat.recommended,
+    ...jsxA11y.flatConfigs.recommended,
 
     languageOptions: {
       globals: {
@@ -38,47 +29,26 @@ export default defineConfig([
         ...globals.browser,
       },
     },
+  },
 
-    settings: {
-      react: {
-        version: 'detect',
-      },
-    },
-
-    rules: {
-      // React 17+ uses automatic JSX runtime, no need to import React
-      'react/react-in-jsx-scope': 'off',
-      'react/jsx-uses-react': 'off',
-
-      // TypeScript provides type checking, no need for PropTypes
-      'react/prop-types': 'off',
-
-      // this rule is too noisey and doesn't account for certain valid use cases
-      'react-hooks/exhaustive-deps': 'off',
-
-      // sometimes autoFocus is needed for better UX. @todo - revisit later?
-      'jsx-a11y/no-autofocus': 'off',
-
-      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+  // React Hooks configuration
+  reactHooks.configs['recommended-latest'],
 
-      ...ifAnyDep('@tanstack/react-query', { '@tanstack/query/exhaustive-deps': 'error' }, {}),
+  // Next.js configuration (dynamic)
+  ifAnyDep(
+    'next',
+    {
+      ...nextPlugin.flatConfig.recommended,
+      ...nextPlugin.flatConfig.coreWebVitals,
 
-      ...ifAnyDep(
-        'next',
-        {
-          // annoying cause this is common in Next.js, i.e. generateMetadata()
-          'react-refresh/only-export-components': ['off'],
-        },
-        {},
-      ),
+      name: 'codfish/next',
     },
-  },
+    {},
+  ),
 
   {
-    name: 'codfish/react-next-config',
-    files: ['next.config.js', 'next.config.ts'],
     rules: {
-      'require-await': 'off',
+      'react-hooks/exhaustive-deps': 'off',
     },
   },
 ]);

package/rules/vitest.js

@@ -0,0 +1,39 @@
+import vitest from '@vitest/eslint-plugin';
+import { defineConfig } from 'eslint/config';
+import testingLibrary from 'eslint-plugin-testing-library';
+import globals from 'globals';
+
+import { ifAnyDep } from '../utils.js';
+
+/**
+ * Vitest ESLint configuration for flat config format
+ * Includes Vitest-specific rules, globals, and Testing Library rules for test files
+ */
+export default defineConfig([
+  {
+    files: [
+      '**/*.{spec,test}.{js,ts,jsx,tsx}',
+      '**/tests/**/*.{js,ts,jsx,tsx}',
+      '**/__mocks__/**/*.{js,ts,jsx,tsx}',
+      '**/__tests__/**/*.{js,ts,jsx,tsx}',
+    ],
+
+    ...vitest.configs.recommended,
+
+    ...ifAnyDep('react-testing-library', testingLibrary.configs['flat/react'], {}),
+    ...ifAnyDep('vue-testing-library', testingLibrary.configs['flat/vue'], {}),
+
+    name: 'codfish/vitest',
+
+    languageOptions: {
+      globals: {
+        ...vitest.environments.env.globals,
+        ...globals.node,
+      },
+    },
+
+    rules: {
+      'no-console': 'off',
+    },
+  },
+]);

package/utils.js

@@ -8,9 +8,12 @@
 import fs from 'node:fs';
 import { cosmiconfigSync } from 'cosmiconfig';
 import has from 'lodash.has';
-import { readPackageUpSync } from 'read-package-up';
+import { readPackageUp } from 'read-package-up';
 
-const { packageJson: pkg, path: pkgPath } = readPackageUpSync({ cwd: fs.realpathSync(process.cwd()) }) || {};
+const { packageJson: pkg, path: pkgPath } =
+  (await readPackageUp({
+    cwd: fs.realpathSync(process.cwd()),
+  })) || {};
 
 const hasPkgProp = props => [props].flat().some(prop => has(pkg, prop));
 const hasPkgSubProp = pkgProp => props => hasPkgProp([props].flat().map(p => `${pkgProp}.${p}`));

package/dist/rules/tests.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("eslint/config").Config[];
-export default _default;
-//# sourceMappingURL=tests.d.ts.map

package/dist/rules/tests.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tests.d.ts","sourceRoot":"","sources":["../../rules/tests.js"],"names":[],"mappings":""}

package/dist/tests/integration/eslint-execution.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=eslint-execution.spec.d.ts.map

package/dist/tests/integration/eslint-execution.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"eslint-execution.spec.d.ts","sourceRoot":"","sources":["../../../tests/integration/eslint-execution.spec.js"],"names":[],"mappings":""}

package/dist/tests/integration/rule-application.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=rule-application.spec.d.ts.map

package/dist/tests/integration/rule-application.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rule-application.spec.d.ts","sourceRoot":"","sources":["../../../tests/integration/rule-application.spec.js"],"names":[],"mappings":""}

package/dist/tests/scenarios/edge-cases.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=edge-cases.spec.d.ts.map

package/dist/tests/scenarios/edge-cases.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"edge-cases.spec.d.ts","sourceRoot":"","sources":["../../../tests/scenarios/edge-cases.spec.js"],"names":[],"mappings":""}

package/dist/tests/unit/config-loading.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=config-loading.spec.d.ts.map

package/dist/tests/unit/config-loading.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-loading.spec.d.ts","sourceRoot":"","sources":["../../../tests/unit/config-loading.spec.js"],"names":[],"mappings":""}

package/dist/tests/unit/dynamic-detection.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=dynamic-detection.spec.d.ts.map

package/dist/tests/unit/dynamic-detection.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-detection.spec.d.ts","sourceRoot":"","sources":["../../../tests/unit/dynamic-detection.spec.js"],"names":[],"mappings":""}

package/dist/tests/unit/utils.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=utils.spec.d.ts.map

package/dist/tests/unit/utils.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.spec.d.ts","sourceRoot":"","sources":["../../../tests/unit/utils.spec.js"],"names":[],"mappings":""}

package/dist/vitest.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;
-//# sourceMappingURL=vitest.config.d.ts.map

package/dist/vitest.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../vitest.config.js"],"names":[],"mappings":""}

package/rules/tests.js

@@ -1,52 +0,0 @@
-import vitest from '@vitest/eslint-plugin';
-import { defineConfig } from 'eslint/config';
-import jest from 'eslint-plugin-jest';
-import testingLibrary from 'eslint-plugin-testing-library';
-import globals from 'globals';
-
-import { ifAnyDep } from '../utils.js';
-
-/**
- * Jest ESLint configuration for flat config format
- * Includes Jest-specific rules, globals, and Testing Library rules for test files
- */
-export default defineConfig({
-  name: 'codfish/tests',
-
-  files: [
-    '**/*.{spec,test}.{js,ts,jsx,tsx}',
-    '**/tests/**/*.{js,ts,jsx,tsx}',
-    '**/__mocks__/**/*.{js,ts,jsx,tsx}',
-    '**/__tests__/**/*.{js,ts,jsx,tsx}',
-    '**/jest.config.{js,ts}',
-    '**/jest.setup.{js,ts}',
-    '**/vitest.config.{js,ts}',
-    '**/vitest.setup.{js,ts}',
-    '**/setupTests.{js,ts}',
-    '**/testUtils.{js,ts}',
-    'tests/**/*.{js,ts,jsx,tsx}',
-  ],
-
-  extends: [
-    ifAnyDep('jest', jest.configs['flat/recommended'], false),
-    ifAnyDep('vitest', vitest.configs.recommended, false),
-    ifAnyDep('@testing-library/dom', testingLibrary.configs['flat/dom'], false),
-    ifAnyDep('@testing-library/react', testingLibrary.configs['flat/react'], false),
-    ifAnyDep('@testing-library/vue', testingLibrary.configs['flat/vue'], false),
-    ifAnyDep('@testing-library/svelte', testingLibrary.configs['flat/svelte'], false),
-    ifAnyDep('@testing-library/angular', testingLibrary.configs['flat/angular'], false),
-    ifAnyDep('@testing-library/marko', testingLibrary.configs['flat/marko'], false),
-  ].filter(Boolean),
-
-  languageOptions: {
-    globals: {
-      ...globals.node,
-      ...ifAnyDep('jest', globals.jest, {}),
-      ...ifAnyDep('vitest', globals.vitest, {}),
-    },
-  },
-
-  rules: {
-    'no-console': 'off',
-  },
-});