@mokly/mokly 0.8.0

package/dist/client/workspace.js

@@ -0,0 +1,215 @@
+import { installWorkspaceEvents } from "./workspace_events.js";
+import { workspaceLoader } from "./workspace_loading.js";
+import { collapseFrame, expandedFrame } from "./browse_frames.js";
+import { ComponentControls } from "./component_controls.js";
+import { currentColorScheme, currentViewport, setColorScheme, setViewport, } from "./browse_state.js";
+import { authenticateRanges, rangeBounds } from "./component_geometry.js";
+import { installComponentHighlight } from "./component_highlight.js";
+import { element, renderInstances, renderProps, renderUsage, } from "./inspector_panels.js";
+import { installInspectorTabs } from "./inspector_tabs.js";
+import { renderWorkspaceEvidence } from "./workspace_evidence.js";
+import { applyVariant, selectedVariant } from "./workspace_variants.js";
+import { mergeWorkspaceEvidence, updateWorkspaceEvidence, } from "./workspace_updates.js";
+import { workspaceViews, workspaceFrames, highlightUnavailable, renderViewContexts, revealWorkspaceInstance, } from "./workspace_preview.js";
+export function installWorkspace(doc, win, updateDiffs, onHistoryChange) {
+    const root = doc.querySelector("[data-workspace]");
+    const json = root?.querySelector("[data-workspace-data]")?.textContent;
+    if (!root || !json)
+        return () => { };
+    const data = JSON.parse(json);
+    const controller = new AbortController();
+    const { signal } = controller;
+    const query = new URLSearchParams(win.location.search);
+    let variant = selectedVariant(data, win.location.search);
+    root.addEventListener("mokly:workspace-evidence", (event) => {
+        mergeWorkspaceEvidence(data, event.detail);
+        variant = updateWorkspaceEvidence(root, data, win.location.search);
+    }, { signal });
+    let activeViewport = query.get("viewport") === "mobile" ? "mobile" : "desktop";
+    let selected = query.get("instance") ?? undefined;
+    const expanded = new Set();
+    let highlight = false;
+    let stopHighlight;
+    const toggle = root.querySelector("[data-workspace-highlight]");
+    const viewportControl = root.querySelector("[data-workspace-viewport]");
+    const schemeControl = root.querySelector("[data-workspace-scheme]");
+    const tabs = installInspectorTabs(root, signal);
+    const open = tabs.open;
+    const panel = (name) => root.querySelector(`[data-inspector-panel="${name}"]`);
+    const comparison = () => (root
+        .querySelector('[data-diff-mode][aria-pressed="true"]')
+        ?.getAttribute("data-diff-mode") ?? "current") !== "current";
+    const controls = data.entry.kind === "component"
+        ? new ComponentControls(root, data, signal, () => refresh())
+        : undefined;
+    const savedViews = () => workspaceViews(doc, data, variant.variant?.value.id);
+    const currentViews = () => controls?.views(savedViews()) ?? savedViews();
+    const current = () => currentViews().find((view) => view.viewport === activeViewport) ??
+        currentViews()[0];
+    const currentInstance = () => current()?.usage?.instances.find((item) => item.key === selected);
+    const loadViews = workspaceLoader(data, signal, () => {
+        refresh();
+        if (selected && currentInstance())
+            open("props", false);
+    });
+    const select = (key, viewport = activeViewport) => {
+        activeViewport = viewport;
+        if (!current()?.usage?.instances.some((item) => item.key === key))
+            return;
+        selected = key;
+        collapseFrame(doc, expandedFrame(doc));
+        if (!toggle.disabled)
+            highlight = true;
+        open("props");
+        root
+            .querySelector('[data-inspector-tab="props"]')
+            ?.focus({ preventScroll: true });
+        refresh();
+        if (highlight)
+            revealWorkspaceInstance(root, activeViewport, current(), key);
+    };
+    const refresh = () => {
+        stopHighlight?.();
+        stopHighlight = undefined;
+        controls?.sync(variant.variant, savedViews(), comparison());
+        const views = currentViews();
+        if (!comparison())
+            loadViews(savedViews());
+        const view = current();
+        activeViewport = view?.viewport ?? activeViewport;
+        if (current()?.usage && !currentInstance())
+            selected = undefined;
+        const selection = {
+            ...(view?.usage ? { usage: view.usage } : {}),
+            ...(currentInstance() ? { instance: currentInstance() } : {}),
+            ...(variant.variant
+                ? {
+                    props: controls?.props() ?? variant.variant.value.props,
+                    slots: variant.variant.value.suppliedSlots,
+                }
+                : {}),
+        };
+        const components = panel("components");
+        if (components) {
+            renderInstances(components, data, selection, (key) => select(key), expanded, (key) => {
+                selected = key;
+                if (!toggle.disabled)
+                    highlight = true;
+                refresh();
+            });
+            renderViewContexts(components, views, activeViewport, (viewport) => {
+                activeViewport = viewport;
+                refresh();
+            });
+        }
+        if (controls && !selection.instance)
+            controls.mount(panel("props"));
+        else {
+            renderProps(panel("props"), data, selection);
+            if (controls) {
+                const edit = element(doc, "button", "Edit component props");
+                edit.type = "button";
+                edit.className = "mbk-chip";
+                edit.addEventListener("click", () => {
+                    selected = undefined;
+                    refresh();
+                });
+                panel("props").append(edit);
+            }
+        }
+        renderWorkspaceEvidence(root.querySelector("[data-workspace-evidence]"), data, variant.variant?.value.id);
+        const frames = workspaceFrames(root, views);
+        const activeFrame = frames.find((frame) => frame.usage.viewport === activeViewport);
+        if (selected && activeFrame) {
+            const ranges = authenticateRanges(activeFrame.frame, activeFrame.path, activeFrame.usage);
+            if (!rangeBounds(activeFrame.frame, ranges, new Set([selected])).length)
+                panel("props").append(element(doc, "p", "This instance has no visible region in this view."));
+        }
+        const reason = highlightUnavailable(root, views, frames, Boolean(variant.error || data.removed || variant.variant?.removed));
+        toggle.disabled = reason !== undefined;
+        toggle.title = reason ?? "Highlight components";
+        toggle.setAttribute("aria-description", reason ?? "Inspect component regions and their supplied props.");
+        if (reason && reason !== "Waiting for the component preview.")
+            highlight = false;
+        toggle.setAttribute("aria-pressed", String(highlight));
+        if (highlight && !reason)
+            stopHighlight = installComponentHighlight(root, frames, selected, (key) => {
+                const instance = views
+                    .flatMap((value) => value.usage?.instances ?? [])
+                    .find((item) => item.key === key);
+                return `${data.components.find((item) => item.id === instance?.componentId)?.title ?? "Component"} · ${instance?.id ?? ""}`;
+            }, select, () => {
+                highlight = false;
+                refresh();
+                toggle.focus();
+            });
+        viewportControl.value = currentViewport(doc);
+        schemeControl?.setAttribute("aria-pressed", String(currentColorScheme(doc) === "dark"));
+    };
+    const activateVariant = () => {
+        applyVariant(root, data, variant.variant, variant.error);
+        refresh();
+        updateDiffs();
+    };
+    if (["mobile", "desktop", "both"].includes(query.get("viewport") ?? ""))
+        setViewport(doc, query.get("viewport"));
+    if (query.get("scheme") === "light" || query.get("scheme") === "dark")
+        setColorScheme(doc, query.get("scheme"));
+    applyVariant(root, data, variant.variant, variant.error);
+    renderUsage(panel("usage"), data);
+    installWorkspaceEvents(root, win, signal, {
+        refresh,
+        highlight() {
+            highlight = !highlight;
+            if (!highlight)
+                selected = undefined;
+            refresh();
+        },
+        scheme() {
+            setColorScheme(doc, currentColorScheme(doc) === "dark" ? "light" : "dark");
+            refresh();
+            updateDiffs();
+        },
+        viewport() {
+            setViewport(doc, viewportControl.value);
+            refresh();
+            updateDiffs();
+        },
+        variant(value) {
+            const url = new URL(win.location.href);
+            url.searchParams.set("variant", value);
+            url.searchParams.delete("instance");
+            win.history.pushState({}, "", url);
+            variant = selectedVariant(data, url.search);
+            selected = undefined;
+            expanded.clear();
+            activateVariant();
+            onHistoryChange();
+        },
+        escape(event) {
+            if (highlight) {
+                highlight = false;
+                refresh();
+                toggle.focus();
+                event.preventDefault();
+            }
+            else if (tabs.active())
+                tabs.close();
+        },
+    });
+    doc.addEventListener("mokly:comparison", () => {
+        if (comparison())
+            highlight = false;
+        refresh();
+    }, { signal });
+    signal.addEventListener("abort", () => stopHighlight?.(), { once: true });
+    refresh();
+    if (currentInstance())
+        open("props");
+    else if (tabs.preferredOpen ?? data.entry.kind === "component")
+        open("details", false);
+    if (query.get("comparison") === "side" && variant.comparisonEligible)
+        root.querySelector('[data-diff-mode="side"]')?.click();
+    return () => controller.abort();
+}
+//# sourceMappingURL=workspace.js.map

package/dist/client/workspace.js.map

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

package/dist/client/workspace_events.d.ts

@@ -0,0 +1,11 @@
+/** Disposable shell input and layout subscriptions, independent of workspace state. */
+export interface WorkspaceActions {
+    refresh(): void;
+    highlight(): void;
+    scheme(): void;
+    viewport(): void;
+    variant(value: string): void;
+    escape(event: KeyboardEvent): void;
+}
+export declare function installWorkspaceEvents(root: HTMLElement, win: Window & typeof globalThis, signal: AbortSignal, actions: WorkspaceActions): void;
+//# sourceMappingURL=workspace_events.d.ts.map

package/dist/client/workspace_events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_events.d.ts","sourceRoot":"","sources":["../../src/client/workspace_events.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,IAAI,CAAC;IAChB,SAAS,IAAI,IAAI,CAAC;IAClB,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,IAAI,IAAI,CAAC;IACjB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;CACpC;AACD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,MAAM,GAAG,OAAO,UAAU,EAC/B,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,gBAAgB,GACxB,IAAI,CA8CN"}

package/dist/client/workspace_events.js

@@ -0,0 +1,40 @@
+export function installWorkspaceEvents(root, win, signal, actions) {
+    const doc = root.ownerDocument;
+    root.addEventListener("click", (event) => {
+        const target = event.target instanceof win.Element ? event.target : undefined;
+        if (target?.closest("[data-workspace-highlight]"))
+            actions.highlight();
+        if (target?.closest("[data-workspace-scheme]"))
+            actions.scheme();
+    }, { signal });
+    root.addEventListener("change", (event) => {
+        const target = event.target;
+        if (!(target instanceof win.HTMLSelectElement))
+            return;
+        if (target.matches("[data-workspace-viewport]"))
+            actions.viewport();
+        if (target.matches("[data-workspace-variant]"))
+            actions.variant(target.value);
+    }, { signal });
+    doc.addEventListener("keydown", (event) => {
+        if (event.key === "Escape")
+            actions.escape(event);
+    }, { signal });
+    for (const frame of root.querySelectorAll("iframe[data-workspace-frame]"))
+        frame.addEventListener("load", actions.refresh, { signal });
+    const mutations = new MutationObserver(actions.refresh);
+    mutations.observe(doc.body, {
+        attributes: true,
+        attributeFilter: ["data-mokly-color-scheme"],
+    });
+    const stage = root.querySelector("[data-mokly-stage]");
+    if (stage)
+        mutations.observe(stage, {
+            attributes: true,
+            attributeFilter: ["data-viewport"],
+        });
+    signal.addEventListener("abort", () => mutations.disconnect(), {
+        once: true,
+    });
+}
+//# sourceMappingURL=workspace_events.js.map

package/dist/client/workspace_events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_events.js","sourceRoot":"","sources":["../../src/client/workspace_events.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,sBAAsB,CACpC,IAAiB,EACjB,GAA+B,EAC/B,MAAmB,EACnB,OAAyB;IAEzB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;IAC/B,IAAI,CAAC,gBAAgB,CACnB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GACV,KAAK,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QACjE,IAAI,MAAM,EAAE,OAAO,CAAC,4BAA4B,CAAC;YAAE,OAAO,CAAC,SAAS,EAAE,CAAC;QACvE,IAAI,MAAM,EAAE,OAAO,CAAC,yBAAyB,CAAC;YAAE,OAAO,CAAC,MAAM,EAAE,CAAC;IACnE,CAAC,EACD,EAAE,MAAM,EAAE,CACX,CAAC;IACF,IAAI,CAAC,gBAAgB,CACnB,QAAQ,EACR,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,GAAG,CAAC,iBAAiB,CAAC;YAAE,OAAO;QACvD,IAAI,MAAM,CAAC,OAAO,CAAC,2BAA2B,CAAC;YAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;QACpE,IAAI,MAAM,CAAC,OAAO,CAAC,0BAA0B,CAAC;YAC5C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,EAAE,MAAM,EAAE,CACX,CAAC;IACF,GAAG,CAAC,gBAAgB,CAClB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;YAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC,EACD,EAAE,MAAM,EAAE,CACX,CAAC;IACF,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,8BAA8B,CAAC;QACvE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,IAAI,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE;QAC1B,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,yBAAyB,CAAC;KAC7C,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACvD,IAAI,KAAK;QACP,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;YACvB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,eAAe,CAAC;SACnC,CAAC,CAAC;IACL,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE;QAC7D,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;AACL,CAAC"}

package/dist/client/workspace_evidence.d.ts

@@ -0,0 +1,4 @@
+/** Factual comparison evidence belongs in Details, never in the canvas. */
+import type { WorkspaceData } from "../server/shell/workspace_data.js";
+export declare function renderWorkspaceEvidence(panel: HTMLElement, data: WorkspaceData, variantId?: string): void;
+//# sourceMappingURL=workspace_evidence.d.ts.map

package/dist/client/workspace_evidence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_evidence.d.ts","sourceRoot":"","sources":["../../src/client/workspace_evidence.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAKvE,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,aAAa,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,IAAI,CAkGN"}

package/dist/client/workspace_evidence.js

@@ -0,0 +1,68 @@
+import { element } from "./inspector_panels.js";
+import { decodeProps } from "../components/codec.js";
+import { propText } from "./prop_display.js";
+export function renderWorkspaceEvidence(panel, data, variantId) {
+    const doc = panel.ownerDocument;
+    panel.replaceChildren();
+    panel.hidden = data.status === undefined;
+    if (panel.hidden)
+        return;
+    panel.append(element(doc, "h3", "Comparison details"), element(doc, "p", `Compared with the branch point on ${data.base}.`));
+    const labels = {
+        added: "Added to this branch.",
+        removed: "Removed on this branch.",
+        material: "Rendered content changed.",
+        inputs: "Supplied props or slots changed.",
+        structure: "Component instances changed.",
+        metadata: "Page details or saved examples changed.",
+    };
+    for (const component of data.relatedComponents) {
+        const link = element(doc, "a", component.title);
+        link.href = `/view/${component.route.split("/").map(encodeURIComponent).join("/")}`;
+        const row = element(doc, "p", "Changed component: ");
+        row.append(link);
+        panel.append(row);
+    }
+    for (const change of data.inputChanges.filter((item) => item.variantId === variantId)) {
+        panel.append(element(doc, "h3", `${change.title} · ${change.instanceId} · ${change.viewport} · ${change.colorScheme}`));
+        for (const [label, props] of [
+            ["Before", change.before],
+            ["Current", change.after],
+        ])
+            panel.append(element(doc, "p", label), element(doc, "pre", propText(decodeProps(props))));
+    }
+    for (const reason of data.change?.reasons ?? [])
+        panel.append(element(doc, "p", reason.kind === "dependency"
+            ? `Related file changed: ${reason.path}`
+            : reason.kind === "screen"
+                ? `A screen in this flow changed: ${reason.route}`
+                : labels[reason.kind]));
+    if (data.comparison) {
+        const views = "variants" in data.comparison
+            ? (data.comparison.variants.find((item) => item.id === variantId)
+                ?.views ?? [])
+            : data.comparison.views;
+        const ignored = [...new Set(views.flatMap((view) => view.ignoredIds))];
+        if (ignored.length)
+            panel.append(element(doc, "p", `Excluded content: ${ignored.join(", ")}.`));
+        if (!data.change && views.some((view) => view.state === "changed"))
+            panel.append(element(doc, "p", "Shared component changes affect this preview. This page has no independent entry in Changes."));
+        if ("variants" in data.comparison) {
+            const variant = data.comparison.variants.find((item) => item.id === variantId);
+            if (variant?.before &&
+                variant.after &&
+                JSON.stringify(variant.before.props) !==
+                    JSON.stringify(variant.after.props)) {
+                panel.append(element(doc, "h3", "Saved props changed"));
+                for (const [title, props] of [
+                    ["Before", variant.before.props],
+                    ["Current", variant.after.props],
+                ])
+                    panel.append(element(doc, "p", title), element(doc, "pre", propText(decodeProps(props))));
+            }
+        }
+    }
+    if (data.status === "Unmodified")
+        panel.append(element(doc, "p", "No changes to this saved view."));
+}
+//# sourceMappingURL=workspace_evidence.js.map

package/dist/client/workspace_evidence.js.map

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

package/dist/client/workspace_loading.d.ts

@@ -0,0 +1,4 @@
+import type { GeneratedComponentView } from "../components/views.js";
+import type { WorkspaceData } from "../server/shell/workspace_data.js";
+export declare function workspaceLoader(data: WorkspaceData, signal: AbortSignal, changed: () => void): (views: readonly GeneratedComponentView[]) => void;
+//# sourceMappingURL=workspace_loading.d.ts.map

package/dist/client/workspace_loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_loading.d.ts","sourceRoot":"","sources":["../../src/client/workspace_loading.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,MAAM,IAAI,GAClB,CAAC,KAAK,EAAE,SAAS,sBAAsB,EAAE,KAAK,IAAI,CAkCpD"}

package/dist/client/workspace_loading.js

@@ -0,0 +1,31 @@
+export function workspaceLoader(data, signal, changed) {
+    const requested = new Set();
+    return (views) => {
+        if (!data.previewGeneration || signal.aborted)
+            return;
+        for (const view of views) {
+            if (view.usage || requested.has(view.path))
+                continue;
+            requested.add(view.path);
+            const url = `/__mokly/views/${view.path.split("/").map(encodeURIComponent).join("/")}?generation=${data.previewGeneration}`;
+            void fetch(url, { signal })
+                .then(async (response) => {
+                if (!response.ok)
+                    return;
+                const result = (await response.json());
+                if (signal.aborted ||
+                    result.generation !== data.previewGeneration ||
+                    result.route !== view.path ||
+                    result.usage?.viewport !== view.viewport ||
+                    result.usage.colorScheme !== view.colorScheme)
+                    return;
+                data.views = data.views.map((previous) => previous.path === view.path
+                    ? { ...previous, usage: result.usage }
+                    : previous);
+                changed();
+            })
+                .catch(() => { });
+        }
+    };
+}
+//# sourceMappingURL=workspace_loading.js.map

package/dist/client/workspace_loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_loading.js","sourceRoot":"","sources":["../../src/client/workspace_loading.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,eAAe,CAC7B,IAAmB,EACnB,MAAmB,EACnB,OAAmB;IAEnB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU,CAAC;IACpC,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,MAAM,CAAC,OAAO;YAAE,OAAO;QACtD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;gBAAE,SAAS;YACrD,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzB,MAAM,GAAG,GAAG,kBAAkB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5H,KAAK,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC;iBACxB,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBACvB,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAAE,OAAO;gBACzB,MAAM,MAAM,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAIpC,CAAC;gBACF,IACE,MAAM,CAAC,OAAO;oBACd,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,iBAAiB;oBAC5C,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI;oBAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,QAAQ;oBACxC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW;oBAE7C,OAAO;gBACT,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CACvC,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;oBACzB,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,KAAM,EAAE;oBACvC,CAAC,CAAC,QAAQ,CACb,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/dist/client/workspace_preview.d.ts

@@ -0,0 +1,12 @@
+/** Match saved view contexts and authenticated live documents for inspection. */
+import type { GeneratedComponentView } from "../components/views.js";
+import type { WorkspaceData } from "../server/shell/workspace_data.js";
+import type { HighlightFrame } from "./component_highlight.js";
+export declare function workspaceViews(doc: Document, data: WorkspaceData, variantId?: string): readonly GeneratedComponentView[];
+export declare function workspaceFrames(root: HTMLElement, views: readonly GeneratedComponentView[]): HighlightFrame[];
+/** Reveal a selected instance inside its authenticated current document. */
+export declare function revealWorkspaceInstance(root: HTMLElement, viewport: "mobile" | "desktop", view: GeneratedComponentView | undefined, key: string): void;
+export declare function highlightUnavailable(root: HTMLElement, views: readonly GeneratedComponentView[], frames: readonly HighlightFrame[], invalidSelection: boolean): string | undefined;
+/** Keep the inspector selection independent for each visible viewport. */
+export declare function renderViewContexts(panel: HTMLElement, views: readonly GeneratedComponentView[], activeViewport: "mobile" | "desktop", select: (viewport: "mobile" | "desktop") => void): void;
+//# sourceMappingURL=workspace_preview.d.ts.map

package/dist/client/workspace_preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_preview.d.ts","sourceRoot":"","sources":["../../src/client/workspace_preview.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,wBAAgB,cAAc,CAC5B,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,aAAa,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,SAAS,sBAAsB,EAAE,CAgBnC;AACD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,SAAS,sBAAsB,EAAE,GACvC,cAAc,EAAE,CAWlB;AAED,4EAA4E;AAC5E,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAC9B,IAAI,EAAE,sBAAsB,GAAG,SAAS,EACxC,GAAG,EAAE,MAAM,GACV,IAAI,CAWN;AACD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,SAAS,sBAAsB,EAAE,EACxC,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,gBAAgB,EAAE,OAAO,GACxB,MAAM,GAAG,SAAS,CAiCpB;AAED,0EAA0E;AAC1E,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,SAAS,sBAAsB,EAAE,EACxC,cAAc,EAAE,QAAQ,GAAG,SAAS,EACpC,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,GAC/C,IAAI,CAiBN"}

package/dist/client/workspace_preview.js

@@ -0,0 +1,78 @@
+import { currentColorScheme, currentViewport } from "./browse_state.js";
+import { authenticateRanges } from "./component_geometry.js";
+import { element } from "./inspector_panels.js";
+export function workspaceViews(doc, data, variantId) {
+    const views = data.views.filter((view) => view.variantId === variantId);
+    const scheme = currentColorScheme(doc);
+    const viewport = currentViewport(doc);
+    return ["mobile", "desktop"]
+        .filter((size) => viewport === "both" || viewport === size)
+        .flatMap((size) => {
+        const view = views.find((item) => item.viewport === size && item.colorScheme === scheme) ??
+            views.find((item) => item.viewport === size && item.colorScheme === "light");
+        return view ? [view] : [];
+    });
+}
+export function workspaceFrames(root, views) {
+    return views.flatMap((value) => {
+        const frame = root.querySelector(`iframe[data-workspace-frame="${value.viewport}"]`);
+        return frame &&
+            value.usage &&
+            authenticateRanges(frame, value.path, value.usage)
+            ? [{ frame, path: value.path, usage: value.usage }]
+            : [];
+    });
+}
+/** Reveal a selected instance inside its authenticated current document. */
+export function revealWorkspaceInstance(root, viewport, view, key) {
+    const frame = root.querySelector(`iframe[data-workspace-frame="${viewport}"]`);
+    if (!frame || !view?.usage)
+        return;
+    const range = authenticateRanges(frame, view.path, view.usage)?.ranges.get(key)?.[0];
+    const node = range?.startContainer.childNodes[range.startOffset];
+    const target = node?.nodeType === 1 ? node : node?.parentElement;
+    target?.scrollIntoView({ block: "nearest", inline: "nearest" });
+}
+export function highlightUnavailable(root, views, frames, invalidSelection) {
+    const mode = root
+        .querySelector('[data-diff-mode][aria-pressed="true"]')
+        ?.getAttribute("data-diff-mode");
+    if (mode && mode !== "current")
+        return "Highlighting is available in Current.";
+    if (invalidSelection)
+        return "This preview is unavailable.";
+    if (!views.some((view) => view.usage))
+        return "Component inspection is unavailable for this view.";
+    if (!views.some((view) => view.usage?.instances.length))
+        return "No registered components are used in this view.";
+    if (frames.length !== views.length) {
+        const invalid = views.some((view) => {
+            const frame = root.querySelector(`iframe[data-workspace-frame="${view.viewport}"]`);
+            try {
+                return (frame?.contentDocument?.readyState === "complete" &&
+                    decodeURIComponent(frame.contentWindow.location.pathname).replace(/\.html$/, "") === `/static/${view.path}`.replace(/\.html$/, "") &&
+                    !frames.some((item) => item.frame === frame));
+            }
+            catch {
+                return true;
+            }
+        });
+        return invalid
+            ? "Component inspection is unavailable for this view."
+            : "Waiting for the component preview.";
+    }
+}
+/** Keep the inspector selection independent for each visible viewport. */
+export function renderViewContexts(panel, views, activeViewport, select) {
+    if (views.length < 2)
+        return;
+    for (const context of [...views].reverse()) {
+        const button = element(panel.ownerDocument, "button", `${context.viewport === "mobile" ? "Mobile" : "Desktop"} · ${context.colorScheme}`);
+        button.type = "button";
+        button.className = "mbk-instance-context mbk-chip";
+        button.setAttribute("aria-pressed", String(context.viewport === activeViewport));
+        button.addEventListener("click", () => select(context.viewport));
+        panel.prepend(button);
+    }
+}
+//# sourceMappingURL=workspace_preview.js.map

package/dist/client/workspace_preview.js.map

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

package/dist/client/workspace_updates.d.ts

@@ -0,0 +1,10 @@
+/** Merge catalogue evidence without replacing live previews, props controls, or selections. */
+import type { WorkspaceData } from "../server/shell/workspace_data.js";
+import { selectedVariant } from "./workspace_variants.js";
+/** Validate the owning workspace before any part of a snapshot is applied. */
+export declare function workspaceEvidence(doc: Document, next: Document): (() => void) | undefined;
+/** Keep on-demand usage matched to the documents already shown, not exhaustive render order. */
+export declare function mergeWorkspaceEvidence(current: WorkspaceData, next: WorkspaceData): void;
+/** Update only evidence-owned surfaces, leaving editable props and preview state intact. */
+export declare function updateWorkspaceEvidence(root: HTMLElement, data: WorkspaceData, search: string): ReturnType<typeof selectedVariant>;
+//# sourceMappingURL=workspace_updates.d.ts.map

package/dist/client/workspace_updates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace_updates.d.ts","sourceRoot":"","sources":["../../src/client/workspace_updates.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAKvE,OAAO,EAAgB,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAExE,8EAA8E;AAC9E,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,QAAQ,GACb,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAyB1B;AAED,gGAAgG;AAChG,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,aAAa,GAClB,IAAI,CAuBN;AAED,4FAA4F;AAC5F,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,MAAM,GACb,UAAU,CAAC,OAAO,eAAe,CAAC,CA0CpC"}