Add tray (#2325)

* copied tray from old thread

* added visibility changer to tray

src/services/tray.js

@@ -0,0 +1,106 @@
+const { Menu, Tray } = require('electron');
+const path = require('path');
+const windowService = require("./window.js");
+const {getMainWindow} = require("./window.js");
+
+const UPDATE_TRAY_EVENTS = [
+    'minimize', 'maximize', 'show', 'hide'
+]
+
+let tray = null;
+// `mainWindow.isVisible` doesn't work with `mainWindow.show` and `mainWindow.hide` - it returns `false` when the window
+// is minimized
+let isVisible = true;
+
+// Inspired by https://github.com/signalapp/Signal-Desktop/blob/dcb5bb672635c4b29a51adec8a5658e3834ec8fc/app/tray_icon.ts#L20
+const getIconSize = () => {
+    switch (process.platform) {
+        case 'darwin':
+            return 16;
+        case 'win32':
+            return 32;
+        default:
+            return 256;
+    }
+}
+const getIconPath = () => {
+    const iconSize = getIconSize();
+
+    return path.join(
+        __dirname,
+        "../..",
+        "images",
+        "app-icons",
+        "png",
+        `${iconSize}x${iconSize}.png`
+    )
+}
+const registerVisibilityListener = () => {
+    const mainWindow = windowService.getMainWindow();
+
+    // They need to be registered before the tray updater is registered
+    mainWindow.on('show', () => {
+        isVisible = true;
+    });
+    mainWindow.on('hide', () => {
+        isVisible = false;
+    });
+
+    UPDATE_TRAY_EVENTS.forEach(eventName => {
+        mainWindow.on(eventName, updateTrayMenu)
+    });
+}
+
+const updateTrayMenu = () => {
+    const mainWindow = windowService.getMainWindow();
+
+    const contextMenu = Menu.buildFromTemplate([
+        {
+            label: isVisible ? 'Hide' : 'Show',
+            type: 'normal',
+            click: () => {
+                if (isVisible) {
+                    mainWindow.hide();
+                } else {
+                    mainWindow.show();
+                }
+            }
+        },
+        {
+            type: 'separator'
+        },
+        {
+            label: 'Quit',
+            type: 'normal',
+            click: () => {
+                mainWindow.close();
+            }
+        },
+    ]);
+
+    tray?.setContextMenu(contextMenu);
+}
+const changeVisibility = () => {
+    const window = getMainWindow();
+
+    if (isVisible) {
+        window.hide();
+    } else {
+        window.show();
+        window.focus();
+    }
+}
+
+function createTray() {
+    tray = new Tray(getIconPath());
+    tray.setToolTip('Trilium Notes')
+    // Restore focus
+    tray.on('click', changeVisibility)
+    updateTrayMenu();
+
+    registerVisibilityListener();
+}
+
+module.exports = {
+    createTray
+}

src/services/window.js

@@ -165,9 +165,15 @@ async function registerGlobalShortcuts() {
     }
 }
 
+function getMainWindow() {
+    return mainWindow;
+}
+
+
 module.exports = {
     createMainWindow,
     createSetupWindow,
     closeSetupWindow,
-    registerGlobalShortcuts
+    registerGlobalShortcuts,
+    getMainWindow
 };