better spacebar control, disable it completely in dev mode

src/main/plugins/menubar.ts

@@ -100,8 +100,8 @@ export default class Thumbar {
             submenu: [
                 {
                     label: 'Pause / Play',
-                    accelerator: 'CommandOrControl+Space',
+                    accelerator: 'Space',
-                    click: () => this._win.webContents.executeJavaScript(`MusicKitInterop.playPause()`)
+                    click: () => this._win.webContents.executeJavaScript(`app.SpacePause()`)
                 },
                 {
                     label: 'Next',

src/renderer/index.js

@@ -3572,6 +3572,16 @@ const app = new Vue({
         darwinShare(url) {
             ipcRenderer.send('share-menu', url)
         },
+        SpacePause() {       
+            const elems = document.querySelectorAll('input');
+            for (elem of elems){
+                if (elem === document.activeElement) {
+                    return;
+                }
+            }
+            if (!this.isDev) // disable in dev mode to keep my sanity
+            MusicKitInterop.playPause();
+        }
     }
 })