first commit

src/main/services/window-manager.ts

@@ -0,0 +1,107 @@
+import { BrowserWindow, Menu, Tray, app } from "electron";
+import { t } from "i18next";
+import path from "node:path";
+
+// 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;
+
+export class WindowManager {
+  public static mainWindow: Electron.BrowserWindow | null = null;
+
+  public static createMainWindow() {
+    // Create the browser window.
+    this.mainWindow = new BrowserWindow({
+      width: 1200,
+      height: 720,
+      minWidth: 1024,
+      minHeight: 540,
+      titleBarStyle: "hidden",
+      icon: path.join(__dirname, "..", "..", "images", "icon.png"),
+      trafficLightPosition: { x: 16, y: 16 },
+      titleBarOverlay: {
+        symbolColor: "#DADBE1",
+        color: "#151515",
+        height: 34,
+      },
+      webPreferences: {
+        preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY,
+      },
+    });
+
+    this.mainWindow.removeMenu();
+
+    this.mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);
+
+    this.mainWindow.webContents.on("did-finish-load", () => {
+      if (!app.isPackaged) {
+        // Open the DevTools.
+        this.mainWindow.webContents.openDevTools();
+      }
+    });
+
+    this.mainWindow.on("close", () => {
+      WindowManager.mainWindow.setProgressBar(-1);
+    });
+  }
+
+  public static redirect(path: string) {
+    if (!this.mainWindow) this.createMainWindow();
+    this.mainWindow.loadURL(`${MAIN_WINDOW_WEBPACK_ENTRY}#${path}`);
+
+    if (this.mainWindow.isMinimized()) this.mainWindow.restore();
+    this.mainWindow.focus();
+  }
+
+  public static createSystemTray(language: string) {
+    const tray = new Tray(
+      app.isPackaged
+        ? path.join(process.resourcesPath, "icon_tray.png")
+        : path.join(__dirname, "..", "..", "resources", "icon_tray.png")
+    );
+
+    const contextMenu = Menu.buildFromTemplate([
+      {
+        label: t("open", {
+          ns: "system_tray",
+          lng: language,
+        }),
+        type: "normal",
+        click: () => {
+          if (this.mainWindow) {
+            this.mainWindow.show();
+          } else {
+            this.createMainWindow();
+          }
+        },
+      },
+      {
+        label: t("quit", {
+          ns: "system_tray",
+          lng: language,
+        }),
+        type: "normal",
+        click: () => app.quit(),
+      },
+    ]);
+
+    tray.setToolTip("Hydra");
+    tray.setContextMenu(contextMenu);
+
+    if (process.platform === "win32") {
+      tray.addListener("click", () => {
+        if (this.mainWindow) {
+          if (WindowManager.mainWindow.isMinimized())
+            WindowManager.mainWindow.restore();
+
+          WindowManager.mainWindow.focus();
+          return;
+        }
+
+        this.createMainWindow();
+      });
+    }
+  }
+}