import { app, BrowserWindow, globalShortcut } from 'electron';
import paths from 'path'
import { spawn } from 'child_process'
import fs from 'fs'

import util from './flame/util.js'
import Server from "./flame/index.js"

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('app.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);
            }
        });
    }

    spawnFlame(spawnForms) {
        new Server(spawnForms, 10001)
    }
    
    async spawnForms() {
        const logPath = paths.join(util.FORMS_PATH, "app.log");
        const out = fs.openSync(logPath, "a");
        const err = fs.openSync(logPath, "a");

        const child = spawn(
            process.execPath,
            [paths.join(util.FORMS_PATH, "kernel/kernel.js")],
            {
                detached: true,
                stdio: [
                    "ignore",
                    out,
                    err
                ],
                cwd: process.cwd(),
                env: process.env
            }
        );
        
        child.unref();
    }

    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() {
        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.spawnFlame(this.spawnForms)
            this.registerShortcuts()
        });
    }
}

new App()