Almost matching export.

src/main/index.ts

@@ -1,12 +1,13 @@
 import { electronApp, is, optimizer } from "@electron-toolkit/utils";
-import { app, BrowserWindow, shell, webContents } from "electron";
+import { app, BrowserWindow, Menu, shell } from "electron";
 import log from "electron-log/main";
-import { join } from "path";
+import path, { join } from "path";
 import icon from "../../resources/icon.png?asset";
 import ErrorTypeCheck from "../util/errorTypeCheck";
 import store from "./store/store";
 
 log.initialize();
+const isMac = process.platform === "darwin";
 function createWindow(): void {
   // Create the browser window.
   const { width, height, x, y } = store.get("app.windowBounds") as {
@@ -22,7 +23,7 @@ function createWindow(): void {
     x,
     y,
     show: false,
-    autoHideMenuBar: true,
+    //autoHideMenuBar: true,
     ...(process.platform === "linux" ? { icon } : {}),
     webPreferences: {
       preload: join(__dirname, "../preload/index.js"),
@@ -31,6 +32,131 @@ function createWindow(): void {
     },
   });
 
+  const template = [
+    // { role: 'appMenu' }
+    ...(isMac
+      ? [
+          {
+            label: app.name,
+            submenu: [
+              { role: "about" },
+              { type: "separator" },
+              { role: "services" },
+              { type: "separator" },
+              { role: "hide" },
+              { role: "hideOthers" },
+              { role: "unhide" },
+              { type: "separator" },
+              { role: "quit" },
+            ],
+          },
+        ]
+      : []),
+    // { role: 'fileMenu' }
+    {
+      label: "File",
+      submenu: [isMac ? { role: "close" } : { role: "quit" }],
+    },
+    // { role: 'editMenu' }
+    {
+      label: "Edit",
+      submenu: [
+        { role: "undo" },
+        { role: "redo" },
+        { type: "separator" },
+        { role: "cut" },
+        { role: "copy" },
+        { role: "paste" },
+        ...(isMac
+          ? [
+              { role: "pasteAndMatchStyle" },
+              { role: "delete" },
+              { role: "selectAll" },
+              { type: "separator" },
+              {
+                label: "Speech",
+                submenu: [{ role: "startSpeaking" }, { role: "stopSpeaking" }],
+              },
+            ]
+          : [{ role: "delete" }, { type: "separator" }, { role: "selectAll" }]),
+      ],
+    },
+    // { role: 'viewMenu' }
+    {
+      label: "View",
+      submenu: [
+        { role: "reload" },
+        { role: "forceReload" },
+        { role: "toggleDevTools" },
+        { type: "separator" },
+        { role: "resetZoom" },
+        { role: "zoomIn" },
+        { role: "zoomOut" },
+        { type: "separator" },
+        { role: "togglefullscreen" },
+      ],
+    },
+    // { role: 'windowMenu' }
+    {
+      label: "Window",
+      submenu: [
+        { role: "minimize" },
+        { role: "zoom" },
+        ...(isMac
+          ? [
+              { type: "separator" },
+              { role: "front" },
+              { type: "separator" },
+              { role: "window" },
+            ]
+          : [{ role: "close" }]),
+      ],
+    },
+    {
+      role: "help",
+      submenu: [
+        {
+          label: "Learn More",
+          click: async () => {
+            const { shell } = require("electron");
+            await shell.openExternal("https://electronjs.org");
+          },
+        },
+      ],
+    },
+    ...(import.meta.env.DEV
+      ? [
+          {
+            label: "Development",
+            submenu: [
+              {
+                label: "Open Log Folder",
+                click: (): void => {
+                  /* action for item 1 */
+                  shell.openPath(log.transports.file.getFile().path);
+                },
+              },
+              {
+                label: "Clear Log",
+                click: (): void => {
+                  log.transports.file.getFile().clear();
+                },
+              },
+              {
+                label: "Open Config",
+                click: (): void => {
+                  shell.openPath(path.dirname(store.path));
+                },
+              },
+            ],
+          },
+        ]
+      : []),
+  ];
+
+  const menu: Electron.Menu = Menu.buildFromTemplate(template);
+  Menu.setApplicationMenu(menu);
+
   // Store window properties for later
   const storeWindowState = (): void => {
     const [width, height] = mainWindow.getSize();