feat: show current version in tray (#465)

Author: peppescg

main/src/main.ts

@@ -32,6 +32,7 @@ import {
   binPath,
 } from './toolhive-manager'
 import log from './logger'
+import { getAppVersion } from './util'
 
 Sentry.init({
   dsn: import.meta.env.VITE_SENTRY_DSN,
@@ -440,3 +441,7 @@ ipcMain.handle('shutdown-store:clear-history', () => {
   clearShutdownHistory()
   return { success: true }
 })
+
+ipcMain.handle('get-app-version', () => {
+  return getAppVersion()
+})

main/src/system-tray.ts

@@ -3,6 +3,7 @@ import path from 'node:path'
 import { getAutoLaunchStatus, setAutoLaunch } from './auto-launch'
 import { createApplicationMenu } from './menu'
 import log from './logger'
+import { getAppVersion } from './util'
 
 ///////////////////////////////////////////////////
 // Tray icon
@@ -136,6 +137,15 @@ const createStatusMenuItem = (toolHiveIsRunning: boolean) => ({
   enabled: false,
 })
 
+const getCurrentAppVersion = () => {
+  const appVersion = getAppVersion()
+  return {
+    label: `Current version: v${appVersion}`,
+    type: 'normal' as const,
+    enabled: false,
+  }
+}
+
 const startOnLoginMenu = (currentTray: Tray, toolHiveIsRunning: boolean) => {
   const isStartOnLogin = getAutoLaunchStatus()
   return {
@@ -180,6 +190,7 @@ const createSeparator = () => ({ type: 'separator' as const })
 
 const createMenuTemplate = (currentTray: Tray, toolHiveIsRunning: boolean) => [
   createStatusMenuItem(toolHiveIsRunning),
+  getCurrentAppVersion(),
   createSeparator(),
   startOnLoginMenu(currentTray, toolHiveIsRunning),
   createSeparator(),

main/src/util.ts

@@ -0,0 +1,32 @@
+import { app } from 'electron'
+import { execSync } from 'node:child_process'
+
+function getVersionFromGit(): string {
+  try {
+    const exactTag = execSync('git describe --exact-match --tags HEAD', {
+      encoding: 'utf8',
+      stdio: 'pipe',
+    }).trim()
+
+    return exactTag.replace(/^v/, '')
+  } catch {
+    try {
+      const describe = execSync('git describe --tags --always', {
+        encoding: 'utf8',
+        stdio: 'pipe',
+      }).trim()
+
+      return describe.replace(/^v/, '')
+    } catch {
+      return app.getVersion()
+    }
+  }
+}
+
+export function getAppVersion(): string {
+  if (process.env.SENTRY_RELEASE) {
+    return process.env.SENTRY_RELEASE
+  }
+
+  return getVersionFromGit()
+}

preload/src/preload.ts

@@ -16,6 +16,9 @@ contextBridge.exposeInMainWorld('electronAPI', {
   hideApp: () => ipcRenderer.invoke('hide-app'),
   quitApp: () => ipcRenderer.invoke('quit-app'),
 
+  // App version
+  getAppVersion: () => ipcRenderer.invoke('get-app-version'),
+
   // ToolHive port
   getToolhivePort: () => ipcRenderer.invoke('get-toolhive-port'),
   // ToolHive is running
@@ -88,6 +91,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
 })
 
 export interface ElectronAPI {
+  getAppVersion: () => Promise<string>
   getAutoLaunchStatus: () => Promise<boolean>
   setAutoLaunch: (enabled: boolean) => Promise<boolean>
   showApp: () => Promise<void>

renderer/src/routes/__root.tsx

@@ -76,10 +76,11 @@ export const Route = createRootRouteWithContext<{
       queryKey: ['is-toolhive-running'],
       queryFn: async () => {
         const res = await window.electronAPI.isToolhiveRunning()
+        const appVersion = await window.electronAPI.getAppVersion()
         if (!res) {
           log.error('Error ToolHive is not running')
         }
-        log.info('ToolHive is running')
+        log.info(`ToolHive version ${appVersion} is running`)
         return res
       },
       retry: 3,