diff --git a/build/icons/menu@88.png b/build/icons/menu@88.png new file mode 100644 index 0000000..cc14a82 Binary files /dev/null and b/build/icons/menu@88.png differ diff --git a/src/background.js b/src/background.js index 4a84b61..b3649e7 100644 --- a/src/background.js +++ b/src/background.js @@ -17,6 +17,10 @@ const isDevelopment = process.env.NODE_ENV !== "production"; // 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 win; +// eslint-disable-next-line no-unused-vars +let tray; + +let willQuitApp = false; // ipcMain initIpcMain(win); @@ -39,7 +43,7 @@ function createWindow() { win.setMenuBarVisibility(false); if (process.platform !== "darwin") { - createTray(win); + tray = createTray(win); } if (process.env.WEBPACK_DEV_SERVER_URL) { @@ -60,9 +64,19 @@ function createWindow() { e.preventDefault(); shell.openExternal(url); }); - win.on("closed", () => { - win = null; + win.on("close", (e) => { + if (willQuitApp) { + /* the user tried to quit the app */ + win = null; + } else { + /* the user only tried to close the window */ + e.preventDefault(); + win.hide(); + } }); + // win.on("closed", () => { + // win = null; + // }); return win; } @@ -71,7 +85,7 @@ app.on("window-all-closed", () => { // On macOS it is common for applications and their menu bar // to stay active until the user quits explicitly with Cmd + Q if (process.platform !== "darwin") { - app.quit(); + // app.quit(); } }); @@ -80,9 +94,16 @@ app.on("activate", () => { // dock icon is clicked and there are no other windows open. if (win === null) { createWindow(); + } else { + win.show(); } }); +/** + * 'before-quit' is emitted when Electron receives the signal to exit and wants to start closing windows + */ +app.on("before-quit", () => (willQuitApp = true)); + // This method will be called when Electron has finished // initialization and is ready to create browser windows. // Some APIs can only be used after this event occurs. diff --git a/src/electron/ipcMain.js b/src/electron/ipcMain.js index a631697..83a3ae8 100644 --- a/src/electron/ipcMain.js +++ b/src/electron/ipcMain.js @@ -33,8 +33,9 @@ export function initIpcMain(win) { }); ipcMain.on("close", () => { - win.close(); - app.quit(); + win.hide(); + // win.close(); + // app.quit(); }); ipcMain.on("minimize", () => { diff --git a/src/electron/menu.js b/src/electron/menu.js index 972fc9b..7965400 100644 --- a/src/electron/menu.js +++ b/src/electron/menu.js @@ -128,6 +128,7 @@ export function createMenu(win) { { label: "Window", submenu: [ + { role: "close" }, { role: "minimize" }, { role: "zoom" }, { role: "reload" }, diff --git a/src/electron/tray.js b/src/electron/tray.js index e624c19..04ab51f 100644 --- a/src/electron/tray.js +++ b/src/electron/tray.js @@ -1,5 +1,6 @@ +/* global __static */ import path from "path"; -import { nativeImage, Tray } from "electron"; +import { app, nativeImage, Tray, Menu } from "electron"; export function createTray(win) { let icon = nativeImage @@ -17,5 +18,18 @@ export function createTray(win) { win.show(); } }); + + tray.on("right-click", () => { + const contextMenu = Menu.buildFromTemplate([ + { + label: "Quit", + click: () => { + app.exit(); + }, + }, + ]); + tray.popUpContextMenu(contextMenu); + }); + return tray; }