@pixldocs/canvas-renderer 0.5.187 → 0.5.189

package/dist/{index-C9H38u7P.js → index-lQXXPpb8.js}

@@ -16115,10 +16115,122 @@ async function getTemplateForm(options) {
     initialSectionState
   };
 }
+const OVERLAY_ID_PREFIX = "__pb_";
+function getNumber(v, fallback = 0) {
+  return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+}
+function resolveSize(node, key) {
+  const v = node == null ? void 0 : node[key];
+  if (typeof v === "number" && Number.isFinite(v)) return v;
+  return 0;
+}
+function collectOverlays(node, parentLeft, parentTop, inheritedBlur, extraBaseIds, extraExactIds, out) {
+  if (!node || typeof node !== "object") return;
+  const matchesBase = !!(extraBaseIds && typeof node.id === "string" && extraBaseIds.has(baseId(node.id)));
+  const matchesExact = !!(extraExactIds && typeof node.id === "string" && extraExactIds.has(node.id));
+  const isBlurred = inheritedBlur || node.previewBlur === true || matchesBase || matchesExact;
+  const absLeft = parentLeft + getNumber(node.left, 0);
+  const absTop = parentTop + getNumber(node.top, 0);
+  if (node.type === "group") {
+    const children = node.children || node.elements;
+    if (Array.isArray(children)) {
+      for (const child of children) {
+        collectOverlays(child, absLeft, absTop, isBlurred, extraBaseIds, extraExactIds, out);
+      }
+    }
+    return;
+  }
+  if (!isBlurred) return;
+  const scaleX = getNumber(node.scaleX, 1) || 1;
+  const scaleY = getNumber(node.scaleY, 1) || 1;
+  const w = Math.max(4, resolveSize(node, "width") * scaleX);
+  const h = Math.max(4, resolveSize(node, "height") * scaleY);
+  out.push({
+    left: absLeft,
+    top: absTop,
+    width: w,
+    height: h,
+    hintFill: typeof node.fill === "string" ? node.fill : void 0
+  });
+}
+function parseColor$1(c) {
+  if (!c) return null;
+  const s = c.trim();
+  const hex = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hex) {
+    let h = hex[1];
+    if (h.length === 3) h = h.split("").map((x) => x + x).join("");
+    return {
+      r: parseInt(h.slice(0, 2), 16),
+      g: parseInt(h.slice(2, 4), 16),
+      b: parseInt(h.slice(4, 6), 16)
+    };
+  }
+  const rgb = s.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  if (rgb) return { r: +rgb[1], g: +rgb[2], b: +rgb[3] };
+  return null;
+}
+function buildOverlay(b, idx) {
+  const c = parseColor$1(b.hintFill);
+  const lum = c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 0.2;
+  const isLightGlass = lum < 0.5;
+  const baseFill = isLightGlass ? "rgba(245,245,245,0.68)" : "rgba(30,30,30,0.62)";
+  return {
+    id: `${OVERLAY_ID_PREFIX}${idx}`,
+    type: "shape",
+    shapeType: "rounded-rect",
+    left: b.left,
+    top: b.top,
+    width: b.width,
+    height: b.height,
+    cornerRadius: 0,
+    fill: baseFill,
+    stroke: "transparent",
+    strokeWidth: 0,
+    opacity: 1,
+    selectable: false,
+    locked: true,
+    visible: true,
+    scaleX: 1,
+    scaleY: 1
+  };
+}
+function injectPreviewBlur(config, options) {
+  const cloned = typeof structuredClone === "function" ? structuredClone(config) : JSON.parse(JSON.stringify(config));
+  const extraBase = (options == null ? void 0 : options.extraElementBaseIds) && options.extraElementBaseIds.size > 0 ? options.extraElementBaseIds : void 0;
+  const extraExact = (options == null ? void 0 : options.extraElementExactIds) && options.extraElementExactIds.size > 0 ? options.extraElementExactIds : void 0;
+  let idx = 0;
+  for (const page of cloned.pages || []) {
+    const children = page.children || page.elements;
+    if (!Array.isArray(children)) continue;
+    const overlays = [];
+    for (const child of children) {
+      collectOverlays(child, 0, 0, false, extraBase, extraExact, overlays);
+    }
+    if (overlays.length === 0) continue;
+    for (const b of overlays) {
+      children.push(buildOverlay(b, idx++));
+    }
+  }
+  return cloned;
+}
+function hasAnyPreviewBlur(config) {
+  function walk(node) {
+    if (!node || typeof node !== "object") return false;
+    if (node.previewBlur === true) return true;
+    const children = node.children || node.elements;
+    if (Array.isArray(children)) {
+      for (const c of children) if (walk(c)) return true;
+    }
+    return false;
+  }
+  for (const page of config.pages || []) if (walk(page)) return true;
+  return false;
+}
 function stripFieldPrefix(s) {
   return s.startsWith("field_") ? s.slice("field_".length) : s;
 }
-function addAll(val, out) {
+function addAllToSet(val, out) {
   if (!val) return false;
   if (Array.isArray(val)) {
     for (const v of val) out.add(v);
@@ -16127,6 +16239,23 @@ function addAll(val, out) {
   out.add(val);
   return true;
 }
+function collectPageTreeElementIds(config, pageIndex = "all") {
+  const out = /* @__PURE__ */ new Set();
+  const pages = config == null ? void 0 : config.pages;
+  if (!Array.isArray(pages)) return out;
+  const targets = pageIndex === "all" ? pages : pages[pageIndex] != null ? [pages[pageIndex]] : [];
+  const walk = (node) => {
+    if (!node || typeof node !== "object") return;
+    if (typeof node.id === "string") 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 targets) {
+    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 out;
+}
 function resolveBlurElementExactIdsFromFlatFormKeys(config, flatFormKeys, options) {
   const cloneIdMap = (config == null ? void 0 : config.__cloneIdMap) || {};
   if (!cloneIdMap || typeof cloneIdMap !== "object") return [];
@@ -16147,12 +16276,67 @@ function resolveBlurElementExactIdsFromFlatFormKeys(config, flatFormKeys, option
     }
     for (const k of candidates) {
       if (k in cloneIdMap) {
-        if (addAll(cloneIdMap[k], out)) break;
+        if (addAllToSet(cloneIdMap[k], out)) break;
       }
     }
   }
-  return Array.from(out);
+  if (out.size === 0) return [];
+  if (options == null ? void 0 : options.skipTreeVerification) return Array.from(out);
+  const treeIds = collectPageTreeElementIds(
+    config,
+    (options == null ? void 0 : options.pageIndex) ?? "all"
+  );
+  if (treeIds.size === 0) return Array.from(out);
+  const verified = [];
+  for (const id of out) if (treeIds.has(id)) verified.push(id);
+  return verified;
+}
+function buildTeaserBlurFlatKeys(sectionState, sections, options) {
+  const afterRow = Math.max(0, options.afterRow | 0);
+  const bindings = options.bindings ?? "value";
+  const out = [];
+  if (!sectionState || !Array.isArray(sections)) return out;
+  const repeatables = sections.filter((s) => (s == null ? void 0 : s.type) === "repeatable");
+  const childrenByParent = /* @__PURE__ */ new Map();
+  for (const r of repeatables) {
+    if (!r.parentId) continue;
+    const arr = childrenByParent.get(r.parentId) || [];
+    arr.push(r);
+    childrenByParent.set(r.parentId, arr);
+  }
+  const emitForEntryFields = (section, keyPrefix, entryIdx1) => {
+    const fields = section.entryFields || [];
+    for (const f of fields) {
+      if (!(f == null ? void 0 : f.key)) continue;
+      if (bindings === "value" && f.key !== "value") continue;
+      out.push(`${keyPrefix}_${f.key}`);
+    }
+  };
+  const walkRepeatable = (section, parentKeyPrefix) => {
+    const entries = sectionState == null ? void 0 : sectionState[section.id];
+    if (!Array.isArray(entries)) return;
+    for (let i = 0; i < entries.length; i++) {
+      const entryIdx1 = i + 1;
+      const isBlurred = entryIdx1 > afterRow;
+      const keyPrefix = parentKeyPrefix ? `${parentKeyPrefix}_field_${section.id}_${entryIdx1}` : `field_${section.id}_${entryIdx1}`;
+      if (isBlurred) emitForEntryFields(section, keyPrefix);
+      const children = childrenByParent.get(section.id) || [];
+      for (const child of children) walkRepeatable(child, keyPrefix);
+    }
+  };
+  for (const r of repeatables) {
+    if (r.parentId) continue;
+    walkRepeatable(r, "");
+  }
+  return out;
 }
+const previewBlur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  buildTeaserBlurFlatKeys,
+  hasAnyPreviewBlur,
+  injectPreviewBlur,
+  resolveBlurElementExactIdsFromFlatFormKeys
+}, Symbol.toStringTag, { value: "Module" }));
 const PREVIEW_DEBUG_PREFIX = "[canvas-renderer][preview-debug]";
 function computeFontSignature(config) {
   var _a;
@@ -16633,9 +16817,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.187";
+const resolvedPackageVersion = "0.5.189";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.187";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.189";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -17143,7 +17327,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 import("./vectorPdfExport-BkERGCkM.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-Ch-qwcNJ.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -17985,7 +18169,7 @@ function collectFontSpecsFromMarkup(markup) {
   }
   return Array.from(specs);
 }
-function parseColor$1(color) {
+function parseColor(color) {
   if (!color) return null;
   const raw = color.trim().toLowerCase();
   if (!raw || raw === "transparent" || raw === "none") return null;
@@ -18538,7 +18722,7 @@ function stripSuspiciousFullPageOverlayNodes(svg) {
   if (!(pageWidth > 0 && pageHeight > 0)) return;
   const isNear = (a, b, tolerance = 0.75) => Math.abs(a - b) <= tolerance;
   const isDarkPaint = (value) => {
-    const rgb = value ? parseColor$1(value) : null;
+    const rgb = value ? parseColor(value) : null;
     return rgb ? rgb.r <= 32 && rgb.g <= 32 && rgb.b <= 32 : false;
   };
   const removeIfSuspicious = (el) => {
@@ -18651,13 +18835,13 @@ function inlineComputedStyles(svg) {
         const fill = cs.fill;
         const stroke = cs.stroke;
         if (fill && fill !== "none" && fill !== "rgba(0, 0, 0, 0)") {
-          const parsed = parseColor$1(fill);
+          const parsed = parseColor(fill);
           if (parsed) el.setAttribute("fill", rgbToHex(parsed.r, parsed.g, parsed.b));
         } else if (fill === "rgba(0, 0, 0, 0)" || fill === "transparent") {
           el.setAttribute("fill", "none");
         }
         if (stroke && stroke !== "none" && stroke !== "rgba(0, 0, 0, 0)") {
-          const parsed = parseColor$1(stroke);
+          const parsed = parseColor(stroke);
           if (parsed) el.setAttribute("stroke", rgbToHex(parsed.r, parsed.g, parsed.b));
         }
       }
@@ -18805,7 +18989,7 @@ function setPdfColorFromSvg(pdf, svg, _elementId) {
   const { fill, stroke } = getFirstExplicitColorFromSvg(svg);
   const setColor = (hex, setter) => {
     if (!hex) return;
-    const c = parseColor$1(hex);
+    const c = parseColor(hex);
     if (c) pdf[setter](c.r, c.g, c.b);
   };
   setColor(fill, "setFillColor");
@@ -19288,7 +19472,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BkERGCkM.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-Ch-qwcNJ.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19308,7 +19492,7 @@ function drawPageBackground(pdf, pageIndex, pageWidth, pageHeight, backgroundCol
   if (backgroundGradient && ((_a = backgroundGradient.stops) == null ? void 0 : _a.length) >= 2) {
     const grad = backgroundGradient;
     const colorStops = grad.stops.map((s) => {
-      const c = parseColor$1(s.color);
+      const c = parseColor(s.color);
       return {
         offset: Math.max(0, Math.min(1, Number(s.offset))),
         color: c ? [c.r, c.g, c.b] : [0, 0, 0]
@@ -19364,7 +19548,7 @@ function drawPageBackground(pdf, pageIndex, pageWidth, pageHeight, backgroundCol
       pdf.rect(0, 0, pageWidth, pageHeight, "F");
     }
   } else {
-    const bgColor = parseColor$1(backgroundColor && backgroundColor !== "transparent" ? backgroundColor : "#ffffff");
+    const bgColor = parseColor(backgroundColor && backgroundColor !== "transparent" ? backgroundColor : "#ffffff");
     if (bgColor) {
       pdf.setFillColor(bgColor.r, bgColor.g, bgColor.b);
       pdf.rect(0, 0, pageWidth, pageHeight, "F");
@@ -19487,123 +19671,6 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     pages: svgResults.map((p) => ({ width: p.width, height: p.height }))
   };
 }
-const OVERLAY_ID_PREFIX = "__pb_";
-function getNumber(v, fallback = 0) {
-  return typeof v === "number" && Number.isFinite(v) ? v : fallback;
-}
-function resolveSize(node, key) {
-  const v = node == null ? void 0 : node[key];
-  if (typeof v === "number" && Number.isFinite(v)) return v;
-  return 0;
-}
-function collectOverlays(node, parentLeft, parentTop, inheritedBlur, extraBaseIds, extraExactIds, out) {
-  if (!node || typeof node !== "object") return;
-  const matchesBase = !!(extraBaseIds && typeof node.id === "string" && extraBaseIds.has(baseId(node.id)));
-  const matchesExact = !!(extraExactIds && typeof node.id === "string" && extraExactIds.has(node.id));
-  const isBlurred = inheritedBlur || node.previewBlur === true || matchesBase || matchesExact;
-  const absLeft = parentLeft + getNumber(node.left, 0);
-  const absTop = parentTop + getNumber(node.top, 0);
-  if (node.type === "group") {
-    const children = node.children || node.elements;
-    if (Array.isArray(children)) {
-      for (const child of children) {
-        collectOverlays(child, absLeft, absTop, isBlurred, extraBaseIds, extraExactIds, out);
-      }
-    }
-    return;
-  }
-  if (!isBlurred) return;
-  const scaleX = getNumber(node.scaleX, 1) || 1;
-  const scaleY = getNumber(node.scaleY, 1) || 1;
-  const w = Math.max(4, resolveSize(node, "width") * scaleX);
-  const h = Math.max(4, resolveSize(node, "height") * scaleY);
-  out.push({
-    left: absLeft,
-    top: absTop,
-    width: w,
-    height: h,
-    hintFill: typeof node.fill === "string" ? node.fill : void 0
-  });
-}
-function parseColor(c) {
-  if (!c) return null;
-  const s = c.trim();
-  const hex = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
-  if (hex) {
-    let h = hex[1];
-    if (h.length === 3) h = h.split("").map((x) => x + x).join("");
-    return {
-      r: parseInt(h.slice(0, 2), 16),
-      g: parseInt(h.slice(2, 4), 16),
-      b: parseInt(h.slice(4, 6), 16)
-    };
-  }
-  const rgb = s.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
-  if (rgb) return { r: +rgb[1], g: +rgb[2], b: +rgb[3] };
-  return null;
-}
-function buildOverlay(b, idx) {
-  const c = parseColor(b.hintFill);
-  const lum = c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 0.2;
-  const isLightGlass = lum < 0.5;
-  const baseFill = isLightGlass ? "rgba(245,245,245,0.68)" : "rgba(30,30,30,0.62)";
-  return {
-    id: `${OVERLAY_ID_PREFIX}${idx}`,
-    type: "shape",
-    shapeType: "rounded-rect",
-    left: b.left,
-    top: b.top,
-    width: b.width,
-    height: b.height,
-    cornerRadius: 0,
-    fill: baseFill,
-    stroke: "transparent",
-    strokeWidth: 0,
-    opacity: 1,
-    selectable: false,
-    locked: true,
-    visible: true,
-    scaleX: 1,
-    scaleY: 1
-  };
-}
-function injectPreviewBlur(config, options) {
-  const cloned = typeof structuredClone === "function" ? structuredClone(config) : JSON.parse(JSON.stringify(config));
-  const extraBase = (options == null ? void 0 : options.extraElementBaseIds) && options.extraElementBaseIds.size > 0 ? options.extraElementBaseIds : void 0;
-  const extraExact = (options == null ? void 0 : options.extraElementExactIds) && options.extraElementExactIds.size > 0 ? options.extraElementExactIds : void 0;
-  let idx = 0;
-  for (const page of cloned.pages || []) {
-    const children = page.children || page.elements;
-    if (!Array.isArray(children)) continue;
-    const overlays = [];
-    for (const child of children) {
-      collectOverlays(child, 0, 0, false, extraBase, extraExact, overlays);
-    }
-    if (overlays.length === 0) continue;
-    for (const b of overlays) {
-      children.push(buildOverlay(b, idx++));
-    }
-  }
-  return cloned;
-}
-function hasAnyPreviewBlur(config) {
-  function walk(node) {
-    if (!node || typeof node !== "object") return false;
-    if (node.previewBlur === true) return true;
-    const children = node.children || node.elements;
-    if (Array.isArray(children)) {
-      for (const c of children) if (walk(c)) return true;
-    }
-    return false;
-  }
-  for (const page of config.pages || []) if (walk(page)) return true;
-  return false;
-}
-const previewBlur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  hasAnyPreviewBlur,
-  injectPreviewBlur
-}, Symbol.toStringTag, { value: "Module" }));
 const SELECT_COLUMNS = "id,name,description,category,thumbnail_url,preview_images,price,download_count,workspace_id,sort_order,created_at,updated_at";
 async function listPublishedTemplates(options) {
   const { workspaceId, supabaseUrl, supabaseAnonKey, category, limit = 200, offset = 0 } = options;
@@ -19743,41 +19810,42 @@ function setAutoShrinkDebug(enabled) {
   }
 }
 export {
-  resolveTemplateData as $,
+  resolveFromForm as $,
   API_URL as A,
-  collectImageUrls as B,
-  configHasAutoShrinkText$1 as C,
+  collectFontsFromConfig as B,
+  collectImageUrls as C,
   DEPLOYMENT_VERSION_MARKER as D,
-  dumpSvgTextDiagnostics as E,
+  configHasAutoShrinkText$1 as E,
   FONT_FALLBACK_DEVANAGARI as F,
-  embedFont as G,
-  embedFontsForConfig as H,
-  embedFontsInPdf as I,
-  ensureFontsForResolvedConfig as J,
-  extractFontFamiliesFromSvgs as K,
-  getEmbeddedJsPDFFontName as L,
-  getPublishedTemplate as M,
-  getTemplateForm as N,
-  hasAnyPreviewBlur as O,
+  dumpSvgTextDiagnostics as G,
+  embedFont as H,
+  embedFontsForConfig as I,
+  embedFontsInPdf as J,
+  ensureFontsForResolvedConfig as K,
+  extractFontFamiliesFromSvgs as L,
+  getEmbeddedJsPDFFontName as M,
+  getPublishedTemplate as N,
+  getTemplateForm as O,
   PACKAGE_VERSION as P,
-  injectPreviewBlur as Q,
-  isBundledAssetUrl as R,
-  isFontAvailable as S,
+  hasAnyPreviewBlur as Q,
+  injectPreviewBlur as R,
+  isBundledAssetUrl as S,
   TRIANGLE_STROKE_MITER_LIMIT as T,
-  isPrivateUrl as U,
-  listPublishedTemplates as V,
-  loadGoogleFontCSS as W,
-  normalizeFontFamily as X,
-  resolveBlurElementExactIdsFromFlatFormKeys as Y,
-  resolveFontWeight as Z,
-  resolveFromForm as _,
+  isFontAvailable as U,
+  isPrivateUrl as V,
+  listPublishedTemplates as W,
+  loadGoogleFontCSS as X,
+  normalizeFontFamily as Y,
+  resolveBlurElementExactIdsFromFlatFormKeys as Z,
+  resolveFontWeight as _,
   getAbsoluteBounds as a,
-  rewriteSvgFontsForJsPDF as a0,
-  setAutoShrinkDebug as a1,
-  setBundledAssetPrefixes as a2,
-  warmResolvedTemplateForPreview as a3,
-  warmTemplateFromForm as a4,
-  canvasImageLoader as a5,
+  resolveTemplateData as a0,
+  rewriteSvgFontsForJsPDF as a1,
+  setAutoShrinkDebug as a2,
+  setBundledAssetPrefixes as a3,
+  warmResolvedTemplateForPreview as a4,
+  warmTemplateFromForm as a5,
+  canvasImageLoader as a6,
   getProxiedImageUrl as b,
   captureFabricCanvasSvgForPdf as c,
   bakeEdgeFade as d,
@@ -19801,7 +19869,7 @@ export {
   applyThemeToConfig as v,
   assemblePdfFromSvgs as w,
   awaitFontsForConfig as x,
-  collectFontDescriptorsFromConfig as y,
-  collectFontsFromConfig as z
+  buildTeaserBlurFlatKeys as y,
+  collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-C9H38u7P.js.map
+//# sourceMappingURL=index-lQXXPpb8.js.map