@pixldocs/canvas-renderer 0.5.35 → 0.5.37

package/dist/index.d.ts

@@ -217,6 +217,12 @@ export declare function loadGoogleFontCSS(rawFontFamily: string): Promise<void>;
  */
 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.37";
+
 export declare interface PageSettings {
     backgroundColor?: string;
     backgroundGradient?: any;

package/dist/index.js

@@ -12053,10 +12053,15 @@ 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.37";
 class PixldocsRenderer {
   constructor(config) {
     __publicField(this, "config");
     this.config = config;
+    try {
+      console.log(`[canvas-renderer] PixldocsRenderer v${PACKAGE_VERSION} initialized`);
+    } catch {
+    }
   }
   /**
    * Render a pre-resolved template config to an image using the full PageCanvas engine.
@@ -12722,40 +12727,30 @@ class PixldocsRenderer {
     const fabricInstance = this.getFabricCanvasFromContainer(container);
     if (!(fabricInstance == null ? void 0 : fabricInstance.getObjects)) return;
     const waitForPaint = () => new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
-    const clearTextMetricCaches = () => {
-      clearFabricCharCache();
-      clearMeasurementCache();
-    };
-    const resyncTextboxWidths = (obj) => {
+    const primeCharBounds = (obj) => {
       if (obj instanceof fabric.Textbox) {
-        const savedWidth = Math.max(1, obj.width ?? 0);
-        const savedScaleX = obj.scaleX ?? 1;
-        const savedScaleY = obj.scaleY ?? 1;
-        obj.initDimensions();
-        if (Math.abs((obj.width ?? 0) - savedWidth) > 0.01) {
-          obj.width = savedWidth;
-        }
-        if (Math.abs((obj.scaleX ?? 1) - savedScaleX) > 0.01) {
-          obj.scaleX = savedScaleX;
-        }
-        if (Math.abs((obj.scaleY ?? 1) - savedScaleY) > 0.01) {
-          obj.scaleY = savedScaleY;
+        const lines = obj._textLines;
+        if (Array.isArray(lines)) {
+          for (let i = 0; i < lines.length; i++) {
+            try {
+              obj.getLineWidth(i);
+            } catch {
+            }
+          }
         }
-        obj.setCoords();
         obj.dirty = true;
         return;
       }
       if (obj instanceof fabric.Group) {
-        obj.getObjects().forEach(resyncTextboxWidths);
+        obj.getObjects().forEach(primeCharBounds);
         obj.dirty = true;
       }
     };
-    clearTextMetricCaches();
-    await waitForPaint();
-    fabricInstance.getObjects().forEach(resyncTextboxWidths);
+    fabricInstance.getObjects().forEach(primeCharBounds);
     (_a = fabricInstance.calcOffset) == null ? void 0 : _a.call(fabricInstance);
     (_b = fabricInstance.renderAll) == null ? void 0 : _b.call(fabricInstance);
-    (_c = fabricInstance.requestRenderAll) == null ? void 0 : _c.call(fabricInstance);
+    await waitForPaint();
+    (_c = fabricInstance.renderAll) == null ? void 0 : _c.call(fabricInstance);
     await waitForPaint();
   }
 }
@@ -14873,6 +14868,7 @@ export {
   FONT_FALLBACK_DEVANAGARI,
   FONT_FALLBACK_SYMBOLS,
   FONT_FILES,
+  PACKAGE_VERSION,
   PixldocsPreview,
   PixldocsRenderer,
   applyThemeToConfig,