export const BrowserModScreensaverMixin = (C) => class extends C {
    constructor() {
        super();
        this._blackout_panel = document.createElement("div");

        this._screenSaver = undefined;
        this._screenSaverTimer = undefined;
        this._screenSaverTimeOut = 0;

        this._screenSaver = {
            fn: undefined,
            clearfn: undefined,
            timer: undefined,
            timeout: undefined,
            listeners : {},
            active: false,
        };

        this._blackout_panel.style.cssText = `
            position: fixed;
            left: 0;
            top: 0;
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            background: black;
            display: none;
        `;
        document.body.appendChild(this._blackout_panel);

    }

    screensaver_set(fn, clearfn, time) {
        this._ss_clear();
        this._screenSaver = {
            fn,
            clearfn,
            timer: undefined,
            timeout: time,
            listeners: {},
            active: false,
        }
        const l = () => this.screensaver_update();
        for(const event of ["mousemove", "mousedown", "keydown", "touchstart"]) {
            window.addEventListener(event, l);
            this._screenSaver.listeners[event] = l;
        }
        this._screenSaver.timer = window.setTimeout(() => this._ss_run(), time*1000);
    }

    screensaver_update() {
        if (this._screenSaver.active) {
            this.screensaver_stop();
        } else {
            window.clearTimeout(this._screenSaver.timer);
            this._screenSaver.timer = window.setTimeout(() => this._ss_run(), this._screenSaver.timeout*1000);
        }
    }

    screensaver_stop() {
        this._ss_clear();
        this._screenSaver.active = false;
        if(this._screenSaver.clearfn)
            this._screenSaver.clearfn();
        if(this._screenSaver.timeout) {
            this.screensaver_set(
                this._screenSaver.fn,
                this._screenSaver.clearfn,
                this._screenSaver.timeout,
            );
        }
    }

    _ss_clear() {
        window.clearTimeout(this._screenSaverTimer);
        for(const [k, v] of Object.entries(this._screenSaver.listeners)) {
            window.removeEventListener(k, v);
        }
    }

    _ss_run() {
        this._screenSaver.active = true;
        this._screenSaver.fn();
    }

    do_blackout(timeout) {
        this.screensaver_set(
            () => {
                if(this.isFully)
                    window.fully.turnScreenOff(true);
                else
                    this._blackout_panel.style.display = "block";
                this.screen_update();
            },
            () => {
                if(this._blackout_panel.style.display = "block")
                    this._blackout_panel.style.display = "none"
                if(this.isFully && !window.fully.getScreenOn())
                    window.fully.turnScreenOn();
                this.screen_update();
            },
            timeout || 0
        );
    }

    no_blackout() {
        if(this.isFully)
            window.fully.turnScreenOn();
        this.screensaver_stop();
    }

    screen_update() {
        this.sendUpdate({screen: {
            blackout: this.isFully
                ? !window.fully.getScreenOn()
                : Boolean(this._blackout_panel.style.display === "block"),
            brightness: this.isFully ? window.fully.getScreenBrightness() : undefined,
        }})
    }
}