@derive-to/artifacts 0.0.0-stage → 0.6.1

package/dist/react/slide-navigator.css

@@ -0,0 +1,164 @@
+/* A compact outline keeps deck navigation separate from the authored canvas. */
+.oa-slide-nav {
+  min-width: 0;
+  padding: 10px;
+  border: 1px solid var(--oa-border);
+  border-radius: calc(var(--oa-radius) + 4px);
+  background: var(--oa-bg);
+  color: var(--oa-text);
+  font-family: var(--oa-font);
+}
+.oa-slide-nav-heading {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-block-end: 8px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.oa-slide-nav-progress {
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: var(--oa-bg-subtle);
+  color: var(--oa-text-muted);
+  font-size: 12px;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+}
+.oa-slide-nav ol {
+  display: flex;
+  gap: 6px;
+  list-style: none;
+  padding: 3px;
+  margin: -3px;
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scroll-padding-inline: 3px;
+}
+.oa-slide-nav li {
+  flex: 0 0 184px;
+  min-width: 0;
+}
+.oa-slide-nav ol[data-overflow-end="true"] {
+  mask-image: linear-gradient(to right, currentColor calc(100% - 20px), transparent);
+}
+[dir="rtl"] .oa-slide-nav ol[data-overflow-end="true"] {
+  mask-image: linear-gradient(to left, currentColor calc(100% - 20px), transparent);
+}
+.oa-slide-nav button {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  min-height: 64px;
+  padding: 8px;
+  border: 1px solid transparent;
+  border-radius: var(--oa-radius);
+  background: transparent;
+  color: var(--oa-text);
+  font: 500 13px / 18px var(--oa-font);
+  text-align: start;
+  cursor: pointer;
+}
+.oa-slide-nav button:hover:not(:disabled) {
+  border-color: var(--oa-border);
+  background: var(--oa-bg-subtle);
+}
+.oa-slide-nav button[aria-current] {
+  border-color: var(--oa-accent);
+  background: color-mix(in srgb, var(--oa-accent) 10%, var(--oa-bg));
+  font-weight: 600;
+}
+.oa-slide-nav button:focus-visible {
+  outline: 2px solid var(--oa-accent);
+  outline-offset: 1px;
+}
+.oa-slide-nav-number {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 48px;
+  height: 32px;
+  border-radius: 6px;
+  background: var(--oa-bg-subtle);
+  border: 1px solid var(--oa-border);
+  color: var(--oa-text-muted);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+}
+.oa-slide-nav button[aria-current] .oa-slide-nav-number {
+  background: var(--oa-accent);
+  color: var(--oa-accent-text);
+}
+.oa-slide-nav-title {
+  min-width: 0;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow-wrap: anywhere;
+}
+.oa-slide-nav-steps {
+  display: flex;
+  gap: 4px;
+  margin-inline-start: auto;
+}
+.oa-slide-nav-steps button {
+  width: 44px;
+  min-height: 44px;
+  padding: 0;
+  justify-content: center;
+  border-color: var(--oa-border);
+  background: var(--oa-bg);
+}
+.oa-slide-nav-steps button:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.oa-slide-nav-steps svg {
+  flex: none;
+}
+[dir="rtl"] .oa-slide-nav-steps svg {
+  transform: rotate(180deg);
+}
+@media (min-width: 1280px) {
+  .oa-slide-nav-rail {
+    position: sticky;
+    top: 16px;
+  }
+  .oa-slide-nav-rail ol {
+    flex-direction: column;
+    max-height: calc(100vh - 180px);
+    overflow-y: auto;
+  }
+  .oa-slide-nav.oa-slide-nav-rail ol[data-overflow-end="true"] {
+    mask-image: none;
+  }
+  .oa-slide-nav-rail li {
+    flex: none;
+  }
+  .oa-slide-nav-rail .oa-slide-nav-steps {
+    display: none;
+  }
+}
+
+.oa-slide-nav button[aria-current] .oa-slide-nav-number {
+  border-color: var(--oa-accent);
+}
+.oa-slide-nav-heading {
+  padding-inline: 3px;
+}
+
+.oa-slide-nav .oa-slide-nav-zoom {
+  width: auto;
+  min-height: 44px;
+  padding: 8px 10px;
+  border-color: var(--oa-border);
+  flex: none;
+}
+.oa-slide-pan-hint {
+  margin: 0 3px 8px;
+  color: var(--oa-text-muted);
+  font: 400 12px / 18px var(--oa-font);
+}

package/dist/react/slide-navigator.d.ts

@@ -0,0 +1,5 @@
+/** A host can place the deck outline beside or above its stage. */
+export declare const SlideNavigator: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element | null;
+//# sourceMappingURL=slide-navigator.d.ts.map

package/dist/react/slide-navigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-navigator.d.ts","sourceRoot":"","sources":["../../src/react/slide-navigator.tsx"],"names":[],"mappings":"AA8IA,mEAAmE;AACnE,eAAO,MAAM,cAAc,kBAAwB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,uCA8DxE,CAAA"}

package/dist/react/slide-navigator.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useArtifact } from "./context.js";
+import { useLabels } from "./labels.js";
+import { usePresenting } from "./use-presenting.js";
+const useOutlineScroll = (artifactId, slide) => {
+    const list = useRef(null);
+    useEffect(() => {
+        const outline = list.current;
+        if (!outline || !artifactId || !slide || slide.count === 0)
+            return undefined;
+        const updateOverflow = () => {
+            outline.dataset["overflowEnd"] = String(outline.scrollWidth - outline.clientWidth - Math.abs(outline.scrollLeft) > 4);
+        };
+        const revealCurrent = () => {
+            const current = outline.children.item(slide.index);
+            if (!current)
+                return;
+            const item = current.getBoundingClientRect();
+            const bounds = outline.getBoundingClientRect();
+            const left = item.left < bounds.left
+                ? item.left - bounds.left
+                : item.right > bounds.right
+                    ? item.right - bounds.right
+                    : 0;
+            const top = item.top < bounds.top
+                ? item.top - bounds.top
+                : item.bottom > bounds.bottom
+                    ? item.bottom - bounds.bottom
+                    : 0;
+            if (left || top)
+                outline.scrollBy({ left, top });
+            updateOverflow();
+        };
+        revealCurrent();
+        outline.addEventListener("scroll", updateOverflow, { passive: true });
+        const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(revealCurrent);
+        observer?.observe(outline);
+        return () => {
+            outline.removeEventListener("scroll", updateOverflow);
+            observer?.disconnect();
+        };
+    }, [artifactId, slide]);
+    return list;
+};
+const SlideSteps = () => {
+    const { slide, goTo } = usePresenting();
+    const { labels } = useLabels();
+    if (!slide || slide.count < 2)
+        return null;
+    return (_jsxs("div", { className: "oa-slide-nav-steps", children: [_jsx("button", { type: "button", "aria-label": labels.previousSlide, disabled: slide.index === 0, onClick: () => goTo(slide.index - 1), children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "m14 6-6 6 6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", "aria-label": labels.nextSlide, disabled: slide.index === slide.count - 1, onClick: () => goTo(slide.index + 1), children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "m10 6 6 6-6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }));
+};
+const slideTitle = (slide, index, labels) => slide.titles?.[index] || labels.slideOf(index + 1, slide.count);
+const STEPS = {
+    ArrowLeft: -1,
+    ArrowUp: -1,
+    ArrowRight: 1,
+    ArrowDown: 1,
+    Home: "first",
+    End: "last",
+};
+/** The deck position after `key`, or null when the key does not move it. */
+const stepFrom = (key, index, count) => {
+    const step = STEPS[key];
+    if (step === undefined)
+        return null;
+    const next = step === "first" ? 0 : step === "last" ? count - 1 : index + step;
+    return next < 0 || next >= count ? null : next;
+};
+/** Arrow keys on the page itself (nothing focused) step the deck too, as in Present. */
+const usePageKeys = (slide, presenting, goTo) => {
+    const index = slide?.index;
+    const count = slide?.count;
+    useEffect(() => {
+        if (presenting || index === undefined || count === undefined)
+            return () => { };
+        const onKey = (event) => {
+            if (event.target !== document.body || event.defaultPrevented)
+                return;
+            if (event.altKey || event.ctrlKey || event.metaKey)
+                return;
+            const next = stepFrom(event.key, index, count);
+            if (next === null)
+                return;
+            event.preventDefault();
+            goTo(next);
+        };
+        document.addEventListener("keydown", onKey);
+        return () => document.removeEventListener("keydown", onKey);
+    }, [presenting, index, count, goTo]);
+};
+const zoomLabel = (zoomed, labels) => zoomed ? (labels.fitSlide ?? "Fit") : (labels.zoomSlide ?? "Zoom");
+/** A host can place the deck outline beside or above its stage. */
+export const SlideNavigator = ({ className = "" }) => {
+    const { artifact } = useArtifact();
+    const { slide, goTo, zoomed, zoom, presenting } = usePresenting();
+    const { labels } = useLabels();
+    const list = useOutlineScroll(artifact?.id, slide);
+    usePageKeys(artifact?.kind === "slides" ? slide : null, presenting, goTo);
+    if (artifact?.kind !== "slides" || !slide || slide.count === 0)
+        return null;
+    return (_jsxs("nav", { className: `oa-slide-nav ${className}`, "aria-label": labels.slides, 
+        // Present shows its own controls. The outline behind it leaves the tab order and the
+        // accessibility tree, so a screen reader hears one set.
+        inert: presenting, onKeyDown: (event) => {
+            if (event.altKey || event.ctrlKey || event.metaKey || STEPS[event.key] === undefined)
+                return;
+            event.preventDefault();
+            const next = stepFrom(event.key, slide.index, slide.count);
+            if (next === null)
+                return;
+            goTo(next);
+            list.current?.querySelectorAll("button").item(next)?.focus();
+        }, children: [_jsxs("div", { className: "oa-slide-nav-heading", children: [labels.slides, _jsx("span", { className: "oa-slide-nav-progress", children: (labels.selectedSlide ?? labels.slideOf)(slide.index + 1, slide.count) }), _jsx(SlideSteps, {}), _jsx("button", { type: "button", className: "oa-slide-nav-zoom", onClick: () => zoom(!zoomed), children: zoomLabel(zoomed, labels) })] }), zoomed ? (_jsx("p", { className: "oa-slide-pan-hint", children: labels.panSlide ?? "Scroll across to read the slide." })) : null, _jsx("ol", { ref: list, children: Array.from({ length: slide.count }, (_, index) => index + 1).map((number) => {
+                    const index = number - 1;
+                    const title = slideTitle(slide, index, labels);
+                    return (_jsx("li", { children: _jsxs("button", { type: "button", "aria-current": slide.index === index ? "step" : undefined, "aria-label": `${labels.slideOf(index + 1, slide.count)}: ${title}`, title: title, onClick: () => goTo(index), children: [_jsx("span", { className: "oa-slide-nav-number", "aria-hidden": "true", children: index + 1 }), _jsx("span", { className: "oa-slide-nav-title", children: title })] }) }, `${artifact.id}:slide-${number}`));
+                }) })] }));
+};
+//# sourceMappingURL=slide-navigator.js.map

package/dist/react/slide-navigator.js.map

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

package/dist/react/stage.css

@@ -0,0 +1,84 @@
+/* The stage: the sandboxed page, and Present (fullscreen, one slide at a time). */
+.oa-stage {
+  position: relative;
+  font-family: var(--oa-font);
+}
+.oa-stage-frame {
+  min-height: 120px;
+}
+.oa-stage[aria-busy="true"] .oa-stage-frame {
+  background: var(--oa-bg-subtle);
+  border-radius: var(--oa-radius);
+}
+
+/* Present: the stage fills the screen and the page shows one slide, letterboxed. It covers
+   the viewport even when the browser refuses fullscreen. */
+.oa-stage[data-presenting] {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483000;
+  display: flex;
+  flex-direction: column;
+  background: var(--oa-present-bg);
+}
+.oa-stage[data-presenting] .oa-stage-frame {
+  flex: 1;
+  height: 100%;
+  min-height: 0;
+}
+
+/* Keep slide position and exit available in native and fallback fullscreen. */
+.oa-present-controls {
+  position: relative;
+  flex: none;
+  z-index: 3;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  width: max-content;
+  max-width: calc(100% - 24px);
+  margin: 8px auto 12px;
+  padding: 6px;
+  border: 1px solid var(--oa-border);
+  border-radius: calc(var(--oa-radius) + 6px);
+  background: var(--oa-bg);
+  color: var(--oa-text);
+  box-shadow: var(--oa-shadow);
+}
+.oa-present-controls span {
+  padding-inline: 4px;
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+}
+.oa-present-controls .oa-button {
+  min-width: 44px;
+  min-height: 44px;
+}
+
+.oa-present-controls button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+[dir="rtl"] .oa-present-controls button > svg {
+  transform: rotate(180deg);
+}
+
+.oa-stage[data-zoomed] .oa-stage-frame {
+  overflow-x: auto;
+  scrollbar-width: thin;
+}
+.oa-stage[data-zoomed] .oa-stage-frame > iframe {
+  min-width: 960px;
+}
+.oa-present-controls .oa-slide-pan-hint {
+  flex-basis: 100%;
+  text-align: center;
+  margin: 0;
+}
+.oa-stage-frame:focus-visible {
+  outline: 2px solid var(--oa-accent);
+  outline-offset: -2px;
+}

package/dist/react/stage.d.ts

@@ -0,0 +1,13 @@
+export interface ArtifactStageProps {
+    /** Which version to show. Defaults to the current one. */
+    version?: number | undefined;
+    /** The record currently open in the host. Null clears its visual selection. */
+    selectedLink?: string | null | undefined;
+    className?: string;
+    /** Escape from inside the sandboxed artifact. Presentation consumes its own Escape. */
+    onEscape?: (() => void) | undefined;
+}
+/** The artifact, sandboxed and live. It reloads when edits are discarded, so the page
+ *  always shows a saved version. */
+export declare const ArtifactStage: (props: ArtifactStageProps) => import("react").JSX.Element;
+//# sourceMappingURL=stage.d.ts.map

package/dist/react/stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../src/react/stage.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;CACpC;AA+SD;oCACoC;AACpC,eAAO,MAAM,aAAa,UAAW,kBAAkB,gCAGtD,CAAA"}

package/dist/react/stage.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { mountArtifact } from "../host/index.js";
+import { useArtifact } from "./context.js";
+import { Cursors } from "./cursors.js";
+import { useLabels } from "./labels.js";
+import { SelectionButton } from "./selection-button.js";
+import { useLatest } from "./use-latest.js";
+import { usePresenceSender } from "./use-presence-sender.js";
+import { usePresenting } from "./use-presenting.js";
+/** Theme changes reach the mounted page; they never reload it. */
+const useHostContext = (mounted, hostContext) => {
+    useEffect(() => {
+        if (hostContext)
+            mounted.current?.setHostContext(hostContext);
+    }, [mounted, hostContext]);
+};
+const useStageState = (context, version, onEscape) => {
+    const { artifact, hostContext } = context;
+    const host = useRef(null);
+    const root = useRef(null);
+    const { attach, presenting, slide, zoomed } = usePresenting();
+    const { labels } = useLabels();
+    const mounted = useRef(null);
+    const setMounted = useCallback((view) => {
+        mounted.current = view;
+    }, []);
+    // Theme changes reach the mounted page; they never reload it.
+    const initialHostContext = useLatest(hostContext);
+    const sendCursor = useLatest(usePresenceSender());
+    // Escape while editing leaves editing (keeping unsaved text); otherwise the host decides.
+    const onFrameEscape = useLatest(context.editing ? () => void context.leaveEditing() : onEscape);
+    const openLink = useLatest(context.onOpenLink);
+    const shown = version ?? (context.editing ? (context.editVersion ?? undefined) : artifact?.currentVersion);
+    const title = artifact?.title;
+    const features = artifact?.features;
+    return {
+        host,
+        root,
+        shown,
+        features,
+        initialHostContext,
+        title,
+        openLink,
+        sendCursor,
+        onFrameEscape,
+        attach,
+        mounted,
+        setMounted,
+        presenting,
+        slide,
+        zoomed,
+        labels,
+        artifact,
+    };
+};
+const stageEvents = (view, context, state) => {
+    const { setSelection, setPositions, activate } = context;
+    const { sendCursor, onFrameEscape } = state;
+    return [
+        view.on("selection", ({ quote, rect }) => setSelection(quote && rect ? { quote, rect } : null)),
+        view.on("positions", ({ positions, missing }) => setPositions(new Map(positions.map((p) => [p.id, p.rect])), new Set(missing), new Map(positions.flatMap((p) => (p.slide === undefined ? [] : [[p.id, p.slide]]))))),
+        view.on("activated", ({ id }) => activate(id)),
+        view.on("cursor", ({ cursor }) => sendCursor.current(cursor)),
+        view.on("escape", () => onFrameEscape.current?.()),
+    ];
+};
+const mountStageView = (options, state) => mountArtifact({
+    ...options,
+    ...(state.features ? { features: state.features } : {}),
+    ...(state.initialHostContext.current ? { hostContext: state.initialHostContext.current } : {}),
+    ...(state.title ? { title: state.title } : {}),
+    onOpenLink: (url) => state.openLink.current?.(url) ?? false,
+});
+const useMountedView = (context, state) => {
+    const { client, live, artifactId, actor, sandboxUrl, setView, setSelection, setPositions, activate, } = context;
+    const { host, root, shown, features, initialHostContext, title, openLink, sendCursor, onFrameEscape, attach, setMounted, } = state;
+    useEffect(() => {
+        const container = host.current;
+        if (!container || shown === undefined)
+            return undefined;
+        const view = mountStageView({ container, client, live, artifactId, version: shown, sandboxUrl, actor }, { features, initialHostContext, title, openLink });
+        const stops = stageEvents(view, { setSelection, setPositions, activate }, { sendCursor, onFrameEscape });
+        setView(view, shown);
+        attach(view, root.current);
+        setMounted(view);
+        return () => {
+            for (const stop of stops)
+                stop();
+            setMounted(null);
+            attach(null, null);
+            setView(null);
+            view.destroy();
+        };
+    }, [
+        client,
+        live,
+        artifactId,
+        shown,
+        features,
+        sandboxUrl,
+        actor,
+        initialHostContext,
+        title,
+        setView,
+        setSelection,
+        setPositions,
+        activate,
+        sendCursor,
+        onFrameEscape,
+        openLink,
+        attach,
+        host,
+        root,
+        setMounted,
+    ]);
+};
+const resetScroll = (host, zoomed) => {
+    host.scrollLeft = 0;
+    if (!zoomed)
+        host.scrollTop = 0;
+};
+const useStageSelection = (state, selectedLink) => {
+    const { mounted, shown, host, slide, zoomed } = state;
+    useEffect(() => {
+        const view = mounted.current;
+        if (!view || shown === undefined || selectedLink === undefined)
+            return undefined;
+        let active = true;
+        void view.ready.then(() => {
+            if (active && mounted.current === view)
+                view.setSelectedLink(selectedLink);
+            return undefined;
+        }, () => undefined);
+        return () => {
+            active = false;
+        };
+    }, [selectedLink, shown, mounted]);
+    useEffect(() => {
+        if (!host.current || slide?.index === undefined)
+            return;
+        resetScroll(host.current, zoomed);
+    }, [slide?.index, zoomed, host]);
+};
+const PresentControls = () => {
+    const { presenting, slide, goTo, present, zoomed, zoom } = usePresenting();
+    const { labels } = useLabels();
+    if (!presenting || !slide)
+        return null;
+    return (_jsxs("fieldset", { className: "oa-present-controls", "aria-label": labels.slides, children: [_jsx("button", { type: "button", className: "oa-button", disabled: slide.index === 0, onClick: () => goTo(slide.index - 1), "aria-label": labels.previousSlide, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "m14 6-6 6 6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("span", { children: labels.slideOf(slide.index + 1, slide.count) }), _jsx("button", { type: "button", className: "oa-button", disabled: slide.index >= slide.count - 1, onClick: () => goTo(slide.index + 1), "aria-label": labels.nextSlide, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "m10 6 6 6-6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", className: "oa-button", onClick: () => zoom(!zoomed), children: zoomed ? (labels.fitSlide ?? "Fit") : (labels.zoomSlide ?? "Zoom") }), _jsx("button", { type: "button", className: "oa-button", onClick: () => present(false), "aria-label": labels.exitPresentation ?? labels.present, children: labels.exitPresentation ?? labels.present }), zoomed ? (_jsx("p", { className: "oa-slide-pan-hint", children: labels.panSlide ?? "Scroll across to read the slide." })) : null] }));
+};
+/** The frame follows the host theme. A frame whose color scheme differs from its element's
+ *  gets an opaque backdrop, so a dark page would sit on white. */
+const frameScheme = (hostContext) => hostContext?.theme ? { colorScheme: hostContext.theme } : undefined;
+/** The artifact itself, sandboxed, with other viewers' cursors and a comment affordance
+ *  over whatever the viewer selects. */
+const Stage = ({ version, className, onEscape, selectedLink }) => {
+    const context = useArtifact();
+    const state = useStageState(context, version, onEscape);
+    useMountedView(context, state);
+    useStageSelection(state, selectedLink);
+    useHostContext(state.mounted, context.hostContext);
+    const { host, root, artifact, title, presenting, zoomed, labels } = state;
+    return (_jsxs("div", { ref: root, className: ["oa-stage", className].filter(Boolean).join(" "), style: frameScheme(context.hostContext), "aria-busy": !artifact, "data-presenting": presenting || undefined, "data-zoomed": (artifact?.kind === "slides" && zoomed) || undefined, children: [_jsx("section", { ref: host, className: "oa-stage-frame", 
+                // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- named region needs keyboard scrolling
+                tabIndex: artifact?.kind === "slides" && zoomed ? 0 : undefined, "aria-label": artifact?.kind === "slides" && zoomed
+                    ? (labels.panSlide ?? "Scroll across to read the slide.")
+                    : title }), _jsx(PresentControls, {}), _jsx(Cursors, {}), _jsx(SelectionButton, {})] }));
+};
+/** The artifact, sandboxed and live. It reloads when edits are discarded, so the page
+ *  always shows a saved version. */
+export const ArtifactStage = (props) => {
+    const { revision } = useArtifact();
+    return _jsx(Stage, { ...props }, revision);
+};
+//# sourceMappingURL=stage.js.map

package/dist/react/stage.js.map

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