Add a standard set of basic menu options

Author: pimterry

src/index.ts

@@ -1,13 +1,15 @@
 import { spawn, ChildProcess } from 'child_process';
 import * as os from 'os';
 import * as path from 'path';
-import { app, BrowserWindow, shell } from 'electron';
+import { app, BrowserWindow, shell, Menu } from 'electron';
 
 import * as registerContextMenu from 'electron-context-menu';
 registerContextMenu({
     showSaveImageAs: true
 });
 
+import { menu } from './menu';
+
 const packageJson = require('../package.json');
 
 const isWindows = os.platform() === 'win32';
@@ -54,6 +56,10 @@ const createWindow = () => {
     });
 };
 
+app.on('ready', () => {
+    Menu.setApplicationMenu(menu);
+});
+
 app.on('window-all-closed', () => {
     // On OS X it is common for applications and their menu bar
     // to stay active until the user quits explicitly with Cmd + Q

src/menu.ts

@@ -0,0 +1,96 @@
+import { app, Menu } from 'electron';
+
+const template = [
+    {
+        label: '&File',
+        submenu: [
+            { role: 'quit' }
+        ]
+    },
+    {
+        label: '&Edit',
+        submenu: [
+            { role: 'undo' },
+            { role: 'redo' },
+            { type: 'separator' },
+            { role: 'cut' },
+            { role: 'copy' },
+            { role: 'paste' },
+            { role: 'pasteandmatchstyle' },
+            { role: 'delete' },
+            { role: 'selectall' }
+        ]
+    },
+    {
+        label: '&View',
+        submenu: [
+            { role: 'resetzoom' },
+            { role: 'zoomin' },
+            { role: 'zoomout' },
+            { type: 'separator' },
+            { role: 'togglefullscreen' },
+            { type: 'separator' },
+            { role: 'reload' },
+            { role: 'forcereload' },
+            { role: 'toggledevtools' },
+        ]
+    },
+    {
+        label: '&Window',
+        role: 'window',
+        submenu: [
+            { role: 'minimize' },
+            { role: 'close' }
+        ]
+    },
+    {
+        label: '&Help',
+        role: 'help',
+        submenu: [
+            {
+                label: 'Learn More',
+                click () { require('electron').shell.openExternal('https://httptoolkit.tech') }
+            }
+        ]
+    }
+]
+
+if (process.platform === 'darwin') {
+    template.unshift({
+        label: app.getName(),
+        submenu: [
+            { role: 'about' },
+            { type: 'separator' },
+            { role: 'services' },
+            { type: 'separator' },
+            { role: 'hide' },
+            { role: 'hideothers' },
+            { role: 'unhide' },
+            { type: 'separator' },
+            { role: 'quit' }
+        ]
+    })
+
+    // Edit menu
+    template[1].submenu.push(
+        { type: 'separator' },
+        {
+            label: 'Speech',
+            submenu: [
+                { role: 'startspeaking' },
+                { role: 'stopspeaking' }
+            ]
+        }
+    )
+
+    // Window menu
+    template[3].submenu = [
+        { role: 'close' },
+        { role: 'minimize' },
+        { role: 'zoom' },
+        { type: 'separator' },
+        { role: 'front' }
+    ]
+}
+
+export const menu = Menu.buildFromTemplate(template)