@velumo/renderer-dom 0.1.0-beta.0

package/dist/layout-renderer.js

@@ -0,0 +1,450 @@
+export function renderLayoutNode(node, factories) {
+    if (!isRecord(node) || typeof node.kind !== "string") {
+        return unknownLayoutElement(factories);
+    }
+    switch (node.kind) {
+        case "stack":
+            return renderLayoutContainer(node, "stack", factories);
+        case "grid":
+            return renderGridLayout(node, factories);
+        case "split":
+            return renderSplitLayout(node, factories);
+        case "hero":
+            return renderLayoutContainer(node, "hero", factories);
+        case "frame":
+            return renderFrameLayout(node, factories);
+        case "heading":
+            return renderHeadingElement(node, factories);
+        case "text":
+            return renderTextElement(node, factories);
+        case "media":
+            return renderMediaElement(node, factories);
+        case "callout":
+            return renderCalloutElement(node, factories);
+        case "canvas":
+            return renderCanvasLayout(node, factories);
+        case "animate":
+            return renderAnimateLayout(node, factories);
+        case "code":
+            return renderCodeElement(node, factories);
+        case "icon":
+            return renderIconElement(node, factories);
+        case "badge":
+            return renderBadgeElement(node, factories);
+        case "rule":
+            return renderRuleElement(node, factories);
+        case "table":
+            return renderTableLayout(node, factories);
+        case "connector":
+            return renderConnectorElement(node, factories);
+        default:
+            return unknownLayoutElement(factories);
+    }
+}
+function renderLayoutContainer(node, kind, factories) {
+    const element = factories.createElement("div");
+    element.setAttribute("data-velumo-layout", kind);
+    if (typeof node.direction === "string") {
+        element.setAttribute("data-velumo-stack-direction", node.direction);
+    }
+    if (typeof node.justify === "string") {
+        element.setAttribute("data-velumo-stack-justify", node.justify);
+    }
+    if (typeof node.align === "string") {
+        element.setAttribute("data-velumo-stack-align", node.align);
+    }
+    appendLayoutChildren(element, node.children, factories);
+    return element;
+}
+function renderGridLayout(node, factories) {
+    const element = renderLayoutContainer(node, "grid", factories);
+    if (typeof node.columns === "number") {
+        factories.setStyleProperty(element, "--velumo-layout-columns", String(node.columns));
+    }
+    if (typeof node.rows === "number") {
+        factories.setStyleProperty(element, "--velumo-layout-rows", String(node.rows));
+    }
+    return element;
+}
+function renderSplitLayout(node, factories) {
+    const element = renderLayoutContainer(node, "split", factories);
+    if (Array.isArray(node.weights)) {
+        factories.setStyleProperty(element, "--velumo-layout-weights", node.weights.join(" "));
+    }
+    return element;
+}
+function renderFrameLayout(node, factories) {
+    const element = renderLayoutContainer(node, "frame", factories);
+    if (typeof node.tone === "string") {
+        element.setAttribute("data-velumo-frame-tone", node.tone);
+    }
+    if (isRecord(node.meta)) {
+        if (typeof node.meta.safeArea === "string") {
+            element.setAttribute("data-velumo-safe-area", node.meta.safeArea);
+        }
+        if (typeof node.meta.cameraHint === "string") {
+            element.setAttribute("data-velumo-camera-hint", node.meta.cameraHint);
+        }
+        if (typeof node.meta.depth === "number") {
+            factories.setStyleProperty(element, "--velumo-layout-depth", String(node.meta.depth));
+        }
+    }
+    return element;
+}
+function applyTextStyleAttributes(element, node) {
+    if (typeof node.transform === "string") {
+        element.setAttribute("data-velumo-text-transform", node.transform);
+    }
+    if (typeof node.decoration === "string") {
+        element.setAttribute("data-velumo-text-decoration", node.decoration);
+    }
+    if (node.glow === true) {
+        element.setAttribute("data-velumo-text-glow", "");
+    }
+    if (typeof node.tone === "string") {
+        element.setAttribute("data-velumo-text-tone", node.tone);
+    }
+}
+function renderHeadingElement(node, factories) {
+    const level = typeof node.level === "number" &&
+        Number.isInteger(node.level) &&
+        node.level >= 1 &&
+        node.level <= 6
+        ? node.level
+        : 1;
+    const element = factories.createElement(`h${level}`);
+    element.textContent = String(node.text ?? "");
+    element.setAttribute("data-velumo-element", "heading");
+    if (typeof node.size === "string") {
+        element.setAttribute("data-velumo-heading-size", node.size);
+    }
+    applyTextStyleAttributes(element, node);
+    return element;
+}
+function renderTextElement(node, factories) {
+    const element = factories.createElement("p");
+    element.textContent = String(node.text ?? "");
+    element.setAttribute("data-velumo-element", "text");
+    if (typeof node.variant === "string") {
+        element.setAttribute("data-velumo-text-variant", node.variant);
+    }
+    applyTextStyleAttributes(element, node);
+    return element;
+}
+function renderMediaElement(node, factories) {
+    const element = factories.createElement("img");
+    element.setAttribute("data-velumo-element", "media");
+    element.setAttribute("src", String(node.src ?? ""));
+    element.setAttribute("alt", String(node.alt ?? ""));
+    if (typeof node.fit === "string") {
+        element.setAttribute("data-velumo-media-fit", node.fit);
+    }
+    return element;
+}
+function renderCalloutElement(node, factories) {
+    const element = factories.createElement("aside");
+    element.setAttribute("data-velumo-element", "callout");
+    if (typeof node.tone === "string") {
+        element.setAttribute("data-velumo-callout-tone", node.tone);
+    }
+    appendLayoutChildren(element, node.children, factories);
+    return element;
+}
+function appendLayoutChildren(parent, children, factories) {
+    if (!Array.isArray(children)) {
+        return;
+    }
+    for (const child of children) {
+        parent.appendChild(renderLayoutNode(child, factories));
+    }
+}
+function renderCanvasLayout(node, factories) {
+    const element = factories.createElement("div");
+    element.setAttribute("data-velumo-layout", "canvas");
+    factories.setStyleProperty(element, "position", "relative");
+    factories.setStyleProperty(element, "flex", "1");
+    factories.setStyleProperty(element, "min-height", "0");
+    factories.setStyleProperty(element, "width", "100%");
+    // height:100% fills any definite-height parent (grid item, spatial world);
+    // in a flex column flex-basis:0% from flex:1 overrides height so the canvas
+    // still fills remaining space — no overlap regression since it is in-flow.
+    factories.setStyleProperty(element, "height", "100%");
+    if (Array.isArray(node.items)) {
+        for (const item of node.items) {
+            if (!isRecord(item)) {
+                continue;
+            }
+            const slot = factories.createElement("div");
+            slot.setAttribute("data-velumo-canvas-item", "");
+            factories.setStyleProperty(slot, "position", "absolute");
+            if (typeof item.x === "number") {
+                factories.setStyleProperty(slot, "left", `${item.x}%`);
+            }
+            if (typeof item.y === "number") {
+                factories.setStyleProperty(slot, "top", `${item.y}%`);
+            }
+            if (typeof item.width === "number") {
+                factories.setStyleProperty(slot, "width", `${item.width}%`);
+            }
+            if (typeof item.height === "number") {
+                factories.setStyleProperty(slot, "height", `${item.height}%`);
+            }
+            slot.appendChild(renderLayoutNode(item.child, factories));
+            element.appendChild(slot);
+        }
+    }
+    return element;
+}
+function renderAnimateLayout(node, factories) {
+    const element = factories.createElement("div");
+    element.setAttribute("data-velumo-layout", "animate");
+    if (typeof node.name === "string") {
+        element.setAttribute("data-velumo-animation", node.name);
+    }
+    if (typeof node.delay === "number") {
+        factories.setStyleProperty(element, "--velumo-animation-delay", `${node.delay}s`);
+    }
+    if (typeof node.duration === "number") {
+        factories.setStyleProperty(element, "--velumo-animation-duration", `${node.duration}s`);
+    }
+    if (typeof node.easing === "string") {
+        factories.setStyleProperty(element, "--velumo-animation-easing", node.easing);
+    }
+    element.appendChild(renderLayoutNode(node.child, factories));
+    return element;
+}
+function renderCodeElement(node, factories) {
+    const element = factories.createElement("pre");
+    element.setAttribute("data-velumo-element", "code");
+    const lines = Array.isArray(node.lines) ? node.lines : [];
+    lines.forEach((line, lineIndex) => {
+        if (Array.isArray(line)) {
+            for (const tok of line) {
+                if (!isRecord(tok)) {
+                    continue;
+                }
+                const span = factories.createElement("span");
+                span.setAttribute("data-velumo-token", typeof tok.kind === "string" ? tok.kind : "plain");
+                span.textContent = String(tok.text ?? "");
+                element.appendChild(span);
+            }
+        }
+        if (lineIndex < lines.length - 1) {
+            const newline = factories.createElement("span");
+            newline.textContent = "\n";
+            element.appendChild(newline);
+        }
+    });
+    return element;
+}
+function renderIconElement(node, factories) {
+    const element = factories.createElement("span");
+    element.setAttribute("data-velumo-element", "icon");
+    element.setAttribute("data-velumo-icon", typeof node.name === "string" ? node.name : "dot");
+    if (typeof node.tone === "string") {
+        element.setAttribute("data-velumo-text-tone", node.tone);
+    }
+    if (typeof node.label === "string" && node.label.length > 0) {
+        element.setAttribute("role", "img");
+        element.setAttribute("aria-label", node.label);
+    }
+    else {
+        element.setAttribute("aria-hidden", "true");
+    }
+    return element;
+}
+function renderBadgeElement(node, factories) {
+    const element = factories.createElement("span");
+    element.setAttribute("data-velumo-element", "badge");
+    if (typeof node.tone === "string") {
+        element.setAttribute("data-velumo-badge-tone", node.tone);
+    }
+    if (typeof node.variant === "string") {
+        element.setAttribute("data-velumo-badge-variant", node.variant);
+    }
+    if (node.mono === true) {
+        element.setAttribute("data-velumo-badge-mono", "");
+    }
+    if (typeof node.dot === "string") {
+        const dot = factories.createElement("span");
+        dot.setAttribute("data-velumo-badge-dot", node.dot);
+        element.appendChild(dot);
+    }
+    const label = factories.createElement("span");
+    label.textContent = String(node.text ?? "");
+    element.appendChild(label);
+    return element;
+}
+function renderRuleElement(node, factories) {
+    const element = factories.createElement("span");
+    element.setAttribute("data-velumo-element", "rule");
+    const width = typeof node.length === "number"
+        ? `${node.length}px`
+        : typeof node.length === "string"
+            ? node.length
+            : "100%";
+    const height = typeof node.thickness === "number" ? `${node.thickness}px` : "2px";
+    const radius = typeof node.radius === "number" ? `${node.radius}px` : "999px";
+    factories.setStyleProperty(element, "width", width);
+    factories.setStyleProperty(element, "height", height);
+    factories.setStyleProperty(element, "border-radius", radius);
+    if (Array.isArray(node.gradient) && node.gradient.length === 2) {
+        const [from, to] = node.gradient;
+        element.setAttribute("data-velumo-rule-gradient", `${String(from)} ${String(to)}`);
+        factories.setStyleProperty(element, "--velumo-rule-from", `var(--velumo-tone-${String(from)})`);
+        factories.setStyleProperty(element, "--velumo-rule-to", `var(--velumo-tone-${String(to)})`);
+    }
+    else if (typeof node.tone === "string") {
+        element.setAttribute("data-velumo-rule-tone", node.tone);
+    }
+    return element;
+}
+function renderTableLayout(node, factories) {
+    const columns = Array.isArray(node.columns) ? node.columns : [];
+    const element = factories.createElement("div");
+    element.setAttribute("data-velumo-layout", "table");
+    element.setAttribute("role", "table");
+    const weights = columns
+        .map((c) => (isRecord(c) && typeof c.weight === "number" ? c.weight : 1))
+        .join("fr ");
+    factories.setStyleProperty(element, "--velumo-table-columns", columns.length > 0 ? `${weights}fr` : "1fr");
+    const applyColAttrs = (cell, column) => {
+        if (!isRecord(column)) {
+            return;
+        }
+        if (column.emphasis === true) {
+            cell.setAttribute("data-velumo-col-emphasis", "");
+        }
+        if (typeof column.align === "string") {
+            cell.setAttribute("data-velumo-col-align", column.align);
+        }
+    };
+    const hasHeader = columns.some((c) => isRecord(c) && c.header !== undefined);
+    if (hasHeader) {
+        const headRow = factories.createElement("div");
+        headRow.setAttribute("role", "row");
+        headRow.setAttribute("data-velumo-table-head", "");
+        columns.forEach((column) => {
+            const cell = factories.createElement("div");
+            cell.setAttribute("role", "columnheader");
+            applyColAttrs(cell, column);
+            if (isRecord(column) && column.header !== undefined) {
+                cell.appendChild(renderLayoutNode(column.header, factories));
+            }
+            headRow.appendChild(cell);
+        });
+        element.appendChild(headRow);
+    }
+    const body = factories.createElement("div");
+    body.setAttribute("role", "rowgroup");
+    const rows = Array.isArray(node.rows) ? node.rows : [];
+    for (const row of rows) {
+        const rowEl = factories.createElement("div");
+        rowEl.setAttribute("role", "row");
+        const cells = Array.isArray(row) ? row.slice(0, columns.length) : [];
+        cells.forEach((cellNode, cellIndex) => {
+            const cell = factories.createElement("div");
+            cell.setAttribute("role", "cell");
+            applyColAttrs(cell, columns[cellIndex]);
+            cell.appendChild(renderLayoutNode(cellNode, factories));
+            rowEl.appendChild(cell);
+        });
+        body.appendChild(rowEl);
+    }
+    element.appendChild(body);
+    return element;
+}
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function connectorMarkerId(node) {
+    // Deterministic, collision-resistant id from all style-bearing fields so that
+    // two connectors sharing endpoints but differing in tone/arrow/dashed/control
+    // receive distinct marker ids (inline-SVG ids are document-global).
+    const pt = (p) => isRecord(p) ? `${String(p.x)}_${String(p.y)}` : "x";
+    const parts = [
+        pt(node.from),
+        pt(node.to),
+        isRecord(node.control) ? pt(node.control) : "noctl",
+        typeof node.arrow === "string" ? node.arrow : "none",
+        node.dashed === true ? "d" : "s",
+        typeof node.tone === "string" ? node.tone : "default",
+    ].join("-");
+    return `velumo-arrow-${parts}`.replace(/[^a-zA-Z0-9_-]/g, "");
+}
+function renderConnectorElement(node, factories) {
+    const create = (tag) => factories.createElementNS
+        ? factories.createElementNS(SVG_NAMESPACE, tag)
+        : factories.createElement(tag);
+    const svg = create("svg");
+    svg.setAttribute("data-velumo-element", "connector");
+    svg.setAttribute("viewBox", "0 0 100 100");
+    svg.setAttribute("preserveAspectRatio", "none");
+    svg.setAttribute("width", "100%");
+    svg.setAttribute("height", "100%");
+    svg.setAttribute("aria-hidden", "true");
+    if (typeof node.tone === "string") {
+        svg.setAttribute("data-velumo-text-tone", node.tone);
+    }
+    // Guard against non-finite coordinates (e.g. NaN from non-numeric input) so
+    // the path data attribute is always well-formed.
+    const num = (v) => {
+        const n = Number(v);
+        return Number.isFinite(n) ? n : 0;
+    };
+    const from = isRecord(node.from) ? node.from : { x: 0, y: 0 };
+    const to = isRecord(node.to) ? node.to : { x: 0, y: 0 };
+    const fx = num(from.x ?? 0);
+    const fy = num(from.y ?? 0);
+    const tx = num(to.x ?? 0);
+    const ty = num(to.y ?? 0);
+    const d = isRecord(node.control)
+        ? `M ${fx} ${fy} Q ${num(node.control.x ?? 0)} ${num(node.control.y ?? 0)} ${tx} ${ty}`
+        : `M ${fx} ${fy} L ${tx} ${ty}`;
+    const arrow = typeof node.arrow === "string" ? node.arrow : "none";
+    const markerId = connectorMarkerId(node);
+    // Append the connection path first so depth-first tree walkers encounter it
+    // before the arrowhead path nested inside <defs>/<marker>.
+    const path = create("path");
+    path.setAttribute("d", d);
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "2.5");
+    path.setAttribute("vector-effect", "non-scaling-stroke");
+    path.setAttribute("stroke-linecap", "round");
+    if (node.dashed === true) {
+        path.setAttribute("stroke-dasharray", "4 4");
+    }
+    if (arrow === "end" || arrow === "both") {
+        path.setAttribute("marker-end", `url(#${markerId})`);
+    }
+    if (arrow === "start" || arrow === "both") {
+        path.setAttribute("marker-start", `url(#${markerId})`);
+    }
+    svg.appendChild(path);
+    if (arrow === "end" || arrow === "start" || arrow === "both") {
+        const defs = create("defs");
+        const marker = create("marker");
+        marker.setAttribute("id", markerId);
+        marker.setAttribute("markerWidth", "2.6");
+        marker.setAttribute("markerHeight", "2.6");
+        marker.setAttribute("refX", "2.2");
+        marker.setAttribute("refY", "1.3");
+        marker.setAttribute("orient", "auto");
+        marker.setAttribute("markerUnits", "userSpaceOnUse");
+        const head = create("path");
+        head.setAttribute("d", "M 0 0 L 2.6 1.3 L 0 2.6 z");
+        head.setAttribute("fill", "currentColor");
+        marker.appendChild(head);
+        defs.appendChild(marker);
+        svg.appendChild(defs);
+    }
+    return svg;
+}
+function unknownLayoutElement(factories) {
+    const element = factories.createElement("div");
+    element.setAttribute("data-velumo-layout", "unknown");
+    return element;
+}
+function isRecord(value) {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+//# sourceMappingURL=layout-renderer.js.map

package/dist/layout-renderer.js.map

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

package/dist/slide-thumbnail.d.ts

@@ -0,0 +1,63 @@
+import type { Manifest } from "@velumo/core";
+import { type DomRendererOptions } from "./dom-renderer.js";
+export interface SlideThumbnailOptions {
+    /** The host element that will contain the thumbnail. The HOST is responsible
+     * for sizing this element's width; the thumbnail fills it via aspect-ratio. */
+    readonly root: {
+        readonly ownerDocument: {
+            createElement(tagName: string): any;
+            createElementNS?(ns: string, tagName: string): any;
+            createTextNode(text: string): any;
+            readonly head?: any;
+            querySelector?(selectors: string): any;
+            readonly defaultView?: {
+                ResizeObserver?: new (cb: ResizeObserverCallback) => ResizeObserver;
+            } | null;
+        };
+        replaceChildren(...children: any[]): void;
+        querySelector(selector: string): any;
+        getBoundingClientRect?(): {
+            width: number;
+            height: number;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+        };
+    };
+    readonly manifest: Manifest;
+    readonly slideId: string;
+    /** Override the canonical reference dimensions (default: 1280x720). */
+    readonly reference?: {
+        width: number;
+        height: number;
+    };
+    /** The runtime registry, so plugin-registered layer renderers (e.g. `fx:*`)
+     * render real content in the thumbnail instead of fallback layer-type text. */
+    readonly registry?: DomRendererOptions["registry"];
+}
+export interface SlideThumbnailHandle {
+    dispose(): void;
+}
+/**
+ * Mounts a slide thumbnail into `options.root`.
+ *
+ * DOM structure:
+ *   root
+ *   └── box [data-velumo-thumbnail]       (overflow:hidden, aspect-ratio:16/9)
+ *       └── stage [data-velumo-thumbnail-stage]  (1280×720, container-type:size)
+ *           └── surface [data-velumo-renderer="dom"]  (DomRenderer root)
+ *
+ * The HOST sizes box's width. The stage is always 1280px wide (reference.width)
+ * so that cqw units resolve canonically. A CSS transform scales the stage to fit
+ * the host-sized box (transform-origin: top left).
+ *
+ * ResizeObserver (when available) keeps the scale updated. A synchronous
+ * initial measure is taken at mount time; a zero width falls back to reference.width.
+ *
+ * The [data-velumo-thumbnail] marker on the box causes the defaultThemeCss rule
+ *   [data-velumo-thumbnail] [data-velumo-animation] { animation: none !important; }
+ * to suppress entry animations, keeping thumbnails visually settled.
+ */
+export declare function mountSlideThumbnail(options: SlideThumbnailOptions): SlideThumbnailHandle;
+//# sourceMappingURL=slide-thumbnail.d.ts.map

package/dist/slide-thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-thumbnail.d.ts","sourceRoot":"","sources":["../src/slide-thumbnail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAKzE,MAAM,WAAW,qBAAqB;IACpC;mFAC+E;IAC/E,QAAQ,CAAC,IAAI,EAAE;QACb,QAAQ,CAAC,aAAa,EAAE;YACtB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC;YACpC,eAAe,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC;YACnD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;YAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;YACpB,aAAa,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,GAAG,CAAC;YACvC,QAAQ,CAAC,WAAW,CAAC,EAAE;gBACrB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,sBAAsB,KAAK,cAAc,CAAC;aACrE,GAAG,IAAI,CAAC;SACV,CAAC;QACF,eAAe,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QAC1C,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;QACrC,qBAAqB,CAAC,IAAI;YACxB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,GAAG,EAAE,MAAM,CAAC;YACZ,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,QAAQ,CAAC,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD;mFAC+E;IAC/E,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,qBAAqB,GAC7B,oBAAoB,CA8EtB"}

package/dist/slide-thumbnail.js

@@ -0,0 +1,93 @@
+import { RuntimeController } from "@velumo/runtime";
+import { DomRenderer } from "./dom-renderer.js";
+// Default reference dimensions for a 16:9 slide stage.
+const DEFAULT_REFERENCE = { width: 1280, height: 720 };
+/**
+ * Mounts a slide thumbnail into `options.root`.
+ *
+ * DOM structure:
+ *   root
+ *   └── box [data-velumo-thumbnail]       (overflow:hidden, aspect-ratio:16/9)
+ *       └── stage [data-velumo-thumbnail-stage]  (1280×720, container-type:size)
+ *           └── surface [data-velumo-renderer="dom"]  (DomRenderer root)
+ *
+ * The HOST sizes box's width. The stage is always 1280px wide (reference.width)
+ * so that cqw units resolve canonically. A CSS transform scales the stage to fit
+ * the host-sized box (transform-origin: top left).
+ *
+ * ResizeObserver (when available) keeps the scale updated. A synchronous
+ * initial measure is taken at mount time; a zero width falls back to reference.width.
+ *
+ * The [data-velumo-thumbnail] marker on the box causes the defaultThemeCss rule
+ *   [data-velumo-thumbnail] [data-velumo-animation] { animation: none !important; }
+ * to suppress entry animations, keeping thumbnails visually settled.
+ */
+export function mountSlideThumbnail(options) {
+    const reference = options.reference ?? DEFAULT_REFERENCE;
+    const doc = options.root.ownerDocument;
+    // Build DOM: box > stage > surface
+    const box = doc.createElement("div");
+    box.setAttribute("data-velumo-thumbnail", "");
+    box.style.overflow = "hidden";
+    box.style.aspectRatio = "16 / 9";
+    const stage = doc.createElement("div");
+    stage.setAttribute("data-velumo-thumbnail-stage", "");
+    stage.style.width = `${reference.width}px`;
+    stage.style.height = `${reference.height}px`;
+    stage.style.containerType = "size";
+    stage.style.transformOrigin = "top left";
+    const surface = doc.createElement("div");
+    // Fill the stage so the renderer root has a DEFINITE 1280x720 size. Without an
+    // explicit height the surface shrink-wraps its content, so its `container-type:
+    // size` would resolve `cqh` to the content height instead of 720px and the
+    // slide's `cqh`-based frame padding would be wrong (gate-3 finding 1).
+    surface.style.width = "100%";
+    surface.style.height = "100%";
+    stage.appendChild(surface);
+    box.appendChild(stage);
+    options.root.replaceChildren(box);
+    // Wire up runtime + renderer
+    const runtime = new RuntimeController(options.manifest, {
+        initialSlideId: options.slideId,
+    });
+    const renderer = new DomRenderer({
+        root: surface,
+        manifest: options.manifest,
+        runtime,
+        registry: options.registry,
+    });
+    renderer.mount();
+    // Scale helpers
+    function applyScale(boxWidth) {
+        stage.style.transform = `scale(${boxWidth / reference.width})`;
+    }
+    // Synchronous initial measure
+    const initialWidth = box.getBoundingClientRect?.()?.width ?? 0;
+    applyScale(initialWidth > 0 ? initialWidth : reference.width);
+    // ResizeObserver (observe the BOX — a test asserts this)
+    let disposed = false;
+    const ROCtor = globalThis.ResizeObserver ?? doc.defaultView?.ResizeObserver;
+    let observer;
+    if (ROCtor !== undefined) {
+        observer = new ROCtor((entries) => {
+            if (disposed)
+                return;
+            const width = entries[0]?.contentRect?.width;
+            if (typeof width === "number") {
+                applyScale(width);
+            }
+        });
+        observer.observe(box);
+    }
+    return {
+        dispose() {
+            if (disposed)
+                return;
+            disposed = true;
+            observer?.disconnect();
+            renderer.dispose();
+            options.root.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=slide-thumbnail.js.map

package/dist/slide-thumbnail.js.map

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