@pixldocs/canvas-renderer 0.5.53 → 0.5.54

package/dist/index.d.ts

@@ -231,7 +231,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.52";
+export declare const PACKAGE_VERSION = "0.5.54";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -12221,7 +12221,20 @@ function PixldocsPreview(props) {
     onDynamicFieldClick,
     onReady,
     onError,
-    skipFontReadyWait = true
+    // Default `false` so PageCanvas blocks textbox creation until the host
+    // browser actually has the @font-face rules registered. This matters for
+    // `overflowPolicy: 'auto-shrink'` text — `createText` runs the shrink
+    // loop synchronously at mount time using whatever font metrics Fabric
+    // can measure right then. If the real font hasn't loaded yet, Fabric
+    // falls back to the system font (typically narrower), the shrink loop
+    // decides "fits, no shrink needed", and when the real font finally
+    // loads the text overflows the box.
+    //
+    // The renderer's imperative PNG/PDF paths (`renderPageViaPreviewCanvas`,
+    // `captureSvgViaPreviewCanvas`) already pass `skipFontReadyWait: false`
+    // for this exact reason — that's why the downloaded PDF was correct
+    // while the on-screen preview wasn't.
+    skipFontReadyWait = false
   } = props;
   useEffect(() => {
     setPackageApiUrl(imageProxyUrl);
@@ -12390,7 +12403,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.52";
+const PACKAGE_VERSION = "0.5.54";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;