Spaces:
Running
Running
File size: 1,725 Bytes
e5ae926 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
const canvas = document.querySelector("#canvas");
const ctx = canvas.getContext("2d");
function handleResize() {
requestAnimationFrame(() => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
});
}
handleResize();
window.addEventListener("resize", handleResize, { passive: true });
const clients = {
host: "__ESDEKA::host__",
guest: "__ESDEKA::guest__",
};
// Shared communicators
function subscribe(channel, callback) {
function handleMessage(event) {
if (
event.data.client &&
Object.values(clients).includes(event.data.client) &&
event.data.channel === channel
) {
callback(event);
}
}
window.addEventListener("message", handleMessage);
return () => {
window.removeEventListener("message", handleMessage);
};
}
const host = {};
// Guest communicators
function answer(window_, channel, targetOrigin = "*") {
window_.postMessage(
{
client: clients.guest,
channel,
action: {
type: "answer",
},
},
targetOrigin
);
}
function handleTemplate(template) {
for (let i = 1; i < 100_000_000; i++) {
window.clearInterval(i);
window.cancelAnimationFrame(i);
window.clearTimeout(i);
}
Function("Template", `${template};`)();
}
subscribe("fail4", event => {
console.log("GUEST", event);
const { action } = event.data;
switch (action.type) {
case "call":
host.current = event.source;
answer(event.source, "fail4");
ctx.clearRect(0, 0, canvas.width, canvas.height);
handleTemplate(action.payload.template);
break;
case "broadcast":
console.log("broadcast", action.payload.template);
ctx.clearRect(0, 0, canvas.width, canvas.height);
handleTemplate(action.payload.template);
break;
default:
break;
}
});
|