ADD: Debug menu + DevTools shortcut

src/components/navbar/Navbar.vue

@@ -84,6 +84,10 @@
               <p>v0.1</p>
             </MenubarItem>
             <MenubarItem>Contact Support</MenubarItem>
+            <template v-if="electron.isDevelopment">
+              <MenubarSeparator />
+              <MenubarItem @click="electron.openDevTools">Open Dev Tools</MenubarItem>
+            </template>
           </MenubarContent>
         </MenubarMenu>
       </div>

src/main.js

@@ -147,6 +147,7 @@ app.whenReady().then(() => {
   })
   ipcMain.on('electron:closeWindow', () => mainWindow.close())
   ipcMain.on('electron:openExternal', (_event, url) => shell.openExternal(url))
+  ipcMain.on('electron:openDevTools', () => mainWindow.webContents.openDevTools())
   nanodevices.onAttach((device) => {
     console.log('Attached device', device)
     mainWindow.webContents.send('nanodevice-attached', device)
@@ -174,9 +175,21 @@ app.whenReady().then(() => {
       }),
     }))
   }
+  if (isDevelopment) {
+    menu.append(new MenuItem({
+      label: 'Debug',
+      submenu: [
+        {
+          label: 'Open DevTools',
+          accelerator: 'CmdOrCtrl+Shift+I',
+          click: () => mainWindow.webContents.openDevTools(),
+        },
+      ],
+    }))
+  }
 
   Menu.setApplicationMenu(menu)
-  mainWindow.webContents.openDevTools()
+  //mainWindow.webContents.openDevTools()
 })
 
 // Quit when all windows are closed, except on macOS. There, it's common

src/preload.js

@@ -39,6 +39,7 @@ contextBridge.exposeInMainWorld('nanodevice', {
 
 contextBridge.exposeInMainWorld('electron', {
   platform: process.platform,
+  isDevelopment: process.env.NODE_ENV !== 'production',
   minimizeWindow: () => ipcRenderer.send('electron:minimizeWindow'),
   toggleMaximizeWindow: () => ipcRenderer.send('electron:toggleMaximizeWindow'),
   closeWindow: () => ipcRenderer.send('electron:closeWindow'),
@@ -48,4 +49,5 @@ contextBridge.exposeInMainWorld('electron', {
   onMenu: (callback) => ipcRenderer.on('electron:menu', (event, key) => {
     callback(key)
   }),
+  openDevTools: () => ipcRenderer.send('electron:openDevTools'),
 })