@pixldocs/canvas-renderer 0.5.17 → 0.5.18

package/dist/index.cjs

@@ -5689,6 +5689,7 @@ const PageCanvas = react.forwardRef(
     onDynamicFieldClick,
     canvasUpdateVersion = 0,
     pageChildren,
+    skipFontReadyWait = false,
     onReady
   }, ref) => {
     const isEditorMode = mode === "editor";
@@ -5974,9 +5975,11 @@ const PageCanvas = react.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);
@@ -9413,6 +9416,7 @@ function PreviewCanvas({
   pageIndex = 0,
   zoom = 1,
   absoluteZoom = false,
+  skipFontReadyWait = false,
   className,
   onDynamicFieldClick,
   onReady
@@ -9567,6 +9571,7 @@ function PreviewCanvas({
                 selectedIds: [],
                 activeTool: "select",
                 mode: "preview",
+                skipFontReadyWait,
                 dynamicFieldIds,
                 onDynamicFieldClick: handleDynamicFieldClick,
                 onReady
@@ -12450,6 +12455,7 @@ class PixldocsRenderer {
               pageIndex,
               zoom: pixelRatio,
               absoluteZoom: true,
+              skipFontReadyWait: true,
               onReady
             })
           );
@@ -12460,7 +12466,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) {
@@ -12499,6 +12504,7 @@ class PixldocsRenderer {
           pageIndex,
           zoom: pixelRatio,
           absoluteZoom: true,
+          skipFontReadyWait: true,
           onReady
         })
       );
@@ -12545,6 +12551,7 @@ class PixldocsRenderer {
               pageIndex,
               zoom: 1,
               absoluteZoom: true,
+              skipFontReadyWait: true,
               onReady
             })
           );
@@ -12561,7 +12568,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;
@@ -12612,6 +12618,7 @@ class PixldocsRenderer {
           zoom: 1,
           // 1:1 — no UI scaling for SVG capture
           absoluteZoom: true,
+          skipFontReadyWait: true,
           onReady
         })
       );