@indigo-reemploi/eslint-config-client 0.2.0 → 1.0.1

package/README.md

@@ -11,17 +11,28 @@ yarn add @indigo-reemploi/eslint-config-client
 import { eslint } from "@indigo-reemploi/eslint-config-client";
 
 export default [
-  ...eslint
+  ...eslint,
+  "settings": {
+    "better-tailwindcss": {
+      // tailwindcss 4: the path to the entry file of the css based tailwind config (eg: `src/global.css`)
+      "entryPoint": "src/core/theme/tailwind.css",
+      // tailwindcss 3: the path to the tailwind config file (eg: `tailwind.config.js`)
+      "tailwindConfig": "tailwind.config.js"
+    }
+  }
 ];
 ```
 
 And for prettier
+
 ```javascript
 // prettier.config.mjs
 import { prettier } from "@indigo-reemploi/eslint-config-client";
 
 export default {
-  ...prettier
+  ...prettier,
+  // tailwindcss 4: the path to the entry file
+  tailwindStylesheet: 'src/core/theme/tailwind.css',
 };
 ```
 
@@ -33,4 +44,44 @@ A chaque changement, aller dans le repo dans lequel on veut tester la config (pa
 # dans circular-client
 yarn add ../eslint-config-client
 yarn run lint:fix
+```
+
+
+# Upgrade guide
+## From V0 to V1
+
+This upgrade works with Tailwind V3 and V4.
+
+On client:
+
+```javascript
+// eslint.config.mjs
+import { eslint } from "@indigo-reemploi/eslint-config-client";
+
+export default [
+  ...eslint,
+  {
+    settings: {
+      "better-tailwindcss": {
+        // Tailwind CSS 4: the path to the entry file of the CSS-based Tailwind config (e.g.: `src/global.css`)
+        entryPoint: "src/core/theme/tailwind.css",
+        // Tailwind CSS 3: the path to the Tailwind config file (e.g.: `tailwind.config.js`)
+        tailwindConfig: "tailwind.config.js"
+      }
+    }
+  }
+];
+```
+
+And:
+
+```javascript
+// prettier.config.mjs
+import { prettier } from "@indigo-reemploi/eslint-config-client";
+
+export default {
+  ...prettier,
+  // Tailwind CSS 4: the path to the entry file
+  tailwindStylesheet: 'src/core/theme/tailwind.css',
+};
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indigo-reemploi/eslint-config-client",
-  "version": "0.2.0",
+  "version": "1.0.1",
   "description": "Shared eslint config for Client",
   "main": "./src/index.mjs",
   "files": [
@@ -8,28 +8,28 @@
   ],
   "author": "Antoine Torrini",
   "license": "MIT",
-  "packageManager": "yarn@4.10.3",
+  "packageManager": "yarn@4.12.0",
   "dependencies": {
-    "@eslint/compat": "1.4.1",
-    "@eslint/js": "9.39.0",
+    "@eslint/compat": "2.0.0",
+    "@eslint/js": "9.39.1",
     "@types/eslint__js": "9.14.0",
-    "@typescript-eslint/parser": "8.46.2",
+    "@typescript-eslint/parser": "8.49.0",
     "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-better-tailwindcss": "^3.7.10",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jest": "29.0.1",
+    "eslint-plugin-jest": "29.2.1",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "5.5.4",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-simple-import-sort": "12.1.1",
-    "eslint-plugin-tailwindcss": "3.18.2",
     "eslint-plugin-unused-imports": "4.3.0",
-    "prettier-plugin-tailwindcss": "0.7.1",
-    "typescript-eslint": "8.46.2"
+    "prettier-plugin-tailwindcss": "0.7.2",
+    "typescript-eslint": "8.49.0"
   },
   "peerDependencies": {
-    "eslint": "9.39.0",
+    "eslint": "9.39.1",
     "jest": "^29.7.0 || ^30.0.0",
-    "prettier": "3.6.2",
+    "prettier": "3.7.4",
     "typescript": "^5.8.3"
   }
 }

package/src/eslint.mjs

@@ -5,16 +5,15 @@ import jsxA11y from "eslint-plugin-jsx-a11y";
 import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
 import react from "eslint-plugin-react";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
-import tailwind from "eslint-plugin-tailwindcss";
 import unusedImports from "eslint-plugin-unused-imports";
 import tseslint from "typescript-eslint";
+import eslintPluginBetterTailwindcss from "eslint-plugin-better-tailwindcss";
 
 import importRules from "./rules/import.mjs";
 
 export default tseslint.config(
   eslint.configs.recommended,
   ...tseslint.configs.recommended,
-  ...tailwind.configs["flat/recommended"],
   jest.configs["flat/recommended"],
   jsxA11y.flatConfigs.recommended,
   react.configs.flat.recommended,
@@ -79,17 +78,29 @@ export default tseslint.config(
     },
   },
   importRules,
+  {
+    plugins: {
+      "better-tailwindcss": eslintPluginBetterTailwindcss,
+    },
+    rules: {
+      ...eslintPluginBetterTailwindcss.configs["recommended-error"].rules,
+      "better-tailwindcss/enforce-consistent-line-wrapping": "off", // Conflict with prettier
+      "better-tailwindcss/enforce-consistent-class-order": [
+        "error",
+        { order: "official" },
+      ],
+      "better-tailwindcss/no-unregistered-classes": "off",
+    },
+  },
   {
     rules: {
-      // our custom rules
       "jest/expect-expect": "off",
-      "tailwindcss/no-custom-classname": "off",
       "react/prop-types": "off",
-      "@typescript-eslint/no-empty-object-type": "off"
+      "@typescript-eslint/no-empty-object-type": "off",
     },
   },
   eslintPluginPrettierRecommended,
   {
     ignores: ["**/*.stories.*"],
-  },
+  }
 );