feat: auto-updater via GitHub Releases (in-app, user-confirmed) (#10)

* build: add electron-updater dependency + github publish config

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(update): pure wireUpdater event→payload mapping with tests

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(update): register electron-updater (packaged-only) and forward to renderer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(update): expose update events + actions to the renderer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(update): in-app update banner (available/downloading/ready)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* i18n: auto-update banner strings (ko/en/ja/zh)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* fix(update): re-localize the update banner on language change

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Si Hyeong Lee <writingdeveloper@users.noreply.github.com>
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: writingdeveloper

package-lock.json

@@ -7,8 +7,19 @@
   "license": "MIT",
   "author": "Si Hyeong Lee",
   "homepage": "https://github.com/writingdeveloper/devdeck#readme",
-  "repository": { "type": "git", "url": "https://github.com/writingdeveloper/devdeck.git" },
-  "keywords": ["claude-code", "claude", "electron", "developer-tools", "git", "dashboard", "productivity"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/writingdeveloper/devdeck.git"
+  },
+  "keywords": [
+    "claude-code",
+    "claude",
+    "electron",
+    "developer-tools",
+    "git",
+    "dashboard",
+    "productivity"
+  ],
   "scripts": {
     "build": "tsc && node scripts/build-renderer.mjs && node scripts/copy-assets.mjs",
     "dist": "npm run build && electron-builder --win --dir",
@@ -30,8 +41,18 @@
     "directories": {
       "output": "release"
     },
+    "publish": [
+      { "provider": "github", "owner": "writingdeveloper", "repo": "devdeck" }
+    ],
     "win": {
-      "target": [{ "target": "nsis", "arch": ["x64"] }],
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64"
+          ]
+        }
+      ],
       "icon": "build/icon.ico"
     },
     "nsis": {
@@ -41,13 +62,24 @@
       "artifactName": "${productName}-${version}-Setup.${ext}"
     },
     "mac": {
-      "target": [{ "target": "dmg", "arch": ["arm64", "x64"] }],
+      "target": [
+        {
+          "target": "dmg",
+          "arch": [
+            "arm64",
+            "x64"
+          ]
+        }
+      ],
       "category": "public.app-category.developer-tools",
       "icon": "build/icon.png",
       "artifactName": "${productName}-${version}-${arch}.${ext}"
     },
     "linux": {
-      "target": ["AppImage", "deb"],
+      "target": [
+        "AppImage",
+        "deb"
+      ],
       "category": "Development",
       "icon": "build/icon.png",
       "maintainer": "writingdeveloper <writingdeveloper@users.noreply.github.com>",
@@ -63,5 +95,8 @@
     "playwright": "^1.60.0",
     "typescript": "^5.5.0",
     "vitest": "^2.0.0"
+  },
+  "dependencies": {
+    "electron-updater": "^6.8.9"
   }
 }

package.json

@@ -3,6 +3,7 @@ import * as path from 'node:path';
 import { Store } from './store';
 import { registerIpc } from './ipc';
 import { setupTray } from './tray';
+import { registerUpdater } from './updater';
 
 let win: BrowserWindow | null = null;
 
@@ -52,6 +53,7 @@ if (!gotLock) {
       defaultLanguage: app.getLocale().split('-')[0] || 'en',
     });
     setupTray(w);
+    registerUpdater(w);
     globalShortcut.register('Control+Alt+D', showWindow);
     app.on('activate', () => { if (!win) win = createWindow(); });
   });

src/main/main.ts

@@ -0,0 +1,21 @@
+import { app, ipcMain, type BrowserWindow } from 'electron';
+import { wireUpdater } from '../shared/update';
+
+/** Wire electron-updater to the renderer. Inert in dev (unpackaged). Errors are logged, never surfaced. */
+export function registerUpdater(win: BrowserWindow): void {
+  if (!app.isPackaged) return;
+  let autoUpdater: unknown;
+  try {
+    ({ autoUpdater } = require('electron-updater'));
+  } catch {
+    return; // dependency unavailable — skip silently
+  }
+  const api = wireUpdater(
+    autoUpdater as Parameters<typeof wireUpdater>[0],
+    (p) => win.webContents.send('devdeck:update', p),
+    (e) => console.error('DevDeck update:', e),
+  );
+  ipcMain.handle('update:download', () => api.download());
+  ipcMain.handle('update:install', () => api.install());
+  win.webContents.once('did-finish-load', () => api.check());
+}

src/main/updater.ts

@@ -23,6 +23,10 @@ contextBridge.exposeInMainWorld('devdeck', {
   pickFolder: () => ipcRenderer.invoke('settings:pickFolder'),
   openFolder: (path: string) => ipcRenderer.invoke('project:openFolder', path),
   openEditor: (path: string) => ipcRenderer.invoke('project:openEditor', path),
+  onUpdate: (cb: (p: import('../shared/update').UpdatePayload) => void) =>
+    ipcRenderer.on('devdeck:update', (_e, p) => cb(p as import('../shared/update').UpdatePayload)),
+  downloadUpdate: () => ipcRenderer.invoke('update:download'),
+  installUpdate: () => ipcRenderer.invoke('update:install'),
   windowControls: {
     minimize: () => ipcRenderer.invoke('win:minimize'),
     toggleMaximize: () => ipcRenderer.invoke('win:toggleMaximize'),

src/preload/preload.ts

@@ -24,6 +24,9 @@ declare global {
       pickFolder(): Promise<string | null>;
       openFolder(path: string): Promise<void>;
       openEditor(path: string): Promise<void>;
+      onUpdate(cb: (p: import('../shared/update').UpdatePayload) => void): void;
+      downloadUpdate(): Promise<void>;
+      installUpdate(): Promise<void>;
       windowControls: {
         minimize(): Promise<void>;
         toggleMaximize(): Promise<void>;

src/renderer/global.d.ts

@@ -56,6 +56,7 @@
         <section id="view-next" class="view"></section>
       </main>
     </div>
+    <div id="update-banner" class="hidden" role="status"></div>
     <div id="toast-host" aria-live="assertive"></div>
     <script src="./renderer.js"></script>
   </body>

src/renderer/index.html

@@ -62,5 +62,10 @@
   "proj.sort_activity": "Activity",
   "proj.sort_uncommitted": "Uncommitted",
   "proj.sort_name": "Name",
-  "proj.sort_opened": "Last opened"
+  "proj.sort_opened": "Last opened",
+  "update.available": "Update available: v{version}",
+  "update.download": "Download",
+  "update.downloading": "Downloading update… {percent}%",
+  "update.ready": "Update ready: v{version}",
+  "update.restart": "Restart to update"
 }

src/renderer/locales/en.json

@@ -62,5 +62,10 @@
   "proj.sort_activity": "アクティビティ",
   "proj.sort_uncommitted": "未コミット",
   "proj.sort_name": "名前",
-  "proj.sort_opened": "最終開覧"
+  "proj.sort_opened": "最終開覧",
+  "update.available": "アップデートあり: v{version}",
+  "update.download": "ダウンロード",
+  "update.downloading": "アップデートをダウンロード中… {percent}%",
+  "update.ready": "アップデート準備完了: v{version}",
+  "update.restart": "再起動して更新"
 }

src/renderer/locales/ja.json

@@ -62,5 +62,10 @@
   "proj.sort_activity": "활동",
   "proj.sort_uncommitted": "미커밋",
   "proj.sort_name": "이름",
-  "proj.sort_opened": "최근 열람"
+  "proj.sort_opened": "최근 열람",
+  "update.available": "업데이트 있음: v{version}",
+  "update.download": "다운로드",
+  "update.downloading": "업데이트 다운로드 중… {percent}%",
+  "update.ready": "업데이트 준비됨: v{version}",
+  "update.restart": "재시작하여 업데이트"
 }