eslintをv9に

Kartore · Sep 9, 2024 · 1b72927 · 1b72927
1 parent 39e59f3
commit 1b72927
Show file tree

Hide file tree

Showing 6 changed files with 312 additions and 488 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -2,7 +2,7 @@ import type { Decorator, Preview } from '@storybook/react';
 import '~/main.css';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
-export const customDecorator: Decorator = (Story, context) => {
+export const customDecorator: Decorator = (Story) => {
   const client = new QueryClient({
     defaultOptions: {
       queries: {

diff --git a/.vitest/setup.ts b/.vitest/setup.ts
@@ -1,7 +1,8 @@
+import { createSerializer } from '@emotion/jest';
 import { setProjectAnnotations } from '@storybook/react';
 
 import globalStorybookConfig from '../.storybook/preview';
-import { createSerializer } from '@emotion/jest';
+
 setProjectAnnotations([globalStorybookConfig]);
 
 expect.addSnapshotSerializer(createSerializer());
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,97 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import unusedImports from 'eslint-plugin-unused-imports';
+import eslintPluginImportX from 'eslint-plugin-import-x';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import vitest from '@vitest/eslint-plugin';
+
+export default tseslint.config(
+  { ignores: ['dist', 'coverage'] },
+  {
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      eslintPluginImportX.flatConfigs.recommended,
+      eslintPluginImportX.flatConfigs.typescript,
+      eslintConfigPrettier,
+    ],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+      'unused-imports': unusedImports,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+      '@typescript-eslint/no-explicit-any': 'warn',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        {
+          vars: 'all',
+          varsIgnorePattern: '^_',
+          args: 'after-used',
+          argsIgnorePattern: '^_',
+        },
+      ],
+      'import-x/order': [
+        'error',
+        {
+          groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+          'newlines-between': 'always',
+          alphabetize: {
+            order: 'asc',
+            caseInsensitive: true,
+          },
+          pathGroups: [
+            {
+              pattern: '{react,react-dom/**}',
+              group: 'builtin',
+              position: 'before',
+            },
+            {
+              pattern: '~/**',
+              group: 'parent',
+              position: 'before',
+            },
+          ],
+          pathGroupsExcludedImportTypes: ['builtin'],
+        },
+      ],
+      '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
+    },
+    settings: {
+      'import-x/parsers': {
+        '@typescript-eslint/parser': ['.ts', '.tsx'],
+      },
+      'import-x/resolver': {
+        typescript: true,
+        node: true,
+      },
+    },
+  },
+  {
+    files: ['**/*.stories.{ts,tsx}'],
+    rules: {
+      'react-hooks/rules-of-hooks': 'off',
+    },
+  },
+  {
+    files: ['**/*.test.{ts,tsx}'], // or any other pattern
+    plugins: {
+      vitest,
+    },
+    rules: {
+      ...vitest.configs.recommended.rules, // you can also use vitest.configs.all.rules to enable all rules
+      'vitest/max-nested-describe': ['error', { max: 3 }], // you can also modify rules' behavior using option like this
+    },
+  }
+);
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build --stats-json",
@@ -24,6 +24,7 @@
     "@internationalized/number": "3.5.3",
     "@maplibre/maplibre-gl-style-spec": "20.3.1",
     "@tanstack/react-query": "5.55.4",
+    "@vitest/eslint-plugin": "1.1.0",
     "maplibre-gl": "4.7.0",
     "react": "18.3.1",
     "react-aria": "3.34.3",
@@ -35,6 +36,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "1.9.0",
     "@emotion/jest": "11.13.0",
+    "@eslint/js": "9.10.0",
     "@storybook/addon-essentials": "8.2.9",
     "@storybook/addon-interactions": "8.2.9",
     "@storybook/addon-links": "8.2.9",
@@ -55,15 +57,14 @@
     "@vitest/ui": "2.0.5",
     "chromatic": "11.7.1",
     "clsx": "2.1.1",
-    "eslint": "8.57.0",
+    "eslint": "9.10.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.3",
     "eslint-plugin-import-x": "4.2.1",
-    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-react-hooks": "5.1.0-rc.0",
     "eslint-plugin-react-refresh": "0.4.11",
-    "eslint-plugin-storybook": "0.8.0",
     "eslint-plugin-unused-imports": "4.1.3",
-    "eslint-plugin-vitest": "0.5.4",
+    "globals": "15.9.0",
     "happy-dom": "15.7.3",
     "playwright": "1.47.0",
     "plop": "4.0.1",
@@ -73,6 +74,7 @@
     "tailwind-merge": "2.5.2",
     "tailwindcss": "4.0.0-alpha.23",
     "typescript": "5.5.4",
+    "typescript-eslint": "8.4.0",
     "vite": "5.4.3",
     "vitest": "2.0.5"
   },