@tb-dev/eslint-config 4.3.0 → 4.4.1

package/dist/index.cjs

@@ -1,11 +1,14 @@
 'use strict';
 
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
 const process = require('node:process');
 const globals = require('globals');
 
 var Glob = /* @__PURE__ */ ((Glob2) => {
   Glob2["All"] = "**/*.?([cm])[jt]s?(x)";
   Glob2["Javascript"] = "**/*.?([cm])js?(x)";
+  Glob2["Json"] = "**/*.json?([c5])";
   Glob2["Typescript"] = "**/*.?([cm])ts?(x)";
   Glob2["Vitest"] = "**/*.{test,spec}.[jt]s";
   Glob2["Vue"] = "**/*.vue";
@@ -36,6 +39,7 @@ function getIgnores() {
 const stylisticRules = {
   "stylistic/array-bracket-newline": ["error", "consistent"],
   "stylistic/array-bracket-spacing": ["error", "never"],
+  "stylistic/array-element-newline": ["error", "consistent"],
   "stylistic/arrow-parens": ["error", "always"],
   "stylistic/arrow-spacing": "error",
   "stylistic/block-spacing": "error",
@@ -142,14 +146,13 @@ const stylisticRules = {
   "stylistic/yield-star-spacing": ["error", "after"]
 };
 async function stylistic(options) {
-  const { overrides, stylistic: enabled } = options;
-  if (!enabled) return {};
+  if (!options.features?.stylistic) return {};
   const plugin = await interopDefault(import('@stylistic/eslint-plugin'));
   const files = [Glob.All];
-  if (options.vue) files.push(Glob.Vue);
+  if (options.features.vue) files.push(Glob.Vue);
   const rules = {
     ...stylisticRules,
-    ...overrides?.stylistic
+    ...options.overrides?.stylistic
   };
   return {
     files,
@@ -159,8 +162,7 @@ async function stylistic(options) {
 }
 
 async function vue(options) {
-  const { overrides, vue: enabled } = options;
-  if (!enabled) return [];
+  if (!options.features?.vue) return [];
   const [vuePlugin, vueParser, tsParser] = await Promise.all([
     // @ts-expect-error no types
     interopDefault(import('eslint-plugin-vue')),
@@ -321,9 +323,9 @@ async function vue(options) {
     "vue/valid-v-show": "error",
     "vue/valid-v-slot": "error",
     "vue/valid-v-text": "error",
-    ...overrides?.vue
+    ...options.overrides?.vue
   };
-  if (options.stylistic) {
+  if (options.features.stylistic) {
     Object.assign(rules, {
       "vue/first-attribute-linebreak": ["error", {
         singleline: "beside",
@@ -360,7 +362,7 @@ async function vue(options) {
         math: "always"
       }],
       "vue/max-attributes-per-line": ["error", {
-        singleline: 1,
+        singleline: Number.MAX_SAFE_INTEGER,
         multiline: 1
       }],
       "vue/multiline-html-element-content-newline": ["error", {
@@ -381,6 +383,7 @@ async function vue(options) {
     const vueStylistic = [
       "vue/array-bracket-newline",
       "vue/array-bracket-spacing",
+      "vue/array-element-newline",
       "vue/key-spacing",
       "vue/keyword-spacing",
       "vue/max-len",
@@ -404,9 +407,7 @@ async function vue(options) {
     }, {}));
   }
   return [
-    {
-      plugins: { vue: vuePlugin }
-    },
+    { plugins: { vue: vuePlugin } },
     {
       files: [Glob.Vue],
       languageOptions: {
@@ -429,9 +430,60 @@ async function vue(options) {
   ];
 }
 
+async function jsonc(options) {
+  if (!options.features?.jsonc) return [];
+  const [jsoncPlugin, jsoncParser] = await Promise.all([
+    interopDefault(import('eslint-plugin-jsonc')),
+    interopDefault(import('jsonc-eslint-parser'))
+  ]);
+  const rules = {
+    "jsonc/no-bigint-literals": "error",
+    "jsonc/no-binary-expression": "error",
+    "jsonc/no-binary-numeric-literals": "error",
+    "jsonc/no-infinity": "error",
+    "jsonc/no-nan": "error",
+    "jsonc/no-number-props": "error",
+    "jsonc/no-undefined-value": "error",
+    "jsonc/valid-json-number": "error",
+    ...options.overrides?.jsonc
+  };
+  if (options.features.stylistic) {
+    Object.assign(rules, {
+      "jsonc/comma-dangle": ["error", "never"],
+      "jsonc/quotes": ["error", "double", { avoidEscape: false }],
+      "jsonc/space-unary-ops": "error"
+    });
+    const jsoncStylistic = [
+      "jsonc/array-bracket-newline",
+      "jsonc/array-bracket-spacing",
+      "jsonc/array-element-newline",
+      "jsonc/comma-style",
+      "jsonc/indent",
+      "jsonc/key-spacing",
+      "jsonc/object-curly-newline",
+      "jsonc/object-curly-spacing",
+      "jsonc/object-property-newline"
+    ];
+    Object.assign(rules, jsoncStylistic.reduce((acc, rule) => {
+      const name = rule.replace("jsonc/", "stylistic/");
+      if (Object.hasOwn(stylisticRules, name)) {
+        acc[rule] = stylisticRules[name];
+      }
+      return acc;
+    }, {}));
+  }
+  return [
+    { plugins: { jsonc: jsoncPlugin } },
+    {
+      files: [Glob.Json],
+      languageOptions: { parser: jsoncParser }
+    },
+    { rules }
+  ];
+}
+
 async function vitest(options) {
-  const { overrides, vitest: enabled } = options;
-  if (!enabled) return {};
+  if (!options.features?.vitest) return {};
   const plugin = await interopDefault(import('eslint-plugin-vitest'));
   return {
     plugins: { vitest: plugin },
@@ -468,13 +520,13 @@ async function vitest(options) {
       "vitest/require-top-level-describe": ["error", { maxNumberOfTopLevelDescribes: 10 }],
       "vitest/valid-describe-callback": "error",
       "vitest/valid-expect": "error",
-      ...overrides?.vitest
+      ...options.overrides?.vitest
     }
   };
 }
 
 async function unicorn(options) {
-  const { overrides, unicorn: enabled = true } = options;
+  const { unicorn: enabled = true } = options.features ?? {};
   if (!enabled) return {};
   const plugin = await interopDefault(import('eslint-plugin-unicorn'));
   return {
@@ -519,15 +571,29 @@ async function unicorn(options) {
       "unicorn/prefer-structured-clone": "error",
       "unicorn/prefer-type-error": "error",
       "unicorn/relative-url-style": ["error", "never"],
-      ...overrides?.unicorn
+      ...options.overrides?.unicorn
     }
   };
 }
 
+async function tailwind(options) {
+  if (!options.features?.tailwind) return {};
+  const plugin = await interopDefault(import('eslint-plugin-tailwindcss'));
+  const rules = {
+    "tailwindcss/classnames-order": "error",
+    "tailwindcss/enforces-shorthand": "error",
+    "tailwindcss/no-contradicting-classname": "error",
+    ...options.overrides?.tailwind
+  };
+  return {
+    plugins: { tailwindcss: plugin },
+    rules
+  };
+}
+
 function javascript(options) {
-  const { overrides } = options;
   const files = [Glob.All];
-  if (options.vue) files.push(Glob.Vue);
+  if (options.features?.vue) files.push(Glob.Vue);
   return {
     files,
     languageOptions: {
@@ -663,19 +729,18 @@ function javascript(options) {
       "use-isnan": "error",
       "valid-typeof": "error",
       yoda: ["error", "never"],
-      ...overrides?.javascript
+      ...options.overrides?.javascript
     }
   };
 }
 
 async function typescript(options) {
-  const { project, overrides } = options;
   const [tsParser, tsPlugin] = await Promise.all([
     interopDefault(import('@typescript-eslint/parser')),
     interopDefault(import('@typescript-eslint/eslint-plugin'))
   ]);
   const files = [Glob.Typescript];
-  if (options.vue) files.push(Glob.Vue);
+  if (options.features?.vue) files.push(Glob.Vue);
   const rules = {
     "@typescript-eslint/adjacent-overload-signatures": "error",
     "no-array-constructor": "off",
@@ -876,7 +941,7 @@ async function typescript(options) {
     "@typescript-eslint/unbound-method": "error",
     "@typescript-eslint/unified-signatures": ["error", { ignoreDifferentlyNamedParameters: true }],
     "@typescript-eslint/use-unknown-in-catch-callback-variable": "error",
-    ...overrides?.typescript
+    ...options.overrides?.typescript
   };
   return {
     files,
@@ -885,9 +950,9 @@ async function typescript(options) {
       sourceType: "module",
       parser: tsParser,
       parserOptions: {
-        project,
+        project: options.project,
         tsconfigRootDir: process.cwd(),
-        extraFileExtensions: options.vue ? [".vue"] : []
+        extraFileExtensions: options.features?.vue ? [".vue"] : []
       }
     },
     plugins: { "@typescript-eslint": tsPlugin },
@@ -896,7 +961,7 @@ async function typescript(options) {
 }
 
 async function perfectionist(options) {
-  const { overrides, perfectionist: enabled = true } = options;
+  const { perfectionist: enabled = true } = options.features ?? {};
   if (!enabled) return {};
   const plugin = await interopDefault(import('eslint-plugin-perfectionist'));
   return {
@@ -957,7 +1022,7 @@ async function perfectionist(options) {
         order: "asc",
         ignoreCase: true
       }],
-      ...overrides?.perfectionist
+      ...options.overrides?.perfectionist
     }
   };
 }
@@ -970,13 +1035,15 @@ async function defineConfig(options) {
     javascript(options),
     typescript(options),
     ...await vue(options),
+    ...await jsonc(options),
+    stylistic(options),
     perfectionist(options),
     unicorn(options),
-    stylistic(options),
     vitest(options),
+    tailwind(options),
     ignores
   ]);
   return objects;
 }
 
-module.exports = defineConfig;
+exports.defineConfig = defineConfig;

package/dist/index.d.ts

@@ -15,23 +15,31 @@ declare interface ConfigObject {
 }
 
 declare interface ConfigOptions {
-    /** @default true */
-    perfectionist?: boolean;
-    /** @default false */
-    stylistic?: boolean;
-    /** @default true */
-    unicorn?: boolean;
-    /** @default false */
-    vitest?: boolean;
-    /** @default false */
-    vue?: boolean;
+    features?: {
+        /** @default false */
+        jsonc?: boolean;
+        /** @default true */
+        perfectionist?: boolean;
+        /** @default false */
+        stylistic?: boolean;
+        /** @default false */
+        tailwind?: boolean;
+        /** @default true */
+        unicorn?: boolean;
+        /** @default false */
+        vitest?: boolean;
+        /** @default false */
+        vue?: boolean;
+    };
     /** `tsconfig.json` files for TypeScript. */
     project: string[];
     ignores?: Ignores['ignores'];
     overrides?: {
         javascript?: Rules;
+        jsonc?: Rules;
         perfectionist?: Rules;
         stylistic?: Rules;
+        tailwind?: Rules;
         typescript?: Rules;
         unicorn?: Rules;
         vitest?: Rules;
@@ -41,8 +49,7 @@ declare interface ConfigOptions {
     knownSafePromises?: KnownSafePromise[];
 }
 
-declare function defineConfig(options: ConfigOptions): Promise<Partial<ConfigObject>[]>;
-export default defineConfig;
+export declare function defineConfig(options: ConfigOptions): Promise<Partial<ConfigObject>[]>;
 
 declare interface Ignores {
     ignores: string[];

package/dist/index.js

@@ -4,6 +4,7 @@ import globals from 'globals';
 var Glob = /* @__PURE__ */ ((Glob2) => {
   Glob2["All"] = "**/*.?([cm])[jt]s?(x)";
   Glob2["Javascript"] = "**/*.?([cm])js?(x)";
+  Glob2["Json"] = "**/*.json?([c5])";
   Glob2["Typescript"] = "**/*.?([cm])ts?(x)";
   Glob2["Vitest"] = "**/*.{test,spec}.[jt]s";
   Glob2["Vue"] = "**/*.vue";
@@ -34,6 +35,7 @@ function getIgnores() {
 const stylisticRules = {
   "stylistic/array-bracket-newline": ["error", "consistent"],
   "stylistic/array-bracket-spacing": ["error", "never"],
+  "stylistic/array-element-newline": ["error", "consistent"],
   "stylistic/arrow-parens": ["error", "always"],
   "stylistic/arrow-spacing": "error",
   "stylistic/block-spacing": "error",
@@ -140,14 +142,13 @@ const stylisticRules = {
   "stylistic/yield-star-spacing": ["error", "after"]
 };
 async function stylistic(options) {
-  const { overrides, stylistic: enabled } = options;
-  if (!enabled) return {};
+  if (!options.features?.stylistic) return {};
   const plugin = await interopDefault(import('@stylistic/eslint-plugin'));
   const files = [Glob.All];
-  if (options.vue) files.push(Glob.Vue);
+  if (options.features.vue) files.push(Glob.Vue);
   const rules = {
     ...stylisticRules,
-    ...overrides?.stylistic
+    ...options.overrides?.stylistic
   };
   return {
     files,
@@ -157,8 +158,7 @@ async function stylistic(options) {
 }
 
 async function vue(options) {
-  const { overrides, vue: enabled } = options;
-  if (!enabled) return [];
+  if (!options.features?.vue) return [];
   const [vuePlugin, vueParser, tsParser] = await Promise.all([
     // @ts-expect-error no types
     interopDefault(import('eslint-plugin-vue')),
@@ -319,9 +319,9 @@ async function vue(options) {
     "vue/valid-v-show": "error",
     "vue/valid-v-slot": "error",
     "vue/valid-v-text": "error",
-    ...overrides?.vue
+    ...options.overrides?.vue
   };
-  if (options.stylistic) {
+  if (options.features.stylistic) {
     Object.assign(rules, {
       "vue/first-attribute-linebreak": ["error", {
         singleline: "beside",
@@ -358,7 +358,7 @@ async function vue(options) {
         math: "always"
       }],
       "vue/max-attributes-per-line": ["error", {
-        singleline: 1,
+        singleline: Number.MAX_SAFE_INTEGER,
         multiline: 1
       }],
       "vue/multiline-html-element-content-newline": ["error", {
@@ -379,6 +379,7 @@ async function vue(options) {
     const vueStylistic = [
       "vue/array-bracket-newline",
       "vue/array-bracket-spacing",
+      "vue/array-element-newline",
       "vue/key-spacing",
       "vue/keyword-spacing",
       "vue/max-len",
@@ -402,9 +403,7 @@ async function vue(options) {
     }, {}));
   }
   return [
-    {
-      plugins: { vue: vuePlugin }
-    },
+    { plugins: { vue: vuePlugin } },
     {
       files: [Glob.Vue],
       languageOptions: {
@@ -427,9 +426,60 @@ async function vue(options) {
   ];
 }
 
+async function jsonc(options) {
+  if (!options.features?.jsonc) return [];
+  const [jsoncPlugin, jsoncParser] = await Promise.all([
+    interopDefault(import('eslint-plugin-jsonc')),
+    interopDefault(import('jsonc-eslint-parser'))
+  ]);
+  const rules = {
+    "jsonc/no-bigint-literals": "error",
+    "jsonc/no-binary-expression": "error",
+    "jsonc/no-binary-numeric-literals": "error",
+    "jsonc/no-infinity": "error",
+    "jsonc/no-nan": "error",
+    "jsonc/no-number-props": "error",
+    "jsonc/no-undefined-value": "error",
+    "jsonc/valid-json-number": "error",
+    ...options.overrides?.jsonc
+  };
+  if (options.features.stylistic) {
+    Object.assign(rules, {
+      "jsonc/comma-dangle": ["error", "never"],
+      "jsonc/quotes": ["error", "double", { avoidEscape: false }],
+      "jsonc/space-unary-ops": "error"
+    });
+    const jsoncStylistic = [
+      "jsonc/array-bracket-newline",
+      "jsonc/array-bracket-spacing",
+      "jsonc/array-element-newline",
+      "jsonc/comma-style",
+      "jsonc/indent",
+      "jsonc/key-spacing",
+      "jsonc/object-curly-newline",
+      "jsonc/object-curly-spacing",
+      "jsonc/object-property-newline"
+    ];
+    Object.assign(rules, jsoncStylistic.reduce((acc, rule) => {
+      const name = rule.replace("jsonc/", "stylistic/");
+      if (Object.hasOwn(stylisticRules, name)) {
+        acc[rule] = stylisticRules[name];
+      }
+      return acc;
+    }, {}));
+  }
+  return [
+    { plugins: { jsonc: jsoncPlugin } },
+    {
+      files: [Glob.Json],
+      languageOptions: { parser: jsoncParser }
+    },
+    { rules }
+  ];
+}
+
 async function vitest(options) {
-  const { overrides, vitest: enabled } = options;
-  if (!enabled) return {};
+  if (!options.features?.vitest) return {};
   const plugin = await interopDefault(import('eslint-plugin-vitest'));
   return {
     plugins: { vitest: plugin },
@@ -466,13 +516,13 @@ async function vitest(options) {
       "vitest/require-top-level-describe": ["error", { maxNumberOfTopLevelDescribes: 10 }],
       "vitest/valid-describe-callback": "error",
       "vitest/valid-expect": "error",
-      ...overrides?.vitest
+      ...options.overrides?.vitest
     }
   };
 }
 
 async function unicorn(options) {
-  const { overrides, unicorn: enabled = true } = options;
+  const { unicorn: enabled = true } = options.features ?? {};
   if (!enabled) return {};
   const plugin = await interopDefault(import('eslint-plugin-unicorn'));
   return {
@@ -517,15 +567,29 @@ async function unicorn(options) {
       "unicorn/prefer-structured-clone": "error",
       "unicorn/prefer-type-error": "error",
       "unicorn/relative-url-style": ["error", "never"],
-      ...overrides?.unicorn
+      ...options.overrides?.unicorn
     }
   };
 }
 
+async function tailwind(options) {
+  if (!options.features?.tailwind) return {};
+  const plugin = await interopDefault(import('eslint-plugin-tailwindcss'));
+  const rules = {
+    "tailwindcss/classnames-order": "error",
+    "tailwindcss/enforces-shorthand": "error",
+    "tailwindcss/no-contradicting-classname": "error",
+    ...options.overrides?.tailwind
+  };
+  return {
+    plugins: { tailwindcss: plugin },
+    rules
+  };
+}
+
 function javascript(options) {
-  const { overrides } = options;
   const files = [Glob.All];
-  if (options.vue) files.push(Glob.Vue);
+  if (options.features?.vue) files.push(Glob.Vue);
   return {
     files,
     languageOptions: {
@@ -661,19 +725,18 @@ function javascript(options) {
       "use-isnan": "error",
       "valid-typeof": "error",
       yoda: ["error", "never"],
-      ...overrides?.javascript
+      ...options.overrides?.javascript
     }
   };
 }
 
 async function typescript(options) {
-  const { project, overrides } = options;
   const [tsParser, tsPlugin] = await Promise.all([
     interopDefault(import('@typescript-eslint/parser')),
     interopDefault(import('@typescript-eslint/eslint-plugin'))
   ]);
   const files = [Glob.Typescript];
-  if (options.vue) files.push(Glob.Vue);
+  if (options.features?.vue) files.push(Glob.Vue);
   const rules = {
     "@typescript-eslint/adjacent-overload-signatures": "error",
     "no-array-constructor": "off",
@@ -874,7 +937,7 @@ async function typescript(options) {
     "@typescript-eslint/unbound-method": "error",
     "@typescript-eslint/unified-signatures": ["error", { ignoreDifferentlyNamedParameters: true }],
     "@typescript-eslint/use-unknown-in-catch-callback-variable": "error",
-    ...overrides?.typescript
+    ...options.overrides?.typescript
   };
   return {
     files,
@@ -883,9 +946,9 @@ async function typescript(options) {
       sourceType: "module",
       parser: tsParser,
       parserOptions: {
-        project,
+        project: options.project,
         tsconfigRootDir: process.cwd(),
-        extraFileExtensions: options.vue ? [".vue"] : []
+        extraFileExtensions: options.features?.vue ? [".vue"] : []
       }
     },
     plugins: { "@typescript-eslint": tsPlugin },
@@ -894,7 +957,7 @@ async function typescript(options) {
 }
 
 async function perfectionist(options) {
-  const { overrides, perfectionist: enabled = true } = options;
+  const { perfectionist: enabled = true } = options.features ?? {};
   if (!enabled) return {};
   const plugin = await interopDefault(import('eslint-plugin-perfectionist'));
   return {
@@ -955,7 +1018,7 @@ async function perfectionist(options) {
         order: "asc",
         ignoreCase: true
       }],
-      ...overrides?.perfectionist
+      ...options.overrides?.perfectionist
     }
   };
 }
@@ -968,13 +1031,15 @@ async function defineConfig(options) {
     javascript(options),
     typescript(options),
     ...await vue(options),
+    ...await jsonc(options),
+    stylistic(options),
     perfectionist(options),
     unicorn(options),
-    stylistic(options),
     vitest(options),
+    tailwind(options),
     ignores
   ]);
   return objects;
 }
 
-export { defineConfig as default };
+export { defineConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/eslint-config",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "description": "ESLint config",
   "license": "MIT",
   "type": "module",
@@ -27,7 +27,9 @@
     "@stylistic/eslint-plugin": "^2.3.0",
     "@typescript-eslint/eslint-plugin": "^7.17.0",
     "@typescript-eslint/parser": "^7.17.0",
+    "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-perfectionist": "^3.0.0",
+    "eslint-plugin-tailwindcss": "^3.17.4",
     "eslint-plugin-unicorn": "^54.0.0",
     "eslint-plugin-vitest": "^0.5.4",
     "eslint-plugin-vue": "^9.27.0",