forgebook 0.0.0-stage → 0.1.0

package/dist/src/shell/Sidebar.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The sidebar: a search field and the tree, by source, family (opens and closes), group and component, one line per
+ * component that never opens: a component's link opens its page, and its stories are picked in the page's header, so
+ * nothing in the list folds under the pointer. A family stays open once opened; a search finds a component by its
+ * name, its place, its meta's search words or its stories' names and descriptions. A component listed in other places too (`alsoIn`) has an
+ * alias entry in each, beside the components that live there, which says where it lives and opens its page (D-492).
+ *
+ * @module
+ */
+import { useEffect, useRef, useState } from "react";
+import { Icon } from "./icons.js";
+import { isTyping } from "./keyboard.js";
+import { STRINGS } from "./strings.js";
+import { foundFamily, searchWords } from "./treeSearch.js";
+/** A family's key, unique across sources. */
+const familyKey = (source, family) => `${source.id}/${family.name}`;
+/** The key of the family the shown component is in; none when no component is shown. */
+const currentFamilyOf = (tree, current) => {
+    if (current === undefined)
+        return undefined;
+    const source = tree.sources.find((candidate) => candidate.id === current.sourceId);
+    const family = source?.families.find((candidate) => candidate.groups.some((group) => group.components.some((component) => component.title === current.title)));
+    return source === undefined || family === undefined ? undefined : familyKey(source, family);
+};
+/** A link that opens a page in place, keeping a real address for a new tab. */
+const PageLink = ({ href, className, current, onOpen, children }) => (_jsx("a", { className: className, href: href, "aria-current": current, onClick: (event) => {
+        event.preventDefault();
+        onOpen();
+    }, children: children }));
+/** How many components a family holds. */
+const componentCount = (family) => family.groups.reduce((count, group) => count + group.components.length, 0);
+/** What the shown component's link is: the page itself on the component's page, where the page is on a story's. */
+const currentKind = (currentStoryId) => currentStoryId === undefined ? "page" : "location";
+/** A component's link: its page, where its stories are picked from the header. */
+const ComponentEntry = ({ sourceId, component, isCurrent, currentStoryId, links }) => {
+    const current = isCurrent ? currentKind(currentStoryId) : undefined;
+    return (_jsx("div", { className: "forgebook-tree__component", children: _jsxs(PageLink, { href: links.componentHref(sourceId, component.title), className: "forgebook-tree__item", current: current, onOpen: () => links.onOpenComponent(sourceId, component.title), children: [_jsx("span", { className: "forgebook-tree__item-name", children: component.name }), _jsx("span", { className: "forgebook-tree__count", children: component.stories.length })] }) }));
+};
+/** The family a title places a component in: its first segment. */
+const familyOf = (title) => title.split("/")[0]?.trim() ?? title;
+/**
+ * An alias entry: the name of a component that lives elsewhere, marked with the family it lives in, opening its page
+ * (D-492). It is never marked as the shown page: the entry where the component lives is, so the sidebar says where
+ * it sits.
+ */
+const AliasEntry = ({ sourceId, alias, links }) => (_jsx("div", { className: "forgebook-tree__component", title: STRINGS.aliasHint(alias.title.split("/").join(" › ")), children: _jsxs(PageLink, { href: links.componentHref(sourceId, alias.title), className: "forgebook-tree__item", current: undefined, onOpen: () => links.onOpenComponent(sourceId, alias.title), children: [_jsx("span", { className: "forgebook-tree__item-name", children: alias.name }), _jsxs("span", { className: "forgebook-tree__alias", children: [_jsx(Icon, { name: "external", size: 10 }), STRINGS.aliasPlace(familyOf(alias.title))] })] }) }));
+/** A group's entries in name order: its own components and the aliases of components that live elsewhere. */
+const groupEntries = (group) => [
+    ...group.components.map((component) => ({ kind: "component", component, name: component.name })),
+    ...group.aliases.map((alias) => ({ kind: "alias", alias, name: alias.name }))
+].sort((left, right) => left.name.localeCompare(right.name));
+/**
+ * The sidebar.
+ *
+ * @param props - the tree, the shown component and how to open one.
+ */
+export const Sidebar = ({ title, logo, tree, isHome, homeHref, onOpenHome, current, width, isOpen, onHide, ...links }) => {
+    const [query, setQuery] = useState("");
+    const searchRef = useRef(null);
+    const navRef = useRef(null);
+    // the shown component stays in sight: a page opened by a key, the picker or the address scrolls the list to it
+    const currentTitle = current?.title;
+    useEffect(() => {
+        if (currentTitle === undefined)
+            return;
+        navRef.current
+            ?.querySelector(".forgebook-tree__item[aria-current]")
+            ?.scrollIntoView({ block: "nearest" });
+    }, [currentTitle]);
+    useEffect(() => {
+        // "/" goes to the search from anywhere in the shell, as in most catalogues
+        // a hidden sidebar leaves the key to the page
+        if (!isOpen)
+            return;
+        const focusSearch = (event) => {
+            if (event.key !== "/" || event.metaKey || event.ctrlKey || event.altKey || isTyping(event.target))
+                return;
+            event.preventDefault();
+            searchRef.current?.focus();
+        };
+        document.addEventListener("keydown", focusSearch);
+        return () => document.removeEventListener("keydown", focusSearch);
+    }, [isOpen]);
+    // the families the user opened or closed, and the ones a shown component opened: once open, a family stays open
+    // until the user closes it, so opening a component elsewhere never folds the list under the pointer
+    const [familyChoices, setFamilyChoices] = useState(new Map());
+    const currentFamilyKey = currentFamilyOf(tree, current);
+    useEffect(() => {
+        if (currentFamilyKey === undefined)
+            return;
+        setFamilyChoices((choices) => choices.has(currentFamilyKey) ? choices : new Map(choices).set(currentFamilyKey, true));
+    }, [currentFamilyKey]);
+    const words = searchWords(query);
+    const isSearching = words.length > 0;
+    const isCurrentFamily = (source, family) => current?.sourceId === source.id &&
+        family.groups.some((group) => group.components.some((component) => component.title === current.title));
+    const setFamilyOpen = (key, isOpen) => setFamilyChoices((choices) => new Map(choices).set(key, isOpen));
+    const sources = tree.sources.map((source) => ({
+        source,
+        families: source.families.flatMap((family) => {
+            const shown = foundFamily(family, words);
+            return shown === undefined ? [] : [shown];
+        })
+    }));
+    const hasMatches = sources.some(({ families }) => families.length > 0);
+    return (_jsxs("aside", { className: "forgebook-sidebar", "data-open": isOpen ? "" : undefined, inert: !isOpen, style: { width, marginInlineStart: isOpen ? 0 : -width }, children: [_jsxs("div", { className: "forgebook-brand", children: [_jsxs("a", { className: "forgebook-brand__home", href: homeHref, "aria-current": isHome ? "page" : undefined, title: STRINGS.home, onClick: (event) => {
+                            if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                                return;
+                            event.preventDefault();
+                            onOpenHome();
+                        }, children: [logo === undefined ? (_jsx("span", { className: "forgebook-brand__mark", children: _jsx(Icon, { name: "compare", size: 14 }) })) : (_jsx("img", { className: "forgebook-brand__logo", src: logo, alt: "", width: 28, height: 28 })), _jsx("span", { className: "forgebook-brand__name", children: title })] }), _jsx("button", { type: "button", className: "forgebook-icon-button forgebook-brand__hide", title: STRINGS.hideSidebar, "aria-label": STRINGS.hideSidebar, onClick: onHide, children: _jsx(Icon, { name: "sidebar", size: 14 }) })] }), _jsxs("label", { className: "forgebook-search", children: [_jsx(Icon, { name: "search", size: 14 }), _jsx("input", { type: "search", ref: searchRef, value: query, onKeyDown: (event) => {
+                            // Escape empties the search first, then leaves the field
+                            if (event.key !== "Escape")
+                                return;
+                            if (query === "")
+                                event.currentTarget.blur();
+                            else
+                                setQuery("");
+                        }, placeholder: STRINGS.searchPlaceholder, "aria-label": STRINGS.searchLabel, onChange: (event) => setQuery(event.target.value) }), query === "" ? (_jsx("kbd", { className: "forgebook-search__key", children: "/" })) : (_jsx("button", { type: "button", className: "forgebook-search__clear", "aria-label": STRINGS.clearSearch, title: STRINGS.clearSearch, onClick: () => {
+                            setQuery("");
+                            searchRef.current?.focus();
+                        }, children: _jsx(Icon, { name: "close", size: 10 }) }))] }), _jsxs("nav", { ref: navRef, className: "forgebook-tree", "aria-label": STRINGS.componentsNav, children: [hasMatches ? null : _jsx("p", { className: "forgebook-tree__empty", children: STRINGS.noMatch }), sources.map(({ source, families }) => families.length === 0 ? null : (_jsxs("section", { className: "forgebook-tree__source", children: [_jsxs("h2", { className: "forgebook-tree__source-name", children: [source.logo === undefined ? null : (_jsx("img", { className: "forgebook-source-logo", src: source.logo, alt: "", width: 14, height: 14 })), source.name] }), families.map((family) => {
+                                const key = familyKey(source, family);
+                                // a search opens every family it finds something in
+                                const isOpen = isSearching || (familyChoices.get(key) ?? isCurrentFamily(source, family));
+                                return (_jsxs("div", { className: "forgebook-tree__family", children: [_jsxs("button", { type: "button", className: "forgebook-tree__family-button", "aria-expanded": isOpen, onClick: () => setFamilyOpen(key, !isOpen), children: [_jsx(Icon, { name: isOpen ? "chevronDown" : "chevronRight", size: 12 }), _jsx("span", { className: "forgebook-tree__family-name", children: family.name }), _jsx("span", { className: "forgebook-tree__count", children: componentCount(family) })] }), isOpen
+                                            ? family.groups.map((group) => (_jsxs("div", { className: "forgebook-tree__group", children: [group.name === undefined ? null : (_jsx("h3", { className: "forgebook-tree__group-name", children: group.name })), groupEntries(group).map((entry) => entry.kind === "component" ? (_jsx(ComponentEntry, { sourceId: source.id, component: entry.component, isCurrent: current?.sourceId === source.id && current.title === entry.component.title, currentStoryId: current?.storyId, links: links }, entry.component.title)) : (_jsx(AliasEntry, { sourceId: source.id, alias: entry.alias, links: links }, `alias:${entry.alias.title}`)))] }, group.name ?? "")))
+                                            : null] }, key));
+                            })] }, source.id)))] })] }));
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/src/shell/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/shell/Sidebar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EAKL,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,YAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAmC3D,6CAA6C;AAC7C,MAAM,SAAS,GAAG,CAAC,MAAkB,EAAE,MAAkB,EAAU,EAAE,CAAC,GAAG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;AAEpG,wFAAwF;AACxF,MAAM,eAAe,GAAG,CAAC,IAAe,EAAE,OAAgC,EAAsB,EAAE;IAChG,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnF,MAAM,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CACjD,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAC1G,CAAC;IACF,OAAO,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,+EAA+E;AAC/E,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EAQT,EAAa,EAAE,CAAC,CACf,YACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,kBACI,OAAO,EACrB,OAAO,EAAE,CAAC,KAAoC,EAAQ,EAAE;QACtD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE,CAAC;IACX,CAAC,YAEA,QAAQ,GACP,CACL,CAAC;AAEF,0CAA0C;AAC1C,MAAM,cAAc,GAAG,CAAC,MAAkB,EAAU,EAAE,CACpD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAE7E,mHAAmH;AACnH,MAAM,WAAW,GAAG,CAAC,cAAkC,EAAuB,EAAE,CAC9E,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;AAErD,kFAAkF;AAClF,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,EACd,KAAK,EAON,EAAa,EAAE;IACd,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,MAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,EACpD,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAS,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,aAEpE,eAAM,SAAS,EAAC,2BAA2B,YAAE,SAAS,CAAC,IAAI,GAAQ,EACnE,eAAM,SAAS,EAAC,uBAAuB,YAAE,SAAS,CAAC,OAAO,CAAC,MAAM,GAAQ,IAChE,GACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,mEAAmE;AACnE,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,CAAC;AAEjF;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,KAAK,EAKN,EAAa,EAAE,CAAC,CACf,cAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YACrG,MAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,EAChD,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,GAAS,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,aAEhE,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,CAAC,IAAI,GAAQ,EAC/D,gBAAM,SAAS,EAAC,uBAAuB,aACrC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,EAAE,GAAI,EACjC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IACrC,IACE,GACP,CACP,CAAC;AAEF,6GAA6G;AAC7G,MAAM,YAAY,GAAG,CACnB,KAAgB,EAOd,EAAE,CACJ;IACE,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAoB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IACzG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;CACvF,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AAE/D;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACK,EAAa,EAAE;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACzC,+GAA+G;IAC/G,MAAM,YAAY,GAAG,OAAO,EAAE,KAAK,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO;QACvC,MAAM,CAAC,OAAO;YACZ,EAAE,aAAa,CAAC,qCAAqC,CAAC;YACtD,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,SAAS,CAAC,GAAG,EAAE;QACb,2EAA2E;QAC3E,8CAA8C;QAC9C,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,WAAW,GAAG,CAAC,KAA+B,EAAQ,EAAE;YAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAC/F,OAAO;YACT,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAClD,OAAO,GAAS,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,gHAAgH;IAChH,oGAAoG;IACpG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA+B,IAAI,GAAG,EAAE,CAAC,CAAC;IAC5F,MAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,KAAK,SAAS;YAAE,OAAO;QAC3C,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAC3B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,CACvF,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,MAAkB,EAAW,EAAE,CAC1E,OAAO,EAAE,QAAQ,KAAK,MAAM,CAAC,EAAE;QAC/B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACzG,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,MAAe,EAAQ,EAAE,CAC3D,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC5C,MAAM;QACN,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YACzC,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC;KACH,CAAC,CAAC,CAAC;IACJ,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEvE,OAAO,CAGL,iBACE,SAAS,EAAC,mBAAmB,eAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClC,KAAK,EAAE,CAAC,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,aAExD,eAAK,SAAS,EAAC,iBAAiB,aAE9B,aACE,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,QAAQ,kBACA,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,OAAO,EAAE,CAAC,KAAoC,EAAQ,EAAE;4BACtD,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gCAAE,OAAO;4BACnF,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,UAAU,EAAE,CAAC;wBACf,CAAC,aAEA,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,eAAM,SAAS,EAAC,uBAAuB,YACrC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,CACR,CAAC,CAAC,CAAC,CAEF,cAAK,SAAS,EAAC,uBAAuB,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACnF,EACD,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,IACpD,EACJ,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,OAAO,CAAC,WAAW,gBACd,OAAO,CAAC,WAAW,EAC/B,OAAO,EAAE,MAAM,YAEf,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,IACL,EACN,iBAAO,SAAS,EAAC,kBAAkB,aACjC,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,EAChC,gBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,KAAsC,EAAQ,EAAE;4BAC1D,yDAAyD;4BACzD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gCAAE,OAAO;4BACnC,IAAI,KAAK,KAAK,EAAE;gCAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;;gCACxC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBACpB,CAAC,EACD,WAAW,EAAE,OAAO,CAAC,iBAAiB,gBAC1B,OAAO,CAAC,WAAW,EAC/B,QAAQ,EAAE,CAAC,KAAoC,EAAQ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACtF,EACD,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CAEd,cAAK,SAAS,EAAC,uBAAuB,kBAAQ,CAC/C,CAAC,CAAC,CAAC,CAEF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yBAAyB,gBACvB,OAAO,CAAC,WAAW,EAC/B,KAAK,EAAE,OAAO,CAAC,WAAW,EAC1B,OAAO,EAAE,GAAS,EAAE;4BAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;4BACb,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;wBAC7B,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACxB,CACV,IACK,EACR,eAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,gBAAa,OAAO,CAAC,aAAa,aAC3E,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,uBAAuB,YAAE,OAAO,CAAC,OAAO,GAAK,EAC9E,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACpC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,mBAAyB,SAAS,EAAC,wBAAwB,aACzD,cAAI,SAAS,EAAC,6BAA6B,aAExC,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAC,uBAAuB,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC1F,EACA,MAAM,CAAC,IAAI,IACT,EACJ,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gCACvB,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gCACtC,oDAAoD;gCACpD,MAAM,MAAM,GAAG,WAAW,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;gCAC1F,OAAO,CACL,eAAe,SAAS,EAAC,wBAAwB,aAC/C,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,mBAC1B,MAAM,EACrB,OAAO,EAAE,GAAS,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,aAEhD,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,GAAI,EACjE,eAAM,SAAS,EAAC,6BAA6B,YAAE,MAAM,CAAC,IAAI,GAAQ,EAClE,eAAM,SAAS,EAAC,uBAAuB,YAAE,cAAc,CAAC,MAAM,CAAC,GAAQ,IAChE,EACR,MAAM;4CACL,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,eAA4B,SAAS,EAAC,uBAAuB,aAC1D,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,IAAI,GAAM,CAC7D,EACA,YAAY,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACjC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,CAC3B,KAAC,cAAc,IAEb,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EACP,OAAO,EAAE,QAAQ,KAAK,MAAM,CAAC,EAAE,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAE5E,cAAc,EAAE,OAAO,EAAE,OAAO,EAChC,KAAK,EAAE,KAAK,IAPP,KAAK,CAAC,SAAS,CAAC,KAAK,CAQ1B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAET,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,IAHP,SAAS,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAIjC,CACH,CACF,KAxBO,KAAK,CAAC,IAAI,IAAI,EAAE,CAyBpB,CACP,CAAC;4CACJ,CAAC,CAAC,IAAI,KAxCA,GAAG,CAyCP,CACP,CAAC;4BACJ,CAAC,CAAC,KAxDU,MAAM,CAAC,EAAE,CAyDb,CACX,CACF,IACG,IACA,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/shell/SidebarHandle.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The handle on the sidebar's right edge: dragged, or moved with the arrow keys, it sets the sidebar's width.
+ *
+ * @module
+ */
+import type { ReactNode } from "react";
+/** The sidebar's width, in CSS px: the default, the bounds, and one arrow key's step. */
+export declare const SIDEBAR_WIDTH: {
+    readonly initial: 248;
+    readonly min: 192;
+    readonly max: 448;
+    readonly step: 16;
+};
+/**
+ * A width kept between the sidebar's bounds, in whole pixels.
+ *
+ * @param width - a width in CSS px.
+ */
+export declare const boundedSidebarWidth: (width: number) => number;
+/**
+ * The sidebar's handle.
+ *
+ * @param props - the width and its setter.
+ */
+export declare const SidebarHandle: ({ width, onWidthChange }: {
+    readonly width: number;
+    readonly onWidthChange: (width: number) => void;
+}) => ReactNode;
+//# sourceMappingURL=SidebarHandle.d.ts.map

package/dist/src/shell/SidebarHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarHandle.d.ts","sourceRoot":"","sources":["../../../src/shell/SidebarHandle.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,yFAAyF;AACzF,eAAO,MAAM,aAAa;;;;;CAA0D,CAAC;AAErF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,KAAG,MACyB,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,0BAG3B;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,KAAG,SAwCH,CAAC"}

package/dist/src/shell/SidebarHandle.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { STRINGS } from "./strings.js";
+/** The sidebar's width, in CSS px: the default, the bounds, and one arrow key's step. */
+export const SIDEBAR_WIDTH = { initial: 248, min: 192, max: 448, step: 16 };
+/**
+ * A width kept between the sidebar's bounds, in whole pixels.
+ *
+ * @param width - a width in CSS px.
+ */
+export const boundedSidebarWidth = (width) => Math.round(Math.min(SIDEBAR_WIDTH.max, Math.max(SIDEBAR_WIDTH.min, width)));
+/**
+ * The sidebar's handle.
+ *
+ * @param props - the width and its setter.
+ */
+export const SidebarHandle = ({ width, onWidthChange }) => {
+    const startResize = (event) => {
+        if (event.button !== 0)
+            return;
+        event.preventDefault();
+        const handle = event.currentTarget;
+        handle.setPointerCapture(event.pointerId);
+        const startX = event.clientX;
+        const startWidth = width;
+        const move = (moveEvent) => onWidthChange(boundedSidebarWidth(startWidth + moveEvent.clientX - startX));
+        const end = () => {
+            handle.removeEventListener("pointermove", move);
+            handle.removeEventListener("pointerup", end);
+            handle.removeEventListener("pointercancel", end);
+        };
+        handle.addEventListener("pointermove", move);
+        handle.addEventListener("pointerup", end);
+        handle.addEventListener("pointercancel", end);
+    };
+    const resizeWithKeys = (event) => {
+        if (event.key === "ArrowRight")
+            onWidthChange(boundedSidebarWidth(width + SIDEBAR_WIDTH.step));
+        else if (event.key === "ArrowLeft")
+            onWidthChange(boundedSidebarWidth(width - SIDEBAR_WIDTH.step));
+        else
+            return;
+        event.preventDefault();
+    };
+    return (_jsx("div", { className: "forgebook-sidebar-handle", role: "separator", "aria-orientation": "vertical", "aria-label": STRINGS.sidebarWidth, "aria-valuenow": width, "aria-valuemin": SIDEBAR_WIDTH.min, "aria-valuemax": SIDEBAR_WIDTH.max, tabIndex: 0, onPointerDown: startResize, onKeyDown: resizeWithKeys }));
+};
+//# sourceMappingURL=SidebarHandle.js.map

package/dist/src/shell/SidebarHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarHandle.js","sourceRoot":"","sources":["../../../src/shell/SidebarHandle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,yFAAyF;AACzF,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AAErF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAU,EAAE,CAC3D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAE9E;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,aAAa,EAId,EAAa,EAAE;IACd,MAAM,WAAW,GAAG,CAAC,KAAmC,EAAQ,EAAE;QAChE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;QACnC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,KAAK,CAAC;QACzB,MAAM,IAAI,GAAG,CAAC,SAAkC,EAAQ,EAAE,CACxD,aAAa,CAAC,mBAAmB,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;QAC9E,MAAM,GAAG,GAAG,GAAS,EAAE;YACrB,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAChD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;YAC7C,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC7C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,KAAoC,EAAQ,EAAE;QACpE,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY;YAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;aAC1F,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;;YAC9F,OAAO;QACZ,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CAEL,cACE,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,WAAW,sBACC,UAAU,gBACf,OAAO,CAAC,YAAY,mBACjB,KAAK,mBACL,aAAa,CAAC,GAAG,mBACjB,aAAa,CAAC,GAAG,EAChC,QAAQ,EAAE,CAAC,EACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/shell/Stage.d.ts

@@ -0,0 +1,68 @@
+/**
+ * The stage: the chosen story in its frame, at the view's width, with Replay, a Live story's clock controls (D-504)
+ * and a link to the frame alone, or the
+ * four variants side by side in the compare view; the panel docked under it when it is open.
+ *
+ * @remarks
+ * The story and the panel scroll apart: reading the props, the code or the accessibility results never moves the
+ * story away. The view's live part (theme, contrast, motion, text size) reaches the shown frame as a message, so the
+ * story keeps its state; only the story, the style sheets or the language load the frame again.
+ *
+ * @module
+ */
+import { type ReactNode } from "react";
+import type { PanelArgs } from "../messages.ts";
+import type { NamedValues } from "../namedValues.ts";
+import { type FixedView } from "../storyGlobals.ts";
+import type { TreeComponent, TreeStory } from "../storyTree.ts";
+import { type ViewState } from "../viewState.ts";
+import { type PageScroll } from "./useScrollMemory.ts";
+/** The stage's props. */
+export type StageProps = {
+    /** The component the story belongs to. */
+    readonly component: TreeComponent;
+    /** The shown story. */
+    readonly story: TreeStory;
+    /** The view. */
+    readonly view: ViewState;
+    /** Called with the changed view (the width the handle set, the panel's tab). */
+    readonly onViewChange: (view: ViewState) => void;
+    /** Called with what a story fixes of the view, once its frame read it, for the toolbar to show. */
+    readonly onFixedChange: (storyId: string, fixed: FixedView) => void;
+    /** The values set in the Props tab, over the story's own args (kept in the address). */
+    readonly panelArgs: PanelArgs;
+    /** Called with the panel's changed values. */
+    readonly onPanelArgsChange: (args: PanelArgs) => void;
+    /** The matrix's axes (kept in the address): the rows' prop, then the columns'; empty draws the story alone. */
+    readonly matrixAxes: readonly string[];
+    /** Called with the chosen axes. */
+    readonly onMatrixAxesChange: (axes: readonly string[]) => void;
+    /** The frame page's address. */
+    readonly frameUrl: string;
+    /** Loads the story file's code for the Code tab; `undefined` when the source has none. */
+    readonly loadCode: (() => Promise<unknown>) | undefined;
+    /** Loads the component's docs for the panel; `undefined` when the source has none for the file. */
+    readonly loadDocs: (() => Promise<unknown>) | undefined;
+    /** The values the story's source names for types the panel cannot write (icons). */
+    readonly namedValues: NamedValues | undefined;
+    /** What stays above the story while it scrolls: the component's header. */
+    readonly header: ReactNode;
+    /** Called with the width the story really has, for the toolbar's width field. */
+    readonly onShownWidthChange: (width: number | undefined) => void;
+    /** The story's measured height at about its width (`forgebook-heights`), for its box while it loads; none unmeasured. */
+    readonly measuredHeight: number | undefined;
+    /**
+     * The colour the story's page has in a view (its source's, or the backdrop's when the view draws one), which its
+     * box waits on; none without one.
+     */
+    readonly backgroundOf: (view: Pick<ViewState, "switches" | "backdrop">) => string | undefined;
+    /** Where its scrolling part starts: the shell's visit of the page and every page's last position. */
+    readonly scroll: PageScroll;
+};
+/**
+ * The stage.
+ *
+ * @param props - the component, the story, the view, the panel's values, the frame page and the loaders.
+ */
+export declare const Stage: ({ component, story, view: ownView, onViewChange: onOwnViewChange, onFixedChange, panelArgs, onPanelArgsChange, matrixAxes, onMatrixAxesChange, frameUrl, loadCode, loadDocs, namedValues, header, onShownWidthChange, measuredHeight, backgroundOf, scroll }: StageProps) => ReactNode;
+//# sourceMappingURL=Stage.d.ts.map

package/dist/src/shell/Stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stage.d.ts","sourceRoot":"","sources":["../../../src/shell/Stage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAwD,MAAM,OAAO,CAAC;AAI7F,OAAO,KAAK,EAAY,SAAS,EAAgB,MAAM,gBAAgB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,oBAAoB,CAAC;AACxF,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAQL,KAAK,SAAS,EAEf,MAAM,iBAAiB,CAAC;AAiBzB,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,sBAAsB,CAAC;AAuCxE,yBAAyB;AACzB,MAAM,MAAM,UAAU,GAAG;IACvB,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC;IAClC,uBAAuB;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,gBAAgB;IAChB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,gFAAgF;IAChF,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,mGAAmG;IACnG,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpE,wFAAwF;IACxF,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,8CAA8C;IAC9C,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtD,+GAA+G;IAC/G,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,mCAAmC;IACnC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/D,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,0FAA0F;IAC1F,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IACxD,mGAAmG;IACnG,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IACxD,oFAAoF;IACpF,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9C,2EAA2E;IAC3E,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,yHAAyH;IACzH,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9F,qGAAqG;IACrG,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;CAC7B,CAAC;AAwDF;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,8PAmBnB,UAAU,KAAG,SA0Pf,CAAC"}

package/dist/src/shell/Stage.js

@@ -0,0 +1,218 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The stage: the chosen story in its frame, at the view's width, with Replay, a Live story's clock controls (D-504)
+ * and a link to the frame alone, or the
+ * four variants side by side in the compare view; the panel docked under it when it is open.
+ *
+ * @remarks
+ * The story and the panel scroll apart: reading the props, the code or the accessibility results never moves the
+ * story away. The view's live part (theme, contrast, motion, text size) reaches the shown frame as a message, so the
+ * story keeps its state; only the story, the style sheets or the language load the frame again.
+ *
+ * @module
+ */
+import { useEffect, useMemo, useRef, useState } from "react";
+import { matrixOf, matrixProps } from "../matrix.js";
+import { NOT_FIXED, withFixed, withOwnFixed } from "../storyGlobals.js";
+import { frameAddress, isComparing, liveView } from "../viewState.js";
+import { ClockControls, useStoryClockControls } from "./ClockControls.js";
+import { useCatalogue } from "./catalogueContext.js";
+import { compareVariants } from "./compareVariants.js";
+import { Dock } from "./Dock.js";
+import { dockTabs } from "./dockTabs.js";
+import { FrameView, tellFrames } from "./FrameView.js";
+import { Icon } from "./icons.js";
+import { MatrixPicker } from "./MatrixPicker.js";
+import { StageTools } from "./StageTools.js";
+import { StageViewport } from "./StageViewport.js";
+import { STRINGS } from "./strings.js";
+import { useComponentDocs } from "./useComponentDocs.js";
+import { useCopy } from "./useCopy.js";
+import { useFrameMessages } from "./useFrameMessages.js";
+import { useLiveView, useLoadedView } from "./useLiveView.js";
+import { useScrollMemory } from "./useScrollMemory.js";
+import { useStoryCode } from "./useStoryCode.js";
+/** The `argTypes` of a story before its frame reported them. */
+const NO_ARG_TYPES = {};
+/**
+ * What the stage's handles set the width with; none, so no handles, when the story fixes the width.
+ *
+ * @param fixed - what the story fixes.
+ * @param view - the view shown.
+ * @param onViewChange - the view's setter.
+ */
+const widthSetter = (fixed, view, onViewChange) => fixed.width === undefined ? (width) => onViewChange({ ...view, width }) : undefined;
+/**
+ * A story's `argTypes`, controls, actions and fixed view for the panel and the stage: as its frame read them once it ran, which sees a setting
+ * written by code the index leaves out; the index's controls and no `argTypes` or actions before.
+ *
+ * @param panels - what each story's frame reported, by story.
+ * @param story - the story.
+ */
+const reportedPanel = (panels, story) => panels.get(story.id) ?? { argTypes: NO_ARG_TYPES, controls: story.controls, actions: [], fixed: NOT_FIXED };
+/** The height of the first frame before its story reports its own, in CSS px. */
+const INITIAL_FRAME_HEIGHT = 240;
+/** The most calls the Events tab keeps. */
+const MAX_CALLS = 50;
+/**
+ * The accessibility check of the shown story: its state, cleared when the story or the view changes, and how to run
+ * it in the frame.
+ *
+ * @param frameRef - the story's frame.
+ * @param checkKey - the story and the view, as one text: a check belongs to them.
+ */
+const useStoryCheck = (frameRef, checkKey) => {
+    const [check, setCheck] = useState({ status: "idle" });
+    const [checkedKey, setCheckedKey] = useState(checkKey);
+    if (checkedKey !== checkKey) {
+        setCheckedKey(checkKey);
+        setCheck({ status: "idle" });
+    }
+    return {
+        check,
+        run: () => {
+            setCheck({ status: "running" });
+            const message = { type: "forgebook:check" };
+            frameRef.current?.contentWindow?.postMessage(message, window.location.origin);
+        },
+        receive: (result) => setCheck("error" in result
+            ? { status: "error", message: result.error }
+            : { status: "done", violations: result.violations })
+    };
+};
+/**
+ * Copies the story's id (`kit:inputs-selection-select--overview`), the name tests and tools address it by; the id
+ * shows as the button's tooltip.
+ *
+ * @param props - the story's id.
+ */
+const CopyIdButton = ({ storyId }) => {
+    const { isCopied, copy } = useCopy();
+    return (_jsx("button", { type: "button", className: "forgebook-button forgebook-button--icon", title: `${STRINGS.copyStoryId}: ${storyId}`, "aria-label": isCopied ? STRINGS.copied : STRINGS.copyStoryId, onClick: () => copy(storyId), children: _jsx(Icon, { name: isCopied ? "check" : "hash", size: 14 }) }));
+};
+/**
+ * The stage.
+ *
+ * @param props - the component, the story, the view, the panel's values, the frame page and the loaders.
+ */
+export const Stage = ({ component, story, view: ownView, onViewChange: onOwnViewChange, onFixedChange, panelArgs, onPanelArgsChange, matrixAxes, onMatrixAxesChange, frameUrl, loadCode, loadDocs, namedValues, header, onShownWidthChange, measuredHeight, backgroundOf, scroll }) => {
+    const frameRef = useRef(null);
+    const storyRef = useRef(null);
+    const docs = useComponentDocs(loadDocs);
+    const code = useStoryCode(loadCode);
+    // the story's own args, as each frame reported them, by story
+    const [storyArgs, setStoryArgs] = useState(new Map());
+    // the args each story gives a text by its key, as its frame reported them
+    const [storyTextKeys, setStoryTextKeys] = useState(new Map());
+    // each story's `argTypes` and controls, as its frame read them once it ran
+    const [storyPanels, setStoryPanels] = useState(new Map());
+    // the story is drawn with what it fixes of the view; a change from here keeps the user's own in the address
+    const panel = reportedPanel(storyPanels, story);
+    const view = withFixed(ownView, panel.fixed);
+    const onViewChange = (changed) => onOwnViewChange(withOwnFixed(changed, ownView, panel.fixed));
+    const [calls, setCalls] = useState([]);
+    // each story's play trace, by story: a trace belongs to the story that played
+    const [traces, setTraces] = useState(new Map());
+    const catalogue = useCatalogue();
+    const { switches } = catalogue;
+    const storyCheck = useStoryCheck(frameRef, frameAddress(frameUrl, story.id, view, switches));
+    const eventNames = useMemo(() => docs.status === "ready"
+        ? docs.value.props.filter((prop) => prop.kind === "event").map((prop) => prop.name)
+        : [], [docs]);
+    // a story of fixed examples ignores its args, so a matrix of them would repeat one drawing
+    const axisProps = docs.status === "ready" && (story.controls === "all" || story.controls.length > 0)
+        ? matrixProps(docs.value.props)
+        : [];
+    const matrix = useMemo(() => (docs.status === "ready" ? matrixOf(docs.value.props, matrixAxes) : undefined) ?? null, [docs, matrixAxes]);
+    const clockControls = useStoryClockControls(frameRef, story.id);
+    const { replayable, clocked, heights, settled } = useFrameMessages({
+        onReady: (frame, message) => {
+            setStoryArgs((current) => new Map(current).set(message.storyId, message.args));
+            setStoryTextKeys((current) => new Map(current).set(message.storyId, message.textKeys));
+            setStoryPanels((current) => new Map(current).set(message.storyId, {
+                argTypes: message.argTypes,
+                controls: message.controls,
+                actions: message.actions,
+                fixed: message.fixed
+            }));
+            onFixedChange(message.storyId, message.fixed);
+            const send = (shellMessage) => frame.postMessage(shellMessage, window.location.origin);
+            send({ type: "forgebook:events", names: eventNames });
+            send({ type: "forgebook:args", args: panelArgs });
+            send({ type: "forgebook:matrix", matrix });
+            // the view may have changed while the frame loaded
+            if (!isComparing(view))
+                send({ type: "forgebook:view", view: liveView(view) });
+            send({ type: "forgebook:tools", tools: view.tools });
+            if (message.hasClock && !isComparing(view))
+                clockControls.sendTo(frame);
+        },
+        onCall: (call) => setCalls((current) => [call, ...current].slice(0, MAX_CALLS)),
+        onPlay: (storyId, trace) => setTraces((current) => new Map(current).set(storyId, trace)),
+        onChecked: (result) => {
+            if (result.storyId === story.id)
+                storyCheck.receive(result);
+        }
+    });
+    // the docs may arrive after the frames: they learn the events then
+    useEffect(() => tellFrames(storyRef.current, { type: "forgebook:events", names: eventNames }), [eventNames]);
+    useEffect(() => tellFrames(storyRef.current, { type: "forgebook:matrix", matrix }), [matrix]);
+    // the values reach the frames from the address, so going back in the history sets them too
+    useEffect(() => tellFrames(storyRef.current, { type: "forgebook:args", args: panelArgs }), [panelArgs]);
+    const changeValue = (name, value) => {
+        const { [name]: _removed, ...rest } = panelArgs;
+        onPanelArgsChange(value === undefined ? rest : { ...rest, [name]: value });
+    };
+    const replay = () => {
+        const message = { type: "forgebook:replay" };
+        frameRef.current?.contentWindow?.postMessage(message, window.location.origin);
+    };
+    const title = STRINGS.frameTitle(component.name, story.name);
+    const canReplay = replayable === story.id && !isComparing(view);
+    // the compare view's frames each run their own clock from the start, so no one control drives them all
+    const hasClock = clocked === story.id && !isComparing(view);
+    // the frame loads again only for another story or style sheets; the rest of the view (the switches, the language
+    // among them) is sent live
+    const address = frameAddress(frameUrl, story.id, useLoadedView(`${story.id}|${view.sheets}`, view), switches);
+    useLiveView(storyRef, view, !isComparing(view));
+    useScrollMemory(storyRef, scroll);
+    // a story not shown yet waits at its measured height, or keeps the last story's, until it reports its own, so the
+    // page does not jump twice
+    const reportedHeight = heights.get(address);
+    const [lastHeight, setLastHeight] = useState(INITIAL_FRAME_HEIGHT);
+    useEffect(() => {
+        if (reportedHeight !== undefined)
+            setLastHeight(reportedHeight);
+    }, [reportedHeight]);
+    // a tab the catalogue turns off is never shown
+    const tabs = dockTabs({
+        docs,
+        code,
+        exportName: story.exportName,
+        componentName: component.name,
+        argTypes: panel.argTypes,
+        controls: panel.controls,
+        actions: panel.actions,
+        values: { ...storyArgs.get(story.id), ...panelArgs },
+        onValueChange: changeValue,
+        onReset: () => onPanelArgsChange({}),
+        namedValues,
+        textArgs: Object.fromEntries(Object.entries(storyTextKeys.get(story.id) ?? {}).map(([name, key]) => [
+            name,
+            { key, isChanged: panelArgs[name] !== undefined }
+        ])),
+        calls: calls.filter((call) => call.storyId === story.id),
+        onClearCalls: () => setCalls([]),
+        trace: isComparing(view) ? undefined : traces.get(story.id),
+        onPlayAgain: () => {
+            const message = { type: "forgebook:play-again" };
+            frameRef.current?.contentWindow?.postMessage(message, window.location.origin);
+        },
+        check: storyCheck.check,
+        onCheck: isComparing(view) ? undefined : storyCheck.run
+    }).filter((tab) => catalogue.tabs.includes(tab.id));
+    return (_jsxs("div", { className: "forgebook-workspace", children: [header, _jsxs("div", { className: "forgebook-story-pane", children: [_jsx("div", { ref: storyRef, className: "forgebook-scroll", children: _jsxs("section", { className: "forgebook-story", "aria-label": STRINGS.storyLabel, children: [_jsxs("div", { className: "forgebook-story__bar", children: [_jsxs("div", { className: "forgebook-stage__heading", children: [_jsx("h2", { className: "forgebook-stage__title", children: story.name }), story.description === undefined ? null : (_jsx("p", { className: "forgebook-stage__description", title: story.description, children: story.description }))] }), axisProps.length === 0 ? null : (_jsx(MatrixPicker, { props: axisProps, axes: matrixAxes, onAxesChange: onMatrixAxesChange })), canReplay ? (_jsxs("button", { type: "button", className: "forgebook-button", onClick: replay, children: [_jsx(Icon, { name: "replay", size: 14 }), STRINGS.replay] })) : null, hasClock ? _jsx(ClockControls, { controls: clockControls }) : null, _jsx(CopyIdButton, { storyId: story.id }), _jsx("a", { className: "forgebook-button forgebook-button--icon", href: frameAddress(frameUrl, story.id, view, switches), target: "_blank", rel: "noopener", title: STRINGS.openFrame, "aria-label": STRINGS.openFrame, children: _jsx(Icon, { name: "external", size: 14 }) })] }), isComparing(view) ? (_jsx("div", { className: "forgebook-compare", children: compareVariants(view.compare, catalogue).map((variant) => (_jsxs("figure", { className: "forgebook-compare__cell", 
+                                        // the label (the shell's text) reads on the page's colour; the frame draws the backdrop
+                                        style: { backgroundColor: backgroundOf({ ...variant.viewOf(view), backdrop: "plain" }) }, children: [_jsx("figcaption", { className: "forgebook-compare__label", children: variant.label }), _jsx(FrameView, { title: `${title} · ${variant.label}`, address: frameAddress(frameUrl, story.id, variant.viewOf(view), switches), heights: heights, settled: settled, fallbackHeight: lastHeight, sceneHeight: story.height })] }, variant.label))) })) : (_jsx(StageViewport, { zoom: view.zoom, width: view.width, onWidthChange: widthSetter(panel.fixed, view, onViewChange), onShownWidthChange: onShownWidthChange, background: backgroundOf(view), height: view.height, onHeightChange: (height) => onViewChange({ ...view, height }), children: (fixedHeight) => (_jsx(FrameView, { ref: frameRef, title: title, address: address, heights: heights, settled: settled, fallbackHeight: measuredHeight ?? lastHeight, sceneHeight: story.height, fixedHeight: fixedHeight }, story.id)) }))] }) }), isComparing(view) ? null : (_jsx(StageTools, { zoom: view.zoom, onZoomChange: (zoom) => onViewChange({ ...view, zoom }), tools: view.tools, onToolsChange: (tools) => onViewChange({ ...view, tools }) }))] }), view.isPanelOpen ? (_jsx(Dock, { tabs: tabs, activeTab: view.panelTab, onTabChange: (panelTab) => onViewChange({ ...view, panelTab }), onClose: () => onViewChange({ ...view, isPanelOpen: false }) })) : null] }));
+};
+//# sourceMappingURL=Stage.js.map

package/dist/src/shell/Stage.js.map

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

package/dist/src/shell/StageTools.d.ts

@@ -0,0 +1,27 @@
+/**
+ * The zoom and the tools floating on the stage: the story drawn larger or smaller (its layout unchanged), a step at a
+ * time, and the tools drawn over it (every element's outline, an 8 px grid, the box under the pointer).
+ *
+ * @module
+ */
+import type { ReactNode } from "react";
+import { type MeasureTool, type Zoom } from "../viewState.ts";
+/** The tools' props. */
+export type StageToolsProps = {
+    /** The zoom. */
+    readonly zoom: Zoom;
+    /** Called with the chosen zoom. */
+    readonly onZoomChange: (zoom: Zoom) => void;
+    /** The tools on. */
+    readonly tools: readonly MeasureTool[];
+    /** Called with the tools on, in their order. */
+    readonly onToolsChange: (tools: readonly MeasureTool[]) => void;
+};
+/**
+ * The zoom and the tools, floating at the stage's lower end corner: they change how the story is looked at, not what
+ * it gets, so they sit on the stage rather than in the toolbar.
+ *
+ * @param props - the zoom, the tools and their setters.
+ */
+export declare const StageTools: ({ zoom, onZoomChange, tools, onToolsChange }: StageToolsProps) => ReactNode;
+//# sourceMappingURL=StageTools.d.ts.map

package/dist/src/shell/StageTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageTools.d.ts","sourceRoot":"","sources":["../../../src/shell/StageTools.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAiB,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAK7E,wBAAwB;AACxB,MAAM,MAAM,eAAe,GAAG;IAC5B,gBAAgB;IAChB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,oBAAoB;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,gDAAgD;IAChD,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,KAAK,IAAI,CAAC;CACjE,CAAC;AASF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,8CAA8C,eAAe,KAAG,SAoE1F,CAAC"}