@pixldocs/canvas-renderer 0.5.189 → 0.5.190

package/README.md

@@ -483,7 +483,7 @@ const blurFieldIds = ['text-reference-name', 'text-phone', 'text-address'];
   the resolved config before handing it to the imperative renderer, so the
   blur is baked into the exported pixels.
 
-### Biodata teaser previews — blur by flat form key (v0.5.187+, hardened in v0.5.189)
+### Biodata teaser previews — blur by flat form key (v0.5.187+, hardened in v0.5.189, pagination-safe in v0.5.190)
 
 Form-driven apps (BioMaker, the pixldocs.com Use page, etc.) already
 speak the **flat form-key** language produced by `applyFormDataToConfig`
@@ -530,11 +530,17 @@ Notes:
   with or without the wrapper `field_` prefix). **As of v0.5.189**
   every resolved id is then verified against the actual rendered page
   tree (`config.pages[*]`) — stale or alias map entries that don't
-  match a real element are dropped silently. This eliminates the
-  "phantom frost rectangle near a section title" class of bug that
-  showed up in templates with nested repeatables, where
-  `__cloneIdMap` returned ids like `text-…__cgroup-…_e4` but the
-  rendered tree used `text-…__cgrp-…_pN_grp-…_eN`.
+  match a real element are dropped silently.
+- **As of v0.5.190** `applyContentBoundsPagination` rewrites
+  `__cloneIdMap` after pagination so flat keys for overflow rows that
+  moved to continuation pages still resolve to ids that exist on the
+  tree (clones inherit `__sourceId` from the original element). If the
+  map is still stale for any reason, the resolver also falls back to
+  walking the page tree and matching `__sourceId` / `__baseNodeId`
+  against the raw resolved ids — the same strategy the theming pipeline
+  uses to track paginated clones. End result: frosted blur for row N
+  appears on whichever page row N actually renders on, even when
+  content-bounds pagination moved it.
 - Pass `pageIndex` in `blurFlatFormKeyOptions` to scope verification
   to a single page — clones that landed on a different page will not
   contribute overlays to this page. This is the recommended pattern

package/dist/{index-CmrxeQ_K.cjs → index-BUm3wqlB.cjs}

@@ -13327,6 +13327,7 @@ function isStaticOnNewPage(node) {
 function cloneNodeWithNewIds(node) {
   const base = node.__baseNodeId;
   const source = node.__sourceId;
+  const effectiveSource = source ?? node.id;
   if (isGroup(node)) {
     const g = node;
     const cloned2 = {
@@ -13335,14 +13336,14 @@ function cloneNodeWithNewIds(node) {
       children: (g.children ?? []).map(cloneNodeWithNewIds)
     };
     if (base != null) cloned2.__baseNodeId = base;
-    if (source != null) cloned2.__sourceId = source;
+    cloned2.__sourceId = effectiveSource;
     return cloned2;
   }
   const el = node;
   const prefix = el.type === "text" ? "text" : el.type === "image" ? "img" : el.type === "shape" ? "shape" : "line";
   const cloned = { ...el, id: generateId(prefix) };
   if (base != null) cloned.__baseNodeId = base;
-  if (source != null) cloned.__sourceId = source;
+  cloned.__sourceId = effectiveSource;
   return cloned;
 }
 function cloneNodeWithStableIds(node, baseId2, path) {
@@ -13648,7 +13649,51 @@ function applyContentBoundsPagination(config) {
     resultPages.push(...paginated);
   }
   if (!mutated) return config;
-  return { ...config, pages: resultPages };
+  const next = { ...config, pages: resultPages };
+  remapCloneIdMapAfterPagination(next);
+  return next;
+}
+function remapCloneIdMapAfterPagination(config) {
+  const cloneIdMap = config.__cloneIdMap;
+  if (!cloneIdMap || typeof cloneIdMap !== "object") return;
+  const allIds = /* @__PURE__ */ new Set();
+  const sourceToNew = /* @__PURE__ */ new Map();
+  const walk = (node) => {
+    if (!node || typeof node !== "object") return;
+    const n = node;
+    if (typeof n.id === "string") {
+      allIds.add(n.id);
+      const src = n.__sourceId;
+      if (typeof src === "string" && src !== n.id) {
+        const arr = sourceToNew.get(src);
+        if (arr) arr.push(n.id);
+        else sourceToNew.set(src, [n.id]);
+      }
+    }
+    const children = n.children;
+    if (Array.isArray(children)) for (const c of children) walk(c);
+  };
+  for (const page of config.pages ?? []) {
+    const ch = page.children;
+    if (Array.isArray(ch)) for (const c of ch) walk(c);
+  }
+  const updated = {};
+  for (const [key, val] of Object.entries(cloneIdMap)) {
+    const oldIds = Array.isArray(val) ? val : [val];
+    const newIds = [];
+    for (const oid of oldIds) {
+      if (typeof oid !== "string") continue;
+      if (allIds.has(oid)) newIds.push(oid);
+      const clones = sourceToNew.get(oid);
+      if (clones) {
+        for (const c of clones) if (allIds.has(c)) newIds.push(c);
+      }
+    }
+    if (newIds.length === 0) continue;
+    const uniq = Array.from(new Set(newIds));
+    updated[key] = uniq.length === 1 ? uniq[0] : uniq;
+  }
+  config.__cloneIdMap = updated;
 }
 const __vite_import_meta_env__ = {};
 const FONT_WEIGHT_LABELS = {
@@ -16274,6 +16319,32 @@ function collectPageTreeElementIds(config, pageIndex = "all") {
   }
   return out;
 }
+function collectIdsBySourceMatch(config, targetIds, pageIndex = "all") {
+  const targets = /* @__PURE__ */ new Set();
+  for (const t of targetIds) if (typeof t === "string" && t) targets.add(t);
+  if (targets.size === 0) return [];
+  const pages = config == null ? void 0 : config.pages;
+  if (!Array.isArray(pages)) return [];
+  const visitPages = pageIndex === "all" ? pages : pages[pageIndex] != null ? [pages[pageIndex]] : [];
+  const out = /* @__PURE__ */ new Set();
+  const walk = (node) => {
+    if (!node || typeof node !== "object") return;
+    const src = typeof node.__sourceId === "string" ? node.__sourceId : void 0;
+    const base = typeof node.__baseNodeId === "string" ? node.__baseNodeId : void 0;
+    if (typeof node.id === "string") {
+      if (targets.has(node.id)) out.add(node.id);
+      else if (src && targets.has(src)) out.add(node.id);
+      else if (base && targets.has(base)) out.add(node.id);
+    }
+    const children = node.children || node.elements;
+    if (Array.isArray(children)) for (const c of children) walk(c);
+  };
+  for (const page of visitPages) {
+    const children = (page == null ? void 0 : page.children) || (page == null ? void 0 : page.elements);
+    if (Array.isArray(children)) for (const c of children) walk(c);
+  }
+  return Array.from(out);
+}
 function resolveBlurElementExactIdsFromFlatFormKeys(config, flatFormKeys, options) {
   const cloneIdMap = (config == null ? void 0 : config.__cloneIdMap) || {};
   if (!cloneIdMap || typeof cloneIdMap !== "object") return [];
@@ -16307,7 +16378,8 @@ function resolveBlurElementExactIdsFromFlatFormKeys(config, flatFormKeys, option
   if (treeIds.size === 0) return Array.from(out);
   const verified = [];
   for (const id of out) if (treeIds.has(id)) verified.push(id);
-  return verified;
+  if (verified.length > 0) return verified;
+  return collectIdsBySourceMatch(config, out, (options == null ? void 0 : options.pageIndex) ?? "all");
 }
 function buildTeaserBlurFlatKeys(sectionState, sections, options) {
   const afterRow = Math.max(0, options.afterRow | 0);
@@ -16835,9 +16907,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.189";
+const resolvedPackageVersion = "0.5.190";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.189";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.190";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -17345,7 +17417,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BAAJU0RL.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Cgw8dB-L.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -19490,7 +19562,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BAAJU0RL.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Cgw8dB-L.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19887,4 +19959,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CmrxeQ_K.cjs.map
+//# sourceMappingURL=index-BUm3wqlB.cjs.map