Loading window: opens at once on start, names the module being loaded (N out of M)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ED1Y4LDd9wWTzrcadwtKVZ
2026-10-20 15:34:22 +00:00
parent 83f9810500
commit 8fef71b9ea
4 changed files with 69 additions and 3 deletions
@@ -0,0 +1,27 @@
+// The loading window: opens as soon as the page starts, names the module being loaded, closes when all are in.
+// Built only from the kit. It cannot be dismissed, because the screen behind it is still filling in.
+const name = (path) => {
+  const parts = path.replace(/^\.\/features\//, "").replace(/\.js$/, "").split("/");
+  if (parts[parts.length - 1] === "index") parts.pop();
+  return parts.join("/") || path;
+};
+
+export function startLoading(c) {
+  let win = null, text = null, bar = null;
+  try {
+    text = c.text.md({ text: "Starting FunPack. Please wait for UI to finish loading." });
+    bar = c.progress.bar({ value: 0, max: 100, label: "Loading modules" });
+    win = c.modal.generic({
+      title: "Loading FunPack", size: "md", closeOnOutside: false, closeOnEsc: false,
+      body: c.region.stack({ gap: "lg", children: [text, bar] }),
+    });
+  } catch (err) { console.warn("[FunPack] loading window failed:", err.message); }      // no window is better than no app
+  return {
+    progress({ n, of, path }) {
+      if (!win) return;
+      text.setText(`Loading module ${n} out of ${of}: ${name(path)}. Please wait for UI to finish loading.`);
+      bar.setValue(((n - 1) / of) * 100);
+    },
+    done() { if (win) win.close("done"); win = null; },
+  };
+}