init

index.js

@@ -0,0 +1,116 @@
+import { app, BrowserWindow, globalShortcut } from 'electron';
+
+const WINDOW_SHORTCUTS = [
+    process.platform === "darwin" ? "Command+R" : "Control+R",
+    "\\"
+];
+
+class App {
+    devToolsOpened = false;
+
+    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('index.html');
+
+        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);
+            }
+        });
+    }
+
+    toggleDevTools(win) {
+        if (this.devToolsOpened) {
+            win.closeDevTools();
+        } else {
+            win.openDevTools();
+        }
+        this.devToolsOpened = !this.devToolsOpened;
+    }
+    
+    registerShortcuts() {
+        globalShortcut.register('CommandOrControl+Shift+Space', function CreateWindow() {
+            this.createWindow({onTop: true});
+        });
+
+        app.on("browser-window-focus", function RegisterWindowOnFocus() {
+            const focused = BrowserWindow.getFocusedWindow();
+            if (!focused) return;
+
+            let WINDOW_SHORTCUTS = [
+                process.platform === "darwin" ? "Command+R" : "Control+R",
+                "\\"
+            ];
+
+            // Reload
+            globalShortcut.register(WINDOW_SHORTCUTS[0], () => {
+                focused.reload();
+            });
+
+            // Devtools
+            globalShortcut.register(WINDOW_SHORTCUTS[1], () => {
+                toggleDevTools(focused);
+            });
+        });
+
+        app.on("browser-window-blur", function UnregisterWindowOnUnfocus() {
+            for (const key of WINDOW_SHORTCUTS) {
+                globalShortcut.unregister(key);
+            }    
+        });
+    }
+
+    constructor() {
+        console.log("command line: ", app.commandLine.getSwitchValue('disable-gpu')); // or check flags
+
+        app.on("activate", () => {
+            if (BrowserWindow.getAllWindows().length === 0) {
+                this.createWindow({onTop: false});
+            }
+        });
+
+        app.on('window-all-closed', () => {
+            if (process.platform !== 'darwin') app.quit();
+        });
+
+        app.on("ready", async () => {
+            this.createWindow({onTop: false});
+            this.registerShortcuts()
+        });
+    }
+}
+
+new App()