@shakuroinc/eslint-config-react 7.1.0 → 7.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -18
- package/eslint.config.js +0 -1
- package/package.json +1 -12
package/README.md
CHANGED
|
@@ -27,22 +27,18 @@ package.
|
|
|
27
27
|
pnpm add -D \
|
|
28
28
|
eslint \
|
|
29
29
|
eslint-config-prettier \
|
|
30
|
+
eslint-mdx \
|
|
31
|
+
eslint-plugin-mdx \
|
|
30
32
|
eslint-plugin-prettier \
|
|
31
33
|
eslint-plugin-react-hooks \
|
|
32
34
|
eslint-plugin-simple-import-sort \
|
|
33
|
-
eslint-plugin-tailwindcss@
|
|
35
|
+
eslint-plugin-tailwindcss@v4.0.0-alpha.1 \
|
|
34
36
|
globals \
|
|
35
37
|
prettier \
|
|
36
38
|
prettier-plugin-tailwindcss \
|
|
37
39
|
typescript-eslint
|
|
38
40
|
```
|
|
39
41
|
|
|
40
|
-
Optional peers (only needed if you lint `.md` / `.mdx`):
|
|
41
|
-
|
|
42
|
-
```sh
|
|
43
|
-
pnpm add -D eslint-mdx eslint-plugin-mdx
|
|
44
|
-
```
|
|
45
|
-
|
|
46
42
|
## Configure ESLint
|
|
47
43
|
|
|
48
44
|
The package exports a **factory function**. Call it with your project options
|
|
@@ -54,7 +50,7 @@ const { resolve } = require('node:path');
|
|
|
54
50
|
const shakuroConfig = require('@shakuroinc/eslint-config-react');
|
|
55
51
|
|
|
56
52
|
module.exports = shakuroConfig({
|
|
57
|
-
tailwindStylesheet: resolve(__dirname, 'src/styles/globals.css'),
|
|
53
|
+
tailwindStylesheet: resolve(__dirname, 'packages/ui/src/styles/globals.css'),
|
|
58
54
|
});
|
|
59
55
|
```
|
|
60
56
|
|
|
@@ -64,22 +60,18 @@ module.exports = shakuroConfig({
|
|
|
64
60
|
blocks. A typical Next.js setup looks like this:
|
|
65
61
|
|
|
66
62
|
```js
|
|
67
|
-
|
|
63
|
+
/* eslint-disable @typescript-eslint/no-require-imports */
|
|
64
|
+
// @ts-check
|
|
68
65
|
const { resolve } = require('node:path');
|
|
69
|
-
|
|
66
|
+
|
|
70
67
|
const nextCoreWebVitals = require('eslint-config-next/core-web-vitals');
|
|
68
|
+
const shakuroConfig = require('@shakuroinc/eslint-config-react');
|
|
71
69
|
|
|
72
70
|
module.exports = [
|
|
73
71
|
...nextCoreWebVitals,
|
|
74
72
|
...shakuroConfig({
|
|
75
|
-
tailwindStylesheet: resolve(__dirname, 'src/styles/globals.css'),
|
|
76
|
-
tailwindCallees: ['cn', 'clsx', 'cva'],
|
|
77
|
-
next: { rootDir: 'apps/frontend/' },
|
|
73
|
+
tailwindStylesheet: resolve(__dirname, 'packages/ui/src/styles/globals.css'),
|
|
78
74
|
}),
|
|
79
|
-
// Project-specific overrides — keep them after the shared config so they win.
|
|
80
|
-
{
|
|
81
|
-
rules: { 'max-lines': 'off' },
|
|
82
|
-
},
|
|
83
75
|
];
|
|
84
76
|
```
|
|
85
77
|
|
|
@@ -196,7 +188,7 @@ The base config sets:
|
|
|
196
188
|
| `main: '.eslintrc.js'` | `main: 'eslint.config.js'`, named export `./prettier` |
|
|
197
189
|
| ESLint ≥ 8.29 | ESLint ≥ 9 |
|
|
198
190
|
| `eslint-plugin-react@7.31.11`, `react-hooks@4` | `eslint-plugin-react@^7.37` (inherited from your config), `react-hooks@7` |
|
|
199
|
-
| `tailwindcss@3.x` plugin, class-order on | `tailwindcss@4.x-
|
|
191
|
+
| `tailwindcss@3.x` plugin, class-order on | `tailwindcss@4.x-alpha` plugin, class-order off (Prettier handles it) |
|
|
200
192
|
| `@typescript-eslint/padding-line-between-statements` | Stock `padding-line-between-statements` (TS-only selectors dropped — install `@stylistic/eslint-plugin` if you need them) |
|
|
201
193
|
| `prettier-plugin-tailwindcss@0.2` | `prettier-plugin-tailwindcss@0.8` with `tailwindStylesheet` for v4 |
|
|
202
194
|
|
package/eslint.config.js
CHANGED
|
@@ -240,7 +240,6 @@ const sharedRules = {
|
|
|
240
240
|
// tailwindcss
|
|
241
241
|
// Class order is handled by prettier-plugin-tailwindcss.
|
|
242
242
|
'tailwindcss/classnames-order': 'off',
|
|
243
|
-
'tailwindcss/no-contradicting-classname': 'error',
|
|
244
243
|
// Consumers override the whitelist via factory options.
|
|
245
244
|
'tailwindcss/no-custom-classname': ['warn', { whitelist: DEFAULT_TAILWIND_WHITELIST }],
|
|
246
245
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shakuroinc/eslint-config-react",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.1",
|
|
4
4
|
"description": "Shakuro shared ESLint + Prettier config (flat config, ESLint 9/10, React 19, Tailwind v4).",
|
|
5
5
|
"main": "eslint.config.js",
|
|
6
6
|
"exports": {
|
|
@@ -37,17 +37,6 @@
|
|
|
37
37
|
"typescript": "^6.0.3",
|
|
38
38
|
"typescript-eslint": "^8.59.3"
|
|
39
39
|
},
|
|
40
|
-
"peerDependenciesMeta": {
|
|
41
|
-
"eslint-plugin-mdx": {
|
|
42
|
-
"optional": true
|
|
43
|
-
},
|
|
44
|
-
"eslint-mdx": {
|
|
45
|
-
"optional": true
|
|
46
|
-
},
|
|
47
|
-
"prettier-plugin-tailwindcss": {
|
|
48
|
-
"optional": true
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
40
|
"devDependencies": {
|
|
52
41
|
"eslint": "^10.4.0",
|
|
53
42
|
"eslint-config-prettier": "^10.1.8",
|