@fullstacksjs/eslint-config 9.4.0 → 9.5.1

package/README.md

@@ -30,7 +30,7 @@ module.exports = init({
     auto: true, // If you need auto module detection (refer to Auto Module Detection).
     // Modules configuration check (optional). (refer to Module API)
   },
-  // Your configurations
+  // Other ESLint configurations
 });
 
 ```
@@ -66,6 +66,8 @@ interface Modules {
     test?: boolean; // controls jest/vitest plugin
     cypress?: boolean; // controls cypress plugin
     storybook?: boolean; // controls storybook plugin
+    tailwind?: boolean; // controls tailwindcss plugin
+    next?: boolean; // controls next plugin
 }
 ```
 
@@ -88,7 +90,7 @@ React/NextJS configuration should automatically work with Auto Module Detection,
 ```js
 module.exports = init({
   modules: {
-    react: 'raw' // for React/CRA/Vite
+    react: true // for React/CRA/Vite
   },
 });
 ```
@@ -98,7 +100,8 @@ and
 ```js
 module.exports = init({
   modules: {
-    react: 'next' // for NextJS
+    react: true,
+    next: true // for NextJS
   },
 });
 ```
@@ -164,6 +167,8 @@ v9 does not have any breaking change, which means the current configuration you
 * [eslint-plugin-promise](https://github.com/eslint-community/eslint-plugin-promise)
 * [eslint-plugin-storybook](https://github.com/storybookjs/eslint-plugin-storybook#readme)
 * [eslint-plugin-graphql](https://github.com/apollographql/eslint-plugin-graphql)
+* [eslint-config-next](https://github.com/vercel/next.js/tree/canary/packages/eslint-config-next)
+* [eslint-plugin-tailwindcss](https://github.com/francoismassart/eslint-plugin-tailwindcss)
 
 That's all. Feel free to use 💛
 

package/base.js

@@ -199,7 +199,7 @@ module.exports = {
     'prefer-named-capture-group': 'off',
     'prefer-numeric-literals': 'error',
     'prefer-object-has-own': 'warn',
-    'prefer-object-spread': 'warn',
+    'prefer-object-spread': 'off',
     'prefer-promise-reject-errors': 'off',
     'prefer-regex-literals': 'off',
     'prefer-rest-params': 'error',

package/index.js

@@ -10,7 +10,9 @@ module.exports = {
     require.resolve('./promise'),
     require.resolve('./storybook'),
     require.resolve('./jest'),
+    global.fullstacksjs?.tailwind && require.resolve('./tailwind'),
     global.fullstacksjs?.react && require.resolve('./react'),
+    global.fullstacksjs?.next && require.resolve('./next'),
     global.fullstacksjs?.typescript && require.resolve('./typescript'),
     global.fullstacksjs?.cypress && require.resolve('./cypress'),
     require.resolve('./prettier'),

package/init.d.ts

@@ -2,8 +2,10 @@ type Config = import('eslint').Linter.Config;
 export interface Options extends Config {
   modules: {
     auto?: boolean;
-    react?: 'next' | 'raw';
+    react?: boolean;
+    next?: boolean;
     typescript?: { parserProject: string[] | string; resolverProject: string[] | string };
+    tailwind?: boolean;
     node?: boolean;
     strict?: boolean;
     import?: boolean;

package/init.js

@@ -13,28 +13,33 @@ function init(opts = {}) {
   opts = global.fullstacksjs;
 
   /** @type { import('eslint').Linter.Config } */
-  const config = {
-    extends: [
-      require.resolve('./base'),
-      require.resolve('./promise'),
-      require.resolve('./fp'),
-      opts.node && require.resolve('./node'),
-      opts.graphql && require.resolve('./graphql'),
-      opts.import && require.resolve('./import'),
-      opts.typescript && require.resolve('./typescript'),
-      opts.react && require.resolve('./react.js'),
-      opts.storybook && require.resolve('./storybook'),
-      opts.cypress && require.resolve('./cypress'),
-      opts.test && require.resolve('./jest'),
-      opts.esm && require.resolve('./esm'),
-      opts.strict && require.resolve('./strict'),
-      require.resolve('./prettier'),
-      ...extraExtends,
-    ].filter(Boolean),
-    parserOptions: {},
-    settings: {},
-    ...eslintConfig,
-  };
+  const config = Object.assign(
+    {
+      extends: [
+        require.resolve('./base'),
+        require.resolve('./promise'),
+        require.resolve('./fp'),
+        opts.tailwind && require.resolve('./tailwind'),
+        opts.node && require.resolve('./node'),
+        opts.graphql && require.resolve('./graphql'),
+        opts.import && require.resolve('./import'),
+        opts.typescript && require.resolve('./typescript'),
+        opts.react && require.resolve('./react.js'),
+        opts.next && require.resolve('./next.js'),
+        opts.storybook && require.resolve('./storybook'),
+        opts.cypress && require.resolve('./cypress'),
+        opts.test && require.resolve('./jest'),
+        opts.esm && require.resolve('./esm'),
+        opts.strict && require.resolve('./strict'),
+        require.resolve('./prettier'),
+      ]
+        .concat(extraExtends)
+        .filter(Boolean),
+      parserOptions: {},
+      settings: {},
+    },
+    eslintConfig,
+  );
 
   if (opts.typescript?.parserProject) {
     config.parserOptions = merge(config.parserOptions, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullstacksjs/eslint-config",
-  "version": "9.4.0",
+  "version": "9.5.1",
   "license": "MIT",
   "author": "fullstacks <fullstacksjs@gmail.com>",
   "description": "fullstacks eslint config",
@@ -28,6 +28,7 @@
     "prettier.js",
     "promise.js",
     "react.js",
+    "tailwind.js",
     "registerOpts.js",
     "storybook.js",
     "strict.js",
@@ -48,9 +49,10 @@
   "dependencies": {
     "@fullstacksjs/toolbox": "3.0.2",
     "@graphql-eslint/eslint-plugin": "3.19.1",
-    "@typescript-eslint/eslint-plugin": "5.59.7",
-    "@typescript-eslint/parser": "5.59.7",
+    "@typescript-eslint/eslint-plugin": "5.59.8",
+    "@typescript-eslint/parser": "5.59.8",
     "deepmerge": "4.3.1",
+    "eslint-config-next": "13.4.4",
     "eslint-config-prettier": "8.8.0",
     "eslint-import-resolver-typescript": "3.5.5",
     "eslint-plugin-cypress": "2.13.3",
@@ -66,23 +68,24 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-storybook": "0.6.12",
+    "eslint-plugin-tailwindcss": "3.12.1",
     "read-pkg-up": "7.0.1"
   },
   "devDependencies": {
-    "@semantic-release/github": "8.1.0",
+    "@semantic-release/github": "9.0.2",
     "@semantic-release/npm": "10.0.3",
     "@semantic-release/release-notes-generator": "11.0.2",
     "cspell": "6.31.1",
-    "eslint": "8.41.0",
+    "eslint": "8.42.0",
     "eslint-find-rules": "4.1.0",
     "husky": "8.0.3",
     "lint-staged": "13.2.2",
-    "np": "7.7.0",
+    "np": "8.0.2",
     "npm-run-all": "4.1.5",
     "pinst": "3.0.0",
     "prettier": "2.8.8",
-    "semantic-release": "21.0.2",
-    "typescript": "5.0.4"
+    "semantic-release": "21.0.3",
+    "typescript": "5.1.3"
   },
   "peerDependencies": {
     "cypress": ">=8",

package/registerOpts.js

@@ -6,9 +6,11 @@ const defaultOptions = {
   cypress: hasDep('cypress'),
   graphql: hasDep('graphql'),
   react: hasDep('react'),
+  next: hasDep('next'),
   storybook: hasDep('@storybook/react'),
   test: hasDep('jest') || hasDep('vitest'),
   typescript: hasDep('typescript'),
+  tailwind: hasDep('tailwindcss'),
   import: true,
   node: true,
 };

package/tailwind.js

@@ -0,0 +1,15 @@
+/**
+ * @type { import('eslint').Linter.Config }
+ */
+module.exports = {
+  plugins: ['tailwindcss'],
+  rules: {
+    'tailwindcss/classnames-order': 'warn',
+    'tailwindcss/enforces-negative-arbitrary-values': 'warn',
+    'tailwindcss/enforces-shorthand': 'warn',
+    'tailwindcss/migration-from-tailwind-2': 'warn',
+    'tailwindcss/no-arbitrary-value': 'off',
+    'tailwindcss/no-custom-classname': 'off',
+    'tailwindcss/no-contradicting-classname': 'error',
+  },
+};