import { app, BrowserWindow, globalShortcut } from 'electron';
import paths from 'path'
import Server from "./server/index.js"

import { fileURLToPath } from 'url';
const __filename = fileURLToPath(import.meta.url);
const __dirname = paths.dirname(__filename);

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.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;

function toggleDevTools(win) {
    if (devToolsOpened) {
        win.closeDevTools();
    } else {
        win.openDevTools();
    }
    devToolsOpened = !devToolsOpened;
}

app.on("ready", async () => {
    // await Forms.init();
    // createWindow({onTop: false});
    new Server()

    globalShortcut.register('CommandOrControl+Shift+Space', () => {
        createWindow({onTop: true});
    });

    // Register global shortcuts
    app.on("browser-window-focus", () => {
        const focused = BrowserWindow.getFocusedWindow();
        if (!focused) return;

        // Reload
        globalShortcut.register(WINDOW_SHORTCUTS[0], () => {
            focused.reload();
        });

        // Devtools
        globalShortcut.register(WINDOW_SHORTCUTS[1], () => {
            toggleDevTools(focused);
        });
    });

    app.on("browser-window-blur", () => {
        for (const key of WINDOW_SHORTCUTS) {
            globalShortcut.unregister(key);
        }    
    });
});

app.on("activate", () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createWindow({onTop: false});
    }
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit();
});