@pixldocs/canvas-renderer 0.5.64 → 0.5.65

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.64";
+export declare const PACKAGE_VERSION = "0.5.65";
 
 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.64";
+const PACKAGE_VERSION = "0.5.65";
 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;
@@ -13270,6 +13271,8 @@ class PixldocsRenderer {
         reject(new Error("SVG render timeout (30s)"));
       }, 3e4);
       let root = null;
+      let mountKey = 0;
+      let didPreviewParityRemount = false;
       const cleanup = () => {
         clearTimeout(timeout);
         try {
@@ -13278,6 +13281,48 @@ class PixldocsRenderer {
         }
         container.remove();
       };
+      const mountPreview = (readyHandler) => {
+        root = createRoot(container);
+        root.render(
+          createElement(PreviewCanvas2, {
+            key: `svg-capture-${mountKey}`,
+            config,
+            pageIndex,
+            zoom: 1,
+            absoluteZoom: true,
+            skipFontReadyWait: false,
+            onReady: readyHandler
+          })
+        );
+      };
+      const remountForPreviewParity = async () => {
+        if (didPreviewParityRemount) return;
+        didPreviewParityRemount = true;
+        mountKey += 1;
+        try {
+          clearMeasurementCache();
+        } catch {
+        }
+        try {
+          clearFabricCharCache();
+        } catch {
+        }
+        try {
+          root == null ? void 0 : root.unmount();
+        } catch {
+        }
+        await new Promise((settle) => {
+          mountPreview(() => {
+            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());
+          });
+        });
+      };
       const onReady = () => {
         this.waitForCanvasScene(container, config, pageIndex).then(async () => {
           var _a, _b;
@@ -13286,6 +13331,10 @@ class PixldocsRenderer {
             await this.waitForCanvasImages(container, expectedImageCount);
             await this.waitForStableTextMetrics(container, config);
             await this.waitForCanvasScene(container, config, pageIndex);
+            if (hasAutoShrink && !didPreviewParityRemount) {
+              console.log("[canvas-renderer][svg-parity] remounting once to match PixldocsPreview auto-shrink stabilization");
+              await remountForPreviewParity();
+            }
             const fabricInstance = this.getFabricCanvasFromContainer(container);
             if (!fabricInstance) {
               cleanup();
@@ -13334,18 +13383,7 @@ class PixldocsRenderer {
           }
         });
       };
-      root = createRoot(container);
-      root.render(
-        createElement(PreviewCanvas2, {
-          config,
-          pageIndex,
-          zoom: 1,
-          // 1:1 — no UI scaling for SVG capture
-          absoluteZoom: true,
-          skipFontReadyWait: false,
-          onReady
-        })
-      );
+      mountPreview(onReady);
     });
   }
   /**