@panyam/tsappkit 0.0.4 → 0.1.0

package/dist/index.mjs

@@ -1371,6 +1371,93 @@ var MobileBottomDrawer = class extends BaseComponent {
   }
 };
 
+// src/page/mount.ts
+function mountIslands(spec, registry, findSlot, context, bus, log) {
+  const out = [];
+  let ctx;
+  for (const island of spec.islands) {
+    const factory = Object.prototype.hasOwnProperty.call(registry, island.name) ? registry[island.name] : void 0;
+    if (!factory) {
+      log(`page spec: no island called "${island.name}" in this page's registry`);
+      continue;
+    }
+    const el = findSlot(island.slot);
+    if (el === null) {
+      log(`page spec: island "${island.name}" wants slot "${island.slot}", which isn't on the page`);
+      continue;
+    }
+    try {
+      ctx ?? (ctx = context());
+      out.push(factory(el, island, ctx, bus));
+    } catch (err) {
+      log(`page spec: island "${island.name}" failed to mount: ${err instanceof Error ? err.message : String(err)}`);
+    }
+  }
+  return out;
+}
+
+// src/page/spec.ts
+var SPEC_ELEMENT_ID = "page-spec";
+var SLOT = /^[a-z][a-z0-9-]*$/;
+function readSpec(text, extend) {
+  if (!text) return null;
+  let raw;
+  try {
+    raw = JSON.parse(text);
+  } catch {
+    return null;
+  }
+  if (!isObject(raw) || typeof raw.layout !== "string" || !Array.isArray(raw.islands)) return null;
+  const islands = [];
+  for (const is of raw.islands) {
+    if (!isObject(is) || typeof is.name !== "string" || !is.name || typeof is.slot !== "string" || !SLOT.test(is.slot)) continue;
+    islands.push({
+      name: is.name,
+      slot: is.slot,
+      ...typeof is.presentation === "string" && { presentation: is.presentation },
+      config: isObject(is.config) ? is.config : {}
+    });
+  }
+  const spec = { layout: raw.layout, islands };
+  if (!extend) return spec;
+  let ext;
+  try {
+    ext = extend(raw);
+  } catch {
+    return null;
+  }
+  return { ...ext, ...spec };
+}
+function isObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+
+// src/page/IslandPage.ts
+var IslandPage = class extends BasePage {
+  /**
+   * The app's own fields from the parsed spec. The default reads none.
+   * Throwing makes the spec unreadable, so nothing mounts.
+   */
+  readExtension(raw) {
+    return {};
+  }
+  initializeSpecificComponents() {
+    const spec = readSpec(document.getElementById(SPEC_ELEMENT_ID)?.textContent, (raw) => this.readExtension(raw));
+    if (!spec) {
+      console.warn(`page spec: no readable #${SPEC_ELEMENT_ID} on this page, so nothing is mounted`);
+      return [];
+    }
+    return mountIslands(
+      spec,
+      this.registry(),
+      (slot) => document.querySelector(`[data-slot="${slot}"]`),
+      () => this.makeContext(spec),
+      this.eventBus,
+      (message) => console.warn(message)
+    );
+  }
+};
+
 // src/DOMUtils.ts
 function isInInputContext(element) {
   if (!element) return false;
@@ -1713,6 +1800,6 @@ var KeyboardShortcutManager = class {
   }
 };
 
-export { BaseComponent, BasePage, ComponentEventTypes, EventBus, KeyboardShortcutManager, KeyboardState, LifecycleController, LifecycleEventTypes, MobileBottomDrawer, Modal, SplashScreen, TemplateLoader, ThemeManager, ToastManager, hasModifierKeys, isInInputContext, shouldIgnoreShortcut };
+export { BaseComponent, BasePage, ComponentEventTypes, EventBus, IslandPage, KeyboardShortcutManager, KeyboardState, LifecycleController, LifecycleEventTypes, MobileBottomDrawer, Modal, SPEC_ELEMENT_ID, SplashScreen, TemplateLoader, ThemeManager, ToastManager, hasModifierKeys, isInInputContext, mountIslands, readSpec, shouldIgnoreShortcut };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map