Files
genieacs/ui/dynamic-loader.ts

58 lines
1.2 KiB
TypeScript

import * as notifications from "./notifications.ts";
export let codeMirror: typeof import("codemirror");
export let yaml: typeof import("yaml");
let note;
function onError(): void {
if (!note) {
note = notifications.push(
"error",
"Error loading JS resource, please reload the page",
{
Reload: () => {
window.location.reload();
},
},
);
}
}
export function loadCodeMirror(): Promise<void> {
if (codeMirror) return Promise.resolve();
return new Promise((resolve, reject) => {
const promises = [
import("codemirror"),
import("codemirror/mode/javascript/javascript"),
import("codemirror/mode/yaml/yaml"),
];
Promise.all(promises)
.then((modules) => {
codeMirror = modules[0].default;
resolve();
})
.catch((err) => {
onError();
reject(err);
});
});
}
export function loadYaml(): Promise<void> {
if (yaml) return Promise.resolve();
return new Promise((resolve, reject) => {
import("yaml")
.then((module) => {
yaml = module.default;
resolve();
})
.catch((err) => {
onError();
reject(err);
});
});
}