fix: resolve auto-restart issue by adding restart-app IPC bridge

Author: PraneethKulukuri26

package.json

@@ -1,6 +1,6 @@
 {
   "name": "api-documenter",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Self-hosted Postman alternative with folder-level RBAC and offline-first documentation",
   "main": "./out/main/index.js",
   "author": "Praneeth Kulukuri",

src/main/index.ts

@@ -86,6 +86,7 @@ ipcMain.handle('select-directory', async () => {
 })
 
 ipcMain.handle('get-app-path', () => app.getPath('userData'))
+ipcMain.handle('get-app-version', () => app.getVersion())
 
 // ─── HTTP Request Handler (Postman-like API testing) ─────────────
 ipcMain.handle('send-http-request', async (_event, opts: {
@@ -677,6 +678,10 @@ autoUpdater.on('error', (err) => {
     mainWindow?.webContents.send('update-status', 'error', err.message)
 })
 
+ipcMain.handle('restart-app', () => {
+    autoUpdater.quitAndInstall()
+})
+
 app.whenReady().then(() => {
     // Check for updates on startup
     if (!is.dev) {

src/preload/index.ts

@@ -29,6 +29,7 @@ export interface ElectronAPI {
     readFile: (filePath: string) => Promise<{ success: boolean; data?: string; error?: string }>
     selectDirectory: () => Promise<string | null>
     getAppPath: () => Promise<string>
+    getAppVersion: () => Promise<string>
     // HTTP requests
     sendHttpRequest: (opts: HttpRequestOptions) => Promise<HttpResponse>
     // Remote DB management
@@ -46,6 +47,7 @@ export interface ElectronAPI {
     deployToVercel: (params: { databaseUrl: string, adminToken?: string, projectId: string, projectName: string }) => Promise<{ success: boolean; url?: string; error?: string }>
     deleteVercelProject: (params: { projectId: string, projectName: string }) => Promise<{ success: boolean; error?: string }>
     onDeployOutput: (callback: (data: string) => void) => () => void
+    restartApp: () => Promise<void>
     // Updates
     onUpdateStatus: (callback: (status: string, version?: string) => void) => () => void
     onUpdateProgress: (callback: (percent: number) => void) => () => void
@@ -62,6 +64,7 @@ const electronAPI: ElectronAPI = {
     readFile: (filePath) => ipcRenderer.invoke('read-file', filePath),
     selectDirectory: () => ipcRenderer.invoke('select-directory'),
     getAppPath: () => ipcRenderer.invoke('get-app-path'),
+    getAppVersion: () => ipcRenderer.invoke('get-app-version'),
     sendHttpRequest: (opts) => ipcRenderer.invoke('send-http-request', opts),
     testDbConnection: (url) => ipcRenderer.invoke('test-db-connection', url),
     createRemoteTables: (url) => ipcRenderer.invoke('create-remote-tables', url),
@@ -76,6 +79,7 @@ const electronAPI: ElectronAPI = {
     // Deployment
     deployToVercel: (params) => ipcRenderer.invoke('deploy-to-vercel', params),
     deleteVercelProject: (params) => ipcRenderer.invoke('delete-vercel-project', params),
+    restartApp: () => ipcRenderer.invoke('restart-app'),
     onDeployOutput: (callback) => {
         const subscription = (_event: any, data: string) => callback(data)
         ipcRenderer.on('deploy-output', subscription)

src/renderer/src/components/Sidebar.tsx

@@ -32,6 +32,11 @@ export function Sidebar() {
     const [ctx, setCtx] = useState<{ x: number; y: number; type: 'folder' | 'api'; id: string } | null>(null)
     const [confirmDelete, setConfirmDelete] = useState<{ type: 'folder' | 'api'; id: string; folderId?: string; projectId?: string } | null>(null)
     const [isActionsExpanded, setIsActionsExpanded] = useState(false) // Added state for collapsible actions
+    const [version, setVersion] = useState<string>('')
+
+    useEffect(() => {
+        ; (window as any).electronAPI.getAppVersion().then(setVersion)
+    }, [])
 
     useEffect(() => { const h = () => setCtx(null); window.addEventListener('click', h); return () => window.removeEventListener('click', h) }, [])
 
@@ -260,15 +265,18 @@ export function Sidebar() {
                 })()}
 
                 {/* ═══ Footer meta ═══ */}
-                <div className="text-[10px] font-medium" style={{ flexShrink: 0, padding: '8px 16px', borderTop: '1px solid #1A1A1A', color: '#6B7280' }}>
-                    {folders?.length || 0} folders · {(() => {
-                        if (!currentProjectId) return 'No project'
-                        const p = projects?.find(x => x.id === currentProjectId)
-                        const hasD = p?.databaseUrl && p.databaseUrl.trim() !== ''
-                        const hasP = p?.proxyUrl && p.proxyUrl.trim() !== ''
-                        if (hasD || hasP) return 'Remote'
-                        return 'Local'
-                    })()}
+                <div className="text-[10px] font-medium" style={{ flexShrink: 0, padding: '8px 16px', borderTop: '1px solid #1A1A1A', color: '#6B7280', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                    <span>
+                        {folders?.length || 0} folders · {(() => {
+                            if (!currentProjectId) return 'No project'
+                            const p = projects?.find(x => x.id === currentProjectId)
+                            const hasD = p?.databaseUrl && p.databaseUrl.trim() !== ''
+                            const hasP = p?.proxyUrl && p.proxyUrl.trim() !== ''
+                            if (hasD || hasP) return 'Remote'
+                            return 'Local'
+                        })()}
+                    </span>
+                    <span style={{ opacity: 0.5, fontStyle: 'italic' }}>v{version}</span>
                 </div>
             </aside>
 

src/renderer/src/components/UpdaterNotifier.tsx

@@ -30,6 +30,15 @@ export function UpdaterNotifier() {
         }
     }, [])
 
+    useEffect(() => {
+        if (status === 'downloaded') {
+            const timer = setTimeout(() => {
+                ; (window as any).electronAPI.restartApp()
+            }, 3000)
+            return () => clearTimeout(timer)
+        }
+    }, [status])
+
     if (!visible) return null
 
     return (