MrMugameandZef Hemel
d3e79ea4a7
This is should be the default behaviour as silverbullet keybinds should always have priority over keybinds implemented by document editors
102 lines
2.8 KiB
TypeScript
102 lines
2.8 KiB
TypeScript
export const html = `<!DOCTYPE html>
|
|
<html style="height: 100%; width: 100%;" lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<base target="_top">
|
|
<meta name='color-scheme' content='dark light'>
|
|
<script>
|
|
const pendingRequests = new Map();
|
|
let syscallReqId = 0;
|
|
|
|
globalThis.addEventListener("message", (message) => {
|
|
const response = message.data, data = message.data.data;
|
|
|
|
// Passthrough non internal events
|
|
if (!response.internal) {
|
|
globalThis.silverbullet.dispatchEvent(new CustomEvent(response.type, { detail: data }));
|
|
return;
|
|
}
|
|
|
|
switch (response.type) {
|
|
case "init":
|
|
{
|
|
document.body.innerHTML = data.html;
|
|
|
|
try {
|
|
eval(data.script);
|
|
} catch (e) {
|
|
console.error("Error evaling script", e);
|
|
}
|
|
} break;
|
|
case "syscall-response":
|
|
{
|
|
const syscallId = data.id;
|
|
const lookup = pendingRequests.get(syscallId);
|
|
if (!lookup) {
|
|
console.log(
|
|
"Current outstanding requests",
|
|
pendingRequests,
|
|
"looking up",
|
|
syscallId,
|
|
);
|
|
throw Error("Invalid request id");
|
|
}
|
|
pendingRequests.delete(syscallId);
|
|
if (data.error) {
|
|
lookup.reject(new Error(data.error));
|
|
} else {
|
|
lookup.resolve(data.result);
|
|
}
|
|
} break;
|
|
case "set-theme":
|
|
{
|
|
document.getElementsByTagName("html")[0].setAttribute("data-theme", data.theme);
|
|
} break;
|
|
}
|
|
});
|
|
|
|
globalThis.addEventListener("keydown", (event) => {
|
|
// This is really hacky... open to other solutions
|
|
const keyEvent = new KeyboardEvent("keydown", event);
|
|
|
|
Object.defineProperty(keyEvent, "target", {
|
|
value: window.parent.document.body,
|
|
});
|
|
|
|
globalThis.parent.document.dispatchEvent(keyEvent);
|
|
|
|
if (keyEvent.defaultPrevented) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
}, true);
|
|
|
|
globalThis.silverbullet = document.createDocumentFragment();
|
|
|
|
globalThis.silverbullet.syscall = async (name, ...args) => {
|
|
return await new Promise((resolve, reject) => {
|
|
syscallReqId++;
|
|
pendingRequests.set(syscallReqId, { resolve, reject });
|
|
window.parent.postMessage({
|
|
type: "syscall",
|
|
data: {
|
|
id: syscallReqId,
|
|
name,
|
|
args,
|
|
},
|
|
}, "*");
|
|
});
|
|
};
|
|
|
|
globalThis.silverbullet.sendMessage = (type, data) => {
|
|
window.parent.postMessage({ type, data }, "*");
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body style="margin: 0; width: 100%; height: 100%">
|
|
</body>
|
|
|
|
</html>`;
|