Files
genieacs/ui/dynamic-loader.ts
Zaid Humaimidi 4a191afdec feat(ui): redesign UI with Tailwind CSS, CodeMirror 6, and new layout
- Replace all hand-written CSS with Tailwind utility classes
- Upgrade CodeMirror 5 to CodeMirror 6 (scoped @codemirror/* packages)
- Redesign layout with responsive sidebar navigation using JSX/Mithril
- Flatten admin routes (e.g. /admin/presets -> /presets)
- Add "remember me" login option with 2-week persistent cookie
- Add delete confirmation dialogs across admin pages
- Upgrade esbuild from 0.21 to 0.27 and update browser targets
- Add Inter and Roboto Mono variable fonts with subset script
2026-03-12 14:55:10 -07:00

53 lines
1.1 KiB
TypeScript

import * as notifications from "./notifications.ts";
export let codeMirror: typeof import("./codemirror-loader");
export let yaml: typeof import("./yaml-loader");
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) => {
import("./codemirror-loader")
.then((module) => {
codeMirror = module;
resolve();
})
.catch((err) => {
onError();
reject(err);
});
});
}
export function loadYaml(): Promise<void> {
if (yaml) return Promise.resolve();
return new Promise((resolve, reject) => {
import("./yaml-loader")
.then((module) => {
yaml = module;
resolve();
})
.catch((err) => {
onError();
reject(err);
});
});
}