refactor(electron): bundle dependencies (#738)

packages/editor/playground/vite.config.ts → packages/editor/playground/vite.config.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import { defineConfig } from "vite"
 
 // https://vitejs.dev/config/

packages/electron-main/package.json

@@ -3,16 +3,18 @@
     "version": "0.0.0",
     "private": true,
     "scripts": {
-        "dev": "tsc --build --watch ./src/tsconfig.json",
-        "build": "tsc --build ./src/tsconfig.json"
+        "dev": "tsc --build ./src/tsconfig.json && vite build ./src --watch",
+        "build": "tsc --build ./src/tsconfig.json && vite build ./src"
     },
     "dependencies": {
         "electron-log": "^4.4.0",
         "electron-updater": "^4.3.9"
     },
     "devDependencies": {
         "@rino.app/electron-types": "workspace:0.0.0",
+        "builtin-modules": "^3.2.0",
         "electron": "13.1.7",
-        "typescript": "^4.3.5"
+        "typescript": "^4.3.5",
+        "vite": "^2.4.3"
     }
 }

packages/electron-main/src/main.ts

@@ -1,4 +1,5 @@
 import { app, Menu } from "electron"
+import { autoUpdater } from "electron-updater"
 
 import { registerIpcInvokeHandlers } from "./api-main"
 import { buildApplicationMenu } from "./application-menu"
@@ -13,7 +14,6 @@ async function setupAutoUpdate() {
         await app.whenReady()
         await new Promise((resolve) => setTimeout(resolve, 1000))
         try {
-            const { autoUpdater } = await import("electron-updater")
             autoUpdater.logger = logger
             await autoUpdater.checkForUpdatesAndNotify()
         } catch (e) {

packages/electron-main/src/tsconfig.json

@@ -1,10 +1,10 @@
 {
     "extends": "../../../tsconfig.base.json",
     "compilerOptions": {
-        "module": "commonjs",
-        "noEmit": false,
-        "outDir": "../dist",
         "composite": true,
+        "noEmit": false,
+        "emitDeclarationOnly": true,
+        "outDir": "./.cache/typescript",
     },
     "include": [
         "./",

packages/electron-main/src/vite.config.js

@@ -0,0 +1,23 @@
+// @ts-check
+
+import builtinModules from "builtin-modules"
+import { defineConfig } from "vite"
+
+// https://vitejs.dev/config/
+export default defineConfig((env) => ({
+    build: {
+        minify: "esbuild",
+        sourcemap: true,
+        chunkSizeWarningLimit: 2000,
+        outDir: "../dist",
+        emptyOutDir: true,
+
+        lib: {
+            entry: "./main.ts",
+            formats: ["cjs"],
+        },
+        rollupOptions: {
+            external: [...builtinModules, "electron", "fs/promises"],
+        },
+    },
+}))

packages/electron-renderer/src/vite.config.ts → packages/electron-renderer/src/vite.config.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import reactRefresh from "@vitejs/plugin-react-refresh"
 import { defineConfig } from "vite"
 

packages/electron/package.json

@@ -2,7 +2,7 @@
     "name": "@rino.app/electron",
     "version": "0.0.0",
     "private": true,
-    "main": "./build/electron-main/dist/main.js",
+    "main": "./build/electron-main/dist/electron-main.cjs.js",
     "author": "ocavue",
     "description": "A better way to write Markdown",
     "scripts": {
@@ -16,9 +16,5 @@
         "electron-builder": "^22.11.7",
         "electron-notarize": "^1.0.0",
         "wait-on": "^6.0.0"
-    },
-    "dependencies": {
-        "electron-log": "^4.4.0",
-        "electron-updater": "^4.3.9"
     }
 }