@pygmalionjs/pygmalion 0.5.19 → 0.5.20

package/dist-lib/pygmalion.js

@@ -2,8 +2,8 @@ var fh = Object.defineProperty;
 var hh = (e, t, n) => t in e ? fh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var gn = (e, t, n) => hh(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as g, Fragment as Ve } from "react/jsx-runtime";
-import { R as oi, u as ph, c as Ca, b as sd, g as ct, d as mh, m as Lt, e as f, f as At, r as ln, h as Ns, i as Yn, j as Pa, k as wn, l as ad, n as vr, p as gh, o as hr, q as We, t as bh, v as xh, w as yh, x as vh, y as wh, z as Sh, A as Nh, B as Is, C as Ih, D as Ch, E as Ph, G as $h, H as Mh, I as Eh, S as kh, J as Ah, K as cd, L as Rh, M as Cs, O as Th, P as Fh, Q as Lh, T as _h, U as ld, V as Dh, W as Lc, X as zh, Y as dd, Z as Oh, _ as Bh, $ as jh, a0 as Wh, a1 as Hh, a2 as Uh, a3 as ud, a4 as Vh, a5 as Kh, a6 as Q, a7 as _c, a8 as Dc, a9 as qh, aa as ns, ab as Yh, ac as Vo, ad as Ps, ae as Gh, af as fd, ag as Xh, ah as Jh, ai as Qh, s as Zh, aj as hd, ak as pd, al as $s, am as md, an as ep, ao as tp, ap as zc, aq as np, ar as rp, as as Oc, at as op, au as ip, av as sp, aw as ap, ax as cp, ay as lp, az as dp, aA as up, aB as fp, aC as hp, aD as pp, aE as mp, a as gp, aF as bp, aG as xp, aH as yp, aI as vp, aJ as wp, aK as Sp, aL as Np, aM as Ip, aN as Cp, aO as Pp, aP as $p, aQ as Mp, aR as Wr, aS as Bc, aT as Ep, aU as kp, aV as Ap, aW as Rp, aX as jc } from "./FrozenRoutePreview-C3TjaTBK.js";
-import { aY as Y0, aZ as G0, a_ as X0, a$ as J0, b0 as Q0, b1 as Z0, b2 as e1, b3 as t1, b4 as n1, b5 as r1, b6 as o1, b7 as i1, b8 as s1, b9 as a1, ba as c1, bb as l1 } from "./FrozenRoutePreview-C3TjaTBK.js";
+import { R as oi, u as ph, c as Ca, b as sd, g as ct, d as mh, m as Lt, e as f, f as At, r as ln, h as Ns, i as Yn, j as Pa, k as wn, l as ad, n as vr, p as gh, o as hr, q as We, t as bh, v as xh, w as yh, x as vh, y as wh, z as Sh, A as Nh, B as Is, C as Ih, D as Ch, E as Ph, G as $h, H as Mh, I as Eh, S as kh, J as Ah, K as cd, L as Rh, M as Cs, O as Th, P as Fh, Q as Lh, T as _h, U as ld, V as Dh, W as Lc, X as zh, Y as dd, Z as Oh, _ as Bh, $ as jh, a0 as Wh, a1 as Hh, a2 as Uh, a3 as ud, a4 as Vh, a5 as Kh, a6 as Q, a7 as _c, a8 as Dc, a9 as qh, aa as ns, ab as Yh, ac as Vo, ad as Ps, ae as Gh, af as fd, ag as Xh, ah as Jh, ai as Qh, s as Zh, aj as hd, ak as pd, al as $s, am as md, an as ep, ao as tp, ap as zc, aq as np, ar as rp, as as Oc, at as op, au as ip, av as sp, aw as ap, ax as cp, ay as lp, az as dp, aA as up, aB as fp, aC as hp, aD as pp, aE as mp, a as gp, aF as bp, aG as xp, aH as yp, aI as vp, aJ as wp, aK as Sp, aL as Np, aM as Ip, aN as Cp, aO as Pp, aP as $p, aQ as Mp, aR as Wr, aS as Bc, aT as Ep, aU as kp, aV as Ap, aW as Rp, aX as jc } from "./FrozenRoutePreview-DdLO8y9P.js";
+import { aY as Y0, aZ as G0, a_ as X0, a$ as J0, b0 as Q0, b1 as Z0, b2 as e1, b3 as t1, b4 as n1, b5 as r1, b6 as o1, b7 as i1, b8 as s1, b9 as a1, ba as c1, bb as l1 } from "./FrozenRoutePreview-DdLO8y9P.js";
 import { useRef as $e, useLayoutEffect as ii, useSyncExternalStore as Ge, useCallback as Ct, useReducer as gd, useEffect as se, memo as bd, createElement as ao, useState as Z, useMemo as Ft } from "react";
 import { createPortal as Tp } from "react-dom";
 const $a = {
@@ -2660,14 +2660,14 @@ function Oi(e = {}) {
   }
   async function k(E, T) {
     if (e.prepare) return e.prepare(E, T);
-    const { getDesignImportController: W } = await import("./FrozenRoutePreview-C3TjaTBK.js").then((z) => z.bd), N = W();
+    const { getDesignImportController: W } = await import("./FrozenRoutePreview-DdLO8y9P.js").then((z) => z.bd), N = W();
     if (!N)
       throw new Error("The design import controller is not available.");
     return N.prepareScreenCapture(E, T);
   }
   async function L(E, T) {
     if (e.settle) return e.settle(E, T);
-    const { settleScreen: W } = await import("./FrozenRoutePreview-C3TjaTBK.js").then((N) => N.bc);
+    const { settleScreen: W } = await import("./FrozenRoutePreview-DdLO8y9P.js").then((N) => N.bc);
     return W(E, T);
   }
   async function j(E, T) {
@@ -18590,8 +18590,8 @@ const j0 = {
       Promise.resolve().then(() => Js),
       Promise.resolve().then(() => Jm),
       Promise.resolve().then(() => Gp),
-      import("./FrozenRoutePreview-C3TjaTBK.js").then((u) => u.bf),
-      import("./FrozenRoutePreview-C3TjaTBK.js").then((u) => u.be)
+      import("./FrozenRoutePreview-DdLO8y9P.js").then((u) => u.bf),
+      import("./FrozenRoutePreview-DdLO8y9P.js").then((u) => u.be)
     ]), a = i.getMountedShadowPreviewHandle(e), c = f.pages.find(
       (u) => u.id === e
     );

package/dist-lib/testing.js

@@ -1,4 +1,4 @@
-import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-C3TjaTBK.js";
+import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-DdLO8y9P.js";
 export {
   s as FrozenRoutePreviewView,
   a as NodeModel,

package/dist-lib/types/editor/designImport.d.ts

@@ -1,6 +1,7 @@
 import { type DomImportOptions, type DomImportResult } from './domImport';
 import { type DocumentChurnEntry, type DocumentStabilityOptions } from './documentStability';
 import type { DesignFrameHeightMode } from './frameHeight';
+import { type ScreenLaneDef } from './frameLanes';
 import type { ComponentRegistry } from './registry';
 import type { TokenDef } from './tokens';
 export declare const DESIGN_IMPORT_KINDS: readonly ["icons", "design-tokens", "atoms", "components", "screens"];
@@ -416,6 +417,26 @@ export interface DesignImportController {
     runScreenInteractions(iframe: HTMLIFrameElement, interactions: readonly DesignScreenInteraction[]): Promise<DesignScreenInteractionReport>;
     prepareScreenCapture(iframe: HTMLIFrameElement, spec: DesignScreenCaptureSpec): Promise<DesignScreenCaptureReport>;
 }
+/**
+ * Which canvas a screen belongs to.
+ *
+ * `section` gives a section its own canvas, which is what a journal's numbers
+ * already say. On a catalog where one section holds nineteen screens that is
+ * still a canvas nobody can take in at once, and every frame on it is supplied
+ * before the reader reaches the one they came for.
+ *
+ * `lane` goes one level further, and it needs no new declaration: a section's
+ * lanes are already the grouping a person made — the situations a journey
+ * passes through. Two to four screens each, so the canvas a reader activates
+ * is the one they are reading.
+ *
+ * A screen with no lane keeps its section's canvas rather than being collected
+ * into an "other" canvas that means nothing.
+ */
+export declare function screensCanvasName(page: {
+    section?: string;
+    lane?: string;
+}, partition: CreateDesignImportOptions['screensCanvasPartition'], lanes?: readonly ScreenLaneDef[]): string;
 export interface CreateDesignImportOptions {
     /** Default budget for full layer mode. The host can explicitly increase it according to the screen size. */
     layerOptions?: DomImportOptions;
@@ -429,7 +450,13 @@ export interface CreateDesignImportOptions {
      * with a section instead of the whole catalog. Cross-canvas activation
      * already switches canvases (EditorStore.switchPage).
      */
-    screensCanvasPartition?: 'single' | 'section';
+    screensCanvasPartition?: 'single' | 'section' | 'lane';
+    /**
+     * The lane declarations, for naming lane canvases. Passed rather than read
+     * from the registry because pages are built before the editor renders, and a
+     * canvas named at that moment cannot wait for a later registration.
+     */
+    screenLanes?: readonly ScreenLaneDef[];
     /**
      * What the editor's own capture treats as movement, and how long it waits for
      * the screen to stop. The Playwright capture answers the same question with

package/dist-lib/types/editor/domImport.d.ts

@@ -56,3 +56,8 @@ export interface DomImportResult {
 export declare function importDomFromElement(el: Element, win: Window, opts?: DomImportOptions): DomImportResult | null;
 /** Convert the body of the same-origin iframe to a node tree. null if cross-origin. */
 export declare function importDomFromIframe(iframe: HTMLIFrameElement, opts?: DomImportOptions): DomImportResult | null;
+/**
+ * Rewrites ids and their references in an imported tree so they cannot collide
+ * with another frame's. Returns the number of ids scoped.
+ */
+export declare function scopeImportedDomIds(root: NodeJSON, scope: string): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pygmalionjs/pygmalion",
-  "version": "0.5.19",
+  "version": "0.5.20",
   "description": "Code-backed DOM design sandbox and visual QA editor",
   "license": "UNLICENSED",
   "publishConfig": {