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()