Adds an app menu. (#18)

Author: skellock

package.json

@@ -96,5 +96,5 @@
     "postinstall": "Used by electron-builder to build native dependencies.",
     "start": "Starts the app in dev mode."
   },
-  "version": "0.8.0"
+  "version": "0.9.0"
 }

src/main/main.ts

@@ -3,6 +3,7 @@ import { createWindow } from './create-window'
 import * as log from 'electron-log'
 import * as isDev from 'electron-is-dev'
 import { setupAutoUpdates } from './auto-updater'
+import { setupMenu } from './menu/menu'
 
 // set proper logging level
 log.transports.file.level = isDev ? false : 'info'
@@ -14,11 +15,12 @@ const appPath = app.getAppPath()
 
 // fires when Electron is ready to start
 app.on('ready', () => {
-  createWindow(appPath)
+  const window = createWindow(appPath)
+  setupMenu(window)
 })
 
 // fires when all windows are closed
 app.on('window-all-closed', app.quit)
 
 // setup the auto-updater
-setupAutoUpdates(app)
+setupAutoUpdates(app)

src/main/menu/linux-menu.ts

@@ -0,0 +1,13 @@
+import { visit } from './shared-menu'
+
+const fileMenu: Electron.MenuItemConstructorOptions = {
+  label: '&File',
+  submenu: []
+}
+
+const helpMenu: Electron.MenuItemConstructorOptions = {
+  label: 'Help',
+  submenu: [visit]
+}
+
+export const linuxMenu: Electron.MenuItemConstructorOptions[] = [fileMenu, helpMenu]

src/main/menu/macos-menu.ts

@@ -0,0 +1,24 @@
+import { app } from 'electron'
+import { visit } from './shared-menu'
+
+const name: string = app.getName()
+
+const appMenu: Electron.MenuItemConstructorOptions = {
+  label: name,
+  submenu: [
+    { label: `About ${name}`, role: 'orderFrontStandardAboutPanel' },
+    { type: 'separator' },
+    { label: `Hide ${name}`, accelerator: 'Command+H', role: 'hide' },
+    { label: 'Hide Others', accelerator: 'Command+Option+H', role: 'hideOtherApplications' },
+    { label: 'Show All', role: 'unhideAllApplications' },
+    { type: 'separator' },
+    { label: 'Quit', accelerator: 'Command+Q', role: 'quit' }
+  ]
+}
+
+const helpMenu: Electron.MenuItemConstructorOptions = {
+  label: 'Help',
+  submenu: [visit]
+}
+
+export const macMenu: Electron.MenuItemConstructorOptions[] = [appMenu, helpMenu]

src/main/menu/menu.ts

@@ -0,0 +1,18 @@
+import { Menu } from 'electron'
+import { macMenu } from './macos-menu'
+import { linuxMenu } from './linux-menu'
+import { windowsMenu } from './windows-menu'
+import { isMac, isLinux, isWindows } from '../../shared'
+
+export function setupMenu(window: Electron.BrowserWindow) {
+  if (isMac()) {
+    const menu = Menu.buildFromTemplate(macMenu)
+    Menu.setApplicationMenu(menu)
+  } else if (isLinux()) {
+    const menu = Menu.buildFromTemplate(linuxMenu)
+    window.setMenu(menu)
+  } else if (isWindows()) {
+    const menu = Menu.buildFromTemplate(windowsMenu)
+    window.setMenu(menu)
+  }
+}

src/main/menu/shared-menu.ts

@@ -0,0 +1,8 @@
+import { shell } from 'electron'
+
+export const visit: Electron.MenuItemConstructorOptions = {
+  label: 'Visit on Github',
+  click() {
+    shell.openExternal('https://github.com/skellock/electron-starter')
+  }
+}

src/main/menu/windows-menu.ts

@@ -0,0 +1,13 @@
+import { visit } from './shared-menu'
+
+const fileMenu: Electron.MenuItemConstructorOptions = {
+  label: '&File',
+  submenu: []
+}
+
+const helpMenu: Electron.MenuItemConstructorOptions = {
+  label: 'Help',
+  submenu: [visit]
+}
+
+export const windowsMenu: Electron.MenuItemConstructorOptions[] = [fileMenu, helpMenu]

src/shared/index.ts

@@ -0,0 +1 @@
+export * from './utils'

src/shared/utils/index.ts

@@ -0,0 +1 @@
+export * from './platform/platform'

src/shared/utils/platform/platform.ts

@@ -0,0 +1,11 @@
+export function isLinux() {
+  return process.platform.includes('linux')
+}
+
+export function isWindows() {
+  return process.platform.includes('win')
+}
+
+export function isMac() {
+  return process.platform === 'darwin'
+}