@fullstacksjs/eslint-config 9.4.0 → 9.5.0

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.0",
   "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",
@@ -51,6 +52,7 @@
     "@typescript-eslint/eslint-plugin": "5.59.7",
     "@typescript-eslint/parser": "5.59.7",
     "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,6 +68,7 @@
     "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": {

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',
+  },
+};