@will-stone/eslint-config 0.0.9 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @will-stone/eslint-config
 
+## 0.1.0
+
+### Minor Changes
+
+- de8854e: Added support for Tailwind rules.
+
+## 0.0.10
+
+### Patch Changes
+
+- 17e3de3: Fixed global ignore patterns (for real this time).
+
 ## 0.0.9
 
 ### Patch Changes

package/eslint-config.js

@@ -11,6 +11,7 @@ import reactPlugin from 'eslint-plugin-react'
 import reactHooksPlugin from 'eslint-plugin-react-hooks'
 import simpleImportSortPlugin from 'eslint-plugin-simple-import-sort'
 import switchCasePlugin from 'eslint-plugin-switch-case'
+import tailwindPlugin from 'eslint-plugin-tailwindcss'
 import unicornPlugin from 'eslint-plugin-unicorn'
 import globals from 'globals'
 import { globbySync } from 'globby'
@@ -25,12 +26,14 @@ import nodeRules from './rules/node.js'
 import prettierRules from './rules/prettier.js'
 import reactRules from './rules/react.js'
 import switchCaseRules from './rules/switch-case.js'
+import tailwindRules from './rules/tailwind.js'
 import tsRules from './rules/typescript.js'
 import unicornRules from './rules/unicorn.js'
 
 let testingFramework = null
 let isNodeEngine = false
 let isPrettier = false
+let isTailwind = false
 
 // In a monorepo environment with one eslint instance at the root of the project,
 // we must traverse every child package.json to find out if certain dependencies
@@ -65,6 +68,16 @@ for (const packageJsonPath of allPackageJsonPaths) {
   ) {
     isPrettier = true
   }
+
+  if (
+    !isTailwind &&
+    Boolean(
+      packageJson.dependencies?.tailwindcss ||
+        packageJson.devDependencies?.tailwindcss,
+    )
+  ) {
+    isTailwind = true
+  }
 }
 
 const isNode =
@@ -73,8 +86,6 @@ const isNode =
 export default [
   // Global
   {
-    // Common build folders
-    ignores: ['**/.webpack', '**/dist', '**/.astro'],
     settings: {
       react: {
         version: 'detect',
@@ -82,6 +93,12 @@ export default [
     },
   },
 
+  // Global ignore patterns
+  {
+    // Common build folders
+    ignores: ['**/.webpack', '**/dist', '**/.astro'],
+  },
+
   // Base
   {
     files: ['**/*.{js,cjs,mjs,jsx,ts,tsx}'],
@@ -136,10 +153,12 @@ export default [
       'jsx-a11y': jsxA11yPlugin,
       'react': reactPlugin,
       'react-hooks': reactHooksPlugin,
+      ...(isTailwind && { tailwindcss: tailwindPlugin }),
     },
     rules: {
       ...jsxA11yRules,
       ...reactRules,
+      ...(isTailwind && tailwindRules),
     },
   },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@will-stone/eslint-config",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "Will Stone's ESLint config, using the Flat Config style.",
   "keywords": [
     "ESLint"
@@ -33,6 +33,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-switch-case": "^1.1.2",
+    "eslint-plugin-tailwindcss": "^3.13.0",
     "eslint-plugin-unicorn": "^48.0.1",
     "globals": "^13.21.0",
     "globby": "^13.2.2",

package/rules/tailwind.js

@@ -0,0 +1,9 @@
+export default {
+  'tailwindcss/classnames-order': 'warn',
+  'tailwindcss/enforces-negative-arbitrary-values': 'warn',
+  'tailwindcss/enforces-shorthand': 'warn',
+  'tailwindcss/migration-from-tailwind-2': 'off',
+  'tailwindcss/no-arbitrary-value': 'off',
+  'tailwindcss/no-contradicting-classname': 'warn',
+  'tailwindcss/no-custom-classname': 'error',
+}