@hypen-space/web 0.4.980 → 0.5.3

package/dist/dom/components/hypenapp.js

@@ -1,7 +1,7 @@
 /**
  * HypenApp Component
  *
- * Embeds a remote Hypen app via WebSocket
+ * Embeds a remote Hypen app via WebSocket.
  *
  * Usage in Hypen DSL:
  * ```hypen
@@ -9,16 +9,159 @@
  *
  * // Or with named prop:
  * HypenApp(url: "ws://localhost:3000")
+ *
+ * // With custom loading / error UI via slot children:
+ * HypenApp("ws://localhost:3000") {
+ *     Column { Spinner() Text("Connecting to app...") }.slot("loading")
+ *     Column { Text("Couldn't reach the app") }.slot("error")
+ * }
  * ```
+ *
+ * Slot children are rendered by the *host* app (they're ordinary host
+ * nodes with full access to host state and actions); the handler only
+ * toggles their visibility as the connection moves through
+ * loading → connected / error. Children without a recognized slot render
+ * unconditionally. When a slot isn't provided, a built-in fallback is
+ * used ("Connecting..." text / red error message).
+ *
+ * The embedded app is rendered by a full `DOMRenderer` driven by its own
+ * `RemoteEngine` — the exact pairing the generic client uses at top level —
+ * so embedded apps get identical styling, event dispatch, router patch
+ * handling, and a11y behavior to a standalone page. (Route-change focus is
+ * disabled: the *host* app owns focus management; an embedded frame stealing
+ * focus on its internal navigations would fight it.) It renders into a
+ * dedicated content wrapper so slot toggling and error handling never
+ * touch host-owned slot children, and vice versa.
  */
 import { RemoteEngine } from "@hypen-space/core/remote/client";
+import { getElementDisposables } from "@hypen-space/core/disposable";
 import { frameworkLoggers } from "@hypen-space/core/logger";
 const log = frameworkLoggers.remote;
+export const LOADING_SLOT = "loading";
+export const ERROR_SLOT = "error";
 // Store active HypenApp instances for cleanup
 const activeInstances = new WeakMap();
+/** Direct children of the container tagged with `.slot(name)`. */
+function slotChildren(element, name) {
+    const out = [];
+    for (const child of Array.from(element.children)) {
+        if (child.dataset?.hypenSlot === name) {
+            out.push(child);
+        }
+    }
+    return out;
+}
+/**
+ * Hide/show an element while preserving its inline display value —
+ * applicators set `display: flex` etc. inline, so a plain `display = ""`
+ * on re-show would lose the element's layout.
+ */
+function setVisible(el, visible) {
+    const hidden = el.dataset.hypenSlotHidden === "true";
+    if (visible && hidden) {
+        el.style.display = el.dataset.hypenPrevDisplay ?? "";
+        delete el.dataset.hypenPrevDisplay;
+        delete el.dataset.hypenSlotHidden;
+    }
+    else if (!visible && !hidden) {
+        el.dataset.hypenPrevDisplay = el.style.display;
+        el.dataset.hypenSlotHidden = "true";
+        el.style.display = "none";
+    }
+}
+/**
+ * Connection-state → visibility controller for one HypenApp container.
+ *
+ * Slot children arrive via Insert patches *after* the container's Create
+ * (and can arrive/leave any time under ForEach/When), so visibility is
+ * re-applied from a MutationObserver rather than computed once.
+ */
+class SlotVisibilityController {
+    element;
+    contentHost;
+    status = "loading";
+    errorMessage = "";
+    defaultLoading = null;
+    defaultError = null;
+    observer = null;
+    constructor(element, contentHost) {
+        this.element = element;
+        this.contentHost = contentHost;
+        // Slot children arrive via Insert patches *after* this controller is
+        // constructed, so re-apply visibility whenever the container's child
+        // list changes (falls back to status-change-only updates where
+        // MutationObserver is unavailable, e.g. non-DOM test envs).
+        if (typeof MutationObserver !== "undefined") {
+            this.observer = new MutationObserver(() => this.update());
+            this.observer.observe(element, { childList: true });
+        }
+        this.update();
+    }
+    setStatus(status, errorMessage) {
+        this.status = status;
+        if (errorMessage !== undefined)
+            this.errorMessage = errorMessage;
+        this.element.dataset.hypenAppStatus = status;
+        this.update();
+    }
+    update() {
+        const showLoading = this.status === "loading";
+        const showError = this.status === "error";
+        const loadingSlots = slotChildren(this.element, LOADING_SLOT);
+        const errorSlots = slotChildren(this.element, ERROR_SLOT);
+        for (const el of loadingSlots)
+            setVisible(el, showLoading);
+        for (const el of errorSlots)
+            setVisible(el, showError);
+        // Built-in fallbacks only cover states the host didn't style.
+        this.toggleDefaultLoading(showLoading && loadingSlots.length === 0);
+        this.toggleDefaultError(showError && errorSlots.length === 0);
+        // A failed connection may leave a partial embedded tree behind;
+        // don't show it alongside the error UI.
+        setVisible(this.contentHost, !showError);
+    }
+    toggleDefaultLoading(show) {
+        if (show && !this.defaultLoading) {
+            const el = document.createElement("div");
+            el.className = "hypen-app-loading";
+            el.textContent = "Connecting...";
+            this.defaultLoading = el;
+            this.element.appendChild(el);
+        }
+        else if (!show && this.defaultLoading) {
+            this.defaultLoading.remove();
+            this.defaultLoading = null;
+        }
+    }
+    toggleDefaultError(show) {
+        if (show && !this.defaultError) {
+            const el = document.createElement("div");
+            el.className = "hypen-app-error";
+            el.style.color = "red";
+            this.defaultError = el;
+            this.element.appendChild(el);
+        }
+        if (this.defaultError) {
+            if (show) {
+                this.defaultError.textContent = this.errorMessage || "HypenApp: Connection failed";
+            }
+            else {
+                this.defaultError.remove();
+                this.defaultError = null;
+            }
+        }
+    }
+    dispose() {
+        this.observer?.disconnect();
+        this.defaultLoading?.remove();
+        this.defaultError?.remove();
+        this.defaultLoading = null;
+        this.defaultError = null;
+    }
+}
 export const hypenAppHandler = {
-    create(doc) {
-        const el = doc.createElement("div");
+    create() {
+        const el = document.createElement("div");
         el.dataset.hypenType = "hypenapp";
         el.style.display = "contents"; // Don't affect layout
         return el;
@@ -26,283 +169,108 @@ export const hypenAppHandler = {
     applyProps(element, props) {
         // Get URL from props (can be positional "0" or named "url")
         const url = props["0"] || props.url;
-        if (!url || typeof url !== "string") {
-            log.error("HypenApp: URL is required");
-            element.innerHTML = '<div style="color: red;">HypenApp: URL required</div>';
-            return;
-        }
-        // Check if already connected
         const existing = activeInstances.get(element);
         if (existing) {
-            // Already connected, don't reconnect
+            if (existing.url === url)
+                return; // Already connected to this app
+            // URL changed (or became invalid) — tear down and reconnect below.
+            existing.dispose();
+            activeInstances.delete(element);
+        }
+        // The nested renderer owns this wrapper; host-owned slot children are
+        // siblings of it, so neither side's cleanup can clobber the other.
+        const contentHost = document.createElement("div");
+        contentHost.className = "hypen-app-content";
+        contentHost.style.display = "contents";
+        element.appendChild(contentHost);
+        const visibility = new SlotVisibilityController(element, contentHost);
+        if (!url || typeof url !== "string") {
+            log.error("HypenApp: URL is required");
+            visibility.setStatus("error", "HypenApp: URL required");
+            activeInstances.set(element, {
+                engine: null,
+                renderer: null,
+                url: null,
+                dispose() {
+                    visibility.dispose();
+                    contentHost.remove();
+                },
+            });
             return;
         }
-        // Create the remote engine
+        // Lazy-required to break the static cycle:
+        // renderer.ts → components/index.ts → hypenapp.ts → renderer.ts
+        const { DOMRenderer: Renderer } = require("../renderer.js");
         const engine = new RemoteEngine(url, {
             autoReconnect: props.autoReconnect ?? true,
             reconnectInterval: props.reconnectInterval ?? 3000,
             maxReconnectAttempts: props.maxReconnectAttempts ?? 10,
         });
-        // Map to track created nodes
-        const nodes = new Map();
-        let rootId = null;
-        // Store instance for cleanup
-        activeInstances.set(element, { engine, nodes });
-        // Set up patch handling
+        const renderer = new Renderer(contentHost, engine, undefined, { routeFocus: "off" });
+        const instance = {
+            engine,
+            renderer,
+            url,
+            dispose() {
+                engine.disconnect();
+                visibility.dispose();
+                contentHost.remove();
+            },
+        };
+        activeInstances.set(element, instance);
+        // Same replacement-root handling as the generic client: a fresh root
+        // insert after we've already rendered one means "replace the tree".
+        let hasRenderedRoot = false;
         engine.onPatches((patches) => {
-            applyPatches(element, nodes, patches, engine, (id) => {
-                if (!rootId)
-                    rootId = id;
-            });
+            visibility.setStatus("connected");
+            const createdIds = new Set(patches.filter((patch) => patch.type === "create").map((patch) => patch.id));
+            const hasReplacementRoot = patches.some((patch) => patch.type === "insert" &&
+                patch.parentId === "root" &&
+                createdIds.has(patch.id));
+            if (hasReplacementRoot && hasRenderedRoot) {
+                renderer.clear();
+            }
+            renderer.applyPatches(patches);
+            hasRenderedRoot = hasRenderedRoot || hasReplacementRoot;
         });
-        // Show loading state
-        element.innerHTML = '<div class="hypen-app-loading">Connecting...</div>';
-        // Connect
         engine
             .connect()
-            .then(() => {
-            // Clear loading state - patches will populate content
-            element.innerHTML = "";
+            .then((result) => {
+            if (result && result.ok === false) {
+                visibility.setStatus("error", `HypenApp: Connection failed - ${result.error?.message ?? result.error}`);
+                log.error("HypenApp connection failed:", result.error);
+                return;
+            }
             log.debug(`HypenApp connected to ${url}`);
         })
             .catch((error) => {
-            element.innerHTML = `<div style="color: red;">HypenApp: Connection failed - ${error.message}</div>`;
+            visibility.setStatus("error", `HypenApp: Connection failed - ${error.message}`);
             log.error("HypenApp connection failed:", error);
         });
-        // Handle disconnection
         engine.onDisconnect(() => {
             log.debug("HypenApp disconnected");
         });
         engine.onError((error) => {
             log.error("HypenApp error:", error);
         });
-        // Cleanup on element removal
-        const observer = new MutationObserver((mutations) => {
-            for (const mutation of mutations) {
-                for (const removedNode of mutation.removedNodes) {
-                    if (removedNode === element || removedNode.contains?.(element)) {
-                        engine.disconnect();
-                        activeInstances.delete(element);
-                        observer.disconnect();
-                        log.debug("HypenApp cleaned up");
-                        return;
-                    }
-                }
-            }
+        // Cleanup rides the renderer's element-disposal channel: the host
+        // DOMRenderer runs this on a real `remove` patch (and on `clear()`),
+        // but NOT on a Router `detach` — so a cached route keeps its live
+        // connection and re-attaches warm, while LRU eviction closes it.
+        getElementDisposables(element).addCallback(() => {
+            instance.dispose();
+            activeInstances.delete(element);
+            log.debug("HypenApp cleaned up");
         });
-        // Observe parent for removal
-        if (element.parentNode) {
-            observer.observe(element.parentNode, { childList: true, subtree: true });
-        }
     },
 };
-/**
- * Minimal patch application for HypenApp container
- */
-function applyPatches(container, nodes, patches, engine, onRoot) {
-    for (const patch of patches) {
-        switch (patch.type) {
-            case "create": {
-                const el = createElement(patch.elementType, patch.props || {});
-                el.dataset.hypenId = patch.id;
-                el.__hypenEngine = engine;
-                nodes.set(patch.id, el);
-                break;
-            }
-            case "setProp": {
-                const el = nodes.get(patch.id);
-                if (el) {
-                    applyProp(el, patch.name, patch.value);
-                }
-                break;
-            }
-            case "setText": {
-                const el = nodes.get(patch.id);
-                if (el) {
-                    el.textContent = patch.text;
-                }
-                break;
-            }
-            case "insert": {
-                const parentId = patch.parentId;
-                const parent = parentId === "root" ? container : nodes.get(parentId);
-                const child = nodes.get(patch.id);
-                const beforeId = patch.beforeId;
-                if (parent && child) {
-                    if (parentId === "root") {
-                        onRoot(patch.id);
-                    }
-                    if (beforeId) {
-                        const before = nodes.get(beforeId);
-                        if (before && before.parentNode === parent) {
-                            parent.insertBefore(child, before);
-                        }
-                        else if (!parent.contains(child)) {
-                            parent.appendChild(child);
-                        }
-                    }
-                    else if (!parent.contains(child)) {
-                        parent.appendChild(child);
-                    }
-                }
-                break;
-            }
-            case "move": {
-                const parentId = patch.parentId;
-                const parent = parentId === "root" ? container : nodes.get(parentId);
-                const child = nodes.get(patch.id);
-                const beforeId = patch.beforeId;
-                if (parent && child) {
-                    if (beforeId) {
-                        const before = nodes.get(beforeId);
-                        if (before && before.parentNode === parent) {
-                            parent.insertBefore(child, before);
-                        }
-                    }
-                    else {
-                        parent.appendChild(child);
-                    }
-                }
-                break;
-            }
-            case "remove": {
-                const el = nodes.get(patch.id);
-                if (el && el.parentNode) {
-                    el.parentNode.removeChild(el);
-                }
-                nodes.delete(patch.id);
-                break;
-            }
-        }
-    }
-}
-/**
- * Create element by type
- */
-function createElement(type, props) {
-    const normalizedType = type.toLowerCase();
-    // Map Hypen types to HTML elements
-    const tagMap = {
-        column: "div",
-        row: "div",
-        text: "span",
-        button: "button",
-        input: "input",
-        image: "img",
-        container: "div",
-        box: "div",
-        center: "div",
-        list: "div",
-        spacer: "div",
-        stack: "div",
-        divider: "hr",
-        grid: "div",
-        card: "div",
-        heading: "h2",
-        link: "a",
-        textarea: "textarea",
-        checkbox: "input",
-        select: "select",
-        slider: "input",
-        switch: "input",
-        spinner: "div",
-        badge: "span",
-        avatar: "img",
-        progressbar: "div",
-        video: "video",
-        audio: "audio",
-    };
-    const tag = tagMap[normalizedType] || "div";
-    const el = document.createElement(tag);
-    el.dataset.hypenType = normalizedType;
-    // Apply basic styles
-    if (normalizedType === "column") {
-        el.style.display = "flex";
-        el.style.flexDirection = "column";
-    }
-    else if (normalizedType === "row") {
-        el.style.display = "flex";
-        el.style.flexDirection = "row";
-    }
-    else if (normalizedType === "center") {
-        el.style.display = "flex";
-        el.style.alignItems = "center";
-        el.style.justifyContent = "center";
-    }
-    else if (normalizedType === "text") {
-        // Text content from props
-        if (props["0"]) {
-            el.textContent = String(props["0"]);
-        }
-    }
-    else if (normalizedType === "button") {
-        el.style.cursor = "pointer";
-    }
-    else if (normalizedType === "checkbox" || normalizedType === "switch") {
-        el.type = "checkbox";
-    }
-    else if (normalizedType === "slider") {
-        el.type = "range";
-    }
-    return el;
-}
-/**
- * Apply a prop to an element
- */
-function applyProp(el, name, value) {
-    // Text content
-    if (name === "0" || name === "text") {
-        el.textContent = String(value);
-        return;
-    }
-    // Style props
-    const styleProps = {
-        padding: "padding",
-        margin: "margin",
-        backgroundColor: "backgroundColor",
-        background: "background",
-        color: "color",
-        fontSize: "fontSize",
-        fontWeight: "fontWeight",
-        width: "width",
-        height: "height",
-        minWidth: "minWidth",
-        minHeight: "minHeight",
-        maxWidth: "maxWidth",
-        maxHeight: "maxHeight",
-        borderRadius: "borderRadius",
-        border: "border",
-        gap: "gap",
-        flex: "flex",
-        opacity: "opacity",
-        overflow: "overflow",
-    };
-    if (styleProps[name]) {
-        const cssValue = typeof value === "number" ? `${value}px` : String(value);
-        el.style[styleProps[name]] = cssValue;
-        return;
-    }
-    // Event handlers
-    if (name === "onClick" || name === "onclick") {
-        el.onclick = () => {
-            const engine = el.__hypenEngine;
-            if (engine && typeof value === "string" && value.startsWith("@actions.")) {
-                const action = value.replace("@actions.", "");
-                engine.dispatchAction(action);
-            }
-        };
-        return;
-    }
-    // Other attributes
-    el.setAttribute(name, String(value));
-}
 /**
  * Disconnect a HypenApp instance
  */
 export function disconnectHypenApp(element) {
     const instance = activeInstances.get(element);
     if (instance) {
-        instance.engine.disconnect();
+        instance.engine?.disconnect();
         activeInstances.delete(element);
     }
 }

package/dist/dom/components/hypenapp.js.map

@@ -1 +1 @@
-{"version":3,"file":"hypenapp.js","sourceRoot":"","sources":["../../../src/dom/components/hypenapp.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hypenapp.js","sourceRoot":"","sources":["../../../src/dom/components/hypenapp.ts"],"names":[],"mappings":"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"}

package/dist/dom/components/icon.js

@@ -7,8 +7,8 @@
  */
 const SVG_NS = "http://www.w3.org/2000/svg";
 export const iconHandler = {
-    create(doc) {
-        const el = doc.createElement("span");
+    create() {
+        const el = document.createElement("span");
         el.style.display = "inline-flex";
         el.style.alignItems = "center";
         el.style.justifyContent = "center";
@@ -17,7 +17,6 @@ export const iconHandler = {
         return el;
     },
     applyProps(el, props) {
-        const doc = el.ownerDocument;
         // Server-resolved icon data (from engine's ResourceRegistry)
         const paths = props.__iconPaths;
         const viewBox = props.__iconViewBox || "0 0 24 24";
@@ -26,7 +25,7 @@ export const iconHandler = {
         const color = props.color || props["color.0"] || "currentColor";
         if (paths && Array.isArray(paths)) {
             // Render from pre-resolved SVG path data
-            const svg = doc.createElementNS(SVG_NS, "svg");
+            const svg = document.createElementNS(SVG_NS, "svg");
             svg.setAttribute("xmlns", SVG_NS);
             svg.setAttribute("width", String(size));
             svg.setAttribute("height", String(size));
@@ -34,7 +33,7 @@ export const iconHandler = {
             svg.setAttribute("fill", "none");
             svg.style.display = "block";
             for (const pathData of paths) {
-                const path = doc.createElementNS(SVG_NS, "path");
+                const path = document.createElementNS(SVG_NS, "path");
                 path.setAttribute("d", pathData.d);
                 path.setAttribute("fill", pathData.fill || "none");
                 path.setAttribute("stroke", (pathData.stroke || "currentColor") === "currentColor"

package/dist/dom/components/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/dom/components/icon.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/dom/components/icon.ts"],"names":[],"mappings":"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"}

package/dist/dom/components/image.js

@@ -2,8 +2,8 @@
  * Image Component
  */
 export const imageHandler = {
-    create(doc) {
-        const el = doc.createElement("img");
+    create() {
+        const el = document.createElement("img");
         el.dataset.hypenType = "image";
         return el;
     },