128 lines
3.3 KiB
JavaScript
128 lines
3.3 KiB
JavaScript
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,
|
|
},
|
|
});
|
|
}
|
|
};
|