keyboard commands for spawning window, better colors

app.js

@@ -6,24 +6,53 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = paths.dirname(__filename);
 
-function createWindow() {
-  const win = new BrowserWindow({
-    width: 800,
-    height: 600,
-    frame: false,
-    titleBarStyle: "hidden",
-    webPreferences: {
-		contextIsolation: true,
-		nodeIntegration: false,
-		webviewTag: true,
+const WINDOW_SHORTCUTS = [
+    process.platform === "darwin" ? "Command+R" : "Control+R",
+    "\\"
+];
+
+function createWindow({onTop = false}) {
+    const win = new BrowserWindow({
+        width: 1200,
+        height: 800,
+        frame: false,
+        show: false,
+        titleBarStyle: "customButtonsOnHover",
+        webPreferences: {
+            contextIsolation: true,
+            nodeIntegration: false,
+            webviewTag: true,
+        }
+    });
+
+    if(onTop) {
+        win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true }); // necessary for full screen
+        win.setAlwaysOnTop(true, 'screen-saver', 1); // necessary so it doesn't bring you back out of full screen when spawned
     }
-  });
 
-  win.loadFile('server/index.html');
+    win.loadFile('server/index.html');
 
-  win.webContents.on('did-fail-load', (e, code, desc) => {
-  console.log('Webview failed:', desc);
-});
+    win.on("focus", () => {
+        win.setVibrancy("appearance-based"); // full colors
+    });
+
+    win.on("blur", () => {
+        win.setVibrancy("selection"); // dims colors
+    });
+
+    win.webContents.on('did-finish-load', () => {
+        win.show();
+    });
+
+    win.webContents.on('did-fail-load', (e, code, desc) => {
+        console.log('Webview failed:', desc);
+    });
+
+    win.on('closed', () => {
+        for (const key of WINDOW_SHORTCUTS) {
+            globalShortcut.unregister(key);
+        }
+    });
 }
 
 let devToolsOpened = false;
@@ -39,27 +68,38 @@ function toggleDevTools(win) {
 
 app.on("ready", async () => {
     // await Forms.init();
-    createWindow();
+    createWindow({onTop: false});
+
+    globalShortcut.register('CommandOrControl+Shift+Space', () => {
+        createWindow({onTop: true});
+    });
 
     // Register global shortcuts
     app.on("browser-window-focus", () => {
-        const reloadShortcut = process.platform === "darwin" ? "Command+R" : "Control+R";
-        globalShortcut.register(reloadShortcut, () => {
-            BrowserWindow.getFocusedWindow().reload();
+        const focused = BrowserWindow.getFocusedWindow();
+        if (!focused) return;
+
+        // Reload
+        globalShortcut.register(WINDOW_SHORTCUTS[0], () => {
+            focused.reload();
         });
-        globalShortcut.register("\\", () => {
-            toggleDevTools(BrowserWindow.getFocusedWindow());
+
+        // Devtools
+        globalShortcut.register(WINDOW_SHORTCUTS[1], () => {
+            toggleDevTools(focused);
         });
     });
 
     app.on("browser-window-blur", () => {
-        globalShortcut.unregisterAll();
+        for (const key of WINDOW_SHORTCUTS) {
+            globalShortcut.unregister(key);
+        }    
     });
 });
 
 app.on("activate", () => {
     if (BrowserWindow.getAllWindows().length === 0) {
-        createWindow();
+        createWindow({onTop: false});
     }
 });