npm - @jini-ai/ui - Versions diffs - 0.1.2 → 0.3.1 - Mend

@jini-ai/ui 0.1.2 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1402) hide show

package/dist/renderers/index.js ADDED Viewed

@@ -0,0 +1,36 @@
+export { RendererRegistry, resolveArtifactManifest, } from './registry.js';
+export { HtmlRenderer, MarkdownRenderer, SvgRenderer, ReactComponentRenderer, renderMarkdownToSafeHtml, createDefaultRendererRegistry, } from './renderers/index.js';
+export { highlightCode } from './shiki.js';
+export { shouldUrlLoadHtmlPreview, parseForceInline, htmlNeedsFocusGuard, htmlNeedsSandboxShim, } from './url-load-decision.js';
+export { buildSrcDoc, buildLazySrcDocTransport, canActivateSrcDocTransport, sanitizeTitleInDoc, sanitizePreviewTitle, DEFAULT_SRC_DOC_CSP, injectAfterHeadOpen, injectBeforeHeadEnd, injectBeforeBodyEnd, applySrcDocBridges, } from './srcdoc/index.js';
+export { I18nProvider, useI18n, useT } from './react/i18n.js';
+export { SrcDocSandbox } from './react/components/SrcDocSandbox.js';
+export { ArtifactView, } from './react/components/ArtifactView.js';
+export * from './annotation-canvas/index.js';
+/**
+ * `html-utils.ts`/`sandboxed-document.ts` (below) independently ported the
+ * *same* generic string-splice helpers as `./srcdoc/build.ts` above — both
+ * trace back to OD's `runtime/srcdoc.ts` `injectAfterHeadOpen`/
+ * `injectBeforeHeadEnd`/`injectBeforeBodyEnd`, built in parallel on two
+ * branches that never saw each other. They are not behaviorally identical:
+ * `./srcdoc/index.js`'s versions (re-exported above under their original
+ * names — they're already the more widely-used ones, wired through
+ * `buildSrcDoc`'s CSP/shim/focus-guard injection and every `SrcDocBridge`)
+ * add a `DOMParser`-based fallback for documents with no `<head>`/`<body>`
+ * tag *and* no matching close tag at all; `html-utils.ts`'s versions do a
+ * plain prepend/append in that same edge case instead. Both fallback
+ * behaviors are real and independently tested (`html-utils.test.ts` vs.
+ * `srcdoc/build.test.ts`'s "falls back to DOMParser" cases), so rather than
+ * pick a winner or let one silently shadow the other under the shared name,
+ * `html-utils.ts`'s versions are re-exported here under a `StringOnly`
+ * suffix — this is the exact set `sandboxed-document.ts` (this package's
+ * *other* independently-built sandboxed-iframe core, consumed today by
+ * `@jini-ai/ui`'s `features/html-viewer`) relies on internally, unchanged.
+ */
+export { escapeHtmlAttribute } from './html-utils.js';
+export { injectAfterHeadOpen as injectAfterHeadOpenStringOnly, injectBeforeHeadEnd as injectBeforeHeadEndStringOnly, injectBeforeBodyEnd as injectBeforeBodyEndStringOnly, } from './html-utils.js';
+export { isFullHtmlDocument, wrapFragmentAsDocument, injectBaseHref, buildStorageShimScript, buildFocusGuardScript, buildSandboxedDocument, } from './sandboxed-document.js';
+export { useSandboxBridge } from './sandbox-bridge.js';
+export { buildSandboxedPreviewPage, openSandboxedPreviewInNewTab, } from './new-tab-preview.js';
+export * from './preview-modal-shell/index.js';
+//# sourceMappingURL=index.js.map

package/dist/renderers/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderers/index.ts"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GAIxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EACL,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,WAAW,EACX,wBAAwB,EACxB,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GAKnB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAqE,MAAM,iBAAiB,CAAC;AACjI,OAAO,EAAE,aAAa,EAA2B,MAAM,qCAAqC,CAAC;AAC7F,OAAO,EACL,YAAY,GAKb,MAAM,oCAAoC,CAAC;AAE5C,cAAc,8BAA8B,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EACL,mBAAmB,IAAI,6BAA6B,EACpD,mBAAmB,IAAI,6BAA6B,EACpD,mBAAmB,IAAI,6BAA6B,GACrD,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAoD,MAAM,qBAAqB,CAAC;AACzG,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAE7B,MAAM,sBAAsB,CAAC;AAE9B,cAAc,gCAAgC,CAAC"}

package/dist/renderers/new-tab-preview.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import type { SandboxedDocumentOptions } from './types.js';
+export interface NewTabPreviewOptions extends SandboxedDocumentOptions {
+    /** Allow `window.showModalDialog`-style native modals (`alert`/`confirm`/`prompt`) inside the sandboxed frame. Defaults to `false`. */
+    allowModals?: boolean;
+}
+/**
+ * Build the standalone page opened in a new tab: a tiny host document whose
+ * body is entirely filled by a second, inner sandboxed iframe carrying the
+ * real artifact HTML as its `srcdoc` attribute. Going through a nested
+ * `srcdoc` iframe (rather than writing the artifact directly into the new
+ * tab's own document) keeps the artifact's script execution sandboxed even
+ * once it's opened outside the host app's own preview chrome.
+ */
+export declare function buildSandboxedPreviewPage(html: string, title: string, options?: NewTabPreviewOptions): string;
+/**
+ * Open sandboxed `html` in a new browser tab via a Blob URL. Returns
+ * `false` (a no-op) when there's no browser environment to open a tab in,
+ * or when the popup was blocked; `true` once `window.open` has returned a
+ * window reference.
+ */
+export declare function openSandboxedPreviewInNewTab(html: string, title: string, options?: NewTabPreviewOptions): boolean;
+//# sourceMappingURL=new-tab-preview.d.ts.map

package/dist/renderers/new-tab-preview.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"new-tab-preview.d.ts","sourceRoot":"","sources":["../../src/renderers/new-tab-preview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,uIAAuI;IACvI,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,oBAAyB,GACjC,MAAM,CAgBR;AAKD;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAeT"}

package/dist/renderers/new-tab-preview.js ADDED Viewed

@@ -0,0 +1,50 @@
+import { escapeHtmlAttribute } from './html-utils.js';
+import { buildSandboxedDocument } from './sandboxed-document.js';
+/**
+ * Build the standalone page opened in a new tab: a tiny host document whose
+ * body is entirely filled by a second, inner sandboxed iframe carrying the
+ * real artifact HTML as its `srcdoc` attribute. Going through a nested
+ * `srcdoc` iframe (rather than writing the artifact directly into the new
+ * tab's own document) keeps the artifact's script execution sandboxed even
+ * once it's opened outside the host app's own preview chrome.
+ */
+export function buildSandboxedPreviewPage(html, title, options = {}) {
+    const { html: innerDoc } = buildSandboxedDocument(html, options);
+    const safeTitle = escapeHtmlAttribute(title || 'Preview');
+    const sandbox = options.allowModals ? 'allow-scripts allow-modals' : 'allow-scripts';
+    return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${safeTitle}</title>
+  <style>html,body,iframe{margin:0;width:100%;height:100%;border:0}body{overflow:hidden;background:#fff}</style>
+</head>
+<body>
+  <iframe title="${safeTitle}" sandbox="${sandbox}" srcdoc="${escapeHtmlAttribute(innerDoc)}"></iframe>
+</body>
+</html>`;
+}
+/** How long to keep the Blob URL alive before revoking it, in milliseconds. Generous enough for a slow browser to have started navigating before the object is freed. */
+const REVOKE_AFTER_MS = 60_000;
+/**
+ * Open sandboxed `html` in a new browser tab via a Blob URL. Returns
+ * `false` (a no-op) when there's no browser environment to open a tab in,
+ * or when the popup was blocked; `true` once `window.open` has returned a
+ * window reference.
+ */
+export function openSandboxedPreviewInNewTab(html, title, options = {}) {
+    if (typeof window === 'undefined' ||
+        typeof URL === 'undefined' ||
+        typeof URL.createObjectURL !== 'function' ||
+        typeof Blob === 'undefined') {
+        return false;
+    }
+    const page = buildSandboxedPreviewPage(html, title, options);
+    const blob = new Blob([page], { type: 'text/html;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const opened = window.open(url, '_blank', 'noopener,noreferrer');
+    window.setTimeout(() => URL.revokeObjectURL(url), REVOKE_AFTER_MS);
+    return opened != null;
+}
+//# sourceMappingURL=new-tab-preview.js.map

package/dist/renderers/new-tab-preview.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"new-tab-preview.js","sourceRoot":"","sources":["../../src/renderers/new-tab-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAQjE;;;;;;;GAOG;AACH,MAAM,UAAU,yBAAyB,CACvC,IAAY,EACZ,KAAa,EACb,UAAgC,EAAE;IAElC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,mBAAmB,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,eAAe,CAAC;IACrF,OAAO;;;;;WAKE,SAAS;;;;mBAID,SAAS,cAAc,OAAO,aAAa,mBAAmB,CAAC,QAAQ,CAAC;;QAEnF,CAAC;AACT,CAAC;AAED,yKAAyK;AACzK,MAAM,eAAe,GAAG,MAAM,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAC1C,IAAY,EACZ,KAAa,EACb,UAAgC,EAAE;IAElC,IACE,OAAO,MAAM,KAAK,WAAW;QAC7B,OAAO,GAAG,KAAK,WAAW;QAC1B,OAAO,GAAG,CAAC,eAAe,KAAK,UAAU;QACzC,OAAO,IAAI,KAAK,WAAW,EAC3B,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,IAAI,GAAG,yBAAyB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,CAAC,CAAC;IACnE,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;IACjE,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,CAAC;IACnE,OAAO,MAAM,IAAI,IAAI,CAAC;AACxB,CAAC"}

package/dist/renderers/preview-modal-shell/index.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * Public barrel for the preview-modal-shell slice. Consumers import ONLY
+ * from here — never from an internal file directly.
+ */
+export type { PreviewModalContentStatus, PreviewModalPrimaryAction, PreviewModalPrimaryActionMenuItem, PreviewModalScalerStyle, PreviewModalUnavailable, } from './types.js';
+export { computeScalerStyle, computeStageScale, deriveContentStatus, findActiveView, resolveInitialViewId, type PreviewModalContentViewLike, type PreviewModalViewLike, } from './rules.js';
+export { usePreviewModalShell, type PreviewModalShellController, type UsePreviewModalShellOptions, } from './react/hooks/usePreviewModalShell.js';
+export { PreviewModalShell, type PreviewModalShellProps, type PreviewModalSidebar, type PreviewModalView, } from './react/components/PreviewModalShell.js';
+export { DEFAULT_PREVIEW_MODAL_ICONS, type PreviewModalIconName } from './react/components/icons.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/renderers/preview-modal-shell/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/preview-modal-shell/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,iCAAiC,EACjC,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,GACtB,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,2BAA2B,EAAE,KAAK,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/renderers/preview-modal-shell/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+export { computeScalerStyle, computeStageScale, deriveContentStatus, findActiveView, resolveInitialViewId, } from './rules.js';
+export { usePreviewModalShell, } from './react/hooks/usePreviewModalShell.js';
+export { PreviewModalShell, } from './react/components/PreviewModalShell.js';
+export { DEFAULT_PREVIEW_MODAL_ICONS } from './react/components/icons.js';
+//# sourceMappingURL=index.js.map

package/dist/renderers/preview-modal-shell/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/renderers/preview-modal-shell/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAGrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,oBAAoB,GAGrB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,iBAAiB,GAIlB,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,2BAA2B,EAA6B,MAAM,6BAA6B,CAAC"}

package/dist/renderers/preview-modal-shell/react/components/PreviewModalShell.d.ts ADDED Viewed

@@ -0,0 +1,62 @@
+/**
+ * `<PreviewModalShell>` — full-screen overlay chrome around arbitrary
+ * preview content: title/subtitle header, an optional tab bar for multiple
+ * views, an optional companion sidebar, a fullscreen toggle, an optional
+ * split-button primary action, and a content stage that renders whichever
+ * of custom / unavailable / error / loading / HTML state the active view is
+ * in. All state/effects live in `usePreviewModalShell`; this component is
+ * the presentational shell.
+ *
+ * Origin: `apps/web/src/components/PreviewModal.tsx`. The merged Share/
+ * Export popover is NOT ported here — see `../../../source-map.md`'s
+ * `preview-modal-shell` classification section for why.
+ */
+import type { ReactElement, ReactNode } from 'react';
+import type { BuildSrcDocOptions } from '../../../srcdoc/build.js';
+import type { PreviewModalPrimaryAction, PreviewModalUnavailable } from '../../types.js';
+import { type PreviewModalIconName } from './icons.js';
+export interface PreviewModalView {
+    id: string;
+    label: string;
+    /** `null` means "still loading", `undefined` means "not yet requested" — both keep the stage blank until the host reacts to `onView`. */
+    html?: string | null | undefined;
+    /** When set, the stage shows an error state with a Retry button that re-fires `onView` for this view id. */
+    error?: string | null | undefined;
+    /** Set when this view genuinely has no preview to render. The shell shows `unavailable.message` instead of the loading/error states. Mutually exclusive with `html`/`error`. */
+    unavailable?: PreviewModalUnavailable | null | undefined;
+    /** Render an arbitrary node in the stage instead of the built-in HTML sandbox — e.g. an image/video/audio player. The shell still owns chrome (header/tabs/sidebar/fullscreen/close) around it. */
+    custom?: ReactNode;
+}
+export interface PreviewModalSidebar {
+    label: string;
+    /** Side-pane content — the host renders whatever it likes. When absent, the toggle is not shown. */
+    content: ReactNode;
+    defaultOpen?: boolean | undefined;
+    onToggle?: ((open: boolean) => void) | undefined;
+    /** Stable identity for the side-panel source; changing it while open re-fires `onToggle` so the host can prime a fresh fetch. */
+    contentKey?: string | number | undefined;
+}
+export interface PreviewModalShellProps {
+    title: string;
+    subtitle?: string | undefined;
+    views: PreviewModalView[];
+    initialViewId?: string | undefined;
+    onView?: ((viewId: string) => void) | undefined;
+    onClose: () => void;
+    sidebar?: PreviewModalSidebar | undefined;
+    /** Logical viewport width the HTML content renders at before being scaled to fit the stage. Defaults to 1280. */
+    designWidth?: number | undefined;
+    primaryAction?: PreviewModalPrimaryAction | undefined;
+    /** Extra controls rendered after the sidebar toggle and before Close. */
+    headerExtras?: ReactNode;
+    /** Hide the header sidebar-toggle button while keeping the stage-edge expand handle. */
+    hideSidebarToggle?: boolean | undefined;
+    onFullscreenClick?: (() => void) | undefined;
+    onSidebarToggleClick?: ((open: boolean) => void) | undefined;
+    /** Options forwarded to the built-in HTML renderer (`SrcDocSandbox`/`buildSrcDoc`) for `ready` views. */
+    srcDocOptions?: BuildSrcDocOptions | undefined;
+    icons?: Partial<Record<PreviewModalIconName, () => ReactElement>> | undefined;
+    className?: string | undefined;
+}
+export declare function PreviewModalShell({ title, subtitle, views, initialViewId, onView, onClose, sidebar, designWidth, primaryAction, headerExtras, hideSidebarToggle, onFullscreenClick, onSidebarToggleClick, srcDocOptions, icons: iconOverrides, className, }: PreviewModalShellProps): import("react").JSX.Element;
+//# sourceMappingURL=PreviewModalShell.d.ts.map

package/dist/renderers/preview-modal-shell/react/components/PreviewModalShell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PreviewModalShell.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/preview-modal-shell/react/components/PreviewModalShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEzF,OAAO,EAA+B,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEpF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,yIAAyI;IACzI,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,gLAAgL;IAChL,WAAW,CAAC,EAAE,uBAAuB,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,mMAAmM;IACnM,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,iIAAiI;IACjI,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC1C,iHAAiH;IACjH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IACtD,yEAAyE;IACzE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,yGAAyG;IACzG,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAkB,EAClB,aAAa,EACb,YAAY,EACZ,iBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,KAAK,EAAE,aAAa,EACpB,SAAS,GACV,EAAE,sBAAsB,+BAuJxB"}

package/dist/renderers/preview-modal-shell/react/components/PreviewModalShell.js ADDED Viewed

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SrcDocSandbox } from '../../../react/components/SrcDocSandbox.js';
+import { useT } from '../../../react/i18n.js';
+import { deriveContentStatus } from '../../rules.js';
+import { usePreviewModalShell } from '../hooks/usePreviewModalShell.js';
+import { DEFAULT_PREVIEW_MODAL_ICONS } from './icons.js';
+export function PreviewModalShell({ title, subtitle, views, initialViewId, onView, onClose, sidebar, designWidth = 1280, primaryAction, headerExtras, hideSidebarToggle = false, onFullscreenClick, onSidebarToggleClick, srcDocOptions, icons: iconOverrides, className, }) {
+    const t = useT();
+    const icons = { ...DEFAULT_PREVIEW_MODAL_ICONS, ...iconOverrides };
+    const c = usePreviewModalShell({
+        views,
+        initialViewId,
+        onView,
+        onClose,
+        sidebarDefaultOpen: sidebar?.defaultOpen,
+        sidebarOnToggle: sidebar?.onToggle,
+        sidebarContentKey: sidebar?.contentKey,
+        designWidth,
+    });
+    const showTabs = views.length > 1;
+    const status = deriveContentStatus(c.activeView);
+    return (_jsx("div", { className: className, role: "dialog", "aria-modal": "true", "aria-label": t('{title} preview', { title }), style: { position: 'fixed', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center' }, "data-preview-modal-backdrop": "", onClick: (event) => {
+            // Only the actual backdrop dismisses. Clicks from the modal surface or any descendant
+            // bubble through this element with a different target and must leave the preview open.
+            if (event.target === event.currentTarget)
+                onClose();
+        }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }, "data-preview-modal": "", "data-preview-modal-fullscreen": c.fullscreen ? 'true' : 'false', children: [_jsxs("header", { style: { display: 'flex', alignItems: 'center', gap: 12 }, "data-preview-modal-header": "", children: [_jsxs("div", { "data-preview-modal-title-block": "", children: [_jsx("div", { "data-preview-modal-title": "", children: title }), subtitle ? _jsx("div", { "data-preview-modal-subtitle": "", children: subtitle }) : null] }), showTabs ? (_jsx("div", { role: "tablist", style: { display: 'flex', gap: 4 }, "data-preview-modal-tabs": "", children: views.map((v) => (_jsx("button", { type: "button", role: "tab", "aria-selected": c.activeId === v.id, "data-preview-modal-tab": c.activeId === v.id ? 'active' : '', onClick: () => c.setActiveId(v.id), children: v.label }, v.id))) })) : null, _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginLeft: 'auto' }, "data-preview-modal-actions": "", children: [primaryAction ? _jsx(PrimaryAction, { action: primaryAction, controller: c, icons: icons }) : null, sidebar && !hideSidebarToggle ? (_jsx("button", { type: "button", "aria-pressed": c.sidebarOpen, title: sidebar.label, onClick: () => {
+                                        const next = !c.sidebarOpen;
+                                        onSidebarToggleClick?.(next);
+                                        c.setSidebarOpen(next);
+                                    }, children: sidebar.label })) : null, headerExtras] }), _jsx("button", { type: "button", onClick: onClose, title: t('Close preview'), "aria-label": t('Close'), "data-preview-modal-close": "", children: icons.close() })] }), _jsxs("div", { style: { display: 'flex', flex: 1, minHeight: 0 }, "data-preview-modal-stage": sidebar && c.sidebarOpen ? 'has-sidebar' : '', ref: c.stageRef, children: [_jsxs("div", { style: { position: 'relative', flex: 1, minWidth: 0 }, ref: c.stageFrameRef, "data-preview-modal-stage-frame": "", children: [status !== 'unavailable' && status !== 'error' ? (_jsx("button", { type: "button", onClick: () => {
+                                        onFullscreenClick?.();
+                                        if (c.fullscreen)
+                                            c.exitFullscreen();
+                                        else
+                                            c.enterFullscreen();
+                                    }, title: c.fullscreen ? t('Exit fullscreen') : t('Fullscreen'), "aria-label": c.fullscreen ? t('Exit fullscreen') : t('Fullscreen'), "data-preview-modal-stage-fullscreen": "", children: c.fullscreen ? icons['fullscreen-exit']() : icons.fullscreen() })) : null, _jsx(ContentStage, { status: status, view: c.activeView, title: title, scalerStyle: c.scalerStyle, onView: onView, srcDocOptions: srcDocOptions, t: t }), sidebar && !c.sidebarOpen ? (_jsx("button", { type: "button", onClick: () => {
+                                        onSidebarToggleClick?.(true);
+                                        c.setSidebarOpen(true);
+                                    }, title: t('Show {label}', { label: sidebar.label }), "aria-label": t('Show {label}', { label: sidebar.label }), "data-preview-modal-stage-handle": "expand", children: _jsx("span", { "aria-hidden": "true", children: "\u2039" }) })) : null] }), sidebar && c.sidebarOpen ? (_jsxs("aside", { "aria-label": sidebar.label, "data-preview-modal-sidebar": "", children: [_jsx("button", { type: "button", onClick: () => {
+                                        onSidebarToggleClick?.(false);
+                                        c.setSidebarOpen(false);
+                                    }, title: t('Hide {label}', { label: sidebar.label }), "aria-label": t('Hide {label}', { label: sidebar.label }), "data-preview-modal-stage-handle": "collapse", children: _jsx("span", { "aria-hidden": "true", children: "\u203A" }) }), sidebar.content] })) : null] })] }) }));
+}
+function PrimaryAction({ action, controller, icons, }) {
+    const t = useT();
+    const hasMenu = Boolean(action.menu && action.menu.length > 0);
+    if (!hasMenu) {
+        return (_jsx("button", { type: "button", onClick: action.onClick, disabled: action.disabled || action.busy, "aria-busy": action.busy ? 'true' : undefined, ...(action.testId ? { 'data-testid': action.testId } : {}), "data-preview-modal-primary-action": "", children: action.busy ? action.busyLabel ?? action.label : action.label }));
+    }
+    return (_jsxs("div", { ref: controller.primaryMenuRef, style: { position: 'relative', display: 'flex' }, "data-preview-modal-primary-action-group": "", children: [_jsx("button", { type: "button", onClick: action.onClick, disabled: action.disabled || action.busy, "aria-busy": action.busy ? 'true' : undefined, ...(action.testId ? { 'data-testid': action.testId } : {}), "data-preview-modal-primary-action": "", children: action.busy ? action.busyLabel ?? action.label : action.label }), _jsx("button", { type: "button", onClick: () => controller.setPrimaryMenuOpen((v) => !v), disabled: action.disabled || action.busy, "aria-haspopup": "menu", "aria-expanded": controller.primaryMenuOpen, "aria-label": t('More ways to {label}', { label: action.label }), ...(action.testId ? { 'data-testid': `${action.testId}-menu` } : {}), "data-preview-modal-primary-action-caret": "", children: icons['chevron-down']() }), controller.primaryMenuOpen ? (_jsx("div", { role: "menu", "data-preview-modal-primary-action-popover": "", children: action.menu.map((item, index) => (_jsxs("button", { type: "button", role: "menuitem", onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                        controller.setPrimaryMenuOpen(false);
+                        item.onClick();
+                    }, ...(item.testId ? { 'data-testid': item.testId } : {}), "data-preview-modal-primary-action-option": "", children: [_jsx("span", { "data-preview-modal-primary-action-option-label": "", children: item.label }), item.description ? (_jsx("span", { "data-preview-modal-primary-action-option-desc": "", children: item.description })) : null] }, item.testId ?? `${item.label}-${index}`))) })) : null] }));
+}
+function ContentStage({ status, view, title, scalerStyle, onView, srcDocOptions, t, }) {
+    if (status === 'custom') {
+        return _jsx("div", { "data-preview-modal-stage-custom": "", children: view?.custom });
+    }
+    if (status === 'unavailable') {
+        return (_jsx("div", { "data-preview-modal-unavailable": "", children: view?.unavailable?.message }));
+    }
+    if (status === 'error') {
+        return (_jsxs("div", { "data-preview-modal-error": "", children: [_jsx("div", { "data-preview-modal-error-title": "", children: t('Something went wrong.') }), _jsx("div", { "data-preview-modal-error-body": "", children: t('This preview could not be loaded.') }), onView && view ? (_jsx("button", { type: "button", onClick: () => onView(view.id), children: t('Retry') })) : null] }));
+    }
+    if (status === 'loading') {
+        return (_jsx("div", { "data-preview-modal-loading": "", children: t('Loading {label}…', { label: (view?.label ?? t('preview')).toLowerCase() }) }));
+    }
+    // `status === 'ready'` is only ever returned by `deriveContentStatus` for
+    // a defined view with a string `html` (see rules.ts) — `view!`/`.html`
+    // (no `??`) is safe by that invariant, not a runtime guess.
+    return (_jsx("div", { style: scalerStyle, "data-preview-modal-stage-scaler": "", children: _jsx(SrcDocSandbox, { html: view.html, options: srcDocOptions, title: `${title} ${view.label}` }, view.id) }));
+}
+//# sourceMappingURL=PreviewModalShell.js.map

package/dist/renderers/preview-modal-shell/react/components/PreviewModalShell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PreviewModalShell.js","sourceRoot":"","sources":["../../../../../src/renderers/preview-modal-shell/react/components/PreviewModalShell.tsx"],"names":[],"mappings":"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"}

package/dist/renderers/preview-modal-shell/react/components/icons.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * Small, generic inline-SVG icon set for the preview-modal shell's chrome
+ * (close button, split-button caret, stage fullscreen toggle). Not a port of
+ * the origin's `Icon` component (a product-specific named icon set, out of
+ * scope for this package — same call already made for `AnnotationCanvas`'s
+ * `icons.tsx`). A host can override every icon via
+ * `PreviewModalShellProps.icons`.
+ */
+import type { ReactElement } from 'react';
+export type PreviewModalIconName = 'close' | 'chevron-down' | 'fullscreen' | 'fullscreen-exit';
+export declare const DEFAULT_PREVIEW_MODAL_ICONS: Record<PreviewModalIconName, () => ReactElement>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/renderers/preview-modal-shell/react/components/icons.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/preview-modal-shell/react/components/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,iBAAiB,CAAC;AAmB/F,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,YAAY,CAsBxF,CAAC"}

package/dist/renderers/preview-modal-shell/react/components/icons.js ADDED Viewed

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Svg(props) {
+    return (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, ...props }));
+}
+export const DEFAULT_PREVIEW_MODAL_ICONS = {
+    close: () => (_jsxs(Svg, { children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "M6 6l12 12" })] })),
+    'chevron-down': () => (_jsx(Svg, { children: _jsx("path", { d: "m6 9 6 6 6-6" }) })),
+    fullscreen: () => (_jsx(Svg, { width: 15, height: 15, children: _jsx("path", { d: "M3 9V3h6M3 3l6 6M21 15v6h-6M21 21l-6-6" }) })),
+    'fullscreen-exit': () => (_jsx(Svg, { width: 15, height: 15, children: _jsx("path", { d: "M9 3v6H3M3 9l6-6M15 21v-6h6M21 15l-6 6" }) })),
+};
+//# sourceMappingURL=icons.js.map

package/dist/renderers/preview-modal-shell/react/components/icons.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/renderers/preview-modal-shell/react/components/icons.tsx"],"names":[],"mappings":";AAYA,SAAS,GAAG,CAAC,KAA8B;IACzC,OAAO,CACL,cACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,0BAElB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAqD;IAC3F,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,MAAC,GAAG,eACF,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,YAAY,GAAG,IACnB,CACP;IACD,cAAc,EAAE,GAAG,EAAE,CAAC,CACpB,KAAC,GAAG,cACF,eAAM,CAAC,EAAC,cAAc,GAAG,GACrB,CACP;IACD,UAAU,EAAE,GAAG,EAAE,CAAC,CAChB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,YACxB,eAAM,CAAC,EAAC,wCAAwC,GAAG,GAC/C,CACP;IACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,CACvB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,YACxB,eAAM,CAAC,EAAC,wCAAwC,GAAG,GAC/C,CACP;CACF,CAAC"}

package/dist/renderers/preview-modal-shell/react/hooks/usePreviewModalShell.d.ts ADDED Viewed

@@ -0,0 +1,50 @@
+/**
+ * Headless controller for the preview-modal shell — all state/effects,
+ * no JSX. `react/components/PreviewModalShell.tsx` is the presentational
+ * consumer.
+ *
+ * Origin: `apps/web/src/components/PreviewModal.tsx`'s component body (the
+ * generic-chrome subset — see `../../source-map.md`'s classification). The
+ * merged Share/Export popover's state (`templateShareOpen`/
+ * `copyShareFeedback`/`socialShareTargets`/...) is deliberately not ported
+ * here; that block is OD-specific and out of scope for this shell.
+ */
+import { type RefObject } from 'react';
+import { type PreviewModalViewLike } from '../../rules.js';
+import type { PreviewModalScalerStyle } from '../../types.js';
+export interface UsePreviewModalShellOptions<V extends PreviewModalViewLike> {
+    views: readonly V[];
+    initialViewId?: string | undefined;
+    /** Fired whenever the active view changes — including on first mount with `initialViewId` — so the host can drive lazy fetches. */
+    onView?: ((viewId: string) => void) | undefined;
+    onClose: () => void;
+    sidebarDefaultOpen?: boolean | undefined;
+    sidebarOnToggle?: ((open: boolean) => void) | undefined;
+    /** When this changes while the sidebar is open, `sidebarOnToggle` re-fires so the host can prime a fresh fetch for the new content. */
+    sidebarContentKey?: string | number | undefined;
+    /** Logical viewport width the content is assumed to render at before being scaled to fit the stage. Defaults to 1280. */
+    designWidth?: number | undefined;
+}
+export interface PreviewModalShellController<V extends PreviewModalViewLike> {
+    activeId: string;
+    setActiveId: (id: string) => void;
+    activeView: V | undefined;
+    fullscreen: boolean;
+    enterFullscreen: () => void;
+    exitFullscreen: () => void;
+    sidebarOpen: boolean;
+    setSidebarOpen: (next: boolean) => void;
+    primaryMenuOpen: boolean;
+    setPrimaryMenuOpen: (next: boolean | ((prev: boolean) => boolean)) => void;
+    stageSize: {
+        w: number;
+        h: number;
+    };
+    scale: number;
+    scalerStyle: PreviewModalScalerStyle;
+    stageRef: RefObject<HTMLDivElement | null>;
+    stageFrameRef: RefObject<HTMLDivElement | null>;
+    primaryMenuRef: RefObject<HTMLDivElement | null>;
+}
+export declare function usePreviewModalShell<V extends PreviewModalViewLike>(options: UsePreviewModalShellOptions<V>): PreviewModalShellController<V>;
+//# sourceMappingURL=usePreviewModalShell.d.ts.map

package/dist/renderers/preview-modal-shell/react/hooks/usePreviewModalShell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"usePreviewModalShell.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/preview-modal-shell/react/hooks/usePreviewModalShell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAA+E,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACxI,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,oBAAoB;IACzE,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,mIAAmI;IACnI,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,uIAAuI;IACvI,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,yHAAyH;IACzH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,oBAAoB;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,GAAG,SAAS,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3E,SAAS,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,uBAAuB,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,aAAa,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAClD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,oBAAoB,EACjE,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC,GACtC,2BAA2B,CAAC,CAAC,CAAC,CA+KhC"}

package/dist/renderers/preview-modal-shell/react/hooks/usePreviewModalShell.js ADDED Viewed

@@ -0,0 +1,171 @@
+/**
+ * Headless controller for the preview-modal shell — all state/effects,
+ * no JSX. `react/components/PreviewModalShell.tsx` is the presentational
+ * consumer.
+ *
+ * Origin: `apps/web/src/components/PreviewModal.tsx`'s component body (the
+ * generic-chrome subset — see `../../source-map.md`'s classification). The
+ * merged Share/Export popover's state (`templateShareOpen`/
+ * `copyShareFeedback`/`socialShareTargets`/...) is deliberately not ported
+ * here; that block is OD-specific and out of scope for this shell.
+ */
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { computeScalerStyle, computeStageScale, findActiveView, resolveInitialViewId } from '../../rules.js';
+export function usePreviewModalShell(options) {
+    const { views, initialViewId, onView, onClose, sidebarDefaultOpen = false, sidebarOnToggle, sidebarContentKey, designWidth = 1280, } = options;
+    const initial = resolveInitialViewId(views, initialViewId);
+    const [activeId, setActiveId] = useState(initial);
+    const [fullscreen, setFullscreen] = useState(false);
+    const [sidebarOpen, setSidebarOpen] = useState(sidebarDefaultOpen);
+    const [primaryMenuOpen, setPrimaryMenuOpen] = useState(false);
+    const [stageSize, setStageSize] = useState({ w: 0, h: 0 });
+    const stageRef = useRef(null);
+    const stageFrameRef = useRef(null);
+    const primaryMenuRef = useRef(null);
+    // Captured in a ref so the lazy-load effect below depends only on
+    // sidebarOpen/sidebarContentKey — a fresh `sidebarOnToggle` identity on
+    // every host render would otherwise re-fire the load every render.
+    const sidebarToggleRef = useRef(sidebarOnToggle);
+    sidebarToggleRef.current = sidebarOnToggle;
+    useEffect(() => {
+        sidebarToggleRef.current?.(sidebarOpen);
+    }, [sidebarOpen, sidebarContentKey]);
+    useEffect(() => {
+        onView?.(activeId);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeId, onView]);
+    // Close on Escape. In fullscreen, the first Escape exits fullscreen
+    // instead of dismissing the whole modal.
+    useEffect(() => {
+        const onKey = (e) => {
+            if (e.key !== 'Escape')
+                return;
+            if (fullscreen) {
+                setFullscreen(false);
+                return;
+            }
+            onClose();
+        };
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [onClose, fullscreen]);
+    // Mirror native fullscreen state into React so a browser-level Escape
+    // (consumed by the browser, not always delivered as a keydown) still
+    // clears the `fullscreen` flag in lock-step.
+    useEffect(() => {
+        const onFsChange = () => {
+            if (!document.fullscreenElement)
+                setFullscreen(false);
+        };
+        document.addEventListener('fullscreenchange', onFsChange);
+        return () => document.removeEventListener('fullscreenchange', onFsChange);
+    }, []);
+    // Outside-click / Escape dismissal for the split-button's secondary menu.
+    useEffect(() => {
+        if (!primaryMenuOpen)
+            return undefined;
+        const onDoc = (e) => {
+            const target = e.target;
+            if (!primaryMenuRef.current?.contains(target))
+                setPrimaryMenuOpen(false);
+        };
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                setPrimaryMenuOpen(false);
+        };
+        document.addEventListener('mousedown', onDoc);
+        document.addEventListener('keydown', onKey);
+        return () => {
+            document.removeEventListener('mousedown', onDoc);
+            document.removeEventListener('keydown', onKey);
+        };
+    }, [primaryMenuOpen]);
+    // Lock body scroll while mounted.
+    useEffect(() => {
+        const prev = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.body.style.overflow = prev;
+        };
+    }, []);
+    // Track the stage size so content can render at a fixed logical width and
+    // scale to fit. ResizeObserver is missing from some environments (jsdom,
+    // older embedded WebViews) — guarded with a window-resize fallback so the
+    // shell still mounts, it just loses element-level resize tracking.
+    useEffect(() => {
+        const el = stageFrameRef.current;
+        if (!el)
+            return undefined;
+        // clientWidth/Height (layout box), not getBoundingClientRect (transform-
+        // aware and lands short during the modal's own entrance animation).
+        const measure = () => setStageSize({ w: el.clientWidth, h: el.clientHeight });
+        measure();
+        // A synchronous first measure can land before the modal's entrance
+        // layout settles; re-measure next frame so the scaler fills the stage.
+        const raf = requestAnimationFrame(measure);
+        if (typeof ResizeObserver !== 'undefined') {
+            const ro = new ResizeObserver(measure);
+            ro.observe(el);
+            return () => {
+                cancelAnimationFrame(raf);
+                ro.disconnect();
+            };
+        }
+        window.addEventListener('resize', measure);
+        return () => {
+            cancelAnimationFrame(raf);
+            window.removeEventListener('resize', measure);
+        };
+    }, []);
+    // Re-measure when the sidebar toggles (the stage width jumps) or the
+    // active view changes, so `scale` tracks the current stage width instead
+    // of a stale value from the previous layout.
+    useEffect(() => {
+        const el = stageFrameRef.current;
+        if (!el)
+            return undefined;
+        const raf = requestAnimationFrame(() => {
+            setStageSize({ w: el.clientWidth, h: el.clientHeight });
+        });
+        return () => cancelAnimationFrame(raf);
+    }, [sidebarOpen, activeId]);
+    const activeView = findActiveView(views, activeId);
+    const scale = computeStageScale(stageSize.w, designWidth);
+    const scalerStyle = useMemo(() => computeScalerStyle(stageSize, designWidth, scale), [scale, stageSize.w, stageSize.h, designWidth]);
+    function enterFullscreen() {
+        const el = stageRef.current;
+        if (el && typeof el.requestFullscreen === 'function') {
+            el.requestFullscreen()
+                .then(() => setFullscreen(true))
+                .catch(() => setFullscreen(true));
+        }
+        else {
+            setFullscreen(true);
+        }
+    }
+    function exitFullscreen() {
+        if (document.fullscreenElement && document.exitFullscreen) {
+            document.exitFullscreen().catch(() => { });
+        }
+        setFullscreen(false);
+    }
+    return {
+        activeId,
+        setActiveId,
+        activeView,
+        fullscreen,
+        enterFullscreen,
+        exitFullscreen,
+        sidebarOpen,
+        setSidebarOpen,
+        primaryMenuOpen,
+        setPrimaryMenuOpen,
+        stageSize,
+        scale,
+        scalerStyle,
+        stageRef,
+        stageFrameRef,
+        primaryMenuRef,
+    };
+}
+//# sourceMappingURL=usePreviewModalShell.js.map

package/dist/renderers/preview-modal-shell/react/hooks/usePreviewModalShell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"usePreviewModalShell.js","sourceRoot":"","sources":["../../../../../src/renderers/preview-modal-shell/react/hooks/usePreviewModalShell.ts"],"names":[],"mappings":"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"}