@pixldocs/canvas-renderer 0.5.230 → 0.5.232

package/dist/{index-BagYpNB5.js → index-DlrTh8y7.js}

@@ -9609,6 +9609,63 @@ function renderSmartElementToDataUri(type, props, width, height) {
   if (!svg) return null;
   return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
 }
+function runFontReloadAndReflow(opts) {
+  const { canvas, pageTree, pageBoundsOptions, preserveGlobalFontCache, persistTextboxSize, preResnapSync } = opts;
+  if (!canvas) return;
+  try {
+    clearFontCacheAndRerender(canvas, { clearGlobalCharCache: !preserveGlobalFontCache });
+  } catch {
+  }
+  try {
+    clearMeasurementCache();
+  } catch {
+  }
+  if (!preserveGlobalFontCache) {
+    try {
+      clearFabricCharCache();
+    } catch {
+    }
+  }
+  if (persistTextboxSize && pageTree.length) {
+    const elements = flattenChildren(pageTree);
+    canvas.getObjects().forEach((obj) => {
+      if (!(obj instanceof fabric.Textbox)) return;
+      const id = getObjectId(obj);
+      if (!id) return;
+      const el = elements.find((e) => e.id === id);
+      if (!el) return;
+      persistTextboxSize(id, { width: obj.width ?? 0, height: obj.height ?? 0 }, el);
+    });
+  }
+  if (preResnapSync) {
+    try {
+      preResnapSync();
+    } catch (e) {
+      console.warn("[canvasReflow] preResnapSync failed:", e);
+    }
+  }
+  if (!pageTree.length) return;
+  try {
+    canvas.getObjects().forEach((obj) => {
+      const id = getObjectId(obj);
+      if (!id) return;
+      const node = findNodeById(pageTree, id);
+      if (!node) return;
+      const abs = getAbsoluteBounds(node, pageTree, pageBoundsOptions);
+      const targetLeft = obj.originX === "center" ? abs.left + abs.width / 2 : obj.originX === "right" ? abs.left + abs.width : abs.left;
+      const targetTop = obj.originY === "center" ? abs.top + abs.height / 2 : obj.originY === "bottom" ? abs.top + abs.height : abs.top;
+      const curLeft = obj.left ?? 0;
+      const curTop = obj.top ?? 0;
+      if (Math.abs(curLeft - targetLeft) > 0.1 || Math.abs(curTop - targetTop) > 0.1) {
+        obj.set({ left: targetLeft, top: targetTop });
+        obj.setCoords();
+      }
+    });
+    canvas.requestRenderAll();
+  } catch (e) {
+    console.warn("[canvasReflow] resnap failed:", e);
+  }
+}
 const EVT_SHOW_ORIG_TEXT_BOUNDS = "pixldocs:showOriginalTextBoundsChanged";
 function subscribeShowOriginalTextBounds(cb) {
   const handler = (e) => cb(!!e.detail);
@@ -13392,61 +13449,38 @@ const PageCanvas = forwardRef(
         var _a2;
         const fc = fabricRef.current;
         if (!fc || cancelled) return;
-        clearFontCacheAndRerender(fc, { clearGlobalCharCache: !preserveGlobalFontCache });
         const state = useEditorStore.getState();
-        const page = state.canvas.pages.find((p) => p.id === pageId);
-        if (page) {
-          const elements2 = flattenChildren(page.children);
-          fc.getObjects().forEach((obj) => {
-            if (obj instanceof fabric.Textbox) {
-              const id = getObjectId(obj);
-              if (!id) return;
-              const w = obj.width ?? 0;
-              const h = obj.height ?? 0;
-              const el = elements2.find((e) => e.id === id);
-              if (!el) return;
-              const storeW = el.width ?? 0;
-              const storeH = el.height ?? 0;
-              const updates = {};
-              const shouldKeepFixedSize = el.overflowPolicy === "auto-shrink";
-              if (!shouldKeepFixedSize && w > 0 && typeof storeW === "number" && Math.abs(w - storeW) > 0.1) updates.width = w;
-              if (shouldKeepFixedSize) {
-                if (h > 0 && typeof storeH === "number" && h < storeH - 0.5) updates.height = h;
-              } else {
-                if (h > 0 && (typeof storeH !== "number" || Math.abs(h - storeH) > 0.1)) updates.height = h;
-              }
-              if (Object.keys(updates).length > 0) {
-                state.updateElement(id, updates, { recordHistory: false, skipLayoutRecalc: true });
-              }
+        const repositionTree = isPreviewMode && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren ?? [] : ((_a2 = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
+        runFontReloadAndReflow({
+          canvas: fc,
+          pageTree: repositionTree,
+          pageBoundsOptions,
+          preserveGlobalFontCache,
+          // Persist measured Textbox sizes back to the editor store. The
+          // headless path passes no callback (it has no store to persist into).
+          persistTextboxSize: (id, measured, el) => {
+            const storeW = el.width ?? 0;
+            const storeH = el.height ?? 0;
+            const shouldKeepFixedSize = el.overflowPolicy === "auto-shrink";
+            const updates = {};
+            if (!shouldKeepFixedSize && measured.width > 0 && typeof storeW === "number" && Math.abs(measured.width - storeW) > 0.1) {
+              updates.width = measured.width;
             }
-          });
-        }
-        try {
-          if ((isPreviewMode || isExportMode) && doSyncRef.current) {
-            doSyncRef.current();
-          }
-          const repositionTree = isPreviewMode && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren ?? [] : ((_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
-          if (repositionTree.length) {
-            fc.getObjects().forEach((obj) => {
-              const id = getObjectId(obj);
-              if (!id) return;
-              const node = findNodeById(repositionTree, id);
-              if (!node) return;
-              const abs = getAbsoluteBounds(node, repositionTree, pageBoundsOptions);
-              const targetLeft = obj.originX === "center" ? abs.left + abs.width / 2 : obj.originX === "right" ? abs.left + abs.width : abs.left;
-              const targetTop = obj.originY === "center" ? abs.top + abs.height / 2 : obj.originY === "bottom" ? abs.top + abs.height : abs.top;
-              const curLeft = obj.left ?? 0;
-              const curTop = obj.top ?? 0;
-              if (Math.abs(curLeft - targetLeft) > 0.1 || Math.abs(curTop - targetTop) > 0.1) {
-                obj.set({ left: targetLeft, top: targetTop });
-                obj.setCoords();
-              }
-            });
-            fc.requestRenderAll();
-          }
-        } catch (e) {
-          console.warn("[PageCanvas] post-ready reposition failed:", e);
-        }
+            if (shouldKeepFixedSize) {
+              if (measured.height > 0 && typeof storeH === "number" && measured.height < storeH - 0.5) updates.height = measured.height;
+            } else {
+              if (measured.height > 0 && (typeof storeH !== "number" || Math.abs(measured.height - storeH) > 0.1)) updates.height = measured.height;
+            }
+            if (Object.keys(updates).length > 0) {
+              state.updateElement(id, updates, { recordHistory: false, skipLayoutRecalc: true });
+            }
+          },
+          // Rebuild section/background groups before resnapping top-level objects.
+          preResnapSync: (isPreviewMode || isExportMode) && doSyncRef.current ? () => {
+            var _a3;
+            return (_a3 = doSyncRef.current) == null ? void 0 : _a3.call(doSyncRef);
+          } : void 0
+        });
       };
       const raf1 = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
@@ -19929,6 +19963,54 @@ async function getTemplateForm(options) {
     initialSectionState
   };
 }
+async function resolveForRender(input) {
+  var _a2;
+  const {
+    templateConfig,
+    templateId,
+    formSchemaId,
+    sectionState,
+    flatFormData,
+    themeId,
+    watermark,
+    prefetched,
+    supabaseUrl,
+    supabaseAnonKey
+  } = input;
+  if (templateConfig) {
+    return {
+      config: templateConfig,
+      templateName: templateConfig.name || "Untitled",
+      templateId
+    };
+  }
+  if (!templateId) {
+    throw new Error("[resolveForRender] templateId is required when templateConfig is not provided");
+  }
+  const hasSectionState = !!sectionState && Object.keys(sectionState).length > 0;
+  if (formSchemaId || hasSectionState || ((_a2 = prefetched == null ? void 0 : prefetched.templateRow) == null ? void 0 : _a2.config)) {
+    return resolveFromForm({
+      templateId,
+      formSchemaId,
+      // CRITICAL: only forward sectionState when it is *actually* V2 state.
+      // Forwarding flatFormData here would make resolveFromForm think it has
+      // V2 data and skip the flat-key apply path — the exact bug that left
+      // dynamic text stale on staging /use-package PDFs.
+      sectionState: hasSectionState ? sectionState : void 0,
+      flatFormData,
+      themeId,
+      supabaseUrl,
+      supabaseAnonKey,
+      prefetched
+    });
+  }
+  return resolveTemplateData({
+    templateId,
+    formData: flatFormData ?? {},
+    supabaseUrl,
+    supabaseAnonKey
+  });
+}
 const OVERLAY_ID_PREFIX = "__pb_";
 function getNumber(v, fallback = 0) {
   return typeof v === "number" && Number.isFinite(v) ? v : fallback;
@@ -21004,9 +21086,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.230";
+const resolvedPackageVersion = "0.5.232";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.230";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.232";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -21750,7 +21832,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-Bmd1La7S.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-BcNEn5nI.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -24070,7 +24152,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-Bmd1La7S.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BcNEn5nI.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -24407,7 +24489,7 @@ function setAutoShrinkDebug(enabled) {
   }
 }
 export {
-  resolveFromForm as $,
+  resolveForRender as $,
   API_URL as A,
   collectFontsFromConfig as B,
   collectImageUrls as C,
@@ -24436,13 +24518,14 @@ export {
   resolveBlurElementExactIdsFromFlatFormKeys as Z,
   resolveFontWeight as _,
   getAbsoluteBounds as a,
-  resolveTemplateData as a0,
-  rewriteSvgFontsForJsPDF as a1,
-  setAutoShrinkDebug as a2,
-  setBundledAssetPrefixes as a3,
-  warmResolvedTemplateForPreview as a4,
-  warmTemplateFromForm as a5,
-  canvasImageLoader as a6,
+  resolveFromForm as a0,
+  resolveTemplateData as a1,
+  rewriteSvgFontsForJsPDF as a2,
+  setAutoShrinkDebug as a3,
+  setBundledAssetPrefixes as a4,
+  warmResolvedTemplateForPreview as a5,
+  warmTemplateFromForm as a6,
+  canvasImageLoader as a7,
   getProxiedImageUrl as b,
   captureFabricCanvasSvgForPdf as c,
   getImageProxyFetchOptions as d,
@@ -24469,4 +24552,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-BagYpNB5.js.map
+//# sourceMappingURL=index-DlrTh8y7.js.map