82 lines
2.4 KiB
JavaScript
82 lines
2.4 KiB
JavaScript
import { loadConfiguration } from "./configuration.js";
|
|
import { addEventToButton, addEventToInput, debounce, getElements } from "./dom-utils.js";
|
|
import { awaitEvent, emitEvent, listenTo } from "./events.js";
|
|
import { loadExampleFile } from "./files.js";
|
|
import { getState, setState, STATE } from "./state.js";
|
|
import "./menu-bar.js";
|
|
import "./dialogs.js";
|
|
|
|
let loadCallbacks = [];
|
|
export function registerLoadCallback(cb) {
|
|
queueMicrotask(() => {
|
|
loadCallbacks.push(cb);
|
|
});
|
|
}
|
|
function runLoadCallbacks() {
|
|
loadCallbacks.forEach(cb => cb());
|
|
}
|
|
|
|
window.addEventListener("load", () => {
|
|
emitEvent("setup-start");
|
|
|
|
getElements("state", "*").forEach(e => {
|
|
e.classList.add("hidden");
|
|
if (e.dataset.state === getState()) {
|
|
e.classList.remove("hidden");
|
|
}
|
|
});
|
|
|
|
getElements("button", "*").forEach(elem => {
|
|
elem.addEventListener("click", e => {
|
|
emitEvent(elem.dataset.button, e);
|
|
});
|
|
});
|
|
getElements("toggle", "*").forEach(elem => {
|
|
elem.addEventListener("click", e => {
|
|
const wasChecked = e.currentTarget.dataset.toggled === "true";
|
|
const newState = !wasChecked;
|
|
e.currentTarget.dataset.toggled = newState.toString();
|
|
emitEvent(elem.dataset.toggle, { state: newState, event: e });
|
|
});
|
|
});
|
|
getElements("input", "*").forEach(elem => {
|
|
elem.addEventListener("keydown", e => e.stopPropagation());
|
|
elem.addEventListener("input", debounce(e => {
|
|
emitEvent(elem.dataset.input + ":input", e);
|
|
}));
|
|
elem.addEventListener("change", e => {
|
|
emitEvent(elem.dataset.input + ":change", e);
|
|
});
|
|
});
|
|
getElements("form", "*").forEach(elem => {
|
|
elem.addEventListener("submit", e => {
|
|
e.preventDefault();
|
|
emitEvent(elem.dataset.form + ":submit", e);
|
|
});
|
|
});
|
|
|
|
addEventToInput("configuration", "input", loadConfiguration);
|
|
addEventToButton("load-configuration", "click", loadConfiguration);
|
|
|
|
listenTo("state", () => {
|
|
console.log("State changed", getState());
|
|
getElements("state", "*").forEach(e => {
|
|
e.classList.add("hidden");
|
|
if (e.dataset.state === getState()) {
|
|
e.classList.remove("hidden");
|
|
}
|
|
});
|
|
});
|
|
|
|
listenTo("config:end", () => setState(STATE.planning));
|
|
|
|
runLoadCallbacks();
|
|
|
|
emitEvent("setup-end");
|
|
|
|
void loadConfiguration("addons");
|
|
|
|
awaitEvent("config:end").then(() => loadExampleFile("tiny reactor"));
|
|
// awaitEvent("config:end").then(() => loadExampleFile("multi-reactor"));
|
|
});
|