@pixldocs/canvas-renderer 0.5.175 → 0.5.177

package/dist/{index-DOxhZsjV.cjs → index-CF9NOy22.cjs}

@@ -3224,8 +3224,8 @@ const clearFabricCharCache = () => {
     fabric__namespace.util.clearFabricFontCache();
   }
 };
-const clearFontCacheAndRerender = (canvas) => {
-  clearFabricCharCache();
+const clearFontCacheAndRerender = (canvas, options = {}) => {
+  if (options.clearGlobalCharCache !== false) clearFabricCharCache();
   const logUnderlineDebug = (stage, payload) => {
     try {
       console.log(`[canvas-renderer][underline-debug] ${stage} ${JSON.stringify(payload)}`);
@@ -3316,9 +3316,9 @@ const ensureFontLoaded = async (fontFamily) => {
   } catch {
   }
 };
-const setupFontLoadingListener = (canvas, afterRerender) => {
+const setupFontLoadingListener = (canvas, afterRerender, options = {}) => {
   const handleFontLoad = () => {
-    clearFontCacheAndRerender(canvas);
+    clearFontCacheAndRerender(canvas, options);
     afterRerender == null ? void 0 : afterRerender(canvas);
   };
   if (document.fonts) {
@@ -7378,6 +7378,7 @@ const PageCanvas = react.forwardRef(
     canvasUpdateVersion = 0,
     pageChildren,
     skipFontReadyWait = false,
+    preserveGlobalFontCache = false,
     onReady
   }, ref) => {
     setMarkdownThemeColors({
@@ -7615,6 +7616,10 @@ const PageCanvas = react.forwardRef(
         const id = getObjectId(obj);
         const element = id ? elementById.get(id) : void 0;
         if (!element) return;
+        if (element.overflowPolicy === "auto-shrink") {
+          obj.dirty = true;
+          return;
+        }
         const targetWidth = Math.max(1, Number(element.width) > 0 ? Number(element.width) : Number(obj.width ?? 200));
         const overflowPolicy = element.overflowPolicy || "grow-and-push";
         const splitByGrapheme = overflowPolicy === "auto-shrink" ? false : element.splitByGrapheme ?? element.wordWrap === "break-word";
@@ -7743,7 +7748,7 @@ const PageCanvas = react.forwardRef(
             await waitUntilFontsAvailable(fontFamilies, { timeoutMs: 3500, pollIntervalMs: 60 });
             await new Promise((r) => requestAnimationFrame(() => r()));
           }
-          clearFabricCharCache();
+          if (!preserveGlobalFontCache) clearFabricCharCache();
           clearMeasurementCache();
           setReady(true);
         } catch (e) {
@@ -7782,7 +7787,11 @@ const PageCanvas = react.forwardRef(
           }
         });
       };
-      const fontCleanup = setupFontLoadingListener(fabricCanvas, persistTextDimensionsAfterFontLoad);
+      const fontCleanup = setupFontLoadingListener(
+        fabricCanvas,
+        persistTextDimensionsAfterFontLoad,
+        { clearGlobalCharCache: !preserveGlobalFontCache }
+      );
       fabricCanvas.__fontCleanup = fontCleanup;
       fabricCanvas.__isUserTransforming = false;
       fabricCanvas.on("mouse:down", () => {
@@ -9782,7 +9791,7 @@ const PageCanvas = react.forwardRef(
       pendingSyncRef.current = false;
       if (ready && !hasClearedCachesBeforeFirstSyncRef.current) {
         hasClearedCachesBeforeFirstSyncRef.current = true;
-        clearFabricCharCache();
+        if (!preserveGlobalFontCache) clearFabricCharCache();
         clearMeasurementCache();
       }
       doSyncRef.current();
@@ -9866,7 +9875,7 @@ const PageCanvas = react.forwardRef(
       const runReflowAndPersist = () => {
         const fc = fabricRef.current;
         if (!fc || cancelled) return;
-        clearFontCacheAndRerender(fc);
+        clearFontCacheAndRerender(fc, { clearGlobalCharCache: !preserveGlobalFontCache });
         const state = useEditorStore.getState();
         const page = state.canvas.pages.find((p) => p.id === pageId);
         if (page) {
@@ -11443,6 +11452,7 @@ function PreviewCanvas({
   zoom = 1,
   absoluteZoom = false,
   skipFontReadyWait = false,
+  preserveGlobalFontCache = false,
   pageIdOverride,
   className,
   onDynamicFieldClick,
@@ -11605,6 +11615,7 @@ function PreviewCanvas({
                 activeTool: "select",
                 mode: "preview",
                 skipFontReadyWait,
+                preserveGlobalFontCache,
                 dynamicFieldIds,
                 onDynamicFieldClick: handleDynamicFieldClick,
                 onReady
@@ -16349,9 +16360,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.175";
+const resolvedPackageVersion = "0.5.177";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.175";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.177";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16838,6 +16849,7 @@ class PixldocsRenderer {
               zoom: 1,
               absoluteZoom: true,
               skipFontReadyWait: false,
+              preserveGlobalFontCache: true,
               onReady: () => {
                 clearTimeout(timer);
                 resolve();
@@ -16852,7 +16864,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-BZAl0Pdr.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-ztZqqhey.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -17235,6 +17247,7 @@ class PixldocsRenderer {
               zoom: pixelRatio,
               absoluteZoom: true,
               skipFontReadyWait: false,
+              preserveGlobalFontCache: true,
               onReady: onReadyOnce
             })
           );
@@ -17295,6 +17308,7 @@ class PixldocsRenderer {
           zoom: pixelRatio,
           absoluteZoom: true,
           skipFontReadyWait: false,
+          preserveGlobalFontCache: true,
           onReady
         })
       );
@@ -17346,6 +17360,7 @@ class PixldocsRenderer {
             zoom: 1,
             absoluteZoom: true,
             skipFontReadyWait: false,
+            preserveGlobalFontCache: true,
             onReady: readyHandler
           })
         );
@@ -18990,7 +19005,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-BZAl0Pdr.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-ztZqqhey.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19112,8 +19127,6 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     drawPageBackground(pdf, i, page.width, page.height, page.backgroundColor, page.backgroundGradient);
     const shouldStripBg = stripPageBackground ?? hasGradient;
     const textMode = options.textMode ?? (options.outlineText === true ? "pixel-perfect" : "selectable");
-    const shouldOutlineText = textMode === "pixel-perfect" || textMode === "auto";
-    const outlineSubMode = textMode === "pixel-perfect" ? "all" : "gradient-only";
     let pageSvg = page.svg;
     try {
       pageSvg = await convertSvgTextDecorationsToLinesString(pageSvg);
@@ -19123,30 +19136,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
         underlineErr
       );
     }
-    if (shouldOutlineText) {
-      try {
-        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-BLk_mcqi.cjs"));
-        pageSvg = await convertAllTextToPath(pageSvg, fontBaseUrl, { mode: outlineSubMode });
-        try {
-          dumpSvgTextDiagnostics(pageSvg, i, PARITY_TAG, "STAGE-1b-after-text-to-path-raw");
-        } catch {
-        }
-      } catch (outlineErr) {
-        console.warn(
-          "[canvas-renderer][pdf] raw-stage text outlining unavailable, falling back to embedded SVG text:",
-          outlineErr
-        );
-      }
-    } else {
+    try {
+      const { prepareSvgTextForPdfMode } = await Promise.resolve().then(() => require("./svgTextToPath-hYM9qTeC.cjs"));
+      pageSvg = await prepareSvgTextForPdfMode(pageSvg, textMode, fontBaseUrl);
       try {
-        const { replaceGradientTextFillsWithFirstStop } = await Promise.resolve().then(() => require("./svgTextToPath-BLk_mcqi.cjs"));
-        pageSvg = replaceGradientTextFillsWithFirstStop(pageSvg);
-      } catch (gradErr) {
-        console.warn(
-          "[canvas-renderer][pdf] gradient-text fill resolution failed:",
-          gradErr
-        );
+        dumpSvgTextDiagnostics(pageSvg, i, PARITY_TAG, "STAGE-1b-after-shared-text-prep");
+      } catch {
       }
+    } catch (textPrepErr) {
+      console.warn("[canvas-renderer][pdf] shared text prep failed:", textPrepErr);
     }
     let processedSvg = await prepareLiveCanvasSvgForPdf(pageSvg, page.width, page.height, `page-${i + 1}`, {
       stripPageBackground: shouldStripBg
@@ -19400,4 +19398,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DOxhZsjV.cjs.map
+//# sourceMappingURL=index-CF9NOy22.cjs.map