[Feat] Rework Updater

Author: Denoder

electron.vite.config.ts

@@ -66,6 +66,7 @@ export default defineConfig({
                     device: path.resolve(__dirname, 'src/device.html'),
                     settings: path.resolve(__dirname, 'src/settings.html'),
                     monsters: path.resolve(__dirname, 'src/monsters.html'),
+                    update: path.resolve(__dirname, 'src/update.html'),
                 },
                 output: {
                     manualChunks(id: string) {

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "bpsr-meter",
-    "version": "0.4.2",
+    "version": "0.4.3",
     "description": "BPSR Meter",
     "author": "Denoder",
     "type": "module",
@@ -29,9 +29,11 @@
         "@electron-toolkit/utils": "^4.0.0",
         "@tailwindcss/vite": "^4.1.15",
         "@woheedev/bptimer-api-client": "^0.0.8",
+        "adm-zip": "^0.5.16",
         "bindings": "^1.5.0",
         "cap": "^0.2.1",
         "cors": "^2.8.5",
+        "electron-updater": "^6.6.2",
         "express": "^5.1.0",
         "google-protobuf": "^4.0.0",
         "is-admin": "^4.0.0",
@@ -45,6 +47,7 @@
         "tailwindcss": "^4.1.15"
     },
     "devDependencies": {
+        "@types/adm-zip": "^0.5.7",
         "@types/bindings": "^1.5.5",
         "@types/cors": "^2.8.19",
         "@types/express": "^5.0.3",
@@ -89,6 +92,11 @@
             "**/*.sys"
         ],
         "compression": "maximum",
+        "publish": {
+            "provider": "github",
+            "owner": "Denoder",
+            "repo": "BPSR-Meter"
+        },
         "files": [
             "out/**/*",
             "algo/**/*",

package.json

@@ -9,6 +9,10 @@
     --text-primary: #ffffff;
     --text-secondary: #b4bcc9;
     --text-muted: #6c7a89;
+    --bg-warning: rgba(255, 193, 7, 0.1);
+    --bg-warning-hover: rgba(255, 193, 7, 0.2);
+    --border-warning: rgba(255, 193, 7, 0.3);
+    --border-warning-hover: rgba(255, 193, 7, 0.4);
     --border: rgba(255, 255, 255, 0.08);
     --border-hover: rgba(74, 158, 255, 0.3);
     --gap-xs: 2px;
@@ -2530,3 +2534,24 @@ body.performance-mode .player-bar::before {
         padding: 12px;
     }
 }
+
+.update-window {
+    width: 100%;
+    height: 100%;
+    background: var(--bg-darker);
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    border-radius: var(--radius);
+    box-sizing: border-box;
+    overflow: hidden;
+    position: relative;
+    pointer-events: auto;
+}
+
+.update-window-container {
+    max-width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+}

src/css/style.css

@@ -10,7 +10,7 @@ import {
 import {
     checkForUpdates,
     checkForUpdatesSilent,
-    showUpdateDialog,
+    checkForUpdatesManual,
 } from "./updateChecker";
 import path from "path";
 import { exec, fork, ChildProcess } from "child_process";
@@ -29,6 +29,7 @@ const WINDOW_CONFIGS = {
     device: { defaultSize: { width: 600, height: 400 }, resizable: true },
     settings: { defaultSize: { width: 420, height: 520 }, resizable: true },
     monsters: { defaultSize: { width: 950, height: 600 }, resizable: true },
+    update: { defaultSize: { width: 500, height: 650 }, resizable: false },
 } as const;
 
 type WindowType = keyof typeof WINDOW_CONFIGS;
@@ -41,6 +42,7 @@ const windows: Record<WindowType, BrowserWindow | null> = {
     device: null,
     settings: null,
     monsters: null,
+    update: null,
 };
 
 const lastWindowSizes: Record<WindowType, WindowSize> = {
@@ -50,6 +52,7 @@ const lastWindowSizes: Record<WindowType, WindowSize> = {
     device: { width: 600, height: 400, scale: 1 },
     settings: { width: 420, height: 520, scale: 1 },
     monsters: { width: 950, height: 600, scale: 1 },
+    update: { width: 500, height: 650, scale: 1 },
 };
 
 let serverProcess: ChildProcess | null = null;
@@ -385,6 +388,11 @@ function setupIpcHandlers() {
             logToFile(`Error opening monsters window: ${err}`),
         ),
     );
+    ipcMain.on("open-update-window", () =>
+        createOrFocusWindow("update").catch((err) =>
+            logToFile(`Error opening update window: ${err}`),
+        ),
+    );
 
     ipcMain.on(
         "update-visible-columns",
@@ -727,13 +735,7 @@ function setupIpcHandlers() {
 
     ipcMain.handle("check-for-updates-with-dialog", async () => {
         const currentVersion = app.getVersion();
-        const updateInfo = await checkForUpdates(currentVersion);
-
-        if (updateInfo.available) {
-            await showUpdateDialog(updateInfo);
-        }
-
-        return updateInfo;
+        return await checkForUpdatesManual(currentVersion);
     });
 }
 
@@ -940,6 +942,7 @@ app.whenReady().then(() => {
 
     createMainWindow();
 
+    // Check for updates after app starts
     setTimeout(() => {
         const currentVersion = app.getVersion();
         checkForUpdatesSilent(currentVersion).catch((err) => {