@weasel-js/forge 1.5.2 → 1.6.1

package/README.md

@@ -1,22 +1,53 @@
 # @weasel-js/forge
 
 A component workshop built on labkit. It reads Storybook's story files and
-renders each story in its own frame document; the story's controls, state,
-undo and snapshots live in a labkit trial beside it, so two settings of one
+renders each story in the workshop page as a labkit trial: the story's
+controls, state, undo and snapshots live in the trial, so two settings of one
 component can be compared side by side.
 
 Direction: `docs/superpowers/specs/2026-09-13-forge-design.md`.
 
+## Where a story renders
+
+A story renders inside a host element in the workshop document. The host
+carries the theme attributes the globals resolve to, keeps its CSS variable
+overrides on itself, contains its fixed-position descendants, and is where
+weasel overlays portal, so a Dialog opened in one trial stays in that trial.
+`vw`, `vh` and media queries read the workshop page, not the host; a story
+with a `viewport` renders as a fixed-size box the trial pans and zooms.
+
+A story that needs a document of its own says so, with the reason:
+
+```tsx
+export const Interactive = story({ isolate: 'ToastRegion portals to document.body', render: … });
+// CSF: parameters: { forge: { isolate: 'ToastRegion portals to document.body' } }
+```
+
+It then renders in an iframe, as every story once did. The frame path is kept
+for those stories and gets no new features; `npm run check:forge-isolate`
+lists the isolated stories and fails when their number goes above the one the
+script holds, so the count only goes down. The value is read from the source
+without running it, and must be a string literal.
+
+A story may stay isolated as long as it needs to. If the count ever reaches
+zero, the frame side goes: `FrameView`, `framePool`, `trialFrames`,
+`answers`, `readyKey`, `labHarness`, `mountFrame`, `protocol/*`, the frame
+entry, `frame.html`, `html.ts`, the frame page in `build.ts`, the `./frame`
+and `./frame.css` exports, the ratchet script, and the `docs/TODO.md` entries
+about frame reloads; `defineFrameConfig` folds into one config.
+
 ## Config modules
 
-The vite plugin takes two optional config modules, one per realm, because the
-workshop page and each frame document are separate documents:
+The vite plugin takes two optional config modules:
 
 - `frameConfig` default-exports `defineFrameConfig({...})`: decorators around
-  every story, `applyGlobals` for what a global does to the frame document,
-  `cssVarsScope`, and `parameters`, the project-wide CSF parameters that
-  Storybook keeps in `preview`. Only frame documents import it, so its CSS
-  stays off the workshop page.
+  every story, `applyGlobals` for what a global does to a story's host (or to
+  a frame document's root, for an isolated story), `cssVarsScope`,
+  `parameters`, the project-wide CSF parameters that Storybook keeps in
+  `preview`, and `prepare`, awaited before a story first renders, which is
+  where to import what only some stories need. `applyGlobals` is handed a
+  target: its `root`, a `scope` selector matching only that root, and
+  `style(css)` for a rule that should reach that story alone.
 - `shellConfig` default-exports `defineShellConfig({...})`: lab chrome, control
   renderers, and global declarations. Only the workshop page imports it.
 
@@ -24,10 +55,41 @@ workshop page and each frame document are separate documents:
 forge({ stories: ['src/**/*.stories.tsx'], frameConfig: 'forge.frame.tsx', shellConfig: 'forge.shell.tsx' });
 ```
 
+Editing a story file reloads that story in every trial showing it, with the
+trial's config and state kept; the page itself stays.
+
+Clicking a story in the tree, or reaching one by its URL, shows it in the
+focused trial; Shift-click opens another trial beside it.
+
+## Index pages
+
+Every component — every story title — has an index page, opened by clicking
+the component's row in the sidebar (its fold mark only folds it) and routed at
+`#/<title id>:index`. It renders all
+of the component's stories in one trial: each at its defaults, then once per
+value of each of its boolean and enum controls, one control at a time.
+
+A component can supply its own page. A native meta takes `index`; a CSF meta
+sets `parameters.forge.index`. Either is handed an `IndexContext` holding the
+stories and the generated page's parts, `Story`, `Variants` and `DefaultIndex`,
+so a custom page composes them:
+
+```tsx
+export default meta({
+  title: 'ui/Button',
+  index: ({ stories, Story, DefaultIndex }) => (
+    <>
+      <Story story={stories[0]} config={{ label: 'Save' }} label="In a form" />
+      <DefaultIndex />
+    </>
+  ),
+});
+```
+
 ## Story tests
 
 `forgeTest` from `@weasel-js/forge/vite` runs every story as a vitest browser
-test: each story renders through forge's frame with its defaults, plays, and
-fails on any fault. Pass it the same `frameConfig`. It needs vitest 4 in browser mode with a provider, such as
+test: each story renders in the test page through the same host the workshop
+uses, with its defaults, plays, and fails on any fault. Pass it the same `frameConfig`. It needs vitest 4 in browser mode with a provider, such as
 `@vitest/browser-playwright`. This repo runs it with
 `npm run test:stories:forge`, not in CI.

package/dist/{FrameController-eZM3hlcE.d.ts → FrameController-BspC9Zr5.d.ts}

@@ -1,5 +1,5 @@
 import { BranchAnnotations, Annotations, ConfigSchema } from '@weasel-js/labkit/config';
-import { ReactNode } from 'react';
+import { ReactNode, ComponentType } from 'react';
 
 interface Channel<In, Out> {
     send(msg: Out): void;
@@ -147,6 +147,11 @@ type FromFrame = {
 } | {
     type: 'vars';
     vars: CssVarReport[];
+}
+/** Asks the shell to show story `id` in this frame's trial in place of what it shows now. */
+ | {
+    type: 'open';
+    id: string;
 } | {
     type: 'played';
     ok: boolean;
@@ -200,7 +205,38 @@ interface MetaSpec {
     title?: string;
     decorators?: Decorator[];
     layout?: Layout;
+    /** Renders this story in its own frame document, for a reason the value states. The default is the workshop document. */
+    isolate?: string;
+    /** The component's own index page, in place of the generated one. A CSF file sets `parameters.forge.index`. */
+    index?: IndexRender;
+}
+/** What an index page is given: its component's stories, and the parts the generated page is built from. */
+interface IndexContext {
+    title: string;
+    /** The JSDoc above the file's meta, if any. */
+    description?: string;
+    /** In file order. */
+    stories: readonly LoadedStory[];
+    globals: Globals;
+    /** One story, interactive, at its defaults with `config` over them. */
+    Story: ComponentType<IndexStoryProps>;
+    /** One story rendered once per value of each of its boolean and enum controls, the rest at their defaults. */
+    Variants: ComponentType<{
+        story: LoadedStory;
+    }>;
+    /** The whole generated page. */
+    DefaultIndex: ComponentType;
+    /** Shows story `id` in this page's trial in its place. */
+    open: (id: string) => void;
 }
+interface IndexStoryProps {
+    story: LoadedStory;
+    /** Merged over the story's defaults; nested groups merge rather than replace. */
+    config?: Record<string, unknown>;
+    /** Shown under the story. */
+    label?: string;
+}
+type IndexRender = (ctx: IndexContext) => ReactNode;
 interface StorySpec<C = Record<string, never>, S = undefined> {
     name?: string;
     config?: ConfigSchema<C>;
@@ -209,6 +245,8 @@ interface StorySpec<C = Record<string, never>, S = undefined> {
     decorators?: Decorator[];
     layout?: Layout;
     viewport?: Viewport;
+    /** Renders this story in its own frame document, for a reason the value states. The default is the workshop document. */
+    isolate?: string;
     play?: (ctx: PlayContext<C>) => void | Promise<void>;
 }
 /** One story, normalized — what both the native and CSF loaders produce. */
@@ -224,6 +262,7 @@ interface LoadedStory {
     decorators: Decorator[];
     layout: Layout;
     viewport: Viewport | null;
+    isolate: string | null;
     play: ((ctx: PlayContext) => void | Promise<void>) | null;
 }
 /** One story as the index knows it, before its module is loaded. */
@@ -240,13 +279,26 @@ interface IndexEntry {
     componentDescription?: string;
     /** The identifier the meta's `component` names, if it names one. */
     componentName?: string;
+    /** Read statically from the source; a story with it renders in its own frame. */
+    isolate?: string;
+}
+
+/** What a setup's `applyGlobals` is handed: the element the globals apply to, and a way to style it alone. */
+interface GlobalsTarget {
+    /** A frame document's root, or one story's host in the workshop document. */
+    root: HTMLElement;
+    /** A selector matching `root` and nothing else, so a rule written under it reaches only this target. */
+    scope: string;
+    /** Replaces the CSS forge keeps for this target. */
+    style: (css: string) => void;
 }
 
 interface FrameSetup {
     /** Wraps every story, outermost; receives the globals. From the frame config (`frameConfig`). */
     decorators?: Decorator[];
-    /** Applies globals to the frame document — theme mode, fonts. */
-    applyGlobals?: (globals: Globals, root: HTMLElement) => void;
+    /** Applies globals to a target: theme mode, fonts. The target is a frame document's root, or one story's host in
+     *  the workshop document, so a rule the setup writes goes through `target.style` under `target.scope`. */
+    applyGlobals?: (globals: Globals, target: GlobalsTarget) => void;
     /**
      * The elements a CSS variable override is declared on; `:root` by default. An override has to be declared on
      * whichever element declares the token itself — a theme wrapper, say — or that element's own value wins.
@@ -254,6 +306,11 @@ interface FrameSetup {
     cssVarsScope?: string;
     /** Project-wide CSF parameters, Storybook's preview `parameters`: under each meta's and story's. */
     parameters?: Record<string, unknown>;
+    /**
+     * Awaited once a story is loaded and before it first renders — the place to import what only some stories
+     * need, so the rest never load it.
+     */
+    prepare?: (story: LoadedStory) => void | Promise<void>;
 }
 interface StartFrameOptions {
     story: LoadedStory;
@@ -266,4 +323,4 @@ declare function startFrame({ story, channel, container, setup }: StartFrameOpti
 /** Reports an import failure — there is no story to start. */
 declare function reportImportFault(channel: Channel<ToFrame, FromFrame>, error: unknown): void;
 
-export { type A11yFinding as A, type CssVarReport as C, type Decorator as D, type FrameSetup as F, type Globals as G, type IndexEntry as I, type LoadedStory as L, type MetaSpec as M, type PlayContext as P, type StorySpec as S, type ToFrame as T, type Viewport as V, type A11yNode as a, type A11yReport as b, type StoryContext as c, type StartFrameOptions as d, type FromFrame as e, type CapturedPicture as f, reportImportFault as r, startFrame as s };
+export { type A11yFinding as A, type CssVarReport as C, type Decorator as D, type FrameSetup as F, type Globals as G, type IndexContext as I, type LoadedStory as L, type MetaSpec as M, type PlayContext as P, type StorySpec as S, type ToFrame as T, type Viewport as V, type A11yNode as a, type A11yReport as b, type GlobalsTarget as c, type IndexRender as d, type IndexStoryProps as e, type StoryContext as f, type IndexEntry as g, type Layout as h, type FromFrame as i, type CapturedPicture as j, type StartFrameOptions as k, reportImportFault as r, startFrame as s };

package/dist/chunk-CSAXZIMV.js

@@ -0,0 +1,318 @@
+import { StoryHost, isPlainObject } from './chunk-OLWZURU3.js';
+import { sanitize } from './chunk-HRGPFQBW.js';
+import { PROTOCOL_VERSION } from './chunk-JXIWZFD4.js';
+import { f, isConfigBranch, resolveConfigSchema, schemaNodeAtPath, titleCase } from '@weasel-js/labkit/config';
+import { Button } from '@weasel-js/ui/components/Button';
+import { createContext, useMemo, useState, useRef, useEffect, useContext, useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var joinPath = (at, key) => at === "" ? key : `${at}.${key}`;
+function describeShape(shape) {
+  const out = {};
+  for (const [key, entry] of Object.entries(shape)) {
+    const { section, showIf } = entry.options;
+    const common = {
+      annotations: { ...entry.annotations },
+      ...section === void 0 ? {} : { section: { ...section } },
+      conditional: showIf !== void 0
+    };
+    out[key] = isConfigBranch(entry) ? { branch: true, ...common, children: describeShape(entry.children) } : {
+      branch: false,
+      kind: entry.kind,
+      default: entry.default,
+      ...common,
+      validated: entry.options.validate !== void 0,
+      customControl: entry.options.render !== void 0
+    };
+  }
+  return out;
+}
+function describeSchema(schema) {
+  return { nodes: describeShape(schema.nodes) };
+}
+function rebuildShape(shape, at, answers) {
+  const out = {};
+  for (const [key, entry] of Object.entries(shape)) {
+    const path = joinPath(at, key);
+    const options = {
+      ...entry.section === void 0 ? {} : { section: entry.section },
+      ...entry.conditional ? { showIf: (config) => !answers.hidden(path, config) } : {}
+    };
+    if (entry.branch) {
+      const branch = {
+        children: rebuildShape(entry.children, path, answers),
+        annotations: entry.annotations,
+        options
+      };
+      out[key] = branch;
+    } else {
+      const node = {
+        kind: entry.kind,
+        default: entry.default,
+        annotations: entry.annotations,
+        options: entry.validated ? { ...options, validate: (_leaf, config) => answers.errors(path, config) } : options
+      };
+      out[key] = node;
+    }
+  }
+  return out;
+}
+function schemaFromDescription(description, answers) {
+  return f.schema(rebuildShape(description.nodes, "", answers));
+}
+function answerSchema(schema, config) {
+  const hidden = [];
+  const errors = {};
+  const record = config;
+  let group;
+  const walk = (shape, at) => {
+    for (const [key, entry] of Object.entries(shape)) {
+      const path = joinPath(at, key);
+      if (entry.options.showIf && !entry.options.showIf(record)) hidden.push(path);
+      if (isConfigBranch(entry)) {
+        walk(entry.children, path);
+        continue;
+      }
+      const { validate } = entry.options;
+      if (!validate) continue;
+      group ??= resolveConfigSchema(schema).group;
+      const leaf = schemaNodeAtPath(group, path);
+      if (!leaf || "children" in leaf) continue;
+      const found = validate(leaf, record);
+      if (found.length > 0) errors[path] = found;
+    }
+  };
+  walk(schema.nodes, "");
+  return { hidden, errors };
+}
+
+// src/protocol/channel.ts
+function openChannel(port, options = {}) {
+  const listeners = /* @__PURE__ */ new Set();
+  const onMessage = (event) => {
+    const data = event.data;
+    if (typeof data !== "object" || data === null || !("msg" in data)) {
+      options.onMismatch?.({ reason: "not-an-envelope" });
+      return;
+    }
+    const envelope = data;
+    if (envelope.v !== PROTOCOL_VERSION) {
+      options.onMismatch?.({ reason: "version", version: envelope.v });
+      return;
+    }
+    for (const fn of listeners) fn(envelope.msg);
+  };
+  port.addEventListener("message", onMessage);
+  port.start?.();
+  return {
+    send: (msg) => port.postMessage({ v: PROTOCOL_VERSION, msg }),
+    on: (fn) => {
+      listeners.add(fn);
+      return () => listeners.delete(fn);
+    },
+    close: () => {
+      port.removeEventListener("message", onMessage);
+      listeners.clear();
+      port.close();
+    }
+  };
+}
+
+// src/story/indexPages.ts
+var SUFFIX = ":index";
+var INDEX_NAME = "Index";
+function indexId(title) {
+  return `${sanitize(title)}${SUFFIX}`;
+}
+function isIndexId(id) {
+  return id.endsWith(SUFFIX);
+}
+function indexEntries(stories) {
+  const byTitle = /* @__PURE__ */ new Map();
+  for (const entry of stories) {
+    if (byTitle.has(entry.title)) continue;
+    byTitle.set(entry.title, {
+      id: indexId(entry.title),
+      title: entry.title,
+      name: INDEX_NAME,
+      exportName: "",
+      file: entry.file,
+      ...entry.componentDescription === void 0 ? {} : { componentDescription: entry.componentDescription },
+      ...entry.componentName === void 0 ? {} : { componentName: entry.componentName }
+    });
+  }
+  return [...byTitle.values()];
+}
+var MAX_ENUM_OPTIONS = 8;
+var MAX_ROWS = 6;
+var labelOf = (key, name) => name ?? titleCase(key);
+function variantRows(schema) {
+  const defaults = schema.defaults();
+  const rows = [];
+  const walk = (shape, at) => {
+    for (const [key, entry] of Object.entries(shape)) {
+      if (rows.length >= MAX_ROWS) return;
+      const path = at === "" ? key : `${at}.${key}`;
+      if (entry.options.showIf && !entry.options.showIf(defaults)) continue;
+      if (isConfigBranch(entry)) {
+        walk(entry.children, path);
+        continue;
+      }
+      if (entry.annotations.hidden || entry.options.render) continue;
+      const label = labelOf(key, entry.annotations.name);
+      if (entry.kind === "boolean") {
+        rows.push({ path, label, values: [false, true].map((value) => ({ value, label: String(value) })) });
+      } else if (entry.kind === "enum") {
+        const options = entry.annotations.options ?? [];
+        if (options.length < 2 || options.length > MAX_ENUM_OPTIONS) continue;
+        rows.push({ path, label, values: options.map((o) => ({ value: o.value, label: o.label })) });
+      }
+    }
+  };
+  walk(schema.nodes, "");
+  return rows;
+}
+function mergeConfig(base, over) {
+  if (!isPlainObject(base) || !isPlainObject(over)) return over === void 0 ? base : over;
+  const out = { ...base };
+  for (const [key, value] of Object.entries(over)) out[key] = mergeConfig(base[key], value);
+  return out;
+}
+function withValueAt(config, path, value) {
+  const [head, ...rest] = path.split(".");
+  if (head === void 0) return value;
+  const record = isPlainObject(config) ? config : {};
+  return { ...record, [head]: rest.length === 0 ? value : withValueAt(record[head], rest.join("."), value) };
+}
+var IndexEnvContext = createContext(null);
+function useEnv() {
+  const env = useContext(IndexEnvContext);
+  if (!env) throw new Error("An index page part rendered outside its index page");
+  return env;
+}
+var NEAR_MARGIN = "100%";
+function useNearViewport(ref) {
+  const [near, setNear] = useState(typeof IntersectionObserver === "undefined");
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver((entries) => {
+      const last = entries.at(-1);
+      if (last) setNear(last.isIntersecting);
+    }, { rootMargin: NEAR_MARGIN });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [ref]);
+  return near;
+}
+function IndexStory({ story, config: over, label }) {
+  const env = useEnv();
+  const [config, setConfig] = useState(() => mergeConfig(story.config.defaults(), over));
+  const [state, setState] = useState(() => story.initialState?.(config) ?? null);
+  const cell = useRef(null);
+  const near = useNearViewport(cell);
+  const [height, setHeight] = useState(null);
+  useEffect(() => {
+    const el = cell.current;
+    if (!near || !el || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => setHeight(el.getBoundingClientRect().height));
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [near]);
+  const ctx = {
+    config,
+    setConfig: (path, value) => setConfig((prev) => withValueAt(prev, path, value)),
+    state,
+    setState: (next) => setState((prev) => typeof next === "function" ? next(prev) : next),
+    globals: env.globals,
+    title: story.title,
+    name: story.name
+  };
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      ref: cell,
+      className: `fg-index-cell fg-index-cell--${story.layout}`,
+      style: !near && height !== null ? { minHeight: height } : void 0,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "fg-index-cell__stage", children: near ? /* @__PURE__ */ jsx(StoryHost, { story, ctx, decorators: env.decorators, resetKey: 0, onError: env.onError }) : null }),
+        label === void 0 ? null : /* @__PURE__ */ jsx("figcaption", { className: "fg-index-cell__label", children: label })
+      ]
+    }
+  );
+}
+function IndexVariants({ story }) {
+  const rows = useMemo(() => variantRows(story.config), [story]);
+  const defaults = useMemo(() => story.config.defaults(), [story]);
+  if (rows.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "fg-index-variants", children: rows.map((row) => /* @__PURE__ */ jsxs("section", { className: "fg-index-variants__row", "aria-label": row.label, children: [
+    /* @__PURE__ */ jsx("h4", { className: "fg-index-variants__label", children: row.label }),
+    /* @__PURE__ */ jsx("div", { className: "fg-index-variants__cells", children: row.values.map((v) => /* @__PURE__ */ jsx(
+      IndexStory,
+      {
+        story,
+        config: withValueAt(defaults, row.path, v.value),
+        label: v.label
+      },
+      String(v.value)
+    )) })
+  ] }, row.path)) });
+}
+function StorySection({ story, variants }) {
+  const env = useEnv();
+  const headingId = useId();
+  const description = env.descriptions[story.id];
+  return /* @__PURE__ */ jsxs("section", { className: "fg-index-story", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsxs("header", { className: "fg-index-story__head", children: [
+      /* @__PURE__ */ jsx("h2", { id: headingId, className: "fg-index-story__name", children: story.name }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "sm", onClick: () => env.open(story.id), children: "Open" })
+    ] }),
+    description ? /* @__PURE__ */ jsx("p", { className: "fg-index-story__description", children: description }) : null,
+    /* @__PURE__ */ jsx(IndexStory, { story }),
+    variants ? /* @__PURE__ */ jsx(IndexVariants, { story }) : null
+  ] });
+}
+function firstOfEachControlSet(stories) {
+  const seen = /* @__PURE__ */ new Set();
+  const shown = /* @__PURE__ */ new Set();
+  for (const story of stories) {
+    const key = JSON.stringify(variantRows(story.config));
+    if (seen.has(key)) continue;
+    seen.add(key);
+    shown.add(story.id);
+  }
+  return shown;
+}
+function DefaultIndex() {
+  const env = useEnv();
+  const withVariants = useMemo(() => firstOfEachControlSet(env.stories), [env.stories]);
+  const segments = env.title.split("/");
+  const name = segments.pop();
+  return /* @__PURE__ */ jsxs("article", { className: "fg-index", children: [
+    /* @__PURE__ */ jsxs("header", { className: "fg-index__head", children: [
+      segments.length > 0 ? /* @__PURE__ */ jsx("p", { className: "fg-index__path", children: segments.join(" / ") }) : null,
+      /* @__PURE__ */ jsx("h1", { className: "fg-index__title", children: name }),
+      env.description ? /* @__PURE__ */ jsx("p", { className: "fg-index__description", children: env.description }) : null
+    ] }),
+    env.stories.map((story) => /* @__PURE__ */ jsx(StorySection, { story, variants: withVariants.has(story.id) }, story.id))
+  ] });
+}
+function indexContext(env) {
+  return {
+    title: env.title,
+    ...env.description === void 0 ? {} : { description: env.description },
+    stories: env.stories,
+    globals: env.globals,
+    Story: IndexStory,
+    Variants: IndexVariants,
+    DefaultIndex,
+    open: env.open
+  };
+}
+function IndexPage({ env, render }) {
+  return /* @__PURE__ */ jsx(IndexEnvContext.Provider, { value: env, children: render ? render(indexContext(env)) : /* @__PURE__ */ jsx(DefaultIndex, {}) });
+}
+
+export { IndexPage, answerSchema, describeSchema, indexEntries, indexId, isIndexId, openChannel, schemaFromDescription };
+//# sourceMappingURL=chunk-CSAXZIMV.js.map
+//# sourceMappingURL=chunk-CSAXZIMV.js.map

package/dist/chunk-CSAXZIMV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/protocol/schema.ts","../src/protocol/channel.ts","../src/story/indexPages.ts","../src/frame/index/variants.ts","../src/frame/index/IndexPage.tsx"],"names":["isConfigBranch"],"mappings":"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","file":"chunk-CSAXZIMV.js","sourcesContent":["import {\n  f,\n  isConfigBranch,\n  resolveConfigSchema,\n  schemaNodeAtPath,\n  type Annotations,\n  type BranchAnnotations,\n  type ConfigBranch,\n  type ConfigEntry,\n  type ConfigNode,\n  type ConfigSchema,\n  type ConfigShape,\n  type NodeOptions,\n} from '@weasel-js/labkit/config';\n\nexport interface SectionDescription {\n  label: string;\n  collapsed?: boolean;\n}\n\nexport type DescribedEntry =\n  | {\n      branch: true;\n      annotations: BranchAnnotations;\n      section?: SectionDescription;\n      conditional: boolean;\n      children: DescribedShape;\n    }\n  | {\n      branch: false;\n      kind: string | null;\n      default: unknown;\n      annotations: Annotations;\n      section?: SectionDescription;\n      conditional: boolean;\n      validated: boolean;\n      /** The node draws its own row with `.render`, which stays in the frame. */\n      customControl: boolean;\n    };\n\nexport type DescribedShape = { [key: string]: DescribedEntry };\n\n/** A story's `f.schema` as structured-clone data. */\nexport interface SchemaDescription {\n  nodes: DescribedShape;\n}\n\n/** Answers the workshop has for the rebuilt schema's predicates. */\nexport interface SchemaAnswers {\n  hidden(path: string, config: unknown): boolean;\n  errors(path: string, config: unknown): string[];\n}\n\nconst joinPath = (at: string, key: string): string => (at === '' ? key : `${at}.${key}`);\n\nfunction describeShape(shape: ConfigShape): DescribedShape {\n  const out: DescribedShape = {};\n  for (const [key, entry] of Object.entries(shape)) {\n    const { section, showIf } = entry.options;\n    const common = {\n      annotations: { ...entry.annotations },\n      ...(section === undefined ? {} : { section: { ...section } }),\n      conditional: showIf !== undefined,\n    };\n    out[key] = isConfigBranch(entry)\n      ? { branch: true, ...common, children: describeShape(entry.children) }\n      : {\n          branch: false,\n          kind: entry.kind,\n          default: entry.default,\n          ...common,\n          validated: entry.options.validate !== undefined,\n          customControl: entry.options.render !== undefined,\n        };\n  }\n  return out;\n}\n\nexport function describeSchema(schema: ConfigSchema<unknown>): SchemaDescription {\n  return { nodes: describeShape(schema.nodes) };\n}\n\nfunction rebuildShape(shape: DescribedShape, at: string, answers: SchemaAnswers): ConfigShape {\n  const out: Record<string, ConfigEntry> = {};\n  for (const [key, entry] of Object.entries(shape)) {\n    const path = joinPath(at, key);\n    const options: NodeOptions = {\n      ...(entry.section === undefined ? {} : { section: entry.section }),\n      ...(entry.conditional ? { showIf: (config) => !answers.hidden(path, config) } : {}),\n    };\n    if (entry.branch) {\n      const branch: ConfigBranch = {\n        children: rebuildShape(entry.children, path, answers),\n        annotations: entry.annotations,\n        options,\n      };\n      out[key] = branch;\n    } else {\n      const node: ConfigNode = {\n        kind: entry.kind,\n        default: entry.default,\n        annotations: entry.annotations,\n        options: entry.validated ? { ...options, validate: (_leaf, config) => answers.errors(path, config) } : options,\n      };\n      out[key] = node;\n    }\n  }\n  return out;\n}\n\nexport function schemaFromDescription(\n  description: SchemaDescription,\n  answers: SchemaAnswers,\n): ConfigSchema<unknown> {\n  return f.schema(rebuildShape(description.nodes, '', answers)) as ConfigSchema<unknown>;\n}\n\n/** Evaluate a schema's own predicates for one config — the frame's half of `answers`. */\nexport function answerSchema(\n  schema: ConfigSchema<unknown>,\n  config: unknown,\n): { hidden: string[]; errors: Record<string, string[]> } {\n  const hidden: string[] = [];\n  const errors: Record<string, string[]> = {};\n  const record = config as Record<string, unknown>;\n  let group: ReturnType<typeof resolveConfigSchema>['group'] | undefined;\n\n  const walk = (shape: ConfigShape, at: string): void => {\n    for (const [key, entry] of Object.entries(shape)) {\n      const path = joinPath(at, key);\n      if (entry.options.showIf && !entry.options.showIf(record)) hidden.push(path);\n      if (isConfigBranch(entry)) {\n        walk(entry.children, path);\n        continue;\n      }\n      const { validate } = entry.options;\n      if (!validate) continue;\n      group ??= resolveConfigSchema(schema).group;\n      const leaf = schemaNodeAtPath(group, path);\n      if (!leaf || 'children' in leaf) continue;\n      const found = validate(leaf, record);\n      if (found.length > 0) errors[path] = found;\n    }\n  };\n  walk(schema.nodes, '');\n  return { hidden, errors };\n}\n","import { type Envelope, PROTOCOL_VERSION } from './messages';\n\nexport interface PortLike {\n  postMessage(message: unknown): void;\n  addEventListener(type: 'message', fn: (event: MessageEvent) => void): void;\n  removeEventListener(type: 'message', fn: (event: MessageEvent) => void): void;\n  start?(): void;\n  close(): void;\n}\n\nexport interface Channel<In, Out> {\n  send(msg: Out): void;\n  on(fn: (msg: In) => void): () => void;\n  close(): void;\n}\n\nexport type Mismatch = { reason: 'not-an-envelope' } | { reason: 'version'; version: unknown };\n\nexport interface ChannelOptions {\n  onMismatch?: (mismatch: Mismatch) => void;\n}\n\nexport function openChannel<In, Out>(port: PortLike, options: ChannelOptions = {}): Channel<In, Out> {\n  const listeners = new Set<(msg: In) => void>();\n  const onMessage = (event: MessageEvent) => {\n    const data: unknown = event.data;\n    if (typeof data !== 'object' || data === null || !('msg' in data)) {\n      options.onMismatch?.({ reason: 'not-an-envelope' });\n      return;\n    }\n    const envelope = data as Partial<Envelope<In>>;\n    if (envelope.v !== PROTOCOL_VERSION) {\n      options.onMismatch?.({ reason: 'version', version: envelope.v });\n      return;\n    }\n    for (const fn of listeners) fn(envelope.msg as In);\n  };\n  port.addEventListener('message', onMessage);\n  port.start?.();\n  return {\n    send: (msg) => port.postMessage({ v: PROTOCOL_VERSION, msg } satisfies Envelope<Out>),\n    on: (fn) => {\n      listeners.add(fn);\n      return () => listeners.delete(fn);\n    },\n    close: () => {\n      port.removeEventListener('message', onMessage);\n      listeners.clear();\n      port.close();\n    },\n  };\n}\n","import { sanitize } from './ids';\nimport type { IndexEntry } from './types';\n\nconst SUFFIX = ':index';\n\n/** The name an index page goes by in the sidebar and in its trial's title. */\nexport const INDEX_NAME = 'Index';\n\n/** The id of `title`'s index page. A colon never survives `sanitize`, so no story id can collide with it. */\nexport function indexId(title: string): string {\n  return `${sanitize(title)}${SUFFIX}`;\n}\n\nexport function isIndexId(id: string): boolean {\n  return id.endsWith(SUFFIX);\n}\n\n/**\n * One index-page entry per title in `stories`, in the order titles first appear. It routes and runs like a story:\n * its `file` is the title's first story file, and its descriptions are the title's own.\n */\nexport function indexEntries(stories: readonly IndexEntry[]): IndexEntry[] {\n  const byTitle = new Map<string, IndexEntry>();\n  for (const entry of stories) {\n    if (byTitle.has(entry.title)) continue;\n    byTitle.set(entry.title, {\n      id: indexId(entry.title),\n      title: entry.title,\n      name: INDEX_NAME,\n      exportName: '',\n      file: entry.file,\n      ...(entry.componentDescription === undefined ? {} : { componentDescription: entry.componentDescription }),\n      ...(entry.componentName === undefined ? {} : { componentName: entry.componentName }),\n    });\n  }\n  return [...byTitle.values()];\n}\n","import { type ConfigSchema, type ConfigShape, isConfigBranch, titleCase } from '@weasel-js/labkit/config';\nimport { isPlainObject } from '../../csf/isPlainObject';\n\nexport interface VariantValue {\n  value: unknown;\n  label: string;\n}\n\n/** One control a story is shown varying along, with every other control at its default. */\nexport interface VariantRow {\n  /** Dotted, as `setConfig` takes it. */\n  path: string;\n  label: string;\n  values: VariantValue[];\n}\n\n/** Above this many choices a row stops being something to scan. */\nexport const MAX_ENUM_OPTIONS = 8;\nexport const MAX_ROWS = 6;\n\nconst labelOf = (key: string, name: string | undefined): string => name ?? titleCase(key);\n\n/**\n * The boolean and enum controls of `schema` a story can be shown varying along, in schema order: skipped are\n * controls that draw their own row, controls hidden at the defaults, and enums with more than\n * `MAX_ENUM_OPTIONS` choices. At most `MAX_ROWS`.\n */\nexport function variantRows(schema: ConfigSchema<unknown>): VariantRow[] {\n  const defaults = schema.defaults() as Record<string, unknown>;\n  const rows: VariantRow[] = [];\n  const walk = (shape: ConfigShape, at: string): void => {\n    for (const [key, entry] of Object.entries(shape)) {\n      if (rows.length >= MAX_ROWS) return;\n      const path = at === '' ? key : `${at}.${key}`;\n      if (entry.options.showIf && !entry.options.showIf(defaults)) continue;\n      if (isConfigBranch(entry)) {\n        walk(entry.children, path);\n        continue;\n      }\n      if (entry.annotations.hidden || entry.options.render) continue;\n      const label = labelOf(key, entry.annotations.name);\n      if (entry.kind === 'boolean') {\n        rows.push({ path, label, values: [false, true].map((value) => ({ value, label: String(value) })) });\n      } else if (entry.kind === 'enum') {\n        const options = entry.annotations.options ?? [];\n        if (options.length < 2 || options.length > MAX_ENUM_OPTIONS) continue;\n        rows.push({ path, label, values: options.map((o) => ({ value: o.value, label: o.label })) });\n      }\n    }\n  };\n  walk(schema.nodes, '');\n  return rows;\n}\n\n/** `over` merged into `base`: nested plain objects merge, anything else replaces. */\nexport function mergeConfig(base: unknown, over: unknown): unknown {\n  if (!isPlainObject(base) || !isPlainObject(over)) return over === undefined ? base : over;\n  const out: Record<string, unknown> = { ...base };\n  for (const [key, value] of Object.entries(over)) out[key] = mergeConfig(base[key], value);\n  return out;\n}\n\n/** `config` with `value` at dotted `path`, copying each object along the way. */\nexport function withValueAt(config: unknown, path: string, value: unknown): unknown {\n  const [head, ...rest] = path.split('.');\n  if (head === undefined) return value;\n  const record = isPlainObject(config) ? config : {};\n  return { ...record, [head]: rest.length === 0 ? value : withValueAt(record[head], rest.join('.'), value) };\n}\n","// The component's own entry, not the barrel: the barrel would bring every weasel-ui component into each frame.\nimport { Button } from '@weasel-js/ui/components/Button';\nimport { createContext, type ReactNode, type RefObject, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport type { Globals } from '../../protocol/messages';\nimport type { Decorator, IndexContext, IndexStoryProps, LoadedStory, StoryContext } from '../../story/types';\nimport { StoryHost } from '../StoryHost';\nimport { mergeConfig, variantRows, withValueAt } from './variants';\n\n/** What every cell on an index page shares with the frame that hosts it. */\nexport interface IndexEnv {\n  title: string;\n  description?: string;\n  stories: readonly LoadedStory[];\n  /** Per story id, the JSDoc above its export. */\n  descriptions: Readonly<Record<string, string>>;\n  globals: Globals;\n  /** The frame config's, outermost. */\n  decorators: readonly Decorator[];\n  open: (id: string) => void;\n  onError: (error: unknown) => void;\n}\n\nexport const IndexEnvContext = createContext<IndexEnv | null>(null);\n\nfunction useEnv(): IndexEnv {\n  const env = useContext(IndexEnvContext);\n  if (!env) throw new Error('An index page part rendered outside its index page');\n  return env;\n}\n\n/** How far past the viewport a cell stays mounted. */\nconst NEAR_MARGIN = '100%';\n\n/** Whether `ref`'s element is near the viewport; true where the browser cannot say. */\nfunction useNearViewport(ref: RefObject<Element | null>): boolean {\n  const [near, setNear] = useState(typeof IntersectionObserver === 'undefined');\n  useEffect(() => {\n    const el = ref.current;\n    if (!el || typeof IntersectionObserver === 'undefined') return;\n    const observer = new IntersectionObserver((entries) => {\n      const last = entries.at(-1);\n      if (last) setNear(last.isIntersecting);\n    }, { rootMargin: NEAR_MARGIN });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [ref]);\n  return near;\n}\n\n/**\n * One story at its defaults with `config` over them. It keeps its own config and state, so it stays interactive, and\n * it mounts only while near the viewport, so a page of canvas stories stays under the browser's WebGL context cap.\n */\nexport function IndexStory({ story, config: over, label }: IndexStoryProps) {\n  const env = useEnv();\n  const [config, setConfig] = useState(() => mergeConfig(story.config.defaults(), over));\n  const [state, setState] = useState<unknown>(() => story.initialState?.(config) ?? null);\n  const cell = useRef<HTMLElement>(null);\n  const near = useNearViewport(cell);\n  // Held while unmounted, so scrolling past a cell does not move everything after it.\n  const [height, setHeight] = useState<number | null>(null);\n  useEffect(() => {\n    const el = cell.current;\n    if (!near || !el || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => setHeight(el.getBoundingClientRect().height));\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [near]);\n  const ctx: StoryContext = {\n    config,\n    setConfig: (path, value) => setConfig((prev: unknown) => withValueAt(prev, path, value)),\n    state,\n    setState: (next) =>\n      setState((prev: unknown) => (typeof next === 'function' ? (next as (p: unknown) => unknown)(prev) : next)),\n    globals: env.globals,\n    title: story.title,\n    name: story.name,\n  };\n  return (\n    <figure\n      ref={cell}\n      className={`fg-index-cell fg-index-cell--${story.layout}`}\n      style={!near && height !== null ? { minHeight: height } : undefined}\n    >\n      <div className=\"fg-index-cell__stage\">\n        {near ? (\n          <StoryHost story={story} ctx={ctx} decorators={env.decorators} resetKey={0} onError={env.onError} />\n        ) : null}\n      </div>\n      {label === undefined ? null : <figcaption className=\"fg-index-cell__label\">{label}</figcaption>}\n    </figure>\n  );\n}\n\n/** `story` once per value of each boolean and enum control, every other control at its default. */\nexport function IndexVariants({ story }: { story: LoadedStory }) {\n  const rows = useMemo(() => variantRows(story.config), [story]);\n  const defaults = useMemo(() => story.config.defaults(), [story]);\n  if (rows.length === 0) return null;\n  return (\n    <div className=\"fg-index-variants\">\n      {rows.map((row) => (\n        <section key={row.path} className=\"fg-index-variants__row\" aria-label={row.label}>\n          <h4 className=\"fg-index-variants__label\">{row.label}</h4>\n          <div className=\"fg-index-variants__cells\">\n            {row.values.map((v) => (\n              <IndexStory\n                key={String(v.value)}\n                story={story}\n                config={withValueAt(defaults, row.path, v.value) as Record<string, unknown>}\n                label={v.label}\n              />\n            ))}\n          </div>\n        </section>\n      ))}\n    </div>\n  );\n}\n\nfunction StorySection({ story, variants }: { story: LoadedStory; variants: boolean }) {\n  const env = useEnv();\n  const headingId = useId();\n  const description = env.descriptions[story.id];\n  return (\n    <section className=\"fg-index-story\" aria-labelledby={headingId}>\n      <header className=\"fg-index-story__head\">\n        <h2 id={headingId} className=\"fg-index-story__name\">\n          {story.name}\n        </h2>\n        <Button variant=\"secondary\" size=\"sm\" onClick={() => env.open(story.id)}>\n          Open\n        </Button>\n      </header>\n      {description ? <p className=\"fg-index-story__description\">{description}</p> : null}\n      <IndexStory story={story} />\n      {variants ? <IndexVariants story={story} /> : null}\n    </section>\n  );\n}\n\n/** Which of `stories` show their variants: the first of each set of controls. Stories of one CSF file share their\n *  meta's controls, and the same rows under every story would only repeat. */\nfunction firstOfEachControlSet(stories: readonly LoadedStory[]): Set<string> {\n  const seen = new Set<string>();\n  const shown = new Set<string>();\n  for (const story of stories) {\n    const key = JSON.stringify(variantRows(story.config));\n    if (seen.has(key)) continue;\n    seen.add(key);\n    shown.add(story.id);\n  }\n  return shown;\n}\n\n/** The generated page: the component's title and description, then each story, with the variants of the first of\n *  each set of controls. */\nexport function DefaultIndex() {\n  const env = useEnv();\n  const withVariants = useMemo(() => firstOfEachControlSet(env.stories), [env.stories]);\n  const segments = env.title.split('/');\n  const name = segments.pop();\n  return (\n    <article className=\"fg-index\">\n      <header className=\"fg-index__head\">\n        {segments.length > 0 ? <p className=\"fg-index__path\">{segments.join(' / ')}</p> : null}\n        <h1 className=\"fg-index__title\">{name}</h1>\n        {env.description ? <p className=\"fg-index__description\">{env.description}</p> : null}\n      </header>\n      {env.stories.map((story) => (\n        <StorySection key={story.id} story={story} variants={withVariants.has(story.id)} />\n      ))}\n    </article>\n  );\n}\n\n/** What a component's own index page is handed. */\nexport function indexContext(env: IndexEnv): IndexContext {\n  return {\n    title: env.title,\n    ...(env.description === undefined ? {} : { description: env.description }),\n    stories: env.stories,\n    globals: env.globals,\n    Story: IndexStory,\n    Variants: IndexVariants,\n    DefaultIndex,\n    open: env.open,\n  };\n}\n\n/** The page itself: the component's own, or the generated one. */\nexport function IndexPage({ env, render }: { env: IndexEnv; render: ((ctx: IndexContext) => ReactNode) | null }) {\n  return (\n    <IndexEnvContext.Provider value={env}>{render ? render(indexContext(env)) : <DefaultIndex />}</IndexEnvContext.Provider>\n  );\n}\n"]}