45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
|
import {ws} from "./ws";
|
||
|
|
|
||
|
|
window.onload = addWsEventHandlers;
|
||
|
|
|
||
|
|
export function addWsEventHandlers() {
|
||
|
|
console.log('add ws event handlers')
|
||
|
|
const observer = new MutationObserver(register)
|
||
|
|
observer.observe(document.body, {childList: true, subtree: true})
|
||
|
|
|
||
|
|
let added = new Set<string>();
|
||
|
|
|
||
|
|
function register() {
|
||
|
|
let ids = new Set<string>();
|
||
|
|
document.querySelectorAll("[data-handler-id]").forEach(element => {
|
||
|
|
const id = element.getAttribute("data-handler-id");
|
||
|
|
const event = element.getAttribute("data-handler-event");
|
||
|
|
|
||
|
|
if(id == null || event == null) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
ids.add(id);
|
||
|
|
if (added.has(id)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
added.add(id);
|
||
|
|
element.addEventListener(event, (e) => {
|
||
|
|
console.log('sending event', id, event, ws)
|
||
|
|
if(ws != null && ws.readyState === WebSocket.OPEN) {
|
||
|
|
ws.send(JSON.stringify({id, event}));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})
|
||
|
|
for (let id of added) {
|
||
|
|
if (!ids.has(id)) {
|
||
|
|
added.delete(id);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
console.log('size', added.size)
|
||
|
|
}
|
||
|
|
|
||
|
|
register()
|
||
|
|
}
|
||
|
|
|