@pixldocs/canvas-renderer 0.5.229 → 0.5.231

package/dist/{index-UL0ZxmJo.cjs → index-BbgFuxwu.cjs}

@@ -9627,6 +9627,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__namespace.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);
@@ -9818,6 +9875,7 @@ const PageCanvas = react.forwardRef(
     });
     const isEditorMode = mode === "editor";
     const isPreviewMode = mode === "preview";
+    const isExportMode = mode === "export";
     const allowEditing = isEditorMode;
     const allowSelection = isEditorMode;
     const allowDynamicFieldClick = isPreviewMode && dynamicFieldIds.length > 0;
@@ -13409,56 +13467,38 @@ const PageCanvas = react.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__namespace.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 {
-          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 curLeft = obj.left ?? 0;
-              const curTop = obj.top ?? 0;
-              if (Math.abs(curLeft - abs.left) > 0.1 || Math.abs(curTop - abs.top) > 0.1) {
-                obj.set({ left: abs.left, top: abs.top });
-                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(() => {
@@ -21016,9 +21056,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.229";
+const resolvedPackageVersion = "0.5.231";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.229";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.231";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -21762,7 +21802,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-Cfic2O5h.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Dwv5vpcI.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -24082,7 +24122,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-Cfic2O5h.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Dwv5vpcI.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -24478,4 +24518,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-UL0ZxmJo.cjs.map
+//# sourceMappingURL=index-BbgFuxwu.cjs.map