From f3e69f5591b4142c1f34b6120027cb9ce493927c Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Fri, 9 Feb 2024 16:23:22 +0100
Subject: [PATCH] UPD: App shortcuts

---
 src/App.vue    |  8 ++++++++
 src/main.js    | 34 +++++++++++++++++++++++++++++++++-
 src/preload.js |  3 +++
 3 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 34cf480..9041c23 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,16 @@ import ConfigPane from '@/components/config/ConfigPane.vue'
 import Navbar from '@/components/navbar/Navbar.vue'
 import { useStore } from '@/store'
 
+const { electron } = window
 const store = useStore()
 
+electron.onMenu((key) => {
+  console.log('menu', key)
+  if(key==='connect') {
+    store.setConnected(!store.connected)
+  }
+})
+
 store.fetchProfiles()
 
 </script>
diff --git a/src/main.js b/src/main.js
index 21e5c02..d58b2c6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-import { app, BrowserWindow, globalShortcut, shell } from 'electron'
+import { app, BrowserWindow, globalShortcut, shell, Menu, MenuItem } from 'electron'
 import path from 'path'
 import ess from 'electron-squirrel-startup'
 import { ipcMain } from 'electron'
@@ -22,6 +22,19 @@ const zoomFactor = 1
 const mainWindowWidth = 1111
 const mainWindowHeight = 666
 
+const appMenu = {
+  device: {
+    label: 'Device',
+    submenu: {
+      connect: { label: 'Connect', shortcut: 'CmdOrCtrl+D' },
+      nextDevice: { label: 'Next Device', shortcut: 'CmdOrCtrl+N' },
+      export: { label: 'Export Settings', shortcut: 'CmdOrCtrl+E' },
+      import: { label: 'Import Settings', shortcut: 'CmdOrCtrl+I' },
+      quit: { label: 'Quit', shortcut: 'CmdOrCtrl+Q', action: () => app.quit() },
+    },
+  },
+}
+
 const createMainWindow = () => {
   // Create the browser window.
   const mainWindow = new BrowserWindow({
@@ -144,6 +157,24 @@ app.whenReady().then(() => {
     console.log('Value received', value)
     mainWindow.webContents.send('nano-onvalue', value)
   })
+  const menu = new Menu()
+  for (const menuItem of Object.values(appMenu)) {
+    menu.append(new MenuItem({
+      label: menuItem.label,
+      submenu: Object.entries(menuItem.submenu).map(([key, subMenuItem]) => {
+        return {
+          label: subMenuItem.label,
+          accelerator: subMenuItem.shortcut,
+          click: subMenuItem.action || (() => {
+            mainWindow.webContents.send('electron:menu', key)
+          }),
+        }
+      }),
+    }))
+  }
+
+  Menu.setApplicationMenu(menu)
+  mainWindow.webContents.openDevTools()
 })
 
 // Quit when all windows are closed, except on macOS. There, it's common
@@ -183,6 +214,7 @@ app.on('browser-window-focus', () => {
     ...ZOOM_OUT_SHORTCUTS,
     ...ZOOM_RESET_SHORTCUTS,
   ], () => {
+    // https://www.youtube.com/watch?v=8An2SxNFvmU
   })
 })
 
diff --git a/src/preload.js b/src/preload.js
index f5eec33..003c820 100644
--- a/src/preload.js
+++ b/src/preload.js
@@ -45,4 +45,7 @@ contextBridge.exposeInMainWorld('electron', {
   openExternal: (url) => ipcRenderer.send('electron:openExternal', url),
   onMaximized: (callback) => ipcRenderer.on('electron:maximized', callback),
   onUnmaximized: (callback) => ipcRenderer.on('electron:unmaximized', callback),
+  onMenu: (callback) => ipcRenderer.on('electron:menu', (event, key) => {
+    callback(key)
+  }),
 })
\ No newline at end of file