convert the desktop app to system tray

app/package.json

@@ -8,6 +8,7 @@
     "start": "electron-forge start",
     "package": "electron-forge package",
     "package:sign": "SIGN=1 electron-forge package",
+    "dist": "electron-builder",
     "make": "electron-forge make",
     "make:sign": "SIGN=1 electron-forge make",
     "publish": "SIGN=1 electron-forge publish",
@@ -19,6 +20,17 @@
     "email": "jmorganca@gmail.com"
   },
   "license": "MIT",
+  "build" : {
+    "appId": "com.ollama.app",
+    "mac": {
+      "category": "public.app-category.productivity",
+      "target": [
+        "dmg",
+        "zip"
+      ],
+      "icon": "icon.icns"
+    }
+  },
   "devDependencies": {
     "@babel/core": "^7.22.5",
     "@babel/preset-react": "^7.22.5",
@@ -41,6 +53,7 @@
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.1",
     "electron": "25.2.0",
+    "electron-builder": "^24.4.0",
     "eslint": "^8.43.0",
     "eslint-plugin-import": "^2.27.5",
     "fork-ts-checker-webpack-plugin": "^7.3.0",

app/src/index.ts

-import { app, BrowserWindow, autoUpdater, dialog } from 'electron'
 import { spawn, exec } from 'child_process'
+import { app, autoUpdater, dialog, Tray, Menu, nativeTheme } from 'electron'
 import * as path from 'path'
 import * as fs from 'fs'
 
 require('@electron/remote/main').initialize()
 
-// This allows TypeScript to pick up the magic constants that's auto-generated by Forge's Webpack
-// plugin that tells the Electron app where to look for the Webpack-bundled app code (depending on
-// whether you're running in development or production).
-declare const MAIN_WINDOW_WEBPACK_ENTRY: string
-declare const MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY: string
+let tray: Tray | null = null
+const createSystemtray = () => {
+  const brightModeIconPath = path.join(__dirname, '..', '..', 'src', 'ollama_icon_dark_16x16.png')
+  const darkModeIconPath = path.join(__dirname, '..', '..', 'src', 'ollama_icon_bright_16x16.png')
 
-// Handle creating/removing shortcuts on Windows when installing/uninstalling.
-if (require('electron-squirrel-startup')) {
-  app.quit()
-}
+  tray = new Tray(brightModeIconPath)
 
-const createWindow = (): void => {
-  // Create the browser window.
-  // Create the browser window.
-  const mainWindow = new BrowserWindow({
-    width: 800,
-    height: 600,
-    minWidth: 400,
-    minHeight: 300,
-    titleBarStyle: 'hiddenInset',
-    webPreferences: {
-      preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY,
-      nodeIntegration: true,
-      contextIsolation: false,
-    },
-  })
+  if (process.platform === 'darwin') {
+    tray.setImage(nativeTheme.shouldUseDarkColors ? darkModeIconPath : brightModeIconPath)
+    nativeTheme.on('updated', () => {
+      tray.setImage(nativeTheme.shouldUseDarkColors ? darkModeIconPath : brightModeIconPath)
+    })
+  }
 
-  require('@electron/remote/main').enable(mainWindow.webContents)
+  const contextMenu = Menu.buildFromTemplate([{ label: 'Quit', type: 'normal', click: () => app.quit() }])
 
-  // and load the index.html of the app.
-  mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY)
+  tray.setContextMenu(contextMenu)
+  tray.setToolTip('Ollama')
+}
+
+// Handle creating/removing shortcuts on Windows when installing/uninstalling.
+if (require('electron-squirrel-startup')) {
+  app.quit()
 }
 
 const ollama = path.join(process.resourcesPath, 'ollama')
@@ -111,7 +103,11 @@ function installCLI() {
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
 app.on('ready', () => {
-  createWindow()
+  if (process.platform === 'darwin') {
+    app.dock.hide()
+  }
+
+  createSystemtray()
 
   if (app.isPackaged) {
     installCLI()
@@ -127,14 +123,6 @@ app.on('window-all-closed', () => {
   }
 })
 
-app.on('activate', () => {
-  // On OS X it's common to re-create a window in the app when the
-  // dock icon is clicked and there are no other windows open.
-  if (BrowserWindow.getAllWindows().length === 0) {
-    createWindow()
-  }
-})
-
 // In this file you can include the rest of your app's specific main process
 // code. You can also put them in separate files and import them here.
 autoUpdater.setFeedURL({