update: support storybook 9

.github/workflows/node.js.yml

@@ -15,15 +15,15 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [20, 22, 24]
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'
       - name: install
-        run: npm ci
+        run: npm install --include=dev
       - name: lint
         run: npm run ci:lint

.storybook/main.ts

@@ -0,0 +1,9 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+	addons: ["@chr33s/storybook-addon-fetch-mock"],
+	core: { disableTelemetry: true },
+	framework: "@storybook/react-vite",
+	stories: ["../tests/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+};
+export default config;

eslint.config.js

@@ -0,0 +1,81 @@
+import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import { defineConfig } from 'eslint/config';
+import _import from 'eslint-plugin-import';
+import unusedImports from 'eslint-plugin-unused-imports';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import globals from 'globals';
+
+const compat = new FlatCompat({
+  baseDirectory: import.meta.dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  {
+    extends: fixupConfigRules(
+      compat.extends(
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:prettier/recommended',
+        'plugin:import/recommended',
+        'plugin:import/typescript',
+      ),
+    ),
+
+    plugins: {
+      import: fixupPluginRules(_import),
+      'unused-imports': unusedImports,
+      '@typescript-eslint': fixupPluginRules(typescriptEslint),
+    },
+
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+
+      sourceType: 'module',
+      ecmaVersion: 13,
+      parserOptions: {},
+    },
+
+    rules: {
+      '@typescript-eslint/no-unused-vars': 'error',
+      '@typescript-eslint/consistent-type-definitions': ['error', 'interface'],
+      'import/first': 'error',
+      'import/newline-after-import': 'error',
+      'import/no-absolute-path': 'error',
+      'import/no-amd': 'error',
+      'import/no-anonymous-default-export': 'error',
+      'import/no-cycle': 'error',
+      'import/no-duplicates': 'error',
+      'import/no-extraneous-dependencies': 'error',
+      'import/no-mutable-exports': 'error',
+      'import/no-named-as-default-member': 'error',
+      'import/no-named-as-default': 'error',
+      'import/no-named-default': 'error',
+      'import/no-unassigned-import': 'error',
+      'import/no-unresolved': 'off',
+      'import/no-unused-modules': 'error',
+
+      'import/order': [
+        'error',
+        {
+          groups: [
+            'builtin',
+            'external',
+            'internal',
+            'parent',
+            'sibling',
+            'index',
+            'type',
+          ],
+        },
+      ],
+
+      'unused-imports/no-unused-imports': 'error',
+    },
+  },
+]);