@pixldocs/canvas-renderer 0.5.62 → 0.5.63

package/dist/index.d.ts

@@ -254,7 +254,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.62";
+export declare const PACKAGE_VERSION = "0.5.63";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -12542,7 +12542,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.62";
+const PACKAGE_VERSION = "0.5.63";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -13258,6 +13258,7 @@ class PixldocsRenderer {
   captureSvgViaPreviewCanvas(config, pageIndex, canvasWidth, canvasHeight) {
     return new Promise(async (resolve, reject) => {
       const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
+      const hasAutoShrink = configHasAutoShrinkText(config);
       const container = document.createElement("div");
       container.style.cssText = `
         position: fixed; left: -99999px; top: -99999px;
@@ -13269,28 +13270,74 @@ class PixldocsRenderer {
         cleanup();
         reject(new Error("SVG render timeout (30s)"));
       }, 3e4);
+      let root = null;
+      let mountKey = 0;
+      let didAutoShrinkParityRemount = false;
       const cleanup = () => {
         clearTimeout(timeout);
         try {
-          root.unmount();
+          root == null ? void 0 : root.unmount();
         } catch {
         }
         container.remove();
       };
+      const remountForAutoShrinkParity = async () => {
+        didAutoShrinkParityRemount = true;
+        mountKey += 1;
+        try {
+          clearMeasurementCache();
+        } catch {
+        }
+        try {
+          clearFabricCharCache();
+        } catch {
+        }
+        try {
+          root == null ? void 0 : root.unmount();
+        } catch {
+        }
+        root = createRoot(container);
+        await new Promise((settle) => {
+          const onReadyOnce = () => {
+            this.waitForCanvasScene(container, config, pageIndex).then(async () => {
+              const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
+              await this.waitForCanvasImages(container, expectedImageCount);
+              await this.waitForStableTextMetrics(container, config);
+              await this.waitForCanvasScene(container, config, pageIndex);
+              settle();
+            }).catch(() => settle());
+          };
+          root.render(
+            createElement(PreviewCanvas2, {
+              key: `svg-auto-shrink-remount-${mountKey}`,
+              config,
+              pageIndex,
+              zoom: 1,
+              absoluteZoom: true,
+              skipFontReadyWait: false,
+              onReady: onReadyOnce
+            })
+          );
+        });
+      };
       const onReady = () => {
         this.waitForCanvasScene(container, config, pageIndex).then(async () => {
           var _a, _b;
           try {
+            const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
+            await this.waitForCanvasImages(container, expectedImageCount);
+            await this.waitForStableTextMetrics(container, config);
+            await this.waitForCanvasScene(container, config, pageIndex);
+            if (hasAutoShrink && !didAutoShrinkParityRemount) {
+              console.log("[canvas-renderer][svg-parity] remounting auto-shrink text before PDF SVG capture");
+              await remountForAutoShrinkParity();
+            }
             const fabricInstance = this.getFabricCanvasFromContainer(container);
             if (!fabricInstance) {
               cleanup();
               reject(new Error("No Fabric canvas instance found for SVG capture"));
               return;
             }
-            const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
-            await this.waitForCanvasImages(container, expectedImageCount);
-            await this.waitForStableTextMetrics(container, config);
-            await this.waitForCanvasScene(container, config, pageIndex);
             const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
             const prevSvgVPT = fabricInstance.svgViewportTransformation;
             const prevRetina = fabricInstance.enableRetinaScaling;
@@ -13334,7 +13381,7 @@ class PixldocsRenderer {
           }
         });
       };
-      const root = createRoot(container);
+      root = createRoot(container);
       root.render(
         createElement(PreviewCanvas2, {
           config,