feat: use native menu

src-electron/electron-main.js

@@ -3,6 +3,8 @@ import { initialize, enable } from '@electron/remote/main'
 import path from 'path'
 import os from 'os'
 
+import { registerMenu } from './menu'
+
 /**
  * Merge new header with existing headers, handling lowercase header duplicates
  *
@@ -48,14 +50,18 @@ function createWindow () {
     center: true,
     frame: true,
     backgroundMaterial: 'acrylic',
+    vibrancy: 'under-window',
+    darkTheme: true,
     webPreferences: {
       contextIsolation: true,
       // More info: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/electron-preload-script
       preload: path.resolve(__dirname, process.env.QUASAR_ELECTRON_PRELOAD),
       sandbox: false
     }
   })
-  mainWindow.setMenu(null)
+
+  registerMenu()
+  // mainWindow.setMenu(null)
 
   enable(mainWindow.webContents)
 

src-electron/menu.js

@@ -0,0 +1,364 @@
+import { globalShortcut, Menu } from 'electron'
+import os from 'os'
+
+function FileNewDraft () {
+
+}
+function FileOpen () {
+
+}
+function FileSave () {
+
+}
+function FileSaveAs () {
+
+}
+function FileMoveTo () {
+
+}
+function FilePreferences () {
+
+}
+
+export function registerMenu () {
+  const platform = process.platform || os.platform()
+  const isMac = platform === 'darwin'
+
+  /**
+   * Global Shortcuts
+   */
+  globalShortcut.register('CommandOrControl+N', FileNewDraft)
+  globalShortcut.register('CommandOrControl+O', FileOpen)
+  globalShortcut.register('CommandOrControl+S', FileSave)
+  globalShortcut.register('CommandOrControl+Shift+S', FileSaveAs)
+
+  /**
+   * Menu Template
+   */
+  const menuTemplate = [
+    ...isMac ? [{ role: 'appMenu' }] : [],
+    {
+      role: 'fileMenu',
+      submenu: [
+        {
+          label: 'New Draft...',
+          accelerator: 'CommandOrControl+N',
+          click: FileNewDraft
+        },
+        {
+          label: 'Open...',
+          accelerator: 'CommandOrControl+O',
+          click: FileOpen
+        },
+        {
+          label: 'Open Recent',
+          role: 'recentDocuments',
+          submenu: [],
+          enabled: false
+        },
+        {
+          type: 'separator'
+        },
+        {
+          label: 'Save',
+          accelerator: 'CommandOrControl+S',
+          click: FileSave
+        },
+        {
+          label: 'Save As...',
+          accelerator: 'CommandOrControl+Shift+S',
+          click: FileSaveAs
+        },
+        {
+          label: 'Move To...',
+          click: FileMoveTo
+        },
+        {
+          label: 'Export',
+          submenu: [
+            {
+              label: 'All'
+            },
+            {
+              label: 'HTML'
+            },
+            {
+              label: 'PDF'
+            },
+            {
+              label: 'Text'
+            },
+            {
+              label: 'Comments'
+            },
+            {
+              label: 'Code Components'
+            },
+            {
+              label: 'XML'
+            }
+          ]
+        },
+        {
+          type: 'separator'
+        },
+        {
+          label: 'Preferences',
+          click: FilePreferences
+        },
+        {
+          type: 'separator'
+        },
+        {
+          role: isMac ? 'close' : 'quit'
+        }
+      ]
+    },
+    {
+      label: 'Edit',
+      role: 'editMenu',
+      submenu: [
+        { role: 'undo' },
+        { role: 'redo' },
+        { type: 'separator' },
+        { role: 'cut' },
+        { role: 'copy' },
+        { role: 'paste' },
+        { type: 'separator' },
+        {
+          label: 'Find',
+          submenu: [
+            {
+              label: 'Find',
+              accelerator: 'CommandOrControl+F'
+            },
+            {
+              label: 'Find and Replace',
+              accelerator: 'CommandOrControl+H'
+            },
+            {
+              label: 'Find Next'
+            },
+            {
+              label: 'Find Previous'
+            },
+            {
+              label: 'Find BCP14 Keywords'
+            },
+            {
+              label: 'Find Xrefs'
+            }
+          ]
+        },
+        { type: 'separator' },
+        {
+          label: 'Spelling and Grammar',
+          submenu: [
+            {
+              label: 'Check Spelling'
+            },
+            {
+              label: 'Check Grammar'
+            },
+            {
+              label: 'Check for Common Typos'
+            },
+            {
+              label: 'Check for Duplicates'
+            }
+          ]
+        }
+      ]
+    },
+    {
+      label: 'Selection',
+      submenu: [
+        {
+          label: 'Select All',
+          accelerator: 'CommandOrControl+A'
+        },
+        {
+          label: 'Expand Selection',
+          accelerator: 'Shift+Alt+Right'
+        },
+        {
+          label: 'Shrink Selection',
+          accelerator: 'Shift+Alt+Left'
+        },
+        { type: 'separator' },
+        {
+          label: 'Copy Line Up',
+          accelerator: 'Shift+Alt+Up'
+        },
+        {
+          label: 'Copy Line Down',
+          accelerator: 'Shift+Alt+Down'
+        },
+        {
+          label: 'Move Line Up',
+          accelerator: 'Alt+Up'
+        },
+        {
+          label: 'Move Line Down',
+          accelerator: 'Alt+Down'
+        },
+        {
+          label: 'Duplicate Selection'
+        },
+        { type: 'separator' },
+        {
+          label: 'Add Cursor Above',
+          accelerator: 'CommandOrControl+Alt+Up'
+        },
+        {
+          label: 'Add Cursor Below',
+          accelerator: 'CommandOrControl+Alt+Down'
+        },
+        {
+          label: 'Add Cursors to Line Ends Below',
+          accelerator: 'Shift+Alt+I'
+        },
+        {
+          label: 'Add Next Occurence',
+          accelerator: 'CommandOrControl+D'
+        },
+        {
+          label: 'Add Previous Occurence'
+        },
+        {
+          label: 'Select All Occurences',
+          accelerator: 'CommandOrControl+Shift+L'
+        }
+      ]
+    },
+    {
+      role: 'viewMenu',
+      submenu: [
+        {
+          label: 'Command Palette...',
+          accelerator: 'F1'
+        },
+        { type: 'separator' },
+        {
+          label: 'Zoom In',
+          accelerator: 'CommandOrControl+='
+        },
+        {
+          label: 'Zoom Out',
+          accelerator: 'CommandOrControl+-'
+        },
+        {
+          label: 'Reset Zoom',
+          accelerator: 'CommandOrControl+0'
+        },
+        { type: 'separator' },
+        {
+          label: 'Preview Output',
+          submenu: [
+            {
+              label: 'HTML',
+              type: 'radio',
+              checked: true
+            },
+            {
+              label: 'Text',
+              type: 'radio'
+            }
+          ]
+        },
+        { type: 'separator' },
+        {
+          label: 'Word Wrap',
+          type: 'checkbox',
+          accelerator: 'Alt+Z'
+        }
+      ]
+    },
+    {
+      label: 'Insert',
+      submenu: [
+        {
+          label: 'Insert BCP14 Tags'
+        },
+        {
+          label: 'Insert Empty Reference'
+        },
+        {
+          label: 'Create Table'
+        }
+      ]
+    },
+    {
+      label: 'Tools',
+      submenu: [
+        {
+          label: 'Validate RFCXML'
+        },
+        {
+          label: 'Check ID Nits'
+        },
+        {
+          label: 'Check References'
+        },
+        {
+          label: 'Check non-ASCII'
+        },
+        {
+          label: 'Check PDF Fonts'
+        },
+        {
+          label: 'Check Inclusive Language'
+        },
+        {
+          label: 'Check SVG'
+        }
+      ]
+    },
+    {
+      role: 'help',
+      submenu: [
+        {
+          label: 'Documentation'
+        },
+        {
+          label: 'RFCXML Vocabulary'
+        },
+        { type: 'separator' },
+        {
+          label: 'Release Notes'
+        },
+        {
+          label: 'Report Issue'
+        },
+        {
+          label: 'View License'
+        },
+        { type: 'separator' },
+        {
+          label: 'Check for Updates...'
+        },
+        { type: 'separator' },
+        {
+          label: 'Debug',
+          submenu: [
+            {
+              role: 'reload'
+            },
+            {
+              role: 'forceReload'
+            },
+            {
+              role: 'toggleDevTools'
+            }
+          ]
+        },
+        { type: 'separator' },
+        {
+          label: 'About'
+        }
+      ]
+    }
+  ]
+  const menu = Menu.buildFromTemplate(menuTemplate)
+  Menu.setApplicationMenu(menu)
+}