@pixldocs/canvas-renderer 0.5.55 → 0.5.56

package/dist/index.cjs

@@ -5289,6 +5289,10 @@ function createText(element) {
   const splitByGrapheme = overflowPolicy === "auto-shrink" ? false : element.splitByGrapheme ?? element.wordWrap === "break-word";
   if (overflowPolicy === "auto-shrink") {
     const explicitLineCount = Math.max(1, text.split("\n").length);
+    const debugAutoShrink = typeof window !== "undefined" && window.__pixldocsDebugAutoShrink === true;
+    const startFontSize = fontSize;
+    let breakReason = "min-font-size-reached";
+    let lastIter = null;
     while (fontSize > 1) {
       const testTextbox = new fabric__namespace.Textbox(text, {
         width: fixedWidth,
@@ -5310,11 +5314,47 @@ function createText(element) {
       const lineWidths = testTextbox.__lineWidths;
       const maxLineWidth = lineWidths && lineWidths.length > 0 ? Math.max(...lineWidths) : 0;
       const fitsWidth = !widthDidGrow && maxLineWidth <= fixedWidth + 1;
+      if (debugAutoShrink) {
+        lastIter = {
+          fontSize,
+          renderedLineCount,
+          explicitLineCount,
+          textHeight,
+          maxLineWidth,
+          fixedWidth,
+          widthDidGrow,
+          hasNoImplicitWrap,
+          fitsHeight,
+          fitsWidth
+        };
+      }
       if (hasNoImplicitWrap && fitsHeight && fitsWidth) {
+        breakReason = "fits";
         break;
       }
       fontSize--;
     }
+    if (debugAutoShrink) {
+      console.log("[auto-shrink][diag]", {
+        id: element.id,
+        name: element.name,
+        text,
+        fontFamily: element.fontFamily,
+        fontWeight: element.fontWeight,
+        elementWidth: element.width,
+        elementHeight: element.height,
+        scaleX: element.scaleX ?? 1,
+        scaleY: element.scaleY ?? 1,
+        fixedWidth,
+        baseHeight,
+        startFontSize,
+        finalFontSize: fontSize,
+        breakReason,
+        lastIter,
+        fontCheckRegular: typeof document !== "undefined" && document.fonts ? document.fonts.check(`16px "${element.fontFamily || "Open Sans"}"`) : null,
+        fontCheckBold: typeof document !== "undefined" && document.fonts ? document.fonts.check(`bold 16px "${element.fontFamily || "Open Sans"}"`) : null
+      });
+    }
   }
   if (overflowPolicy === "max-lines-ellipsis") {
     const originalText = element.text || "Text";
@@ -15480,6 +15520,11 @@ async function warmTemplateFromForm(options) {
   if (signal == null ? void 0 : signal.aborted) return;
   await warmResolvedTemplateForPreview(resolved.config, { signal, imageProxyUrl });
 }
+function setAutoShrinkDebug(enabled) {
+  if (typeof window !== "undefined") {
+    window.__pixldocsDebugAutoShrink = !!enabled;
+  }
+}
 exports.FONT_FALLBACK_DEVANAGARI = FONT_FALLBACK_DEVANAGARI;
 exports.FONT_FALLBACK_SYMBOLS = FONT_FALLBACK_SYMBOLS;
 exports.FONT_FILES = FONT_FILES;
@@ -15507,6 +15552,7 @@ exports.resolveFontWeight = resolveFontWeight;
 exports.resolveFromForm = resolveFromForm;
 exports.resolveTemplateData = resolveTemplateData;
 exports.rewriteSvgFontsForJsPDF = rewriteSvgFontsForJsPDF;
+exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;