Merge branch 'main' into feat/10-separate-match-model

packages/kcms/eslint.config.js

@@ -10,7 +10,7 @@ const compat = new FlatCompat();
 export default [
   {
     // 対象ファイル
-    files: ['src/**/**.ts'],
+    files: ['src/**/*.ts'],
   },
   {
     // 除外ファイル

packages/kcms/package.json

@@ -8,7 +8,7 @@
     "start": "node ./build/main.js",
     "dev": "tsx ./src/main.ts",
     "build": "esbuild ./src/main.ts --bundle --sourcemap --platform=node --target=node16 --format=esm --packages=external --outfile=build/main.js",
-    "lint": "eslint --cache 'src/**/**.ts'",
+    "lint": "eslint --cache \"src/**/*.ts\"",
     "format": "prettier . --write",
     "test": "vitest run",
     "coverage": "vitest run --coverage",
@@ -28,12 +28,12 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.0.0",
-    "@eslint/js": "^8.56.0",
+    "@eslint/js": "^9.0.0",
     "@types/node": "^20.10.2",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "@vitest/coverage-v8": "^1.1.3",
-    "eslint": "^8.55.0",
+    "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vitest": "^0.5.0",
     "prettier": "^3.1.0",

packages/kcmsf/.gitignore

@@ -23,4 +23,5 @@ dist-ssr
 *.sln
 *.sw?
 
-/coverage
+/coverage
+.eslintcache

packages/kcmsf/eslint.config.js

@@ -0,0 +1,47 @@
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import typeScriptESLint from "@typescript-eslint/eslint-plugin";
+import typeScriptESLintParser from "@typescript-eslint/parser";
+import eslintConfigPrettier from "eslint-config-prettier";
+import reactRefresh from "eslint-plugin-react-refresh";
+import vitest from "eslint-plugin-vitest";
+import globals from "globals";
+
+const compat = new FlatCompat();
+
+export default [
+  {
+    files: ["src/**/*.{ts,tsx}"],
+  },
+  {
+    ignores: ["dist/**", "node_modules/**"],
+  },
+  js.configs.recommended,
+  eslintConfigPrettier,
+  ...compat.extends("plugin:@typescript-eslint/recommended"),
+  ...compat.extends("plugin:react-hooks/recommended"),
+  {
+    languageOptions: {
+      parser: typeScriptESLintParser,
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+  {
+    plugins: {
+      "@typescript-eslint": typeScriptESLint,
+      "react-refresh": reactRefresh,
+      vitest,
+    },
+  },
+  {
+    rules: {
+      ...vitest.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+];

packages/kcmsf/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives",
+    "lint": "eslint --cache \"src/**/*.{ts,tsx}\" --report-unused-disable-directives",
     "preview": "vite preview",
     "format": "prettier --write .",
     "test": "vitest --watch --ui --coverage.enabled=true",
@@ -37,9 +37,10 @@
     "@vitejs/plugin-react-swc": "^3.5.0",
     "@vitest/coverage-v8": "^1.4.0",
     "@vitest/ui": "^1.4.0",
-    "eslint": "^8.53.0",
+    "eslint": "^9.0.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
+    "globals": "^15.8.0",
     "jsdom": "^24.0.0",
     "postcss": "^8.4.32",
     "postcss-preset-mantine": "^1.11.1",

packages/kcmsf/src/hooks/useInterval.ts

@@ -8,7 +8,7 @@ export const useInterval = (onUpdate: OnUpdate, ms: number) => {
   useEffect(() => {
     const intervalId = setInterval(() => onUpdateRef.current(), ms);
     return () => clearInterval(intervalId);
-  }, []);
+  }, [ms]);
 };
 
 type OnUpdate = () => void;