@pygmalionjs/pygmalion 0.6.20 → 0.6.22

package/README.md

@@ -82,6 +82,22 @@ export default defineConfig({
 });
 ```
 
+Frameworks that expose webpack loaders through a JavaScript-only pipeline can
+ask the inspect loader to strip TypeScript after source instrumentation. A
+Turbopack rule should set `transpile: true` while keeping the original file
+extension, so relative TSX module resolution keeps the host's source identity:
+
+```ts
+{
+  './src/**/*.tsx': {
+    loaders: [{
+      loader: require.resolve('@pygmalionjs/pygmalion/webpack-loader'),
+      options: { root: process.cwd(), sourceDirectory: 'src', transpile: true },
+    }],
+  },
+}
+```
+
 When the mirror preview reloads the host Vite configuration,
 `PYGMALION_PREVIEW_MODE=1` prevents the integration plugins from starting
 recursively.
@@ -229,6 +245,33 @@ parameter, a motion preview, or behavior-only QA. Rendered CSS and Web
 Animations targets are automatically available in the right-panel Motion
 controls with play, pause, reset, target isolation, and phase scrubbing.
 
+### Keep product routes separate from preview entry routes
+
+Authentication and fixture gateways belong to the host application. When a
+screen needs one, keep `route` as the canonical product address and declare the
+routed gateway as `previewRoute`:
+
+```ts
+{
+  id: 'screen:account-security',
+  name: 'Account security',
+  section: 'Account',
+  route: '/account/security',
+  previewRoute: '/__preview__/account/security',
+}
+```
+
+Pygmalion boots, captures, caches, and interacts through `previewRoute`, while
+inventory, coverage, and source identity continue to use `route`. The gateway
+should be development-only, keep credentials out of URLs and client manifests,
+and render or redirect to the real routed screen rather than a separately
+assembled component fixture. Changing the gateway invalidates that frame's
+preview cache automatically.
+
+Declared `screenFlows` support the same split. Put the canonical starting
+address in `route` and the host gateway in `previewRoute`; the flow boots the
+gateway and still reports the canonical route to capture preparation.
+
 Keep user journeys explicit instead of relying only on source navigation
 inference. Paths expand into adjacent graph edges, and source-discovered edges
 are still merged underneath them:

package/dist-lib/{FrozenRoutePreview-B6UY1aLt.js → FrozenRoutePreview-BQDZOtJG.js}

@@ -1611,10 +1611,10 @@ function uu(t, e, n) {
     if (d = !1, !g.isDisposed) {
       var m = !1, S = f;
       g.track(function() {
-        var y = Vc(!1, function() {
+        var _ = Vc(!1, function() {
           return t(g);
         });
-        m = l || !h(f, y), f = y;
+        m = l || !h(f, _), f = _;
       }), (l && n.fireImmediately || !l && m) && a(f, S, g), l = !1;
     }
   }
@@ -1721,9 +1721,9 @@ var bu = 0, yu = /* @__PURE__ */ (function(t) {
         } catch (x) {
           return p(x);
         }
-        _(A);
+        y(A);
       }
-      function y(O) {
+      function _(O) {
         f = void 0;
         var A;
         try {
@@ -1731,14 +1731,14 @@ var bu = 0, yu = /* @__PURE__ */ (function(t) {
         } catch (x) {
           return p(x);
         }
-        _(A);
+        y(A);
       }
-      function _(O) {
+      function y(O) {
         if ($(O == null ? void 0 : O.then)) {
-          O.then(_, p);
+          O.then(y, p);
           return;
         }
-        return O.done ? g(O.value) : (f = Promise.resolve(O.value), f.then(S, y));
+        return O.done ? g(O.value) : (f = Promise.resolve(O.value), f.then(S, _));
       }
       S(void 0);
     });
@@ -2355,10 +2355,10 @@ var Pu = {}, De = "add", dn = "delete", os = /* @__PURE__ */ (function() {
         }
       }
       for (var h = ct(o.entries()), g; !(g = h()).done; ) {
-        var p = g.value, m = p[0], S = p[1], y = i.data_.has(m);
+        var p = g.value, m = p[0], S = p[1], _ = i.data_.has(m);
         if (i.set(m, S), i.data_.has(m)) {
-          var _ = i.data_.get(m);
-          s.set(m, _), y || (a = !0);
+          var y = i.data_.get(m);
+          s.set(m, y), _ || (a = !0);
         }
       }
       if (!a)
@@ -3275,16 +3275,16 @@ function Ju() {
       m = s({
         inst: { value: p, getSnapshot: g }
       });
-      var S = m[0].inst, y = m[1];
+      var S = m[0].inst, _ = m[1];
       return c(
         function() {
-          S.value = p, S.getSnapshot = g, n(S) && y({ inst: S });
+          S.value = p, S.getSnapshot = g, n(S) && _({ inst: S });
         },
         [h, p, g]
       ), a(
         function() {
-          return n(S) && y({ inst: S }), h(function() {
-            n(S) && y({ inst: S });
+          return n(S) && _({ inst: S }), h(function() {
+            n(S) && _({ inst: S });
           });
         },
         [h]
@@ -4810,7 +4810,7 @@ function qi(t, e = {}) {
     Math.min(i, c)
   );
   if (o.length > 1) {
-    const p = o.map((S) => S.width).sort((S, y) => y - S), m = p[0] + n + p[1];
+    const p = o.map((S) => S.width).sort((S, _) => _ - S), m = p[0] + n + p[1];
     m <= i && (u = Math.max(u, m));
   }
   const l = [];
@@ -4871,9 +4871,9 @@ function Jl(t, e = {}) {
         };
       S += x.width + n;
     }
-    const y = Math.max(1, g * p), _ = g / Math.max(1, p), O = Math.abs(
-      Math.log(_ / r)
-    ), A = Math.max(0, 1 - a / y);
+    const _ = Math.max(1, g * p), y = g / Math.max(1, p), O = Math.abs(
+      Math.log(y / r)
+    ), A = Math.max(0, 1 - a / _);
     c.push({
       frames: m,
       width: g,
@@ -5530,7 +5530,7 @@ function Kp(t, e) {
         }
         for (const [p, m] of Object.entries(f.props)) {
           const S = (o = h.props) == null ? void 0 : o[p];
-          (!S || !S.some((y) => Object.is(y, m))) && n.push({
+          (!S || !S.some((_) => Object.is(_, m))) && n.push({
             severity: "error",
             cardId: s.id,
             message: `option "${f.label}" sets ${p}=${JSON.stringify(m)} outside the adapter's vocabulary`
@@ -6108,8 +6108,8 @@ function qs(t, e, n, r, i, o, s) {
     sourceProps: Sr(
       t.getAttribute("data-pygmalion-own-props")
     )
-  }, y = p != null && g === "expand" && ((V = o.collapseInstance) == null ? void 0 : V.call(o, p)) === !0 && !Yd(t, o) && Gd(t, p) && !qd(t);
-  if (p && (g === "collapse" || y))
+  }, _ = p != null && g === "expand" && ((V = o.collapseInstance) == null ? void 0 : V.call(o, p)) === !0 && !Yd(t, o) && Gd(t, p) && !qd(t);
+  if (p && (g === "collapse" || _))
     return Gt("component", {
       name: p.name,
       componentName: p.name,
@@ -6121,10 +6121,10 @@ function qs(t, e, n, r, i, o, s) {
       ...S,
       ...Qi(f, e, l.display, h)
     });
-  const _ = Ud(t, u, p == null ? void 0 : p.name);
+  const y = Ud(t, u, p == null ? void 0 : p.name);
   if (Rd.has(u) && (o.mediaMode ?? "placeholder") === "placeholder")
     return Gt("rows", {
-      name: _,
+      name: y,
       widthMode: "fixed",
       width: Math.max(4, Math.round(f.width / h)),
       heightMode: "fixed",
@@ -6140,7 +6140,7 @@ function qs(t, e, n, r, i, o, s) {
   const O = l.display === "flex" || l.display === "inline-flex", A = O && l.flexDirection.startsWith("row") ? "columns" : "rows", x = Ae(A === "columns" ? l.columnGap : l.rowGap), P = Math.round(
     (Ae(l.paddingTop) + Ae(l.paddingRight) + Ae(l.paddingBottom) + Ae(l.paddingLeft)) / 4
   ), D = Ae(l.borderTopWidth), k = Gt(A, {
-    name: _,
+    name: y,
     ...Qi(f, e, l.display, h),
     gap: Number.isFinite(x) ? x : 0,
     padding: P,
@@ -7058,12 +7058,12 @@ function _f(t, e, n = {}) {
   for (const p of e)
     for (const m of t.pages) {
       if (((l = n.include) == null ? void 0 : l.call(n, m, p)) === !1) continue;
-      const S = (d = n.transformPage) == null ? void 0 : d.call(n, m, p), y = ((f = n.createPageId) == null ? void 0 : f.call(n, m, p)) ?? `${m.id}:viewport:${p.id}`, _ = ((h = n.createPageName) == null ? void 0 : h.call(n, m, p)) ?? `${m.name} · ${p.label}`, O = ((g = n.createSection) == null ? void 0 : g.call(n, m, p)) ?? `${m.section} · ${p.label}`;
+      const S = (d = n.transformPage) == null ? void 0 : d.call(n, m, p), _ = ((f = n.createPageId) == null ? void 0 : f.call(n, m, p)) ?? `${m.id}:viewport:${p.id}`, y = ((h = n.createPageName) == null ? void 0 : h.call(n, m, p)) ?? `${m.name} · ${p.label}`, O = ((g = n.createSection) == null ? void 0 : g.call(n, m, p)) ?? `${m.section} · ${p.label}`;
       i.push({
         ...m,
         ...S,
-        id: y,
-        name: _,
+        id: _,
+        name: y,
         section: O,
         width: Math.round(p.width),
         height: Math.round(p.height),
@@ -7076,7 +7076,7 @@ function _f(t, e, n = {}) {
           id: `${A.id}:viewport:${p.id}`,
           name: `${A.name} · ${p.label}`,
           section: O,
-          pageId: y
+          pageId: _
         });
     }
   const s = i.map((p) => p.id), a = o.map((p) => p.id), c = Le(s), u = Le(a);
@@ -7103,76 +7103,76 @@ function Sf({
   captureRequirements: i
 }) {
   var S;
-  const o = t.map((y) => {
-    var _, O;
+  const o = t.map((_) => {
+    var y, O;
     return {
-      ...y,
-      preset: r != null && r.preset || y.preset ? oa(r == null ? void 0 : r.preset, y.preset) : void 0,
-      assertions: (_ = r == null ? void 0 : r.assertions) != null && _.length || (O = y.assertions) != null && O.length ? [
+      ..._,
+      preset: r != null && r.preset || _.preset ? oa(r == null ? void 0 : r.preset, _.preset) : void 0,
+      assertions: (y = r == null ? void 0 : r.assertions) != null && y.length || (O = _.assertions) != null && O.length ? [
         ...((r == null ? void 0 : r.assertions) ?? []).map(lo),
-        ...(y.assertions ?? []).map(lo)
+        ...(_.assertions ?? []).map(lo)
       ] : void 0
     };
-  }), s = e.map((y) => y.id), a = new Set(s), c = o.map((y) => y.id), u = [
-    ...Le(s).map((y) => `Duplicate scenario ID:${y}`),
-    ...Le(c).map((y) => `Duplicate screen case IDs:${y}`)
+  }), s = e.map((_) => _.id), a = new Set(s), c = o.map((_) => _.id), u = [
+    ...Le(s).map((_) => `Duplicate scenario ID:${_}`),
+    ...Le(c).map((_) => `Duplicate screen case IDs:${_}`)
   ], l = /* @__PURE__ */ new Map();
-  for (const y of o) {
-    i != null && i.preset && !y.preset && u.push(`screen "${y.id}"There are no required presets.`), i != null && i.assertions && !((S = y.assertions) != null && S.length) && u.push(`screen "${y.id}" is missing a required assertion.`);
-    for (const _ of y.scenarioIds ?? []) {
-      if (!a.has(_)) {
-        u.push(`screen "${y.id}"Scenario without${_}see`);
+  for (const _ of o) {
+    i != null && i.preset && !_.preset && u.push(`screen "${_.id}"There are no required presets.`), i != null && i.assertions && !((S = _.assertions) != null && S.length) && u.push(`screen "${_.id}" is missing a required assertion.`);
+    for (const y of _.scenarioIds ?? []) {
+      if (!a.has(y)) {
+        u.push(`screen "${_.id}"Scenario without${y}see`);
         continue;
       }
-      const O = l.get(_);
+      const O = l.get(y);
       if (O) {
-        u.push(`scenario${_}Go to screen "${O}", "${y.id}"Duplicate classification in`);
+        u.push(`scenario${y}Go to screen "${O}", "${_.id}"Duplicate classification in`);
         continue;
       }
-      l.set(_, y.id);
+      l.set(y, _.id);
     }
   }
   const d = /* @__PURE__ */ new Set();
-  for (const y of n) {
-    if (!a.has(y.id)) {
-      u.push(`Scenario without non-visual classification${y.id}see`);
+  for (const _ of n) {
+    if (!a.has(_.id)) {
+      u.push(`Scenario without non-visual classification${_.id}see`);
       continue;
     }
-    if (l.has(y.id)) {
-      u.push(`scenario${y.id}Overlapping classification of visual and non-visual actions`);
+    if (l.has(_.id)) {
+      u.push(`scenario${_.id}Overlapping classification of visual and non-visual actions`);
       continue;
     }
-    if (d.has(y.id)) {
-      u.push(`scenario${y.id}Non-visual classification overlap of`);
+    if (d.has(_.id)) {
+      u.push(`scenario${_.id}Non-visual classification overlap of`);
       continue;
     }
-    d.add(y.id);
+    d.add(_.id);
   }
-  const f = s.filter((y) => !l.has(y) && !d.has(y));
+  const f = s.filter((_) => !l.has(_) && !d.has(_));
   if (f.length && u.push(`Unclassified Scenario:${f.join(", ")}`), u.length)
     throw new Error(`[Pygmalion] Screens scenario classification error${u.join(`
 `)}`);
-  const h = new Map(e.map((y) => [y.id, y])), g = o.map((y) => ({
-    id: `state:${y.id}`,
-    name: y.name,
-    section: y.section,
-    pageId: y.id,
-    sourcePath: y.sourcePath,
-    codeName: y.codeName ?? y.state,
-    flow: y.flow,
-    scenarioId: y.scenarioId,
-    description: [y.scenario, y.state].filter(Boolean).join(" · ")
-  })), p = [...l.entries()].map(([y, _]) => {
-    const O = h.get(y);
+  const h = new Map(e.map((_) => [_.id, _])), g = o.map((_) => ({
+    id: `state:${_.id}`,
+    name: _.name,
+    section: _.section,
+    pageId: _.id,
+    sourcePath: _.sourcePath,
+    codeName: _.codeName ?? _.state,
+    flow: _.flow,
+    scenarioId: _.scenarioId,
+    description: [_.scenario, _.state].filter(Boolean).join(" · ")
+  })), p = [...l.entries()].map(([_, y]) => {
+    const O = h.get(_);
     return {
-      id: `scenario:${y}`,
-      name: O.name ?? y,
+      id: `scenario:${_}`,
+      name: O.name ?? _,
       section: O.section,
-      pageId: _,
+      pageId: y,
       sourcePath: O.sourcePath,
       codeName: O.codeName,
       flow: O.flow,
-      scenarioId: y,
+      scenarioId: _,
       description: O.description
     };
   }), m = [...g, ...p];
@@ -7185,8 +7185,8 @@ function Sf({
       // and no canonical id look uncovered.
       pages: o.map(
         ({
-          sourcePath: y,
-          codeName: _,
+          sourcePath: _,
+          codeName: y,
           coverageRoutes: O,
           ...A
         }) => A
@@ -7382,17 +7382,17 @@ function Nf(t, e = {}) {
     var h, g, p;
     const l = [], d = [], f = [];
     for (const m of ot) {
-      const S = t.collections[m], y = new Set(S.pages.map((_) => _.id));
-      d.push(...S.assets.map((_) => `${m}:${_.id}`)), f.push(...S.pages.map((_) => `${m}:${_.id}`)), S.assets.length !== S.expectedCount && l.push(`${m}: expected ${S.expectedCount}, imported ${S.assets.length}`);
-      for (const _ of S.assets)
-        y.has(_.pageId) || l.push(`${m}:${_.id}: unknown pageId ${_.pageId}`);
-      for (const _ of S.pages) {
-        m === "screens" && ((h = _.interactions) != null && h.length || (g = _.assertions) != null && g.length || _.preset) && !_.route && l.push(`${m}:${_.id}: capture contract requires a route preview`), _.preset && !vn(_.preset) && l.push(`${m}:${_.id}: preset must contain only finite JSON-serializable data`), _.environment && !vn(_.environment) && l.push(`${m}:${_.id}: environment must contain only finite JSON-serializable data`);
-        for (const O of _.assertions ?? [])
-          O.selector.trim() || l.push(`${m}:${_.id}: assertion selector is required`), O.label.trim() || l.push(`${m}:${_.id}: assertion label is required`), O.attribute && !O.attribute.name.trim() && l.push(`${m}:${_.id}: assertion attribute name is required`);
-        !_.route && !_.componentName && !((p = _.gallery) != null && p.length) && l.push(`${m}:${_.id}: componentName, gallery, or route is required`), _.frameSizeMode != null && _.frameSizeMode !== "fixed" && _.frameSizeMode !== "content" && l.push(`${m}:${_.id}: frameSizeMode must be fixed or content`), _.heightMode != null && _.heightMode !== "fixed" && _.heightMode !== "document" && l.push(`${m}:${_.id}: heightMode must be fixed or document`), _.maxHeight != null && (!Number.isFinite(_.maxHeight) || _.maxHeight <= 0) && l.push(`${m}:${_.id}: maxHeight must be a positive finite number`), _.componentName && !n[_.componentName] && l.push(`${m}:${_.id}: missing registry component ${_.componentName}`);
-        for (const O of _.gallery ?? [])
-          n[O] || l.push(`${m}:${_.id}: missing gallery component ${O}`);
+      const S = t.collections[m], _ = new Set(S.pages.map((y) => y.id));
+      d.push(...S.assets.map((y) => `${m}:${y.id}`)), f.push(...S.pages.map((y) => `${m}:${y.id}`)), S.assets.length !== S.expectedCount && l.push(`${m}: expected ${S.expectedCount}, imported ${S.assets.length}`);
+      for (const y of S.assets)
+        _.has(y.pageId) || l.push(`${m}:${y.id}: unknown pageId ${y.pageId}`);
+      for (const y of S.pages) {
+        m === "screens" && ((h = y.interactions) != null && h.length || (g = y.assertions) != null && g.length || y.preset) && !y.route && l.push(`${m}:${y.id}: capture contract requires a route preview`), y.previewRoute != null && ((typeof y.previewRoute != "string" || !y.previewRoute.trim()) && l.push(`${m}:${y.id}: previewRoute must be a non-empty route`), y.route || l.push(`${m}:${y.id}: previewRoute requires a canonical route`)), y.preset && !vn(y.preset) && l.push(`${m}:${y.id}: preset must contain only finite JSON-serializable data`), y.environment && !vn(y.environment) && l.push(`${m}:${y.id}: environment must contain only finite JSON-serializable data`);
+        for (const O of y.assertions ?? [])
+          O.selector.trim() || l.push(`${m}:${y.id}: assertion selector is required`), O.label.trim() || l.push(`${m}:${y.id}: assertion label is required`), O.attribute && !O.attribute.name.trim() && l.push(`${m}:${y.id}: assertion attribute name is required`);
+        !y.route && !y.componentName && !((p = y.gallery) != null && p.length) && l.push(`${m}:${y.id}: componentName, gallery, or route is required`), y.frameSizeMode != null && y.frameSizeMode !== "fixed" && y.frameSizeMode !== "content" && l.push(`${m}:${y.id}: frameSizeMode must be fixed or content`), y.heightMode != null && y.heightMode !== "fixed" && y.heightMode !== "document" && l.push(`${m}:${y.id}: heightMode must be fixed or document`), y.maxHeight != null && (!Number.isFinite(y.maxHeight) || y.maxHeight <= 0) && l.push(`${m}:${y.id}: maxHeight must be a positive finite number`), y.componentName && !n[y.componentName] && l.push(`${m}:${y.id}: missing registry component ${y.componentName}`);
+        for (const O of y.gallery ?? [])
+          n[O] || l.push(`${m}:${y.id}: missing gallery component ${O}`);
       }
     }
     for (const m of Le(d)) l.push(`duplicate asset id ${m}`);
@@ -7403,7 +7403,7 @@ ${l.join(`
   };
   c();
   const u = async (l, d, f) => {
-    var y, _, O;
+    var _, y, O;
     const h = [];
     let g = !d.preset;
     if (d.preset)
@@ -7435,7 +7435,7 @@ ${l.join(`
             message: `An error occurred while applying the screen preset:${String(A).slice(0, 160)}`
           });
         }
-    let p = wf(((y = d.interactions) == null ? void 0 : y.length) ?? 0), m = Of(((_ = d.assertions) == null ? void 0 : _.length) ?? 0);
+    let p = wf(((_ = d.interactions) == null ? void 0 : _.length) ?? 0), m = Of(((y = d.assertions) == null ? void 0 : y.length) ?? 0);
     h.length === 0 && ((O = f == null ? void 0 : f.onBeforeInteractions) == null || O.call(f), p = await Nr(
       l,
       d.interactions ?? [],
@@ -7476,6 +7476,7 @@ ${l.join(`
           componentName: d.componentName,
           gallery: d.gallery ? [...d.gallery] : void 0,
           route: d.route,
+          previewRoute: d.previewRoute,
           path: d.path,
           publish: d.publish,
           width: d.width,
@@ -7538,17 +7539,17 @@ ${l.join(`
         return null;
       }
       if (!(m != null && m.body) || !S) return null;
-      const y = Date.now();
-      let _ = Date.now(), O = m.body.querySelectorAll("*").length;
+      const _ = Date.now();
+      let y = Date.now(), O = m.body.querySelectorAll("*").length;
       const A = S.MutationObserver, x = new A(() => {
-        _ = Date.now(), O = m.body.querySelectorAll("*").length;
+        y = Date.now(), O = m.body.querySelectorAll("*").length;
       });
       x.observe(m.body, { childList: !0, subtree: !0, attributes: !0, characterData: !0 });
       try {
         await new Promise((D) => {
           const k = () => {
             const z = Date.now(), V = m.body.querySelectorAll("*").length;
-            if (V !== O && (O = V, _ = z), V >= g && z - _ >= f || z - y >= h) {
+            if (V !== O && (O = V, y = z), V >= g && z - y >= f || z - _ >= h) {
               D();
               return;
             }
@@ -7658,11 +7659,11 @@ function Rf(t) {
     if (!g) continue;
     const p = If(g);
     if (!p) continue;
-    const m = (p.x - s.x) / r - f.x, S = (p.y - s.y) / r - f.y, y = p.width / r - f.width, _ = p.height / r - f.height, O = Math.max(
+    const m = (p.x - s.x) / r - f.x, S = (p.y - s.y) / r - f.y, _ = p.width / r - f.width, y = p.height / r - f.height, O = Math.max(
       Math.abs(m),
       Math.abs(S),
-      Math.abs(y),
-      Math.abs(_)
+      Math.abs(_),
+      Math.abs(y)
     );
     a += 1, !(O <= Pf) && (c = Math.max(c, O), u.push({
       nodeId: h.id,
@@ -7682,8 +7683,8 @@ function Rf(t) {
       },
       dx: Math.round(m),
       dy: Math.round(S),
-      dwidth: Math.round(y),
-      dheight: Math.round(_),
+      dwidth: Math.round(_),
+      dheight: Math.round(y),
       drift: Math.round(O)
     }));
   }
@@ -8992,6 +8993,7 @@ ${e}`;
         canvas: s.canvas,
         section: s.section,
         route: s.route,
+        previewRoute: s.previewRoute,
         path: s.path,
         publish: s.publish ?? s.route == null,
         importLayers: s.importLayers,
@@ -10624,7 +10626,7 @@ function Vh({
   }), c = yt(() => {
   }), u = yt(i);
   u.current = i;
-  const l = yt(0), [d, f] = or([]), [h, g] = or("none"), p = ir.frozenPreviewOverrideCss(t), m = ir.frozenPreviewCssRules(), S = ir.frozenPreviewMutations(), y = JSON.stringify({ cssRules: m, mutations: S }), _ = () => {
+  const l = yt(0), [d, f] = or([]), [h, g] = or("none"), p = ir.frozenPreviewOverrideCss(t), m = ir.frozenPreviewCssRules(), S = ir.frozenPreviewMutations(), _ = JSON.stringify({ cssRules: m, mutations: S }), y = () => {
     var vt, Ce;
     const O = (vt = s.current) == null ? void 0 : vt.contentDocument;
     if (!(O != null && O.head)) return;
@@ -10757,9 +10759,9 @@ function Vh({
       (N) => JSON.stringify(N) === JSON.stringify(V) ? N : V
     ), o == null || o(V);
   };
-  return di(() => (_(), () => {
+  return di(() => (y(), () => {
     l.current += 1, a.current();
-  }), [p, e, y]), di(
+  }), [p, e, _]), di(
     () => () => {
       c.current();
     },
@@ -10781,7 +10783,7 @@ function Vh({
             className: "block border-0 bg-white",
             style: { width: "100%", height: n, pointerEvents: "none" },
             onLoad: () => {
-              _();
+              y();
               const O = s.current;
               if (!O) return;
               c.current();