@weasel-js/forge 1.11.1 → 1.12.0

package/dist/{config-DN6IaNf6.d.ts → config-Mg05Ja9r.d.ts}

@@ -1,7 +1,7 @@
 import { LabMode, LabContribution, LabPage } from '@weasel-js/labkit';
 import { Theme } from '@weasel-js/theme';
 import { ControlRenderer } from '@weasel-js/labkit/config';
-import { G as Globals, F as FrameSetup } from './FrameController-Cj_i-Rdk.js';
+import { G as Globals, F as FrameSetup } from './FrameController-CdnaIo4C.js';
 import { IconRef } from '@weasel-js/icons';
 import { StanceProps } from '@weasel-js/ui/stance';
 
@@ -28,6 +28,12 @@ interface GlobalDeclaration {
      * pin follows the lab or names a value; it cannot follow the app on its own.
      */
     follows?: (chrome: LabChrome) => string;
+    /**
+     * The value opposite `value`, for the global a lens's opposite-mode comparison flips (`ShellConfig.loupe`'s
+     * `modeGlobal`); undefined when it has none. `App` and `auto` are resolved to the mode they show before this is
+     * asked. Absent, the lens swaps `light` and `dark`.
+     */
+    opposite?: (value: string, globals: Globals) => string | undefined;
 }
 /** The lab chrome's own settings a global can follow. */
 interface LabChrome {
@@ -78,6 +84,17 @@ interface ShellConfig {
     pages?: readonly LabPage[];
     /** Which of `pages` the workshop is, when the URL alone cannot say, as across dev servers on different ports. */
     path?: string;
+    /** What a Pixels capture may load besides the dev server's own pages, such as the origins of a web-font service
+     *  the stories' fonts come from. Every other request a capture makes is refused. The dev server reads the list
+     *  from this module's source, as it does `title`, so write each origin as a string. */
+    capture?: {
+        allowOrigins?: readonly string[];
+    };
+    /** The workshop's lenses. `modeGlobal` names the global holding the color mode, which a lens's opposite-mode
+     *  comparison flips through its declaration's `opposite`. Default `mode`. */
+    loupe?: {
+        modeGlobal?: string;
+    };
 }
 /** A frame config module's default export. The workshop page imports it as well as every frame document, so CSS it imports reaches both; the plugin's `frameStyles` is for CSS meant for frames alone. */
 declare function defineFrameConfig(config: FrameSetup): FrameSetup;

package/dist/frame/index.css

@@ -213,4 +213,15 @@ body {
   margin: var(--wzl-space-8) 0 0;
   font-size: var(--wzl-font-size-sm);
 }
+
+/* src/frame/capture/capture.css */
+.fg-story[data-fg-capture] {
+  position: relative;
+  box-sizing: border-box;
+  width: var(--fg-capture-w);
+  height: var(--fg-capture-h);
+  overflow: hidden;
+  contain: paint;
+  container-type: size;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/frame/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/frame/frame.css","../../src/frame/index/index.css"],"sourcesContent":["html,\nbody {\n  margin: 0;\n}\n\n.fg-frame {\n  box-sizing: border-box;\n}\n\n.fg-frame--centered {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n}\n\n.fg-frame--padded {\n  padding: var(--wzl-space-8);\n}\n\n.fg-frame--fullscreen {\n  height: 100vh;\n  padding: 0;\n}\n\n.fg-frame__fault {\n  margin: 0;\n  padding: var(--wzl-space-8);\n  white-space: pre-wrap;\n  border: 1px solid #f2b8b5;\n  border-radius: 4px;\n  background: #fdecea;\n  color: #8c1d18;\n  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;\n}\n",".fg-index {\n  box-sizing: border-box;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: var(--wzl-space-lg);\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size);\n  color: var(--wzl-fg);\n}\n\n.fg-index__head {\n  margin-bottom: calc(var(--wzl-space-lg) * 2);\n}\n\n.fg-index__path {\n  margin: 0 0 var(--wzl-space-2);\n  font-size: var(--wzl-font-size-lg);\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index__title {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: calc(var(--wzl-font-size-xl) * 1.6);\n  font-weight: var(--wzl-font-weight-medium);\n  letter-spacing: var(--wzl-panel-title-tracking);\n  text-transform: var(--wzl-panel-title-case);\n}\n\n.fg-index__description,\n.fg-index-story__description {\n  max-width: 72ch;\n  margin: var(--wzl-space-4) 0 0;\n  font-family: var(--wzl-font-body);\n  line-height: 1.5;\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-story {\n  padding-top: calc(var(--wzl-space-lg) * 1.5);\n  margin-top: calc(var(--wzl-space-lg) * 1.5);\n  border-top: var(--wzl-border-w) solid var(--wzl-border);\n}\n\n.fg-index-story__head {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-story__name {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: var(--wzl-font-size-xl);\n  font-weight: var(--wzl-panel-title-weight);\n  letter-spacing: var(--wzl-panel-title-tracking);\n  text-transform: var(--wzl-panel-title-case);\n  color: var(--wzl-panel-title-color);\n}\n\n.fg-index-cell {\n  margin: var(--wzl-space-8) 0 0;\n  width: fit-content;\n  /* A fluid specimen (a slider, a tiled workspace) has no width of its own,\n     so hugging it alone collapses the cell to its padding. */\n  min-width: min(100%, 20rem);\n  max-width: 100%;\n}\n\n.fg-index-cell__stage {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 96px;\n  padding: var(--wzl-space-2);\n  border: var(--wzl-border-w) solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  background: var(--wzl-surface);\n  overflow: auto;\n}\n\n/* A padded story sits top-left as it would on a page: the column's width, and\n   none of the minimum height that gives a centered one presence. */\n.fg-index-cell--padded {\n  width: auto;\n}\n\n.fg-index-cell--padded > .fg-index-cell__stage {\n  display: block;\n  min-height: 0;\n}\n\n.fg-index-cell--fullscreen {\n  width: auto;\n}\n\n.fg-index-cell--fullscreen > .fg-index-cell__stage {\n  display: block;\n  height: 360px;\n  padding: 0;\n}\n\n.fg-index-cell__label {\n  margin-top: var(--wzl-space-3);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-variants__row {\n  margin-top: calc(var(--wzl-space-lg) * 1.25);\n}\n\n/* Set as the kit's panel titles are, at the small size. */\n.fg-index-variants__label {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-panel-title-weight);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-variants__cells {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-variants__cells > .fg-index-cell {\n  margin-top: var(--wzl-space-4);\n}\n\n.fg-index__library {\n  margin-inline-end: var(--wzl-space-4);\n  vertical-align: middle;\n}\n\n.fg-index__title-row {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-history {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-2) var(--wzl-space-8);\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-index-history__item {\n  display: flex;\n  gap: var(--wzl-space-3);\n}\n\n.fg-index-history__label {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-history__value {\n  margin: 0;\n}\n\n.fg-index-deps {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  gap: var(--wzl-space-3) var(--wzl-space-8);\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-index-deps__row {\n  display: contents;\n}\n\n.fg-index-deps__label {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-deps__value {\n  margin: 0;\n}\n\n.fg-index-deps__list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-2) var(--wzl-space-6);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.fg-index-deps__link {\n  color: var(--wzl-accent-fg);\n  text-decoration: none;\n}\n\n.fg-index-deps__link:hover {\n  text-decoration: underline;\n}\n\n.fg-index-deps__prefix,\n.fg-index-deps__empty,\n.fg-index-deps__none {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-deps__none {\n  max-width: 72ch;\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/frame/frame.css","../../src/frame/index/index.css","../../src/frame/capture/capture.css"],"sourcesContent":["html,\nbody {\n  margin: 0;\n}\n\n.fg-frame {\n  box-sizing: border-box;\n}\n\n.fg-frame--centered {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n}\n\n.fg-frame--padded {\n  padding: var(--wzl-space-8);\n}\n\n.fg-frame--fullscreen {\n  height: 100vh;\n  padding: 0;\n}\n\n.fg-frame__fault {\n  margin: 0;\n  padding: var(--wzl-space-8);\n  white-space: pre-wrap;\n  border: 1px solid #f2b8b5;\n  border-radius: 4px;\n  background: #fdecea;\n  color: #8c1d18;\n  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;\n}\n",".fg-index {\n  box-sizing: border-box;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: var(--wzl-space-lg);\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size);\n  color: var(--wzl-fg);\n}\n\n.fg-index__head {\n  margin-bottom: calc(var(--wzl-space-lg) * 2);\n}\n\n.fg-index__path {\n  margin: 0 0 var(--wzl-space-2);\n  font-size: var(--wzl-font-size-lg);\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index__title {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: calc(var(--wzl-font-size-xl) * 1.6);\n  font-weight: var(--wzl-font-weight-medium);\n  letter-spacing: var(--wzl-panel-title-tracking);\n  text-transform: var(--wzl-panel-title-case);\n}\n\n.fg-index__description,\n.fg-index-story__description {\n  max-width: 72ch;\n  margin: var(--wzl-space-4) 0 0;\n  font-family: var(--wzl-font-body);\n  line-height: 1.5;\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-story {\n  padding-top: calc(var(--wzl-space-lg) * 1.5);\n  margin-top: calc(var(--wzl-space-lg) * 1.5);\n  border-top: var(--wzl-border-w) solid var(--wzl-border);\n}\n\n.fg-index-story__head {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-story__name {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: var(--wzl-font-size-xl);\n  font-weight: var(--wzl-panel-title-weight);\n  letter-spacing: var(--wzl-panel-title-tracking);\n  text-transform: var(--wzl-panel-title-case);\n  color: var(--wzl-panel-title-color);\n}\n\n.fg-index-cell {\n  margin: var(--wzl-space-8) 0 0;\n  width: fit-content;\n  /* A fluid specimen (a slider, a tiled workspace) has no width of its own,\n     so hugging it alone collapses the cell to its padding. */\n  min-width: min(100%, 20rem);\n  max-width: 100%;\n}\n\n.fg-index-cell__stage {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 96px;\n  padding: var(--wzl-space-2);\n  border: var(--wzl-border-w) solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  background: var(--wzl-surface);\n  overflow: auto;\n}\n\n/* A padded story sits top-left as it would on a page: the column's width, and\n   none of the minimum height that gives a centered one presence. */\n.fg-index-cell--padded {\n  width: auto;\n}\n\n.fg-index-cell--padded > .fg-index-cell__stage {\n  display: block;\n  min-height: 0;\n}\n\n.fg-index-cell--fullscreen {\n  width: auto;\n}\n\n.fg-index-cell--fullscreen > .fg-index-cell__stage {\n  display: block;\n  height: 360px;\n  padding: 0;\n}\n\n.fg-index-cell__label {\n  margin-top: var(--wzl-space-3);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-variants__row {\n  margin-top: calc(var(--wzl-space-lg) * 1.25);\n}\n\n/* Set as the kit's panel titles are, at the small size. */\n.fg-index-variants__label {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-panel-title-weight);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-variants__cells {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-variants__cells > .fg-index-cell {\n  margin-top: var(--wzl-space-4);\n}\n\n.fg-index__library {\n  margin-inline-end: var(--wzl-space-4);\n  vertical-align: middle;\n}\n\n.fg-index__title-row {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-history {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-2) var(--wzl-space-8);\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-index-history__item {\n  display: flex;\n  gap: var(--wzl-space-3);\n}\n\n.fg-index-history__label {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-history__value {\n  margin: 0;\n}\n\n.fg-index-deps {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  gap: var(--wzl-space-3) var(--wzl-space-8);\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-index-deps__row {\n  display: contents;\n}\n\n.fg-index-deps__label {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-deps__value {\n  margin: 0;\n}\n\n.fg-index-deps__list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-2) var(--wzl-space-6);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.fg-index-deps__link {\n  color: var(--wzl-accent-fg);\n  text-decoration: none;\n}\n\n.fg-index-deps__link:hover {\n  text-decoration: underline;\n}\n\n.fg-index-deps__prefix,\n.fg-index-deps__empty,\n.fg-index-deps__none {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-deps__none {\n  max-width: 72ch;\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n","/* The capture box is the host's size exactly, whatever else styles a `.fg-story`. An isolated story's frame wrapper\n   measures `100vh` against the page, which the capture sizes to the box. */\n.fg-story[data-fg-capture] {\n  position: relative;\n  box-sizing: border-box;\n  width: var(--fg-capture-w);\n  height: var(--fg-capture-h);\n  overflow: hidden;\n  contain: paint;\n  container-type: size;\n}\n"],"mappings":"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","names":[]}

package/dist/frame/index.d.ts

@@ -1,39 +1,72 @@
-import { F as FrameSetup, L as LoadedStory } from '../FrameController-Cj_i-Rdk.js';
-export { v as Channel, w as ConfigAnswers, x as FaultPhase, n as FromFrame, y as StartFrameOptions, o as ToFrame, z as reportImportFault, B as startFrame } from '../FrameController-Cj_i-Rdk.js';
+import { G as Globals, L as Layout, I as IndexEntry, F as FrameSetup } from '../FrameController-CdnaIo4C.js';
+export { C as Channel, a as ConfigAnswers, b as FaultPhase, c as FromFrame, S as StartFrameOptions, T as ToFrame, r as reportImportFault, s as startFrame } from '../FrameController-CdnaIo4C.js';
+import { F as FrameImporters } from '../mountFrame-Ds3QLnBF.js';
+export { a as FrameIndexEntry, M as MountFrameOptions, m as mountFrame } from '../mountFrame-Ds3QLnBF.js';
+import { Theme } from '@weasel-js/theme';
 import '@weasel-js/icons';
 import '@weasel-js/labkit/config';
 import 'react';
 
-/** Story modules by file path, each loaded on first use. */
-interface FrameImporters {
-    [file: string]: () => Promise<Record<string, unknown>>;
+/** Everything the screen renders a story from, as the capture endpoint takes it. */
+interface CapturePayload {
+    /** The story's index id. */
+    story: string;
+    /** Picks the document: an isolated story renders under frame styles, any other under shell styles. */
+    isolate: boolean;
+    /** The story's config, with forge's `$` keys stripped and a comparison's args laid over. */
+    config: unknown;
+    /** Must survive JSON. */
+    state: unknown;
+    globals: Globals;
+    /** CSS variable overrides, by property name. */
+    overrides: Readonly<Record<string, string>>;
+    /** Null for a story with no timeline, and for an isolated story. */
+    playhead: number | null;
+    /** The host's size in CSS pixels. */
+    box: {
+        width: number;
+        height: number;
+    };
+    layout: Layout;
+    /** Device pixel ratio, in [1, 3]. */
+    dpr: number;
+    /** Where the story's scroller stands in its host, in CSS pixels, so the capture shows the patch the screen does. */
+    scroll: {
+        left: number;
+        top: number;
+    };
+    /** The workshop lab's theme as the screen shows it: the lab's globals, which the shell config's `labTheme` reads,
+     *  and its resolved color mode. An isolated story's document has no lab, and ignores it. */
+    lab: {
+        globals: Globals;
+        mode: 'light' | 'dark';
+    };
+    /** The OS color scheme the screen sees, which the capture page emulates: a story or a lab in `auto` mode follows
+     *  `prefers-color-scheme`, and headless Chromium would otherwise answer light. */
+    colorScheme: 'light' | 'dark';
 }
-/** One story as a frame document needs to find it, before its module is loaded. */
-interface FrameIndexEntry {
-    id: string;
-    /** The story's title as indexed, which titles the file's stories when its meta names none. */
-    title: string;
-    file: string;
-    exportName: string;
-    /** The JSDoc above the story's export, which its index page shows. */
-    description?: string;
-    /** The JSDoc above the file's meta, which heads the index page. */
-    componentDescription?: string;
-    /** The meta's `tags`. */
-    tags?: readonly string[];
-}
-/** Inputs to `mountFrame`. `load` replaces the default module loader, `loadStories`. */
-interface MountFrameOptions {
-    index: readonly FrameIndexEntry[];
+
+/** Inputs to `mountCapture`, as a capture page's entry module passes them. */
+interface MountCaptureOptions {
+    index: readonly IndexEntry[];
     importers: FrameImporters;
-    setup?: FrameSetup;
-    load?: (mod: Record<string, unknown>, title: string, parameters?: Record<string, unknown>) => LoadedStory[];
+    setup: FrameSetup;
+    /** The shell config's `labTheme`; only the shell's capture page has one. */
+    labTheme?: ((globals: Globals) => Theme) | undefined;
+}
+declare global {
+    interface Window {
+        /** Set by `mountCapture`: renders one payload and resolves once it has painted. */
+        __forgeCapture?: {
+            render(payload: CapturePayload): Promise<void>;
+        };
+    }
 }
-
 /**
- * The frame document's entry: asks its parent for a port and shows what the handoff names, or, from a shell that
- * names nothing, what the hash does. The hash is read at once, so its module loads during the handshake.
+ * A capture page's entry: exposes `window.__forgeCapture.render(payload)`, which loads the payload's story, renders
+ * it afresh into `#root`, and resolves once it has painted. Rejects for a story the index does not hold, and with
+ * whatever throws outside the story's own error boundary.
  */
-declare function mountFrame(options: MountFrameOptions): Promise<void>;
+declare function mountCapture({ index, importers, setup, labTheme }: MountCaptureOptions): void;
 
-export { type FrameImporters, type FrameIndexEntry, FrameSetup, type MountFrameOptions, mountFrame };
+export { FrameImporters, FrameSetup, type MountCaptureOptions, mountCapture };

package/dist/frame/index.js

@@ -1,14 +1,18 @@
-import { describeSchema, createKitRoot, openChannel, isIndexId, TITLE_LIBRARIES, indexId, answerSchema, IndexPage } from '../chunk-BKPDKUDN.js';
+import { describeSchema, createKitRoot, openChannel, isIndexId, TITLE_LIBRARIES, indexId, LAB_DENSITY, answerSchema, IndexPage } from '../chunk-ATI7FYJ7.js';
 import { isGallery } from '../chunk-WEQSLPKT.js';
-import { createOverrides, createGlobalsTarget, createA11yHighlighter, loadStories, indexRenderOf, scanCssVars, auditElement, runAxe, StoryHost, resolveCssVar } from '../chunk-JTCUIJPZ.js';
-import '../chunk-L5XM5VKB.js';
-import '../chunk-ZAWXMUGZ.js';
+import { createOverrides, createGlobalsTarget, createA11yHighlighter, loadStories, indexRenderOf, scanCssVars, auditElement, runAxe, useHostConditions, useStoryClock, StoryHost, resolveCssVar } from '../chunk-WMGEO5M6.js';
+import { ClockContext } from '../chunk-L5XM5VKB.js';
+import '../chunk-5WS67HMU.js';
 import '../chunk-KEQBGDUZ.js';
 import { FRAME_HELLO, stableStringify, PORT_HANDOFF } from '../chunk-GH5RE5X5.js';
 import { flushSync } from 'react-dom';
 import { jsx } from 'react/jsx-runtime';
 import { f } from '@weasel-js/labkit/config';
-import { Component } from 'react';
+import { Component, useState, useMemo, useLayoutEffect, useRef, useEffect } from 'react';
+import { useLatest, useVisibleRaf } from '@weasel-js/core';
+import { interstellarTheme, LabRoot } from '@weasel-js/labkit';
+import { ThemeProvider } from '@weasel-js/theme/react';
+import { OverlayPortalProvider } from '@weasel-js/ui/portal-host';
 
 var VARS_SETTLE_MS = 100;
 function fault(phase, error, seq) {
@@ -334,7 +338,131 @@ async function mountFrame(options) {
     reportImportFault(channel, error);
   }
 }
+var HOST_ID = "capture";
+var NO_WRITE = () => {
+};
+var boxStyle = ({ width, height }) => ({ ["--fg-capture-w"]: `${width}px`, ["--fg-capture-h"]: `${height}px` });
+function scrollTo(host, { left, top }) {
+  const scroller = host?.querySelector(":scope > .fg-story__scroll");
+  if (!scroller) return;
+  scroller.scrollLeft = left;
+  scroller.scrollTop = top;
+}
+function CaptureView({ story, payload, setup, labTheme, onRendered }) {
+  const [host, setHost] = useState(null);
+  useHostConditions(host, { hostId: HOST_ID, globals: payload.globals, overrides: payload.overrides, setup });
+  const spec = useMemo(() => story.timeline?.(payload.config) ?? null, [story, payload.config]);
+  const clock = useStoryClock(spec, () => payload.playhead);
+  const state = useMemo(
+    () => payload.state === null && story.initialState ? story.initialState(payload.config) : payload.state,
+    [payload.state, payload.config, story]
+  );
+  const ctx = {
+    config: payload.config,
+    setConfig: NO_WRITE,
+    state,
+    setState: NO_WRITE,
+    globals: payload.globals,
+    title: story.title,
+    name: story.name
+  };
+  const latest = useLatest({ onRendered, host, scroll: payload.scroll });
+  useLayoutEffect(() => scrollTo(host, payload.scroll), [host, payload.scroll]);
+  const ticks = useRef(0);
+  const raf = useVisibleRaf(
+    (_now, loop) => {
+      ticks.current += 1;
+      scrollTo(latest.current.host, latest.current.scroll);
+      if (ticks.current < 2) loop.request();
+      else latest.current.onRendered();
+    },
+    { dangerouslyRunWhenHidden: true }
+  );
+  useEffect(() => {
+    if (!host) return;
+    let canceled = false;
+    const start = () => {
+      if (!canceled) raf.request();
+    };
+    const { fonts } = host.ownerDocument;
+    if (fonts) void fonts.ready.then(start, start);
+    else start();
+    return () => {
+      canceled = true;
+      raf.cancel();
+    };
+  }, [host, raf]);
+  const content = host ? /* @__PURE__ */ jsx(ClockContext.Provider, { value: clock, children: /* @__PURE__ */ jsx(StoryHost, { story, ctx, decorators: setup.decorators ?? [], resetKey: 0, onError: NO_WRITE }) }) : null;
+  const box = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setHost,
+      className: "fg-story",
+      "data-fg-host": HOST_ID,
+      "data-fg-capture": "",
+      "data-fg-layout": payload.layout,
+      style: boxStyle(payload.box),
+      children: payload.isolate ? /* @__PURE__ */ jsx("div", { className: `fg-frame fg-frame--${payload.layout}`, children: content }) : /* @__PURE__ */ jsx("div", { className: "fg-story__scroll", children: host ? /* @__PURE__ */ jsx(OverlayPortalProvider, { container: host, contained: true, children: content }) : null })
+    }
+  );
+  if (payload.isolate) return box;
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      theme: labTheme?.(payload.lab.globals) ?? interstellarTheme,
+      selection: { mode: payload.lab.mode, density: LAB_DENSITY },
+      children: /* @__PURE__ */ jsx(LabRoot, { children: box })
+    }
+  );
+}
+var CaptureBoundary = class extends Component {
+  state = { failed: false };
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    this.props.onError(error);
+  }
+  render() {
+    return this.state.failed ? null : this.props.children;
+  }
+};
+function mountCapture({ index, importers, setup, labTheme }) {
+  const container = document.getElementById("root") ?? document.body;
+  const root = createKitRoot(container, setup.icons);
+  const prepared = /* @__PURE__ */ new Map();
+  let renders = 0;
+  const storyOf = (id) => {
+    let loading = prepared.get(id);
+    if (!loading) {
+      loading = (async () => {
+        const entry = index.find((e) => e.id === id);
+        if (!entry) throw new Error(`No story with id "${id}"`);
+        const importer = importers[entry.file];
+        if (!importer) throw new Error(`No importer for ${entry.file}`);
+        const story = loadStories(await importer(), entry.title, setup.parameters).find((s) => s.exportName === entry.exportName);
+        if (!story) throw new Error(`${entry.file} has no story export "${entry.exportName}"`);
+        await setup.prepare?.(story);
+        return story;
+      })();
+      prepared.set(id, loading);
+      loading.catch(() => prepared.delete(id));
+    }
+    return loading;
+  };
+  window.__forgeCapture = {
+    async render(payload) {
+      const story = await storyOf(payload.story);
+      renders += 1;
+      await new Promise((resolve, reject) => {
+        root.render(
+          /* @__PURE__ */ jsx(CaptureBoundary, { onError: reject, children: /* @__PURE__ */ jsx(CaptureView, { story, payload, setup, labTheme, onRendered: resolve }) }, renders)
+        );
+      });
+    }
+  };
+}
 
-export { mountFrame, reportImportFault, startFrame };
+export { mountCapture, mountFrame, reportImportFault, startFrame };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/frame/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/frame/FrameController.tsx","../../src/frame/index/startIndex.tsx","../../src/frame/mountFrame.tsx"],"names":["jsx","flushSync","id","stories","story"],"mappings":"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","file":"index.js","sourcesContent":["import { flushSync } from 'react-dom';\nimport type { IconTable } from '@weasel-js/icons';\nimport { createKitRoot } from '../kitIcons';\nimport type { Channel } from '../protocol/channel';\nimport {\n  type CssVarReport,\n  type FaultPhase,\n  type FromFrame,\n  type Globals,\n  stableStringify,\n  type ToFrame,\n} from '../protocol/messages';\nimport { answerSchema, describeSchema } from '../protocol/schema';\nimport type { Decorator, LoadedStory, StoryContext } from '../story/types';\nimport { auditElement } from './a11y';\nimport { createA11yHighlighter } from './a11yHighlight';\nimport { createOverrides, resolveCssVar, scanCssVars } from './cssVars';\nimport { createGlobalsTarget, type GlobalsTarget } from './globalsTarget';\nimport { StoryHost } from './StoryHost';\n\n/** The frame config: what `defineFrameConfig` returns and the `frameConfig` module default-exports. */\nexport interface FrameSetup {\n  /** Wraps every story, outermost; receives the globals. From the frame config (`frameConfig`). */\n  decorators?: Decorator[];\n  /** Applies globals to a target: theme mode, fonts. The target is a frame document's root, or one story's host in\n   *  the workshop document, so a rule the setup writes goes through `target.style` under `target.scope`. */\n  applyGlobals?: (globals: Globals, target: GlobalsTarget) => void;\n  /**\n   * The elements a CSS variable override is declared on; `:root` by default. An override has to be declared on\n   * whichever element declares the token itself — a theme wrapper, say — or that element's own value wins.\n   */\n  cssVarsScope?: string;\n  /** Project-wide CSF parameters, Storybook's preview `parameters`: under each meta's and story's. */\n  parameters?: Record<string, unknown>;\n  /**\n   * Awaited once a story is loaded and before it first renders — the place to import what only some stories\n   * need, so the rest never load it.\n   */\n  prepare?: (story: LoadedStory) => void | Promise<void>;\n  /** Icon tables registered beside the kit's in every frame: an app's own, for its stories' glyphs. */\n  icons?: readonly IconTable[];\n}\n\n/** Inputs to `startFrame`: the story, the channel to the shell, and the element to render into. */\nexport interface StartFrameOptions {\n  story: LoadedStory;\n  channel: Channel<ToFrame, FromFrame>;\n  container: HTMLElement;\n  setup?: FrameSetup;\n}\n\nconst VARS_SETTLE_MS = 100;\n\nfunction fault(phase: FaultPhase, error: unknown, seq?: number): FromFrame {\n  return {\n    type: 'fault',\n    phase,\n    message: error instanceof Error ? error.message : String(error),\n    ...(error instanceof Error && error.stack ? { stack: error.stack } : {}),\n    ...(seq === undefined ? {} : { seq }),\n  };\n}\n\n/** Sends `ready`, then renders the story on `init` and keeps it in step. Returns a stop function. */\nexport function startFrame({ story, channel, container, setup = {} }: StartFrameOptions): () => void {\n  const { send } = channel;\n  send({ type: 'ready', schema: describeSchema(story.config), layout: story.layout, viewport: story.viewport });\n\n  const wrapper = document.createElement('div');\n  wrapper.className = `fg-frame fg-frame--${story.layout}`;\n  container.append(wrapper);\n  const root = createKitRoot(wrapper, setup.icons);\n  const decorators = setup.decorators ?? [];\n\n  let initialized = false;\n  let rendered = false;\n  let config: unknown;\n  let state: unknown = null;\n  let globals: Globals = {};\n  let answeredKey: string | null = null;\n  let resetKey = 0;\n  let seq = 0;\n\n  const overrides = createOverrides(document, setup.cssVarsScope);\n  const globalsTarget = createGlobalsTarget(document.documentElement, ':root');\n  const highlighter = createA11yHighlighter(document);\n  let lastVars: CssVarReport[] | null = null;\n  let reported: string | null = null;\n  const publishVars = (vars: CssVarReport[]) => {\n    lastVars = vars;\n    const key = JSON.stringify(vars);\n    if (key === reported) return;\n    reported = key;\n    send({ type: 'vars', vars });\n  };\n  const reportVars = () => publishVars(scanCssVars(document, overrides.has));\n  const ownMutation = (record: MutationRecord) =>\n    overrides.owns(record.target) ||\n    (record.type === 'childList' &&\n      [...record.addedNodes, ...record.removedNodes].length > 0 &&\n      [...record.addedNodes, ...record.removedNodes].every(overrides.owns));\n  let settleTimer: ReturnType<typeof setTimeout> | undefined;\n  const mutations =\n    typeof MutationObserver === 'undefined'\n      ? null\n      : new MutationObserver((records) => {\n          if (records.every(ownMutation)) return;\n          clearTimeout(settleTimer);\n          settleTimer = setTimeout(reportVars, VARS_SETTLE_MS);\n        });\n  // Every attribute, not just style and class: a stylesheet can select on any of them, `[data-wzl-mode]` included.\n  mutations?.observe(document.documentElement, { subtree: true, childList: true, characterData: true, attributes: true });\n\n  const setConfig = (path: string, value: unknown) => send({ type: 'setConfig', path, value });\n  const setState = (next: unknown) => {\n    state = typeof next === 'function' ? (next as (prev: unknown) => unknown)(state) : next;\n    send({ type: 'setState', state });\n    render();\n  };\n\n  const render = () => {\n    const ctx: StoryContext = { config, setConfig, state, setState, globals, title: story.title, name: story.name };\n    const at = seq;\n    root.render(\n      <StoryHost\n        story={story}\n        ctx={ctx}\n        decorators={decorators}\n        resetKey={resetKey}\n        onError={(error) => send(fault('render', error, at))}\n      />,\n    );\n    const key = stableStringify(config);\n    if (key !== answeredKey) {\n      answeredKey = key;\n      send({ type: 'answers', answers: { configKey: key, ...answerSchema(story.config, config) } });\n    }\n  };\n\n  // Input from the trial commits synchronously, so `rendered` and the vars report describe the story it produced. A\n  // throw while applying it faults like a render would; otherwise the trial would wait on a frame that never answers.\n  const input = (apply: () => void) => {\n    seq += 1;\n    try {\n      apply();\n      if (!initialized) return;\n      resetKey += 1;\n      flushSync(render);\n    } catch (error) {\n      send(fault('render', error, seq));\n      return;\n    }\n    if (!rendered) {\n      rendered = true;\n      announceRendered();\n    }\n    reportVars();\n  };\n\n  /**\n   * The shell unhides the frame on `rendered` and fades it in, so a webfont\n   * swapping in after that message reads as the story gliding. Waiting for the\n   * fonts and then one painted frame means the story the shell reveals is the\n   * settled one.\n   *\n   * `document.fonts` is absent in jsdom, so the message stays synchronous\n   * there; the deferral is only exercised in a browser.\n   */\n  const announceRendered = () => {\n    const { fonts } = document;\n    if (!fonts) {\n      send({ type: 'rendered' });\n      return;\n    }\n    const afterPaint = () => requestAnimationFrame(() => send({ type: 'rendered' }));\n    void fonts.ready.then(afterPaint, afterPaint);\n  };\n\n  const audit = async (id: string) => send({ type: 'a11y', id, ...(await auditElement(wrapper)) });\n\n  const off = channel.on((msg) => {\n    switch (msg.type) {\n      case 'init':\n        input(() => {\n          initialized = true;\n          config = msg.config;\n          globals = msg.globals;\n          state = msg.state;\n          if (state === null && story.initialState) {\n            state = story.initialState(config);\n            send({ type: 'setState', state });\n          }\n          setup.applyGlobals?.(globals, globalsTarget);\n        });\n        break;\n      case 'config':\n        input(() => {\n          config = msg.config;\n        });\n        break;\n      case 'state':\n        input(() => {\n          state = msg.state;\n        });\n        break;\n      case 'globals':\n        input(() => {\n          globals = msg.globals;\n          setup.applyGlobals?.(globals, globalsTarget);\n        });\n        break;\n      case 'vars.set': {\n        overrides.set(msg.name, msg.value);\n        const at = lastVars?.findIndex((v) => v.name === msg.name) ?? -1;\n        if (!lastVars || at < 0) break;\n        const vars = lastVars.slice();\n        vars[at] = { ...vars[at]!, value: resolveCssVar(document, msg.name), overridden: overrides.has(msg.name) };\n        publishVars(vars);\n        break;\n      }\n      case 'a11y.run':\n        void audit(msg.id);\n        break;\n      case 'a11y.highlight':\n        highlighter.show(msg.targets);\n        break;\n    }\n  });\n\n  return () => {\n    off();\n    mutations?.disconnect();\n    clearTimeout(settleTimer);\n    overrides.dispose();\n    globalsTarget.dispose();\n    highlighter.dispose();\n    root.unmount();\n    wrapper.remove();\n  };\n}\n\n/** Reports an import failure — there is no story to start. */\nexport function reportImportFault(channel: Channel<ToFrame, FromFrame>, error: unknown): void {\n  channel.send(fault('import', error));\n}\n","import { f } from '@weasel-js/labkit/config';\nimport { Component, type ReactNode } from 'react';\nimport { flushSync } from 'react-dom';\nimport { createKitRoot } from '../../kitIcons';\nimport type { Channel } from '../../protocol/channel';\nimport type { FromFrame, Globals, ToFrame } from '../../protocol/messages';\nimport { describeSchema } from '../../protocol/schema';\nimport type { IndexRender, LoadedStory } from '../../story/types';\nimport { runAxe } from '../a11y';\nimport type { FrameSetup } from '../FrameController';\nimport { createGlobalsTarget } from '../globalsTarget';\nimport { type IndexEnv, IndexPage } from './IndexPage';\n\nexport interface StartIndexOptions {\n  title: string;\n  /** The package the component ships in. */\n  library?: string;\n  description?: string;\n  /** Whether the component is a gallery. */\n  gallery?: boolean;\n  /** The ids of the stories tagged `gallery`. */\n  galleries?: readonly string[];\n  /** In file order. */\n  stories: readonly LoadedStory[];\n  descriptions: Readonly<Record<string, string>>;\n  /** The component's own page; null for the generated one. */\n  render: IndexRender | null;\n  channel: Channel<ToFrame, FromFrame>;\n  container: HTMLElement;\n  setup?: FrameSetup;\n}\n\nconst message = (error: unknown): string => (error instanceof Error ? error.message : String(error));\n\n/** Faults the frame when the page itself throws. A single story's throw stays in its own cell. */\nclass PageBoundary extends Component<{ onError: (error: unknown) => void; children: ReactNode }, { failed: unknown }> {\n  override state = { failed: null as unknown };\n\n  static getDerivedStateFromError(error: unknown) {\n    return { failed: error ?? new Error('Index page failed') };\n  }\n\n  override componentDidCatch(error: unknown): void {\n    this.props.onError(error);\n  }\n\n  override render(): ReactNode {\n    return this.state.failed ? null : this.props.children;\n  }\n}\n\n/**\n * Sends `ready` for a page with no controls, then renders the component's index on `init` and follows the lab's\n * globals. Returns a stop function.\n */\nexport function startIndex(options: StartIndexOptions): () => void {\n  const { channel, container, setup = {} } = options;\n  const { send } = channel;\n  send({ type: 'ready', schema: describeSchema(f.schema({})), layout: 'fullscreen', viewport: null });\n\n  const wrapper = document.createElement('div');\n  wrapper.className = 'fg-frame fg-frame--fullscreen';\n  container.append(wrapper);\n  const root = createKitRoot(wrapper, setup.icons);\n  const globalsTarget = createGlobalsTarget(document.documentElement, ':root');\n  let globals: Globals | null = null;\n  let announced = false;\n\n  const render = (): void => {\n    if (!globals) return;\n    const env: IndexEnv = {\n      title: options.title,\n      ...(options.library === undefined ? {} : { library: options.library }),\n      ...(options.description === undefined ? {} : { description: options.description }),\n      stories: options.stories,\n      descriptions: options.descriptions,\n      gallery: options.gallery ?? false,\n      galleries: options.galleries ?? [],\n      globals,\n      decorators: setup.decorators ?? [],\n      open: (id) => send({ type: 'open', id }),\n      // A story that throws shows its error in its own cell; the rest of the page is still worth reading.\n      onError: (error) => console.error(error),\n    };\n    root.render(\n      <PageBoundary onError={(error) => send({ type: 'fault', phase: 'render', message: message(error) })}>\n        <IndexPage env={env} render={options.render} />\n      </PageBoundary>,\n    );\n  };\n\n  const announce = (): void => {\n    if (announced) return;\n    announced = true;\n    const { fonts } = document;\n    if (!fonts) {\n      send({ type: 'rendered' });\n      return;\n    }\n    const afterPaint = () => requestAnimationFrame(() => send({ type: 'rendered' }));\n    void fonts.ready.then(afterPaint, afterPaint);\n  };\n\n  const off = channel.on((msg) => {\n    switch (msg.type) {\n      case 'init':\n      case 'globals':\n        globals = msg.globals;\n        setup.applyGlobals?.(globals, globalsTarget);\n        flushSync(render);\n        announce();\n        break;\n      case 'a11y.run':\n        runAxe(wrapper).then(\n          (report) => send({ type: 'a11y', id: msg.id, ok: true, report }),\n          (error: unknown) => send({ type: 'a11y', id: msg.id, ok: false, message: message(error) }),\n        );\n        break;\n      default:\n        break;\n    }\n  });\n\n  return () => {\n    off();\n    globalsTarget.dispose();\n    root.unmount();\n    wrapper.remove();\n  };\n}\n","import { openChannel } from '../protocol/channel';\nimport { FRAME_HELLO, type FromFrame, PORT_HANDOFF, type ToFrame } from '../protocol/messages';\nimport { indexId, isIndexId } from '../story/indexPages';\nimport { TITLE_LIBRARIES } from '../story/library';\nimport { isGallery } from '../story/tags';\nimport { indexRenderOf, loadStories } from '../story/load';\nimport type { LoadedStory } from '../story/types';\nimport { type FrameSetup, reportImportFault, startFrame } from './FrameController';\nimport { startIndex } from './index/startIndex';\n\n/** Story modules by file path, each loaded on first use. */\nexport interface FrameImporters {\n  [file: string]: () => Promise<Record<string, unknown>>;\n}\n\n/** One story as a frame document needs to find it, before its module is loaded. */\nexport interface FrameIndexEntry {\n  id: string;\n  /** The story's title as indexed, which titles the file's stories when its meta names none. */\n  title: string;\n  file: string;\n  exportName: string;\n  /** The JSDoc above the story's export, which its index page shows. */\n  description?: string;\n  /** The JSDoc above the file's meta, which heads the index page. */\n  componentDescription?: string;\n  /** The meta's `tags`. */\n  tags?: readonly string[];\n}\n\n/** Inputs to `mountFrame`. `load` replaces the default module loader, `loadStories`. */\nexport interface MountFrameOptions {\n  index: readonly FrameIndexEntry[];\n  importers: FrameImporters;\n  setup?: FrameSetup;\n  load?: (mod: Record<string, unknown>, title: string, parameters?: Record<string, unknown>) => LoadedStory[];\n}\n\nexport { indexRenderOf, loadStories } from '../story/load';\n\nfunction waitForHandoff():Promise<{ port: MessagePort; id: string | null }> {\n  return new Promise((resolve) => {\n    const onMessage = (event: MessageEvent) => {\n      const data = event.data as { type?: unknown; id?: unknown } | null;\n      const port = event.ports[0];\n      if (event.origin !== location.origin || event.source !== window.parent) return;\n      if (typeof data !== 'object' || data === null || data.type !== PORT_HANDOFF || !port) return;\n      window.removeEventListener('message', onMessage);\n      resolve({ port, id: typeof data.id === 'string' ? data.id : null });\n    };\n    window.addEventListener('message', onMessage);\n  });\n}\n\n/**\n * The frame document's entry: asks its parent for a port and shows what the handoff names, or, from a shell that\n * names nothing, what the hash does. The hash is read at once, so its module loads during the handshake.\n */\nexport async function mountFrame(options: MountFrameOptions): Promise<void> {\n  const imports = new Map<string, Promise<Record<string, unknown>>>();\n  const importOf = (file: string): Promise<Record<string, unknown>> => {\n    let loading = imports.get(file);\n    if (!loading) {\n      const importer = options.importers[file];\n      if (!importer) throw new Error(`No importer for ${file}`);\n      loading = importer();\n      imports.set(file, loading);\n    }\n    return loading;\n  };\n  /** The entries `id` shows: one story, or every story of the component an index id names. */\n  const entriesOf = (id: string): FrameIndexEntry[] =>\n    isIndexId(id)\n      ? options.index.filter((e) => indexId(e.title) === id)\n      : options.index.filter((e) => e.id === id);\n  const early = location.hash.slice(1) || null;\n  // Only starts the fetch; whoever awaits the import later sees its outcome.\n  for (const file of new Set(early === null ? [] : entriesOf(early).map((e) => e.file))) {\n    if (options.importers[file]) importOf(file).catch(() => {});\n  }\n\n  const handoff = waitForHandoff();\n  window.parent.postMessage({ type: FRAME_HELLO }, location.origin);\n  const { port, id: handed } = await handoff;\n  const channel = openChannel<ToFrame, FromFrame>(port);\n  const id = handed ?? early ?? '';\n  const container = document.getElementById('root') ?? document.body;\n  try {\n    if (isIndexId(id)) {\n      const entries = entriesOf(id);\n      const title = entries[0]?.title;\n      if (title === undefined) throw new Error(`No component with index \"${id}\"`);\n      const files = [...new Set(entries.map((e) => e.file))];\n      const mods = await Promise.all(files.map(importOf));\n      const loaded = files.map((file, i) => ({\n        file,\n        stories: (options.load ?? loadStories)(mods[i] ?? {}, title, options.setup?.parameters),\n      }));\n      const stories = entries.flatMap(\n        (e) => loaded.find((l) => l.file === e.file)?.stories.find((s) => s.exportName === e.exportName) ?? [],\n      );\n      for (const story of stories) await options.setup?.prepare?.(story);\n      startIndex({\n        title,\n        ...(entries[0]?.componentDescription === undefined ? {} : { description: entries[0].componentDescription }),\n        // The project's library table is the shell config's, which a frame document does not load.\n        library: TITLE_LIBRARIES.of({ file: entries[0]?.file ?? '', title }),\n        gallery: entries.every(isGallery),\n        galleries: entries.filter(isGallery).map((e) => e.id),\n        stories,\n        descriptions: Object.fromEntries(entries.flatMap((e) => (e.description ? [[e.id, e.description]] : []))),\n        render: mods.map(indexRenderOf).find((render) => render !== null) ?? null,\n        channel,\n        container,\n        ...(options.setup ? { setup: options.setup } : {}),\n      });\n      return;\n    }\n    const entry = options.index.find((e) => e.id === id);\n    if (!entry) throw new Error(`No story with id \"${id}\"`);\n    const mod = await importOf(entry.file);\n    const stories = (options.load ?? loadStories)(mod, entry.title, options.setup?.parameters);\n    const story = stories.find((s) => s.exportName === entry.exportName);\n    if (!story) throw new Error(`${entry.file} has no story export \"${entry.exportName}\"`);\n    await options.setup?.prepare?.(story);\n    startFrame({ story, channel, container, setup: options.setup });\n  } catch (error) {\n    reportImportFault(channel, error);\n  }\n}\n"]}
+{"version":3,"sources":["../../src/frame/FrameController.tsx","../../src/frame/index/startIndex.tsx","../../src/frame/mountFrame.tsx","../../src/frame/capture/CaptureView.tsx","../../src/frame/capture/mountCapture.tsx"],"names":["jsx","flushSync","id","stories","story","Component"],"mappings":"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","file":"index.js","sourcesContent":["import { flushSync } from 'react-dom';\nimport type { IconTable } from '@weasel-js/icons';\nimport { createKitRoot } from '../kitIcons';\nimport type { Channel } from '../protocol/channel';\nimport {\n  type CssVarReport,\n  type FaultPhase,\n  type FromFrame,\n  type Globals,\n  stableStringify,\n  type ToFrame,\n} from '../protocol/messages';\nimport { answerSchema, describeSchema } from '../protocol/schema';\nimport type { Decorator, LoadedStory, StoryContext } from '../story/types';\nimport { auditElement } from './a11y';\nimport { createA11yHighlighter } from './a11yHighlight';\nimport { createOverrides, resolveCssVar, scanCssVars } from './cssVars';\nimport { createGlobalsTarget, type GlobalsTarget } from './globalsTarget';\nimport { StoryHost } from './StoryHost';\n\n/** The frame config: what `defineFrameConfig` returns and the `frameConfig` module default-exports. */\nexport interface FrameSetup {\n  /** Wraps every story, outermost; receives the globals. From the frame config (`frameConfig`). */\n  decorators?: Decorator[];\n  /** Applies globals to a target: theme mode, fonts. The target is a frame document's root, or one story's host in\n   *  the workshop document, so a rule the setup writes goes through `target.style` under `target.scope`. */\n  applyGlobals?: (globals: Globals, target: GlobalsTarget) => void;\n  /**\n   * The elements a CSS variable override is declared on; `:root` by default. An override has to be declared on\n   * whichever element declares the token itself — a theme wrapper, say — or that element's own value wins.\n   */\n  cssVarsScope?: string;\n  /** Project-wide CSF parameters, Storybook's preview `parameters`: under each meta's and story's. */\n  parameters?: Record<string, unknown>;\n  /**\n   * Awaited once a story is loaded and before it first renders — the place to import what only some stories\n   * need, so the rest never load it.\n   */\n  prepare?: (story: LoadedStory) => void | Promise<void>;\n  /** Icon tables registered beside the kit's in every frame: an app's own, for its stories' glyphs. */\n  icons?: readonly IconTable[];\n}\n\n/** Inputs to `startFrame`: the story, the channel to the shell, and the element to render into. */\nexport interface StartFrameOptions {\n  story: LoadedStory;\n  channel: Channel<ToFrame, FromFrame>;\n  container: HTMLElement;\n  setup?: FrameSetup;\n}\n\nconst VARS_SETTLE_MS = 100;\n\nfunction fault(phase: FaultPhase, error: unknown, seq?: number): FromFrame {\n  return {\n    type: 'fault',\n    phase,\n    message: error instanceof Error ? error.message : String(error),\n    ...(error instanceof Error && error.stack ? { stack: error.stack } : {}),\n    ...(seq === undefined ? {} : { seq }),\n  };\n}\n\n/** Sends `ready`, then renders the story on `init` and keeps it in step. Returns a stop function. */\nexport function startFrame({ story, channel, container, setup = {} }: StartFrameOptions): () => void {\n  const { send } = channel;\n  send({ type: 'ready', schema: describeSchema(story.config), layout: story.layout, viewport: story.viewport });\n\n  const wrapper = document.createElement('div');\n  wrapper.className = `fg-frame fg-frame--${story.layout}`;\n  container.append(wrapper);\n  const root = createKitRoot(wrapper, setup.icons);\n  const decorators = setup.decorators ?? [];\n\n  let initialized = false;\n  let rendered = false;\n  let config: unknown;\n  let state: unknown = null;\n  let globals: Globals = {};\n  let answeredKey: string | null = null;\n  let resetKey = 0;\n  let seq = 0;\n\n  const overrides = createOverrides(document, setup.cssVarsScope);\n  const globalsTarget = createGlobalsTarget(document.documentElement, ':root');\n  const highlighter = createA11yHighlighter(document);\n  let lastVars: CssVarReport[] | null = null;\n  let reported: string | null = null;\n  const publishVars = (vars: CssVarReport[]) => {\n    lastVars = vars;\n    const key = JSON.stringify(vars);\n    if (key === reported) return;\n    reported = key;\n    send({ type: 'vars', vars });\n  };\n  const reportVars = () => publishVars(scanCssVars(document, overrides.has));\n  const ownMutation = (record: MutationRecord) =>\n    overrides.owns(record.target) ||\n    (record.type === 'childList' &&\n      [...record.addedNodes, ...record.removedNodes].length > 0 &&\n      [...record.addedNodes, ...record.removedNodes].every(overrides.owns));\n  let settleTimer: ReturnType<typeof setTimeout> | undefined;\n  const mutations =\n    typeof MutationObserver === 'undefined'\n      ? null\n      : new MutationObserver((records) => {\n          if (records.every(ownMutation)) return;\n          clearTimeout(settleTimer);\n          settleTimer = setTimeout(reportVars, VARS_SETTLE_MS);\n        });\n  // Every attribute, not just style and class: a stylesheet can select on any of them, `[data-wzl-mode]` included.\n  mutations?.observe(document.documentElement, { subtree: true, childList: true, characterData: true, attributes: true });\n\n  const setConfig = (path: string, value: unknown) => send({ type: 'setConfig', path, value });\n  const setState = (next: unknown) => {\n    state = typeof next === 'function' ? (next as (prev: unknown) => unknown)(state) : next;\n    send({ type: 'setState', state });\n    render();\n  };\n\n  const render = () => {\n    const ctx: StoryContext = { config, setConfig, state, setState, globals, title: story.title, name: story.name };\n    const at = seq;\n    root.render(\n      <StoryHost\n        story={story}\n        ctx={ctx}\n        decorators={decorators}\n        resetKey={resetKey}\n        onError={(error) => send(fault('render', error, at))}\n      />,\n    );\n    const key = stableStringify(config);\n    if (key !== answeredKey) {\n      answeredKey = key;\n      send({ type: 'answers', answers: { configKey: key, ...answerSchema(story.config, config) } });\n    }\n  };\n\n  // Input from the trial commits synchronously, so `rendered` and the vars report describe the story it produced. A\n  // throw while applying it faults like a render would; otherwise the trial would wait on a frame that never answers.\n  const input = (apply: () => void) => {\n    seq += 1;\n    try {\n      apply();\n      if (!initialized) return;\n      resetKey += 1;\n      flushSync(render);\n    } catch (error) {\n      send(fault('render', error, seq));\n      return;\n    }\n    if (!rendered) {\n      rendered = true;\n      announceRendered();\n    }\n    reportVars();\n  };\n\n  /**\n   * The shell unhides the frame on `rendered` and fades it in, so a webfont\n   * swapping in after that message reads as the story gliding. Waiting for the\n   * fonts and then one painted frame means the story the shell reveals is the\n   * settled one.\n   *\n   * `document.fonts` is absent in jsdom, so the message stays synchronous\n   * there; the deferral is only exercised in a browser.\n   */\n  const announceRendered = () => {\n    const { fonts } = document;\n    if (!fonts) {\n      send({ type: 'rendered' });\n      return;\n    }\n    const afterPaint = () => requestAnimationFrame(() => send({ type: 'rendered' }));\n    void fonts.ready.then(afterPaint, afterPaint);\n  };\n\n  const audit = async (id: string) => send({ type: 'a11y', id, ...(await auditElement(wrapper)) });\n\n  const off = channel.on((msg) => {\n    switch (msg.type) {\n      case 'init':\n        input(() => {\n          initialized = true;\n          config = msg.config;\n          globals = msg.globals;\n          state = msg.state;\n          if (state === null && story.initialState) {\n            state = story.initialState(config);\n            send({ type: 'setState', state });\n          }\n          setup.applyGlobals?.(globals, globalsTarget);\n        });\n        break;\n      case 'config':\n        input(() => {\n          config = msg.config;\n        });\n        break;\n      case 'state':\n        input(() => {\n          state = msg.state;\n        });\n        break;\n      case 'globals':\n        input(() => {\n          globals = msg.globals;\n          setup.applyGlobals?.(globals, globalsTarget);\n        });\n        break;\n      case 'vars.set': {\n        overrides.set(msg.name, msg.value);\n        const at = lastVars?.findIndex((v) => v.name === msg.name) ?? -1;\n        if (!lastVars || at < 0) break;\n        const vars = lastVars.slice();\n        vars[at] = { ...vars[at]!, value: resolveCssVar(document, msg.name), overridden: overrides.has(msg.name) };\n        publishVars(vars);\n        break;\n      }\n      case 'a11y.run':\n        void audit(msg.id);\n        break;\n      case 'a11y.highlight':\n        highlighter.show(msg.targets);\n        break;\n    }\n  });\n\n  return () => {\n    off();\n    mutations?.disconnect();\n    clearTimeout(settleTimer);\n    overrides.dispose();\n    globalsTarget.dispose();\n    highlighter.dispose();\n    root.unmount();\n    wrapper.remove();\n  };\n}\n\n/** Reports an import failure — there is no story to start. */\nexport function reportImportFault(channel: Channel<ToFrame, FromFrame>, error: unknown): void {\n  channel.send(fault('import', error));\n}\n","import { f } from '@weasel-js/labkit/config';\nimport { Component, type ReactNode } from 'react';\nimport { flushSync } from 'react-dom';\nimport { createKitRoot } from '../../kitIcons';\nimport type { Channel } from '../../protocol/channel';\nimport type { FromFrame, Globals, ToFrame } from '../../protocol/messages';\nimport { describeSchema } from '../../protocol/schema';\nimport type { IndexRender, LoadedStory } from '../../story/types';\nimport { runAxe } from '../a11y';\nimport type { FrameSetup } from '../FrameController';\nimport { createGlobalsTarget } from '../globalsTarget';\nimport { type IndexEnv, IndexPage } from './IndexPage';\n\nexport interface StartIndexOptions {\n  title: string;\n  /** The package the component ships in. */\n  library?: string;\n  description?: string;\n  /** Whether the component is a gallery. */\n  gallery?: boolean;\n  /** The ids of the stories tagged `gallery`. */\n  galleries?: readonly string[];\n  /** In file order. */\n  stories: readonly LoadedStory[];\n  descriptions: Readonly<Record<string, string>>;\n  /** The component's own page; null for the generated one. */\n  render: IndexRender | null;\n  channel: Channel<ToFrame, FromFrame>;\n  container: HTMLElement;\n  setup?: FrameSetup;\n}\n\nconst message = (error: unknown): string => (error instanceof Error ? error.message : String(error));\n\n/** Faults the frame when the page itself throws. A single story's throw stays in its own cell. */\nclass PageBoundary extends Component<{ onError: (error: unknown) => void; children: ReactNode }, { failed: unknown }> {\n  override state = { failed: null as unknown };\n\n  static getDerivedStateFromError(error: unknown) {\n    return { failed: error ?? new Error('Index page failed') };\n  }\n\n  override componentDidCatch(error: unknown): void {\n    this.props.onError(error);\n  }\n\n  override render(): ReactNode {\n    return this.state.failed ? null : this.props.children;\n  }\n}\n\n/**\n * Sends `ready` for a page with no controls, then renders the component's index on `init` and follows the lab's\n * globals. Returns a stop function.\n */\nexport function startIndex(options: StartIndexOptions): () => void {\n  const { channel, container, setup = {} } = options;\n  const { send } = channel;\n  send({ type: 'ready', schema: describeSchema(f.schema({})), layout: 'fullscreen', viewport: null });\n\n  const wrapper = document.createElement('div');\n  wrapper.className = 'fg-frame fg-frame--fullscreen';\n  container.append(wrapper);\n  const root = createKitRoot(wrapper, setup.icons);\n  const globalsTarget = createGlobalsTarget(document.documentElement, ':root');\n  let globals: Globals | null = null;\n  let announced = false;\n\n  const render = (): void => {\n    if (!globals) return;\n    const env: IndexEnv = {\n      title: options.title,\n      ...(options.library === undefined ? {} : { library: options.library }),\n      ...(options.description === undefined ? {} : { description: options.description }),\n      stories: options.stories,\n      descriptions: options.descriptions,\n      gallery: options.gallery ?? false,\n      galleries: options.galleries ?? [],\n      globals,\n      decorators: setup.decorators ?? [],\n      open: (id) => send({ type: 'open', id }),\n      // A story that throws shows its error in its own cell; the rest of the page is still worth reading.\n      onError: (error) => console.error(error),\n    };\n    root.render(\n      <PageBoundary onError={(error) => send({ type: 'fault', phase: 'render', message: message(error) })}>\n        <IndexPage env={env} render={options.render} />\n      </PageBoundary>,\n    );\n  };\n\n  const announce = (): void => {\n    if (announced) return;\n    announced = true;\n    const { fonts } = document;\n    if (!fonts) {\n      send({ type: 'rendered' });\n      return;\n    }\n    const afterPaint = () => requestAnimationFrame(() => send({ type: 'rendered' }));\n    void fonts.ready.then(afterPaint, afterPaint);\n  };\n\n  const off = channel.on((msg) => {\n    switch (msg.type) {\n      case 'init':\n      case 'globals':\n        globals = msg.globals;\n        setup.applyGlobals?.(globals, globalsTarget);\n        flushSync(render);\n        announce();\n        break;\n      case 'a11y.run':\n        runAxe(wrapper).then(\n          (report) => send({ type: 'a11y', id: msg.id, ok: true, report }),\n          (error: unknown) => send({ type: 'a11y', id: msg.id, ok: false, message: message(error) }),\n        );\n        break;\n      default:\n        break;\n    }\n  });\n\n  return () => {\n    off();\n    globalsTarget.dispose();\n    root.unmount();\n    wrapper.remove();\n  };\n}\n","import { openChannel } from '../protocol/channel';\nimport { FRAME_HELLO, type FromFrame, PORT_HANDOFF, type ToFrame } from '../protocol/messages';\nimport { indexId, isIndexId } from '../story/indexPages';\nimport { TITLE_LIBRARIES } from '../story/library';\nimport { isGallery } from '../story/tags';\nimport { indexRenderOf, loadStories } from '../story/load';\nimport type { LoadedStory } from '../story/types';\nimport { type FrameSetup, reportImportFault, startFrame } from './FrameController';\nimport { startIndex } from './index/startIndex';\n\n/** Story modules by file path, each loaded on first use. */\nexport interface FrameImporters {\n  [file: string]: () => Promise<Record<string, unknown>>;\n}\n\n/** One story as a frame document needs to find it, before its module is loaded. */\nexport interface FrameIndexEntry {\n  id: string;\n  /** The story's title as indexed, which titles the file's stories when its meta names none. */\n  title: string;\n  file: string;\n  exportName: string;\n  /** The JSDoc above the story's export, which its index page shows. */\n  description?: string;\n  /** The JSDoc above the file's meta, which heads the index page. */\n  componentDescription?: string;\n  /** The meta's `tags`. */\n  tags?: readonly string[];\n}\n\n/** Inputs to `mountFrame`. `load` replaces the default module loader, `loadStories`. */\nexport interface MountFrameOptions {\n  index: readonly FrameIndexEntry[];\n  importers: FrameImporters;\n  setup?: FrameSetup;\n  load?: (mod: Record<string, unknown>, title: string, parameters?: Record<string, unknown>) => LoadedStory[];\n}\n\nexport { indexRenderOf, loadStories } from '../story/load';\n\nfunction waitForHandoff():Promise<{ port: MessagePort; id: string | null }> {\n  return new Promise((resolve) => {\n    const onMessage = (event: MessageEvent) => {\n      const data = event.data as { type?: unknown; id?: unknown } | null;\n      const port = event.ports[0];\n      if (event.origin !== location.origin || event.source !== window.parent) return;\n      if (typeof data !== 'object' || data === null || data.type !== PORT_HANDOFF || !port) return;\n      window.removeEventListener('message', onMessage);\n      resolve({ port, id: typeof data.id === 'string' ? data.id : null });\n    };\n    window.addEventListener('message', onMessage);\n  });\n}\n\n/**\n * The frame document's entry: asks its parent for a port and shows what the handoff names, or, from a shell that\n * names nothing, what the hash does. The hash is read at once, so its module loads during the handshake.\n */\nexport async function mountFrame(options: MountFrameOptions): Promise<void> {\n  const imports = new Map<string, Promise<Record<string, unknown>>>();\n  const importOf = (file: string): Promise<Record<string, unknown>> => {\n    let loading = imports.get(file);\n    if (!loading) {\n      const importer = options.importers[file];\n      if (!importer) throw new Error(`No importer for ${file}`);\n      loading = importer();\n      imports.set(file, loading);\n    }\n    return loading;\n  };\n  /** The entries `id` shows: one story, or every story of the component an index id names. */\n  const entriesOf = (id: string): FrameIndexEntry[] =>\n    isIndexId(id)\n      ? options.index.filter((e) => indexId(e.title) === id)\n      : options.index.filter((e) => e.id === id);\n  const early = location.hash.slice(1) || null;\n  // Only starts the fetch; whoever awaits the import later sees its outcome.\n  for (const file of new Set(early === null ? [] : entriesOf(early).map((e) => e.file))) {\n    if (options.importers[file]) importOf(file).catch(() => {});\n  }\n\n  const handoff = waitForHandoff();\n  window.parent.postMessage({ type: FRAME_HELLO }, location.origin);\n  const { port, id: handed } = await handoff;\n  const channel = openChannel<ToFrame, FromFrame>(port);\n  const id = handed ?? early ?? '';\n  const container = document.getElementById('root') ?? document.body;\n  try {\n    if (isIndexId(id)) {\n      const entries = entriesOf(id);\n      const title = entries[0]?.title;\n      if (title === undefined) throw new Error(`No component with index \"${id}\"`);\n      const files = [...new Set(entries.map((e) => e.file))];\n      const mods = await Promise.all(files.map(importOf));\n      const loaded = files.map((file, i) => ({\n        file,\n        stories: (options.load ?? loadStories)(mods[i] ?? {}, title, options.setup?.parameters),\n      }));\n      const stories = entries.flatMap(\n        (e) => loaded.find((l) => l.file === e.file)?.stories.find((s) => s.exportName === e.exportName) ?? [],\n      );\n      for (const story of stories) await options.setup?.prepare?.(story);\n      startIndex({\n        title,\n        ...(entries[0]?.componentDescription === undefined ? {} : { description: entries[0].componentDescription }),\n        // The project's library table is the shell config's, which a frame document does not load.\n        library: TITLE_LIBRARIES.of({ file: entries[0]?.file ?? '', title }),\n        gallery: entries.every(isGallery),\n        galleries: entries.filter(isGallery).map((e) => e.id),\n        stories,\n        descriptions: Object.fromEntries(entries.flatMap((e) => (e.description ? [[e.id, e.description]] : []))),\n        render: mods.map(indexRenderOf).find((render) => render !== null) ?? null,\n        channel,\n        container,\n        ...(options.setup ? { setup: options.setup } : {}),\n      });\n      return;\n    }\n    const entry = options.index.find((e) => e.id === id);\n    if (!entry) throw new Error(`No story with id \"${id}\"`);\n    const mod = await importOf(entry.file);\n    const stories = (options.load ?? loadStories)(mod, entry.title, options.setup?.parameters);\n    const story = stories.find((s) => s.exportName === entry.exportName);\n    if (!story) throw new Error(`${entry.file} has no story export \"${entry.exportName}\"`);\n    await options.setup?.prepare?.(story);\n    startFrame({ story, channel, container, setup: options.setup });\n  } catch (error) {\n    reportImportFault(channel, error);\n  }\n}\n","import './capture.css';\nimport { useLatest, useVisibleRaf } from '@weasel-js/core';\nimport { interstellarTheme, LabRoot } from '@weasel-js/labkit';\nimport type { Theme } from '@weasel-js/theme';\nimport { ThemeProvider } from '@weasel-js/theme/react';\nimport { OverlayPortalProvider } from '@weasel-js/ui/portal-host';\nimport { type CSSProperties, type ReactNode, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { useHostConditions } from '../../shell/hostConditions';\nimport { LAB_DENSITY } from '../../shell/labDensity';\nimport type { Globals } from '../../protocol/messages';\nimport type { LoadedStory, StoryContext } from '../../story/types';\nimport { ClockContext } from '../../timeline/context';\nimport { useStoryClock } from '../../timeline/StoryClock';\nimport type { CapturePayload } from '../../vite/capture/payload';\nimport type { FrameSetup } from '../FrameController';\nimport { StoryHost } from '../StoryHost';\n\n/** Props for `CaptureView`. */\nexport interface CaptureViewProps {\n  story: LoadedStory;\n  payload: CapturePayload;\n  setup: FrameSetup;\n  /** The shell config's `labTheme`, which the workshop's lab is themed by. */\n  labTheme?: ((globals: Globals) => Theme) | undefined;\n  /** Called once the story has painted with its fonts, so a screenshot taken then shows it settled. */\n  onRendered: () => void;\n}\n\nconst HOST_ID = 'capture';\nconst NO_WRITE = () => {};\n\n/** Sizes the box through custom properties, which capture.css reads. */\nconst boxStyle = ({ width, height }: CapturePayload['box']): CSSProperties =>\n  ({ ['--fg-capture-w' as string]: `${width}px`, ['--fg-capture-h' as string]: `${height}px` }) as CSSProperties;\n\n/** Scrolls the story's scroller to where the screen's stood; a story still growing is scrolled again before the shot. */\nfunction scrollTo(host: HTMLElement | null, { left, top }: CapturePayload['scroll']) {\n  const scroller = host?.querySelector<HTMLElement>(':scope > .fg-story__scroll');\n  if (!scroller) return;\n  scroller.scrollLeft = left;\n  scroller.scrollTop = top;\n}\n\n/**\n * One story rendered from a capture payload, still: its clock stands at the payload's playhead and nothing plays\n * it, and nothing it writes to its config or state goes anywhere. A story that would be in the workshop document\n * sits under a lab root themed as the lab is, as it does there; an isolated one sits in the frame document's own\n * wrapper.\n */\nexport function CaptureView({ story, payload, setup, labTheme, onRendered }: CaptureViewProps) {\n  const [host, setHost] = useState<HTMLDivElement | null>(null);\n  useHostConditions(host, { hostId: HOST_ID, globals: payload.globals, overrides: payload.overrides, setup });\n\n  const spec = useMemo(() => story.timeline?.(payload.config) ?? null, [story, payload.config]);\n  const clock = useStoryClock(spec, () => payload.playhead);\n\n  const state = useMemo(\n    () => (payload.state === null && story.initialState ? story.initialState(payload.config) : payload.state),\n    [payload.state, payload.config, story],\n  );\n  const ctx: StoryContext = {\n    config: payload.config,\n    setConfig: NO_WRITE,\n    state,\n    setState: NO_WRITE,\n    globals: payload.globals,\n    title: story.title,\n    name: story.name,\n  };\n\n  const latest = useLatest({ onRendered, host, scroll: payload.scroll });\n  useLayoutEffect(() => scrollTo(host, payload.scroll), [host, payload.scroll]);\n  const ticks = useRef(0);\n  // A capture page is never looked at, and a headless page can count as hidden.\n  const raf = useVisibleRaf(\n    (_now, loop) => {\n      ticks.current += 1;\n      scrollTo(latest.current.host, latest.current.scroll);\n      if (ticks.current < 2) loop.request();\n      else latest.current.onRendered();\n    },\n    { dangerouslyRunWhenHidden: true },\n  );\n  useEffect(() => {\n    if (!host) return;\n    let canceled = false;\n    const start = () => {\n      if (!canceled) raf.request();\n    };\n    const { fonts } = host.ownerDocument;\n    if (fonts) void fonts.ready.then(start, start);\n    else start();\n    return () => {\n      canceled = true;\n      raf.cancel();\n    };\n  }, [host, raf]);\n\n  const content: ReactNode = host ? (\n    <ClockContext.Provider value={clock}>\n      <StoryHost story={story} ctx={ctx} decorators={setup.decorators ?? []} resetKey={0} onError={NO_WRITE} />\n    </ClockContext.Provider>\n  ) : null;\n\n  const box = (\n    <div\n      ref={setHost}\n      className=\"fg-story\"\n      data-fg-host={HOST_ID}\n      data-fg-capture=\"\"\n      data-fg-layout={payload.layout}\n      style={boxStyle(payload.box)}\n    >\n      {payload.isolate ? (\n        <div className={`fg-frame fg-frame--${payload.layout}`}>{content}</div>\n      ) : (\n        <div className=\"fg-story__scroll\">\n          {host ? (\n            <OverlayPortalProvider container={host} contained>\n              {content}\n            </OverlayPortalProvider>\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n  if (payload.isolate) return box;\n  return (\n    <ThemeProvider\n      theme={labTheme?.(payload.lab.globals) ?? interstellarTheme}\n      selection={{ mode: payload.lab.mode, density: LAB_DENSITY }}\n    >\n      <LabRoot>{box}</LabRoot>\n    </ThemeProvider>\n  );\n}\n","import type { Theme } from '@weasel-js/theme';\nimport { Component, type ReactNode } from 'react';\nimport { createKitRoot } from '../../kitIcons';\nimport type { Globals } from '../../protocol/messages';\nimport { loadStories } from '../../story/load';\nimport type { IndexEntry, LoadedStory } from '../../story/types';\nimport type { CapturePayload } from '../../vite/capture/payload';\nimport type { FrameSetup } from '../FrameController';\nimport type { FrameImporters } from '../mountFrame';\nimport { CaptureView } from './CaptureView';\n\n/** Inputs to `mountCapture`, as a capture page's entry module passes them. */\nexport interface MountCaptureOptions {\n  index: readonly IndexEntry[];\n  importers: FrameImporters;\n  setup: FrameSetup;\n  /** The shell config's `labTheme`; only the shell's capture page has one. */\n  labTheme?: ((globals: Globals) => Theme) | undefined;\n}\n\ndeclare global {\n  interface Window {\n    /** Set by `mountCapture`: renders one payload and resolves once it has painted. */\n    __forgeCapture?: { render(payload: CapturePayload): Promise<void> };\n  }\n}\n\n/** Catches what throws outside the story's own boundary, which would otherwise unmount the root and leave the\n *  render waiting forever. */\nclass CaptureBoundary extends Component<{ onError: (error: unknown) => void; children: ReactNode }, { failed: boolean }> {\n  override state = { failed: false };\n\n  static getDerivedStateFromError(): { failed: boolean } {\n    return { failed: true };\n  }\n\n  override componentDidCatch(error: unknown): void {\n    this.props.onError(error);\n  }\n\n  override render(): ReactNode {\n    return this.state.failed ? null : this.props.children;\n  }\n}\n\n/**\n * A capture page's entry: exposes `window.__forgeCapture.render(payload)`, which loads the payload's story, renders\n * it afresh into `#root`, and resolves once it has painted. Rejects for a story the index does not hold, and with\n * whatever throws outside the story's own error boundary.\n */\nexport function mountCapture({ index, importers, setup, labTheme }: MountCaptureOptions): void {\n  const container = document.getElementById('root') ?? document.body;\n  const root = createKitRoot(container, setup.icons);\n  const prepared = new Map<string, Promise<LoadedStory>>();\n  let renders = 0;\n\n  const storyOf = (id: string): Promise<LoadedStory> => {\n    let loading = prepared.get(id);\n    if (!loading) {\n      loading = (async () => {\n        const entry = index.find((e) => e.id === id);\n        if (!entry) throw new Error(`No story with id \"${id}\"`);\n        const importer = importers[entry.file];\n        if (!importer) throw new Error(`No importer for ${entry.file}`);\n        const story = loadStories(await importer(), entry.title, setup.parameters).find((s) => s.exportName === entry.exportName);\n        if (!story) throw new Error(`${entry.file} has no story export \"${entry.exportName}\"`);\n        await setup.prepare?.(story);\n        return story;\n      })();\n      prepared.set(id, loading);\n      loading.catch(() => prepared.delete(id));\n    }\n    return loading;\n  };\n\n  window.__forgeCapture = {\n    async render(payload) {\n      const story = await storyOf(payload.story);\n      renders += 1;\n      await new Promise<void>((resolve, reject) => {\n        // Keyed per render, so a payload never inherits the last one's clock or state.\n        root.render(\n          <CaptureBoundary key={renders} onError={reject}>\n            <CaptureView story={story} payload={payload} setup={setup} labTheme={labTheme} onRendered={resolve} />\n          </CaptureBoundary>,\n        );\n      });\n    },\n  };\n}\n"]}

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { ConfigSchema } from '@weasel-js/labkit/config';
 export { f } from '@weasel-js/labkit/config';
-export { F as FOLLOW_APP, G as GlobalDeclaration, a as GlobalDeclarations, L as LabChrome, b as Library, S as ShellConfig, d as defineFrameConfig, c as defineShellConfig } from './config-DN6IaNf6.js';
+export { F as FOLLOW_APP, G as GlobalDeclaration, a as GlobalDeclarations, L as LabChrome, b as Library, S as ShellConfig, d as defineFrameConfig, c as defineShellConfig } from './config-Mg05Ja9r.js';
 import { ComponentType, ReactNode } from 'react';
-import { G as Globals, M as MetaSpec, S as StorySpec, C as ClockState, a as SpanOverride } from './FrameController-Cj_i-Rdk.js';
-export { A as A11yFinding, b as A11yNode, c as A11yReport, d as ComponentDeps, e as ComponentHistory, D as Decorator, f as DepGraph, F as FrameSetup, g as GlobalsTarget, I as IndexContext, h as IndexRender, i as IndexStoryProps, L as LoadedStory, P as PlayContext, j as StoryContext, k as StoryLayout, V as StoryViewport, l as TimelineSpan, T as TimelineSpec } from './FrameController-Cj_i-Rdk.js';
+import { G as Globals, M as MetaSpec, d as StorySpec, e as ClockState, f as SpanOverride } from './FrameController-CdnaIo4C.js';
+export { A as A11yFinding, g as A11yNode, h as A11yReport, i as ComponentDeps, j as ComponentHistory, D as Decorator, k as DepGraph, F as FrameSetup, l as GlobalsTarget, m as IndexContext, n as IndexRender, o as IndexStoryProps, p as LoadedStory, P as PlayContext, q as StoryContext, L as StoryLayout, V as StoryViewport, t as TimelineSpan, u as TimelineSpec } from './FrameController-CdnaIo4C.js';
 import '@weasel-js/labkit';
 import '@weasel-js/theme';
 import '@weasel-js/icons';

package/dist/index.js

@@ -1,6 +1,6 @@
 export { RESERVED_PARAMS, decodeKnob, encodeKnob, formatRoute, knobParams, knobPaths, knobsToParams, paramsToKnobs, parseRoute, reservedParams, storyHref } from './chunk-LTTEILXY.js';
 export { GALLERY_TAG } from './chunk-WEQSLPKT.js';
-export { FOLLOW_APP } from './chunk-7BQPHMA2.js';
+export { FOLLOW_APP } from './chunk-3BAM6M26.js';
 export { meta, story, usePlayhead, useTimeline } from './chunk-L5XM5VKB.js';
 import './chunk-GH5RE5X5.js';
 export { f } from '@weasel-js/labkit/config';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/config.ts"],"names":[],"mappings":";;;;;;;;AAiCO,SAAS,kBAAkB,MAAA,EAAgC;AAChE,EAAA,OAAO,MAAA;AACT;AAGO,SAAS,kBAAkB,MAAA,EAAkC;AAClE,EAAA,OAAO,MAAA;AACT","file":"index.js","sourcesContent":["import type { LabContribution, LabPage } from '@weasel-js/labkit';\nimport type { Theme } from '@weasel-js/theme';\nimport type { ControlRenderer } from '@weasel-js/labkit/config';\nimport type { FrameSetup } from './frame/FrameController';\nimport type { Globals } from './protocol/messages';\nimport type { GlobalDeclarations } from './shell/globals';\nimport type { Library } from './story/library';\n\n/** A shell config module: what the workshop adds to the lab. Only the workshop page imports it. */\nexport interface ShellConfig {\n  /** The workshop's name, in its header and as the document title. Default `weaselforge`. The served page reads\n   *  it from this module's source, so write it as a string or a `const` of this file; a computed one titles the\n   *  page only once the workshop has loaded. */\n  title?: string;\n  /** Whether the lab offers the CSS Vars panel and its header toggle. Default true; the panel starts hidden. */\n  cssVars?: boolean;\n  labChrome?: readonly LabContribution[];\n  controls?: Record<string, ControlRenderer>;\n  /** Globals the lab's header sets for every story, each pinnable per trial. Frames apply them with `applyGlobals`. */\n  globals?: GlobalDeclarations;\n  /** The theme the workshop's own chrome takes at the lab's current globals, so a global can restyle the workshop\n   *  as well as the stories. Default: labkit's. */\n  labTheme?: (globals: Globals) => Theme;\n  /** The project's libraries, each a stretch of file path and the label its stories carry in the tree's package\n   *  filter, on index pages, and in Get Info. A story under none of them takes its title's first segment. */\n  libraries?: readonly Library[];\n  /** The project's other labs, offered in the workshop's title menu. */\n  pages?: readonly LabPage[];\n  /** Which of `pages` the workshop is, when the URL alone cannot say, as across dev servers on different ports. */\n  path?: string;\n}\n\n/** A frame config module's default export. The workshop page imports it as well as every frame document, so CSS it imports reaches both; the plugin's `frameStyles` is for CSS meant for frames alone. */\nexport function defineFrameConfig(config: FrameSetup): FrameSetup {\n  return config;\n}\n\n/** A shell config module's default export. */\nexport function defineShellConfig(config: ShellConfig): ShellConfig {\n  return config;\n}\n"]}
+{"version":3,"sources":["../src/config.ts"],"names":[],"mappings":";;;;;;;;AAwCO,SAAS,kBAAkB,MAAA,EAAgC;AAChE,EAAA,OAAO,MAAA;AACT;AAGO,SAAS,kBAAkB,MAAA,EAAkC;AAClE,EAAA,OAAO,MAAA;AACT","file":"index.js","sourcesContent":["import type { LabContribution, LabPage } from '@weasel-js/labkit';\nimport type { Theme } from '@weasel-js/theme';\nimport type { ControlRenderer } from '@weasel-js/labkit/config';\nimport type { FrameSetup } from './frame/FrameController';\nimport type { Globals } from './protocol/messages';\nimport type { GlobalDeclarations } from './shell/globals';\nimport type { Library } from './story/library';\n\n/** A shell config module: what the workshop adds to the lab. Only the workshop page imports it. */\nexport interface ShellConfig {\n  /** The workshop's name, in its header and as the document title. Default `weaselforge`. The served page reads\n   *  it from this module's source, so write it as a string or a `const` of this file; a computed one titles the\n   *  page only once the workshop has loaded. */\n  title?: string;\n  /** Whether the lab offers the CSS Vars panel and its header toggle. Default true; the panel starts hidden. */\n  cssVars?: boolean;\n  labChrome?: readonly LabContribution[];\n  controls?: Record<string, ControlRenderer>;\n  /** Globals the lab's header sets for every story, each pinnable per trial. Frames apply them with `applyGlobals`. */\n  globals?: GlobalDeclarations;\n  /** The theme the workshop's own chrome takes at the lab's current globals, so a global can restyle the workshop\n   *  as well as the stories. Default: labkit's. */\n  labTheme?: (globals: Globals) => Theme;\n  /** The project's libraries, each a stretch of file path and the label its stories carry in the tree's package\n   *  filter, on index pages, and in Get Info. A story under none of them takes its title's first segment. */\n  libraries?: readonly Library[];\n  /** The project's other labs, offered in the workshop's title menu. */\n  pages?: readonly LabPage[];\n  /** Which of `pages` the workshop is, when the URL alone cannot say, as across dev servers on different ports. */\n  path?: string;\n  /** What a Pixels capture may load besides the dev server's own pages, such as the origins of a web-font service\n   *  the stories' fonts come from. Every other request a capture makes is refused. The dev server reads the list\n   *  from this module's source, as it does `title`, so write each origin as a string. */\n  capture?: { allowOrigins?: readonly string[] };\n  /** The workshop's lenses. `modeGlobal` names the global holding the color mode, which a lens's opposite-mode\n   *  comparison flips through its declaration's `opposite`. Default `mode`. */\n  loupe?: { modeGlobal?: string };\n}\n\n/** A frame config module's default export. The workshop page imports it as well as every frame document, so CSS it imports reaches both; the plugin's `frameStyles` is for CSS meant for frames alone. */\nexport function defineFrameConfig(config: FrameSetup): FrameSetup {\n  return config;\n}\n\n/** A shell config module's default export. */\nexport function defineShellConfig(config: ShellConfig): ShellConfig {\n  return config;\n}\n"]}