update dependencies

vite.config.ts

@@ -1,59 +1,81 @@
 import react from "@vitejs/plugin-react";
 import { rmSync } from "node:fs";
+import path from "node:path";
 import { defineConfig } from "vite";
-import electron from "vite-electron-plugin";
-import { customStart, loadViteEnv } from "vite-electron-plugin/plugin";
-import renderer from "vite-plugin-electron-renderer";
+import electron from "vite-plugin-electron/simple";
 import pkg from "./package.json";
 
 // https://vitejs.dev/config/
 export default defineConfig(({ command }) => {
   rmSync("dist-electron", { recursive: true, force: true });
 
-  const sourcemap = true; //command === "serve" || !!process.env.VSCODE_DEBUG;
+  const isServe = command === "serve";
+  const isBuild = false; //command === "build";
+  const sourcemap = true; //isServe || !!process.env.VSCODE_DEBUG;
 
   return {
+    resolve: {
+      alias: {
+        "@": path.join(__dirname, "src"),
+      },
+    },
     build: {
-      sourcemap: true,
+      sourcemap,
     },
     plugins: [
       react(),
       electron({
-        include: [
-          "electron",
-          "src/misc/b3type.ts",
-          "src/misc/b3util.ts",
-          "src/misc/path.ts",
-          "src/misc/util.ts",
-        ],
-        transformOptions: {
-          sourcemap,
+        main: {
+          // Shortcut of `build.lib.entry`
+          entry: "electron/main/index.ts",
+          onstart(args) {
+            if (process.env.VSCODE_DEBUG) {
+              console.log(/* For `.vscode/.debug.script.mjs` */ "[startup] Electron App");
+            } else {
+              args.startup();
+            }
+          },
+          vite: {
+            build: {
+              sourcemap,
+              minify: isBuild,
+              outDir: "dist-electron/main",
+              rollupOptions: {
+                external: Object.keys("dependencies" in pkg ? pkg.dependencies : {}),
+              },
+            },
+          },
         },
-        plugins: [
-          ...(!!process.env.VSCODE_DEBUG
-            ? [
-                // Will start Electron via VSCode Debug
-                customStart(() =>
-                  console.log(/* For `.vscode/.debug.script.mjs` */ "[startup] Electron App")
-                ),
-              ]
-            : []),
-          // Allow use `import.meta.env.VITE_SOME_KEY` in Electron-Main
-          loadViteEnv(),
-        ],
+        preload: {
+          // Shortcut of `build.rollupOptions.input`.
+          // Preload scripts may contain Web assets, so use the `build.rollupOptions.input` instead `build.lib.entry`.
+          input: "electron/preload/index.ts",
+          vite: {
+            build: {
+              sourcemap: sourcemap ? "inline" : undefined, // #332
+              minify: isBuild,
+              outDir: "dist-electron/preload",
+              rollupOptions: {
+                external: Object.keys("dependencies" in pkg ? pkg.dependencies : {}),
+              },
+            },
+          },
+        },
+        // Ployfill the Electron and Node.js API for Renderer process.
+        // If you want use Node.js in Renderer process, the `nodeIntegration` needs to be enabled in the Main process.
+        // See 👉 https://github.com/electron-vite/vite-plugin-electron-renderer
+        renderer: {},
       }),
-      // Use Node.js API in the Renderer-process
-      renderer(),
     ],
-    server: !!process.env.VSCODE_DEBUG
-      ? (() => {
-          const url = new URL(pkg.debug.env.VITE_DEV_SERVER_URL);
-          return {
-            host: url.hostname,
-            port: +url.port,
-          };
-        })()
-      : undefined,
+    server:
+      process.env.VSCODE_DEBUG &&
+      (() => {
+        const url = new URL(pkg.debug.env.VITE_DEV_SERVER_URL);
+        return {
+          host: url.hostname,
+          port: +url.port,
+        };
+      })(),
     clearScreen: false,
   };
 });