@pixldocs/canvas-renderer 0.5.17 → 0.5.18

package/dist/index.js

@@ -5670,6 +5670,7 @@ const PageCanvas = forwardRef(
     onDynamicFieldClick,
     canvasUpdateVersion = 0,
     pageChildren,
+    skipFontReadyWait = false,
     onReady
   }, ref) => {
     const isEditorMode = mode === "editor";
@@ -5955,9 +5956,11 @@ const PageCanvas = forwardRef(
               await Promise.all(fontFamilies.map((f) => ensureFontLoaded(f)));
             }
           }
-          await waitForFontsReady();
-          await waitUntilFontsAvailable(fontFamilies, { timeoutMs: 3500, pollIntervalMs: 60 });
-          await new Promise((r) => requestAnimationFrame(() => r()));
+          if (!skipFontReadyWait) {
+            await waitForFontsReady();
+            await waitUntilFontsAvailable(fontFamilies, { timeoutMs: 3500, pollIntervalMs: 60 });
+            await new Promise((r) => requestAnimationFrame(() => r()));
+          }
           clearFabricCharCache();
           clearMeasurementCache();
           setReady(true);
@@ -9394,6 +9397,7 @@ function PreviewCanvas({
   pageIndex = 0,
   zoom = 1,
   absoluteZoom = false,
+  skipFontReadyWait = false,
   className,
   onDynamicFieldClick,
   onReady
@@ -9548,6 +9552,7 @@ function PreviewCanvas({
                 selectedIds: [],
                 activeTool: "select",
                 mode: "preview",
+                skipFontReadyWait,
                 dynamicFieldIds,
                 onDynamicFieldClick: handleDynamicFieldClick,
                 onReady
@@ -12431,6 +12436,7 @@ class PixldocsRenderer {
               pageIndex,
               zoom: pixelRatio,
               absoluteZoom: true,
+              skipFontReadyWait: true,
               onReady
             })
           );
@@ -12441,7 +12447,6 @@ class PixldocsRenderer {
             const fabricInstance = this.getFabricCanvasFromContainer(container);
             const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
             await this.waitForCanvasImages(container, expectedImageCount);
-            await this.waitForStableTextMetrics(container, config);
             const fabricCanvas = container.querySelector("canvas.upper-canvas, canvas");
             const sourceCanvas = (fabricInstance == null ? void 0 : fabricInstance.lowerCanvasEl) || container.querySelector("canvas.lower-canvas") || fabricCanvas;
             if (!sourceCanvas) {
@@ -12480,6 +12485,7 @@ class PixldocsRenderer {
           pageIndex,
           zoom: pixelRatio,
           absoluteZoom: true,
+          skipFontReadyWait: true,
           onReady
         })
       );
@@ -12526,6 +12532,7 @@ class PixldocsRenderer {
               pageIndex,
               zoom: 1,
               absoluteZoom: true,
+              skipFontReadyWait: true,
               onReady
             })
           );
@@ -12542,7 +12549,6 @@ class PixldocsRenderer {
             }
             const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
             await this.waitForCanvasImages(container, expectedImageCount);
-            await this.waitForStableTextMetrics(container, config);
             const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
             const prevSvgVPT = fabricInstance.svgViewportTransformation;
             const prevRetina = fabricInstance.enableRetinaScaling;
@@ -12593,6 +12599,7 @@ class PixldocsRenderer {
           zoom: 1,
           // 1:1 — no UI scaling for SVG capture
           absoluteZoom: true,
+          skipFontReadyWait: true,
           onReady
         })
       );