@aiou/eslint-config 3.1.2 → 3.3.0

package/dist/index.mjs

@@ -16,6 +16,7 @@ import pluginReact from '@eslint-react/eslint-plugin';
 import pluginReactHooks from 'eslint-plugin-react-hooks';
 import pluginReactRefresh from 'eslint-plugin-react-refresh';
 import { configs } from 'eslint-plugin-regexp';
+import storybookPlugin from 'eslint-plugin-storybook';
 import pluginStylistic from '@stylistic/eslint-plugin';
 import { createRequire } from 'node:module';
 import pluginToml from 'eslint-plugin-toml';
@@ -158,7 +159,8 @@ const imports = () => {
         // ignore require third packages in .eslintrc.* e.g. eslint-define-config
         `**/.eslintrc.${GLOB_SCRIPT_EXT}`,
         `**/**/eslint.config.${GLOB_SCRIPT_EXT}`,
-        "**/{vite,esbuild,rollup,webpack,rspack}.ts"
+        "**/{vite,esbuild,rollup,webpack,rspack}.ts",
+        "**/vitest.setup.*"
       ],
       rules: {
         "import/no-extraneous-dependencies": "off"
@@ -975,6 +977,13 @@ const regexp = () => {
   return config;
 };
 
+const storybook = () => {
+  const config = [
+    ...storybookPlugin.configs["flat/recommended"]
+  ];
+  return config;
+};
+
 const stylistic = () => {
   const config = pluginStylistic.configs.customize({
     indent: 2,
@@ -1103,13 +1112,17 @@ const stylistic = () => {
 const require = createRequire(import.meta.url);
 const tailwindcss = () => {
   const pluginTailwindcss = require("eslint-plugin-tailwindcss");
+  const recommended = pluginTailwindcss.configs.recommended;
+  const configs = Array.isArray(recommended) ? recommended : [recommended];
+  const rules = {
+    ...configs.find((c) => c.rules)?.rules,
+    "tailwindcss/no-custom-classname": "off"
+  };
   const config = [
-    ...pluginTailwindcss.configs["flat/recommended"],
+    ...configs,
     {
-      rules: {
-        ...pluginTailwindcss.configs.recommended.rules,
-        "tailwindcss/no-custom-classname": "off"
-      }
+      plugins: { tailwindcss: pluginTailwindcss.default ?? pluginTailwindcss },
+      rules
     }
   ];
   return config;
@@ -1283,6 +1296,8 @@ const unicorn = () => {
         "unicorn/prefer-string-starts-ends-with": "error",
         "unicorn/prefer-type-error": "error",
         "unicorn/throw-new-error": "error",
+        "unicorn/prevent-abbreviations": "off",
+        "unicorn/no-null": "off",
         "unicorn/filename-case": ["error", {
           case: "kebabCase",
           ignore: [/^[A-Z]+\.md$/, /^[A-Z]+\.yml$/, /^\.?[A-Z]/, /^Dockerfile$/]
@@ -1337,14 +1352,16 @@ const presetDefault = [
   ...react(),
   ...stylistic(),
   ...presetLangsExtensions,
-  ...progress()
+  ...progress(),
+  ...storybook()
 ];
 const all = [
   ...presetDefault,
   ...tailwindcss(),
   ...next(),
   ...ssrReact(),
-  ...regexp()
+  ...regexp(),
+  ...storybook()
 ];
 const aiou = ({ ssr = true, regexp: regexp$1 = true, tailwindcss: enableTailwindcss = true } = {}, ...userConfigs) => {
   const configs = [...presetDefault];

package/dts/configs/storybook.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../type';
+export declare const storybook: () => Config[];

package/dts/globs.d.ts

@@ -17,3 +17,5 @@ export declare const GLOB_MARKDOWN = "**/*.md";
 export declare const GLOB_VUE = "**/*.vue";
 export declare const GLOB_YAML = "**/*.y?(a)ml";
 export declare const GLOB_WORKFLOW_YAML = "**/.github/**/*.y?(a)ml";
+export declare const GLOB_STORYBOOK_STORIES = "**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)";
+export declare const GLOB_STORYBOOK_MAIN = ".storybook/main.@(js|cjs|mjs|ts)";

package/dts/typegen.d.ts

@@ -5701,43 +5701,118 @@ export interface Rules {
      */
     'regexp/use-ignore-case'?: Linter.RuleEntry<[]>;
     /**
-     * Enforce a consistent and logical order of the Tailwind CSS classnames
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/classnames-order.md
+     * Interactions should be awaited
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/await-interactions.md
+     */
+    'storybook/await-interactions'?: Linter.RuleEntry<[]>;
+    /**
+     * Pass a context when invoking play function of another story
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/context-in-play-function.md
+     */
+    'storybook/context-in-play-function'?: Linter.RuleEntry<[]>;
+    /**
+     * The component property should be set
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/csf-component.md
+     */
+    'storybook/csf-component'?: Linter.RuleEntry<[]>;
+    /**
+     * Story files should have a default export
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/default-exports.md
+     */
+    'storybook/default-exports'?: Linter.RuleEntry<[]>;
+    /**
+     * Deprecated hierarchy separator in title property
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/hierarchy-separator.md
+     */
+    'storybook/hierarchy-separator'?: Linter.RuleEntry<[]>;
+    /**
+     * Meta should only have inline properties
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/meta-inline-properties.md
+     */
+    'storybook/meta-inline-properties'?: Linter.RuleEntry<StorybookMetaInlineProperties>;
+    /**
+     * Meta should use `satisfies Meta`
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/meta-satisfies-type.md
+     */
+    'storybook/meta-satisfies-type'?: Linter.RuleEntry<[]>;
+    /**
+     * A story should not have a redundant name property
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-redundant-story-name.md
+     */
+    'storybook/no-redundant-story-name'?: Linter.RuleEntry<[]>;
+    /**
+     * Do not import renderer packages directly in stories
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-renderer-packages.md
+     */
+    'storybook/no-renderer-packages'?: Linter.RuleEntry<[]>;
+    /**
+     * storiesOf is deprecated and should not be used
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-stories-of.md
+     */
+    'storybook/no-stories-of'?: Linter.RuleEntry<[]>;
+    /**
+     * Do not define a title in meta
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-title-property-in-meta.md
+     */
+    'storybook/no-title-property-in-meta'?: Linter.RuleEntry<[]>;
+    /**
+     * This rule identifies storybook addons that are invalid because they are either not installed or contain a typo in their name.
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-uninstalled-addons.md
+     */
+    'storybook/no-uninstalled-addons'?: Linter.RuleEntry<StorybookNoUninstalledAddons>;
+    /**
+     * Stories should use PascalCase
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/prefer-pascal-case.md
+     */
+    'storybook/prefer-pascal-case'?: Linter.RuleEntry<[]>;
+    /**
+     * A story file must contain at least one story export
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/story-exports.md
+     */
+    'storybook/story-exports'?: Linter.RuleEntry<[]>;
+    /**
+     * Use expect from `@storybook/test`, `storybook/test` or `@storybook/jest`
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/use-storybook-expect.md
+     */
+    'storybook/use-storybook-expect'?: Linter.RuleEntry<[]>;
+    /**
+     * Do not use testing-library directly on stories
+     * @see https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/use-storybook-testing-library.md
+     */
+    'storybook/use-storybook-testing-library'?: Linter.RuleEntry<[]>;
+    /**
+     * Enforces a consistent order for the Tailwind CSS classnames, based on the compiler.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/classnames-order.md
      */
     'tailwindcss/classnames-order'?: Linter.RuleEntry<TailwindcssClassnamesOrder>;
     /**
-     * Warns about dash prefixed classnames using arbitrary values
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/enforces-negative-arbitrary-values.md
+     * Warns about `-` prefixed classnames using arbitrary values.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/enforces-negative-arbitrary-values.md
      */
     'tailwindcss/enforces-negative-arbitrary-values'?: Linter.RuleEntry<TailwindcssEnforcesNegativeArbitraryValues>;
     /**
-     * Enforces the usage of shorthand Tailwind CSS classnames
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/enforces-shorthand.md
+     * Avoid using multiple Tailwind CSS classnames when not required.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/enforces-shorthand.md
      */
     'tailwindcss/enforces-shorthand'?: Linter.RuleEntry<TailwindcssEnforcesShorthand>;
     /**
-     * Detect obsolete classnames when upgrading to Tailwind CSS v3
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/migration-from-tailwind-2.md
-     */
-    'tailwindcss/migration-from-tailwind-2'?: Linter.RuleEntry<TailwindcssMigrationFromTailwind2>;
-    /**
-     * Forbid using arbitrary values in classnames
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/no-arbitrary-value.md
+     * Forbid using arbitrary values in classnames.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/no-arbitrary-value.md
      */
     'tailwindcss/no-arbitrary-value'?: Linter.RuleEntry<TailwindcssNoArbitraryValue>;
     /**
-     * Avoid contradicting Tailwind CSS classnames (e.g. "w-3 w-5")
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/no-contradicting-classname.md
+     * Avoid contradicting Tailwind CSS classnames.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/no-contradicting-classname.md
      */
     'tailwindcss/no-contradicting-classname'?: Linter.RuleEntry<TailwindcssNoContradictingClassname>;
     /**
-     * Detect classnames which do not belong to Tailwind CSS
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/no-custom-classname.md
+     * Detects classnames which do not belong to Tailwind CSS.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/no-custom-classname.md
      */
     'tailwindcss/no-custom-classname'?: Linter.RuleEntry<TailwindcssNoCustomClassname>;
     /**
-     * Forbid using arbitrary values in classnames when an equivalent preset exists
-     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/tree/master/docs/rules/no-unnecessary-arbitrary-value.md
+     * Avoid unjustified arbitrary classnames.
+     * @see https://github.com/francoismassart/eslint-plugin-tailwindcss/blob/alpha/v4-basic-files/docs/rules/no-unnecessary-arbitrary-value.md
      */
     'tailwindcss/no-unnecessary-arbitrary-value'?: Linter.RuleEntry<TailwindcssNoUnnecessaryArbitraryValue>;
     /**
@@ -13439,98 +13514,28 @@ type RegexpUnicodeProperty = [] | [
         });
     }
 ];
-type TailwindcssClassnamesOrder = [] | [
-    {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        removeDuplicates?: boolean;
-        tags?: string[];
-        [k: string]: unknown | undefined;
-    }
-];
-type TailwindcssEnforcesNegativeArbitraryValues = [] | [
-    {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        tags?: string[];
-        [k: string]: unknown | undefined;
-    }
-];
-type TailwindcssEnforcesShorthand = [] | [
+type StorybookMetaInlineProperties = [] | [
     {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        tags?: string[];
-        [k: string]: unknown | undefined;
+        csfVersion?: number;
     }
 ];
-type TailwindcssMigrationFromTailwind2 = [] | [
+type StorybookNoUninstalledAddons = [] | [
     {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        tags?: string[];
-        [k: string]: unknown | undefined;
-    }
-];
-type TailwindcssNoArbitraryValue = [] | [
-    {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        tags?: string[];
-        [k: string]: unknown | undefined;
-    }
-];
-type TailwindcssNoContradictingClassname = [] | [
-    {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        tags?: string[];
-        [k: string]: unknown | undefined;
+        packageJsonLocation?: string;
+        ignore?: string[];
     }
 ];
+type TailwindcssClassnamesOrder = [] | [{}];
+type TailwindcssEnforcesNegativeArbitraryValues = [] | [{}];
+type TailwindcssEnforcesShorthand = [] | [{}];
+type TailwindcssNoArbitraryValue = [] | [{}];
+type TailwindcssNoContradictingClassname = [] | [{}];
 type TailwindcssNoCustomClassname = [] | [
     {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        cssFiles?: string[];
-        cssFilesRefreshRate?: number;
-        tags?: string[];
         whitelist?: string[];
-        [k: string]: unknown | undefined;
-    }
-];
-type TailwindcssNoUnnecessaryArbitraryValue = [] | [
-    {
-        callees?: string[];
-        ignoredKeys?: string[];
-        config?: (string | {
-            [k: string]: unknown | undefined;
-        });
-        tags?: string[];
-        [k: string]: unknown | undefined;
     }
 ];
+type TailwindcssNoUnnecessaryArbitraryValue = [] | [{}];
 type TomlArrayBracketNewline = [] | [
     (("always" | "never" | "consistent") | {
         multiline?: boolean;
@@ -14218,5 +14223,5 @@ type YmlSpacedComment = [] | [("always" | "never")] | [
         markers?: string[];
     }
 ];
-export type ConfigNames = 'markdown/recommended/plugin' | 'markdown/recommended/processor' | 'markdown/recommended/code-blocks' | 'tailwindcss:base' | 'tailwindcss:rules';
+export type ConfigNames = 'markdown/recommended/plugin' | 'markdown/recommended/processor' | 'markdown/recommended/code-blocks' | 'storybook:recommended:setup' | 'storybook:recommended:stories-rules' | 'storybook:recommended:main-rules' | 'tailwindcss/recommended' | 'storybook:recommended:setup' | 'storybook:recommended:stories-rules' | 'storybook:recommended:main-rules';
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiou/eslint-config",
-  "version": "3.1.2",
+  "version": "3.3.0",
   "type": "module",
   "description": "eslint config for JW",
   "keywords": [],
@@ -35,7 +35,13 @@
     "access": "public"
   },
   "peerDependencies": {
-    "eslint": ">=10"
+    "eslint": ">=10",
+    "tailwindcss": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@eslint-community/eslint-plugin-eslint-comments": "^4.7.1",
@@ -55,7 +61,8 @@
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-regexp": "^3.1.0",
-    "eslint-plugin-tailwindcss": "^3.18.3",
+    "eslint-plugin-storybook": "^10.4.0",
+    "eslint-plugin-tailwindcss": "4.0.0-alpha.6",
     "eslint-plugin-toml": "^1.3.1",
     "eslint-plugin-unicorn": "^64.0.0",
     "eslint-plugin-unused-imports": "^4.4.1",
@@ -64,7 +71,7 @@
     "jsonc-eslint-parser": "^3.1.0",
     "local-pkg": "^1.1.2",
     "yaml-eslint-parser": "^2.0.0",
-    "@aiou/eslint-ignore": "0.6.1",
+    "@aiou/eslint-ignore": "0.6.3",
     "@aiou/eslint-plugin-progress": "0.4.0"
   },
   "devDependencies": {
@@ -83,6 +90,7 @@
     "rollup-plugin-esbuild": "^5.0.0",
     "rollup-plugin-filesize": "9.1.2",
     "rollup-plugin-node-externals": "5.1.2",
+    "tailwindcss": "^4.3.1",
     "tsx": "^4.20.0"
   },
   "scripts": {