@viclafouch/eslint-config-viclafouch 4.22.1-beta.5 → 4.22.1-beta.7

package/.claude/settings.local.json

@@ -13,7 +13,9 @@
       "Bash(git commit -m \"$\\(cat <<''EOF''\nfeat: update dependencies and refactor next config to flat config\n\n- Update all dependencies to latest versions\n- Refactor next.mjs to use nextPlugin.configs.recommended directly\n- Remove @eslint/eslintrc FlatCompat dependency\n- Reorganize exports alphabetically in index.mjs\n- Add ignores for *.d.ts files in eslint.config.mjs\n- Add coding conventions section to CLAUDE.md\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
       "WebSearch",
       "Bash(npx eslint:*)",
-      "Bash(git -C /Users/victordelafouchardiere/Desktop/eslint-config-viclafouch status)"
+      "Bash(git -C /Users/victordelafouchardiere/Desktop/eslint-config-viclafouch status)",
+      "Bash(git -C /Users/victordelafouchardiere/Desktop/eslint-config-viclafouch add -A)",
+      "Bash(git -C /Users/victordelafouchardiere/Desktop/eslint-config-viclafouch commit -m \"$\\(cat <<''EOF''\nchore: remove Tailwind CSS configuration\n\n- Remove better-tailwindcss.mjs and betterTailwindcssConfig export\n- Update README, CLAUDE.md, and CLI templates\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")"
     ]
   }
 }

package/CLAUDE.md

@@ -10,7 +10,6 @@ This is a reusable ESLint and Prettier configuration package published on npm. I
 - TypeScript-first configuration (all projects are TypeScript by default)
 - ES6+, JSX/TSX support
 - React.js and Next.js frameworks
-- Tailwind CSS v4 linting
 - Promise handling and best practices
 - Unicorn plugin for modern JavaScript
 
@@ -34,7 +33,6 @@ This is a reusable ESLint and Prettier configuration package published on npm. I
 | `hooks.mjs` | React Hooks rules (rules-of-hooks, exhaustive-deps, useState naming) |
 | `imports.mjs` | Import sorting with simple-import-sort in priority groups |
 | `prettier.mjs` | Prettier integration via eslint-plugin-prettier |
-| `better-tailwindcss.mjs` | Tailwind CSS v4 linting (function accepting `{ entryPoint }`) |
 
 ### Rules Directory
 
@@ -45,6 +43,15 @@ This is a reusable ESLint and Prettier configuration package published on npm. I
 | `rules/react.mjs` | React-specific rules |
 | `rules/react-hooks.mjs` | React Hooks rules |
 
+### CLI
+
+| File | Description |
+|------|-------------|
+| `bin/init.js` | CLI script for initializing eslint.config.js |
+| `templates/react.js` | Template for React projects |
+| `templates/nextjs.js` | Template for Next.js projects |
+| `templates/typescript.js` | Template for pure TypeScript projects |
+
 ### Utility Files for Other Projects
 
 | File | Description |
@@ -70,18 +77,18 @@ npm run publish:beta  # Publish beta version
 Each module exports an array of configurations that can be spread:
 
 ```javascript
-// Typical Next.js setup
+// Typical React setup
 import {
   typescriptConfig,
-  nextConfig,
+  reactConfig,
   importsConfig,
   prettierConfig
 } from '@viclafouch/eslint-config-viclafouch'
 
 export default [
-  { ignores: ['**/node_modules/**', '**/.next/**'] },
+  { ignores: ['**/node_modules/**'] },
   ...typescriptConfig,
-  ...nextConfig,
+  ...reactConfig,
   ...importsConfig,
   ...prettierConfig
 ]
@@ -93,8 +100,7 @@ export default [
 2. **nextConfig** → Next.js rules (includes React + Hooks + a11y)
 3. **reactConfig** + **hooksConfig** → For React without Next.js
 4. **importsConfig** → Import sorting
-5. **betterTailwindcssConfig({ entryPoint })** → Tailwind CSS v4
-6. **prettierConfig** → Formatting (must be last)
+5. **prettierConfig** → Formatting (must be last)
 
 ## Integrated Plugins
 
@@ -106,7 +112,6 @@ export default [
 - `eslint-plugin-promise` - Promise handling
 - `eslint-plugin-unicorn` - Best practices
 - `eslint-plugin-prettier` - Code formatting
-- `eslint-plugin-better-tailwindcss` - Tailwind v4
 - `@next/eslint-plugin-next` - Next.js specific
 
 ## Peer Dependencies

package/README.md

@@ -16,12 +16,11 @@ npx @viclafouch/eslint-config-viclafouch
 
 This will prompt you to select your stack and create the `eslint.config.js` file automatically.
 
-## Manual Setup (React + Tailwind)
+## Manual Setup (React)
 
 ```js
 // eslint.config.js
 import {
-  betterTailwindcssConfig,
   importsConfig,
   prettierConfig,
   reactConfig,
@@ -42,14 +41,13 @@ export default [
   ...typescriptConfig,
   ...reactConfig,
   ...importsConfig,
-  ...betterTailwindcssConfig({ entryPoint: 'src/styles.css' }),
   ...prettierConfig
 ]
 ```
 
 ## Stack Examples
 
-### React + Vite (without Tailwind)
+### React + Vite
 
 ```js
 // eslint.config.js
@@ -100,7 +98,6 @@ export default [
 ```js
 // eslint.config.js
 import {
-  betterTailwindcssConfig,
   importsConfig,
   nextConfig,
   prettierConfig,
@@ -115,7 +112,6 @@ export default [
   ...typescriptConfig,
   ...nextConfig,
   ...importsConfig,
-  ...betterTailwindcssConfig({ entryPoint: 'src/app/globals.css' }),
   ...prettierConfig
 ]
 ```
@@ -129,7 +125,6 @@ export default [
 | `hooksConfig` | React Hooks |
 | `nextConfig` | Next.js (includes React + Hooks + a11y) |
 | `importsConfig` | Automatic import sorting |
-| `betterTailwindcssConfig({ entryPoint })` | Tailwind CSS v4 |
 | `prettierConfig` | Prettier (always last) |
 
 ## TypeScript
@@ -187,5 +182,4 @@ import '@viclafouch/eslint-config-viclafouch/reset.d'
 2. `typescriptConfig` (base)
 3. `reactConfig` / `nextConfig` / `hooksConfig`
 4. `importsConfig`
-5. `betterTailwindcssConfig`
-6. `prettierConfig` (always last)
+5. `prettierConfig` (always last)

package/bin/init.js

@@ -10,8 +10,8 @@ const filename = fileURLToPath(import.meta.url)
 const directory = dirname(filename)
 
 const TEMPLATES = {
-  1: { name: 'React + Tailwind', file: 'react.js' },
-  2: { name: 'Next.js + Tailwind', file: 'nextjs.js' },
+  1: { name: 'React', file: 'react.js' },
+  2: { name: 'Next.js', file: 'nextjs.js' },
   3: { name: 'Pure TypeScript', file: 'typescript.js' }
 }
 

package/index.d.ts

@@ -6,12 +6,3 @@ export declare const nextConfig: Linter.Config[]
 export declare const prettierConfig: Linter.Config[]
 export declare const hooksConfig: Linter.Config[]
 export declare const importsConfig: Linter.Config[]
-
-export interface BetterTailwindcssOptions {
-  /** Path to the CSS entry file (Tailwind v4) */
-  entryPoint: string
-}
-
-export declare function betterTailwindcssConfig(
-  options: BetterTailwindcssOptions
-): Linter.Config[]

package/index.mjs

@@ -1,4 +1,3 @@
-export { default as betterTailwindcssConfig } from './better-tailwindcss.mjs'
 export { default as hooksConfig } from './hooks.mjs'
 export { default as importsConfig } from './imports.mjs'
 export { default as nextConfig } from './next.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viclafouch/eslint-config-viclafouch",
-  "version": "4.22.1-beta.5",
+  "version": "4.22.1-beta.7",
   "description": "ESLint and Prettier Config from Victor de la Fouchardiere",
   "type": "module",
   "main": "./index.mjs",

package/rules/react.mjs

@@ -376,6 +376,10 @@ export default [
         }
       ],
 
+      // Require or prevent a new line after jsx elements and expressions
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-newline.md
+      'react/jsx-newline': ['error', { prevent: true }],
+
       // https://github.com/jsx-eslint/eslint-plugin-react/blob/66b58dd4864678eb869a7bf434c72ff7ac530eb1/docs/rules/no-object-type-as-default-prop.md
       'react/no-object-type-as-default-prop': 'error',
 
@@ -395,7 +399,35 @@ export default [
 
       // Disable spreading props in components more than once
       // https://github.com/jsx-eslint/eslint-plugin-react/blob/v7.35.0/docs/rules/jsx-props-no-spread-multi.md
-      'react/jsx-props-no-spread-multi': 'off'
+      'react/jsx-props-no-spread-multi': 'off',
+
+      // Disallow destructured imports from React and ReactDOM - use React.useState, React.useEffect, React.ReactNode, etc.
+      // Disallow useMemo and useCallback unless proven performance problem
+      // https://eslint.org/docs/latest/rules/no-restricted-syntax
+      'no-restricted-syntax': [
+        'error',
+        {
+          selector: 'ImportDeclaration[source.value="react"] ImportSpecifier',
+          message:
+            'Use React.useState, React.ReactNode, etc. instead of destructuring React imports.'
+        },
+        {
+          selector:
+            'ImportDeclaration[source.value="react-dom"] ImportSpecifier',
+          message:
+            'Use ReactDOM.createRoot, etc. instead of destructuring ReactDOM imports.'
+        },
+        {
+          selector: 'CallExpression[callee.property.name="useMemo"]',
+          message:
+            'Avoid React.useMemo unless you have a proven performance problem.'
+        },
+        {
+          selector: 'CallExpression[callee.property.name="useCallback"]',
+          message:
+            'Avoid React.useCallback unless you have a proven performance problem.'
+        }
+      ]
     }
   },
   {

package/rules/typescript.mjs

@@ -97,6 +97,25 @@ export default defineConfig(
       // https://eslint.org/docs/rules/complexity
       complexity: ['error', 20],
 
+      // Disallow nested ternary expressions
+      // https://eslint.org/docs/latest/rules/no-nested-ternary
+      'no-nested-ternary': 'error',
+
+      // Enforce a maximum number of parameters in function definitions
+      // https://eslint.org/docs/latest/rules/max-params
+      'max-params': ['error', { max: 3 }],
+
+      // Enforce a maximum depth of nested blocks
+      // https://eslint.org/docs/latest/rules/max-depth
+      'max-depth': ['error', { max: 3 }],
+
+      // Enforce a maximum number of lines per function
+      // https://eslint.org/docs/latest/rules/max-lines-per-function
+      'max-lines-per-function': [
+        'error',
+        { max: 250, skipBlankLines: true, skipComments: true }
+      ],
+
       // Enforce that class methods use "this"
       // https://eslint.org/docs/rules/class-methods-use-this
       'class-methods-use-this': [
@@ -758,6 +777,10 @@ export default defineConfig(
       // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-array-reverse.md
       'unicorn/no-array-reverse': 'error',
 
+      // Prefer Array#toSorted() over Array#sort() to avoid mutation
+      // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-array-sort.md
+      'unicorn/no-array-sort': 'error',
+
       // Require using new when throwing an error
       // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/throw-new-error.md
       'unicorn/throw-new-error': 'error',
@@ -822,6 +845,10 @@ export default defineConfig(
       // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-spread.md
       'unicorn/prefer-spread': 'off',
 
+      // Prefer ternary expressions over simple if-else statements (DISABLED - prefer if-else for clarity)
+      // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-ternary.md
+      'unicorn/prefer-ternary': 'off',
+
       // Prefer omitting catch binding when unused
       // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-optional-catch-binding.md
       'unicorn/prefer-optional-catch-binding': 'off',
@@ -957,9 +984,17 @@ export default defineConfig(
       'no-return-await': 'off',
       '@typescript-eslint/return-await': ['error', 'in-try-catch'],
 
-      // Accept banning ts lines
+      // Disallow @ts-<directive> comments or require descriptions after directives
       // https://typescript-eslint.io/rules/ban-ts-comment
-      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/ban-ts-comment': [
+        'error',
+        {
+          'ts-expect-error': 'allow-with-description',
+          'ts-ignore': 'allow-with-description',
+          'ts-nocheck': 'allow-with-description',
+          'ts-check': false
+        }
+      ],
 
       // Naming convention for type parameters
       // https://typescript-eslint.io/rules/naming-convention
@@ -981,6 +1016,25 @@ export default defineConfig(
       // https://typescript-eslint.io/rules/array-type
       '@typescript-eslint/array-type': 'error',
 
+      // Enforce type definitions to consistently use type instead of interface
+      // https://typescript-eslint.io/rules/consistent-type-definitions
+      '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+
+      // Disallow the any type
+      // https://typescript-eslint.io/rules/no-explicit-any
+      '@typescript-eslint/no-explicit-any': 'error',
+
+      // Require Promise-like statements to be handled appropriately
+      // https://typescript-eslint.io/rules/no-floating-promises
+      '@typescript-eslint/no-floating-promises': [
+        'error',
+        { ignoreVoid: true }
+      ],
+
+      // Disallow explicit return type annotations on functions (trust inference)
+      // https://typescript-eslint.io/rules/explicit-function-return-type
+      '@typescript-eslint/explicit-function-return-type': 'off',
+
       // Forbid delete array, use splice for example
       // https://typescript-eslint.io/rules/no-array-delete
       '@typescript-eslint/no-array-delete': 'error',

package/templates/nextjs.js

@@ -1,5 +1,4 @@
 import {
-  betterTailwindcssConfig,
   importsConfig,
   nextConfig,
   prettierConfig,
@@ -14,6 +13,5 @@ export default [
   ...typescriptConfig,
   ...nextConfig,
   ...importsConfig,
-  ...betterTailwindcssConfig({ entryPoint: 'src/app/globals.css' }),
   ...prettierConfig
 ]

package/templates/react.js

@@ -1,5 +1,4 @@
 import {
-  betterTailwindcssConfig,
   importsConfig,
   prettierConfig,
   reactConfig,
@@ -21,6 +20,5 @@ export default [
   ...typescriptConfig,
   ...reactConfig,
   ...importsConfig,
-  ...betterTailwindcssConfig({ entryPoint: 'src/styles.css' }),
   ...prettierConfig
 ]

package/better-tailwindcss.mjs

@@ -1,32 +0,0 @@
-import betterTailwindcss from 'eslint-plugin-better-tailwindcss'
-
-/**
- * @typedef {Object} BetterTailwindcssOptions
- * @property {string} entryPoint - Path to the CSS entry file (Tailwind v4)
- */
-
-/**
- * Creates ESLint flat config for eslint-plugin-better-tailwindcss (Tailwind v4)
- * @param {BetterTailwindcssOptions} options
- * @returns {import("eslint").Linter.Config[]}
- */
-export default function betterTailwindcssConfig({ entryPoint }) {
-  const recommendedRules = betterTailwindcss.configs?.recommended?.rules ?? {}
-
-  return [
-    {
-      files: ['**/*.{js,jsx,ts,tsx}'],
-      plugins: {
-        'better-tailwindcss': betterTailwindcss
-      },
-      settings: {
-        'better-tailwindcss': {
-          entryPoint
-        }
-      },
-      rules: {
-        ...recommendedRules
-      }
-    }
-  ]
-}