Add minimize to system tray.

src/MenuTemplate.ts

@@ -20,6 +20,12 @@ const applicationMenu: MenuItemConstructorOptions = {
     {
       type: 'separator' as 'separator',
     },
+    {
+      label: 'Minimize to tray',
+      click: () => {
+        BrowserWindow.getFocusedWindow()?.hide()
+      }
+    },
     {
       label: 'Dev Tools',
       accelerator: 'CmdOrCtrl+Alt+I',

src/electron.ts

@@ -1,7 +1,7 @@
 import * as log from 'electron-log'
 import * as path from 'path'
 import ConfigStorage from '../backend/src/ConfigStorage'
-import { app, BrowserWindow, Menu, dialog } from 'electron'
+import { app, BrowserWindow, Tray, Menu, dialog } from 'electron'
 import { autoUpdater } from 'electron-updater'
 import { ConnectionManager } from '../backend/src/index'
 import { promises as fsPromise } from 'fs'
@@ -54,6 +54,7 @@ configStorage.init()
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
 let mainWindow: BrowserWindow | undefined
+let tray: Tray | undefined
 
 async function createWindow() {
   if (isDev()) {
@@ -104,6 +105,22 @@ async function createWindow() {
     mainWindow = undefined
     app.quit()
   })
+
+  mainWindow.on('hide', () => {
+    tray = new Tray(path.join(__dirname, '..', '..', 'icon.png'));
+    tray.setContextMenu(Menu.buildFromTemplate([
+      {
+        label: 'Show App', click: function () {
+          mainWindow?.show();
+        }
+      },
+    ]));
+  })
+
+  mainWindow.on('show', () => {
+    tray?.removeBalloon()
+    tray?.destroy()
+  })
 }
 
 // This method will be called when Electron has finished