ESM対応

package.json

@@ -9,40 +9,41 @@
     "rimraf": "rimraf",
     "start": "electron .",
     "watch": "npm-run-all 'rimraf dist' --parallel watch:* start",
-    "watch:main": "node scripts/build.mjs -w",
+    "watch:main": "node scripts/build.js -w",
     "watch:renderer": "vite dev",
     "build": "npm-run-all --parallel 'rimraf dist' 'rimraf build' --parallel build:*",
-    "build:main": "node scripts/build.mjs --prd",
+    "build:main": "node scripts/build.js --prd",
     "build:renderer": "NODE_ENV=production vite build",
     "prepack": "npm run build",
-    "pack": "node scripts/pack.mjs",
-    "archive": "node scripts/archive.mjs",
+    "pack": "node scripts/pack.js",
+    "archive": "node scripts/archive.js",
     "fmt": "prettier --write '**/*.{ts,tsx}'"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "electron-store": "^10.0.1",
-    "execa": "^9.5.2",
+    "electron-store": "^10.1.0",
+    "execa": "^9.6.0",
     "immutability-helper": "^3.1.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@electron/packager": "^18.3.6",
-    "@types/node": "^22.13.10",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "commander": "^13.1.0",
-    "electron": "^35.0.0",
+    "@types/node": "^24.0.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.5.2",
+    "commander": "^14.0.0",
+    "electron": "^36.4.0",
     "electron-reload": "^2.0.0-alpha.1",
-    "esbuild": "^0.25.0",
+    "esbuild": "^0.25.5",
+    "esbuild-node-externals": "^1.18.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.0",
-    "vite": "6.2.1"
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.34.0",
+    "vite": "6.3.5"
   }
 }

scripts/build.mjs → scripts/build.js

@@ -1,6 +1,7 @@
 import esbuild from "esbuild";
 import { program } from "commander";
 import fs from "node:fs/promises";
+import { nodeExternalsPlugin } from "esbuild-node-externals";
 
 program
   .option("--prd", "production mode", false)
@@ -37,6 +38,19 @@ const option = {
   },
   logLevel: "info",
   color: true,
+  format: "esm",
+  plugins: [nodeExternalsPlugin()],
+  banner: {
+    js: `
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const require = createRequire(import.meta.url);
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+`,
+  },
 };
 
 async function copyBinaries() {

src/renderer/styles/box.css

@@ -7,6 +7,8 @@
   display: flex;
   flex-direction: column;
   width: 280px;
+  height: 280px;
+  overflow-y: auto;
 
   &:hover .add-button {
     opacity: 1;

vite.config.mts

@@ -9,6 +9,10 @@ export default defineConfig({
   base: "./",
   build: {
     outDir: "../dist",
+    emptyOutDir: false,
+    rollupOptions: {
+      external: ["electron"],
+    },
   },
   plugins: [reactPlugin()],
 });