Merge pull request #74 from grimmerk/feat/custom-update-ui

feat: custom update UI in Settings popup

Author: grimmerk

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 1.0.49
+
+- Custom update UI: "Check for Update" + "Install & Restart" in Settings popup
+- No auto-popup dialogs — update check is manual only
+
 ## 1.0.48
 
 - In-app auto-update for non-MAS builds (via update-electron-app)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "CodeV",
   "productName": "CodeV",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "description": "Quick switcher for VS Code, Cursor, and Claude Code sessions",
   "repository": {
     "type": "git",

src/main.ts

@@ -1,5 +1,6 @@
 import {
   app,
+  autoUpdater,
   BrowserWindow,
   dialog,
   globalShortcut,
@@ -970,7 +971,27 @@ const trayToggleEvtHandler = async () => {
           repo: 'grimmerk/codev',
         },
         updateInterval: '1 hour',
-        notifyUser: true,
+        notifyUser: false,
+      });
+
+      // Forward autoUpdater events to renderer for custom UI
+      autoUpdater.on('checking-for-update', () => {
+        switcherWindow?.webContents.send('update-status', { status: 'checking' });
+      });
+      autoUpdater.on('update-available', () => {
+        switcherWindow?.webContents.send('update-status', { status: 'downloading' });
+      });
+      autoUpdater.on('update-not-available', () => {
+        switcherWindow?.webContents.send('update-status', { status: 'up-to-date' });
+      });
+      autoUpdater.on('update-downloaded', (_event: any, releaseNotes: string, releaseName: string) => {
+        switcherWindow?.webContents.send('update-status', { status: 'ready', releaseName });
+      });
+      autoUpdater.on('error', (err: Error) => {
+        if (isDebug) {
+          console.error('Auto-update error:', err);
+        }
+        switcherWindow?.webContents.send('update-status', { status: 'error', error: err.message });
       });
     } catch (e) {
       if (isDebug) {
@@ -1557,6 +1578,27 @@ ipcMain.handle('get-app-version', () => {
   return app.getVersion();
 });
 
+// Auto-update IPC handlers
+ipcMain.on('check-for-update', () => {
+  if (!isMAS()) {
+    try {
+      autoUpdater.checkForUpdates();
+    } catch (e) {
+      if (isDebug) {
+        console.error('Manual update check failed:', e);
+      }
+      switcherWindow?.webContents.send('update-status', {
+        status: 'error',
+        error: e instanceof Error ? e.message : 'Update check failed',
+      });
+    }
+  }
+});
+
+ipcMain.on('install-update', () => {
+  autoUpdater.quitAndInstall();
+});
+
 // Login item settings are now controlled by the user via Settings UI toggle
 ipcMain.handle('get-login-item-settings', () => {
   return app.getLoginItemSettings();

src/popup.tsx

@@ -71,6 +71,9 @@ const PopupDefaultExample = ({
   });
   const [editingShortcut, setEditingShortcut] = useState<string | null>(null);
   const [shortcutError, setShortcutError] = useState('');
+  const [updateStatus, setUpdateStatus] = useState<'idle' | 'checking' | 'downloading' | 'ready' | 'up-to-date' | 'error'>('idle');
+  const [updateReleaseName, setUpdateReleaseName] = useState('');
+  const [updateTimer, setUpdateTimer] = useState<ReturnType<typeof setTimeout> | null>(null);
 
   useEffect(() => {
     (window as any).electronAPI.getAppVersion().then((version: string) => {
@@ -107,6 +110,12 @@ const PopupDefaultExample = ({
     (window as any).electronAPI.getShortcuts().then((s: typeof shortcuts) => {
       if (s) setShortcuts(s);
     });
+    (window as any).electronAPI.onUpdateStatus((_event: any, data: any) => {
+      setUpdateStatus(data.status);
+      if (data.releaseName) setUpdateReleaseName(data.releaseName);
+      // Clear timeout when we get a real response
+      setUpdateTimer((prev) => { if (prev) clearTimeout(prev); return null; });
+    });
   }, []);
 
   useEffect(() => {
@@ -205,6 +214,14 @@ const PopupDefaultExample = ({
     setShortcutError('');
   };
 
+  const triggerUpdateCheck = () => {
+    setUpdateStatus('checking');
+    if (updateTimer) clearTimeout(updateTimer);
+    const timer = setTimeout(() => setUpdateStatus('error'), 30000);
+    setUpdateTimer(timer);
+    (window as any).electronAPI.checkForUpdate();
+  };
+
   const shortcutRows = [
     { key: 'quickSwitcher', label: 'Quick Switcher' },
     { key: 'aiInsight', label: 'AI Insight' },
@@ -229,9 +246,44 @@ const PopupDefaultExample = ({
           }}
         >
           <style>{`@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }`}</style>
-          {/* Version + Quit — compact top bar */}
+          {/* Version + Update + Quit — compact top bar */}
           <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '6px 16px', borderBottom: '1px solid #333' }}>
-            <span style={{ fontSize: '11px', color: '#666' }}>v{appVersion}</span>
+            <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
+              <span style={{ fontSize: '11px', color: '#666' }}>v{appVersion}</span>
+              {updateStatus === 'idle' && (
+                <span
+                  onClick={triggerUpdateCheck}
+                  style={{ fontSize: '10px', color: THEME.primary, cursor: 'pointer' }}
+                >
+                  Check for Update
+                </span>
+              )}
+              {updateStatus === 'checking' && (
+                <span style={{ fontSize: '10px', color: '#888' }}>Checking...</span>
+              )}
+              {updateStatus === 'downloading' && (
+                <span style={{ fontSize: '10px', color: '#888' }}>Downloading...</span>
+              )}
+              {updateStatus === 'ready' && (
+                <span
+                  onClick={() => (window as any).electronAPI.installUpdate()}
+                  style={{ fontSize: '10px', color: '#4CAF50', cursor: 'pointer', fontWeight: 600 }}
+                >
+                  {updateReleaseName ? `${updateReleaseName} ready — ` : ''}Install & Restart
+                </span>
+              )}
+              {updateStatus === 'up-to-date' && (
+                <span style={{ fontSize: '10px', color: '#888' }}>Latest</span>
+              )}
+              {updateStatus === 'error' && (
+                <span
+                  onClick={triggerUpdateCheck}
+                  style={{ fontSize: '10px', color: '#e05252', cursor: 'pointer' }}
+                >
+                  Retry
+                </span>
+              )}
+            </div>
             <span
               onClick={() => closeAppClick()}
               style={{ fontSize: '11px', color: '#CC6666', cursor: 'pointer', textDecoration: 'underline' }}

src/preload.ts

@@ -26,6 +26,9 @@ contextBridge.exposeInMainWorld('electronAPI', {
   setLeftClickBehavior: (behavior: string) => ipcRenderer.send('set-left-click-behavior', behavior),
 
   getAppVersion: () => ipcRenderer.invoke('get-app-version'),
+  checkForUpdate: () => ipcRenderer.send('check-for-update'),
+  installUpdate: () => ipcRenderer.send('install-update'),
+  onUpdateStatus: (callback: any) => ipcRenderer.on('update-status', callback),
   getSessionTerminalApp: () => ipcRenderer.invoke('get-session-terminal-app'),
   setSessionTerminalApp: (app: string) => ipcRenderer.send('set-session-terminal-app', app),
   getSessionTerminalMode: () => ipcRenderer.invoke('get-session-terminal-mode'),