@pixldocs/canvas-renderer 0.5.174 → 0.5.176

package/dist/{index-BH1kJLpb.cjs → index-DSe1eOVD.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({
@@ -7743,7 +7744,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 +7783,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 +9787,7 @@ const PageCanvas = react.forwardRef(
       pendingSyncRef.current = false;
       if (ready && !hasClearedCachesBeforeFirstSyncRef.current) {
         hasClearedCachesBeforeFirstSyncRef.current = true;
-        clearFabricCharCache();
+        if (!preserveGlobalFontCache) clearFabricCharCache();
         clearMeasurementCache();
       }
       doSyncRef.current();
@@ -9866,7 +9871,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 +11448,7 @@ function PreviewCanvas({
   zoom = 1,
   absoluteZoom = false,
   skipFontReadyWait = false,
+  preserveGlobalFontCache = false,
   pageIdOverride,
   className,
   onDynamicFieldClick,
@@ -11605,6 +11611,7 @@ function PreviewCanvas({
                 activeTool: "select",
                 mode: "preview",
                 skipFontReadyWait,
+                preserveGlobalFontCache,
                 dynamicFieldIds,
                 onDynamicFieldClick: handleDynamicFieldClick,
                 onReady
@@ -16349,9 +16356,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.174";
+const resolvedPackageVersion = "0.5.176";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.174";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.176";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16838,6 +16845,7 @@ class PixldocsRenderer {
               zoom: 1,
               absoluteZoom: true,
               skipFontReadyWait: false,
+              preserveGlobalFontCache: true,
               onReady: () => {
                 clearTimeout(timer);
                 resolve();
@@ -16848,11 +16856,11 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
         const expected = this.getExpectedImageCount(cloned, i);
         await this.waitForCanvasImages(container, expected);
-        await this.waitForStableTextMetrics(container, cloned);
+        await this.waitForStableTextMetrics(container, cloned, { clearGlobalCharCache: false });
         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-wyGn4ybk.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CZWsOCqF.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -17235,6 +17243,7 @@ class PixldocsRenderer {
               zoom: pixelRatio,
               absoluteZoom: true,
               skipFontReadyWait: false,
+              preserveGlobalFontCache: true,
               onReady: onReadyOnce
             })
           );
@@ -17295,6 +17304,7 @@ class PixldocsRenderer {
           zoom: pixelRatio,
           absoluteZoom: true,
           skipFontReadyWait: false,
+          preserveGlobalFontCache: true,
           onReady
         })
       );
@@ -17346,6 +17356,7 @@ class PixldocsRenderer {
             zoom: 1,
             absoluteZoom: true,
             skipFontReadyWait: false,
+            preserveGlobalFontCache: true,
             onReady: readyHandler
           })
         );
@@ -17491,7 +17502,7 @@ class PixldocsRenderer {
     (_a = fabricInstance == null ? void 0 : fabricInstance.getObjects) == null ? void 0 : _a.call(fabricInstance).forEach((obj) => visit(obj));
     logJsonLine("[canvas-renderer][fabric-text-parity]", { stage, textboxes: sample.length, sample });
   }
-  async waitForStableTextMetrics(container, config) {
+  async waitForStableTextMetrics(container, config, options = {}) {
     var _a, _b, _c;
     if (typeof document !== "undefined") {
       void ensureFontsForResolvedConfig(config);
@@ -17526,9 +17537,11 @@ class PixldocsRenderer {
         obj.dirty = true;
       }
     };
-    try {
-      clearFabricCharCache();
-    } catch {
+    if (options.clearGlobalCharCache !== false) {
+      try {
+        clearFabricCharCache();
+      } catch {
+      }
     }
     fabricInstance.getObjects().forEach(primeCharBounds);
     (_a = fabricInstance.calcOffset) == null ? void 0 : _a.call(fabricInstance);
@@ -18988,7 +19001,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-wyGn4ybk.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CZWsOCqF.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19110,8 +19123,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 === "auto" ? "complex-only" : "all";
     let pageSvg = page.svg;
     try {
       pageSvg = await convertSvgTextDecorationsToLinesString(pageSvg);
@@ -19121,30 +19132,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
@@ -19398,4 +19394,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BH1kJLpb.cjs.map
+//# sourceMappingURL=index-DSe1eOVD.cjs.map