@pixldocs/canvas-renderer 0.5.76 → 0.5.78

package/dist/index.js

@@ -5194,6 +5194,17 @@ function buildRoundedTrianglePath(w, h, rTop, rBR, rBL) {
   ];
   return parts.join(" ");
 }
+const roundDiag = (value) => {
+  if (typeof value !== "number") return value;
+  return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
+};
+const stringifyDiag = (payload) => {
+  try {
+    return JSON.stringify(payload, (_key, value) => roundDiag(value));
+  } catch {
+    return String(payload);
+  }
+};
 function buildRoundedRectPath(w, h, tl, tr, br, bl) {
   return buildRoundedRectPath$1(w, h, getRoundedRectRadii(w, h, { rxTL: tl, rxTR: tr, rxBR: br, rxBL: bl }));
 }
@@ -5304,11 +5315,11 @@ function createShape(element) {
   }
 }
 function createText(element) {
-  var _a;
+  var _a, _b;
   const overflowPolicy = element.overflowPolicy || "grow-and-push";
   let text = element.text || "Text";
   let fontSize = element.fontSize || 16;
-  element.minFontSize || 8;
+  const minFontSize = element.minFontSize || 8;
   const maxLines = element.maxLines || 3;
   const baseWidth = element.width && element.width > 0 ? element.width : 200;
   const baseHeight = element.height;
@@ -5320,6 +5331,7 @@ function createText(element) {
     const startFontSize = fontSize;
     let breakReason = "min-font-size-reached";
     let lastIter = null;
+    const iterationSamples = [];
     while (fontSize > 1) {
       const testTextbox = new fabric.Textbox(text, {
         width: fixedWidth,
@@ -5337,7 +5349,7 @@ function createText(element) {
       const hasNoImplicitWrap = renderedLineCount <= explicitLineCount;
       const fitsHeight = !baseHeight || textHeight <= baseHeight;
       const widthMetrics = getTextboxWidthFitMetrics(testTextbox, fixedWidth);
-      const { fitsWidth } = widthMetrics;
+      const { maxLineWidth, widthDidGrow, fitsWidth } = widthMetrics;
       if (debugAutoShrink) {
         lastIter = {
           fontSize,
@@ -5348,8 +5360,12 @@ function createText(element) {
           fixedWidth,
           hasNoImplicitWrap,
           fitsHeight,
-          fitsWidth
+          fitsWidth,
+          textLines: (testTextbox.textLines || []).map((line) => Array.isArray(line) ? line.join("") : String(line ?? ""))
         };
+        if (iterationSamples.length < 6 || fontSize <= minFontSize + 2) {
+          iterationSamples.push(lastIter);
+        }
       }
       if (hasNoImplicitWrap && fitsHeight && fitsWidth) {
         breakReason = "fits";
@@ -5358,10 +5374,11 @@ function createText(element) {
       fontSize--;
     }
     if (debugAutoShrink) {
-      console.log("[auto-shrink][diag]", {
+      console.log("[auto-shrink][diag] " + stringifyDiag({
         id: element.id,
         name: element.name,
-        text,
+        text: text.slice(0, 180),
+        textLength: text.length,
         fontFamily: element.fontFamily,
         fontWeight: element.fontWeight,
         elementWidth: element.width,
@@ -5373,10 +5390,11 @@ function createText(element) {
         startFontSize,
         finalFontSize: fontSize,
         breakReason,
+        iterations: iterationSamples,
         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") {
@@ -5451,6 +5469,22 @@ function createText(element) {
     textbox.setCoords();
   }
   textbox.dirty = true;
+  if (overflowPolicy === "auto-shrink" && typeof window !== "undefined" && window.__pixldocsDebugAutoShrink === true) {
+    console.log("[auto-shrink][final-textbox] " + stringifyDiag({
+      id: element.id,
+      name: element.name,
+      text: text.slice(0, 180),
+      targetWidth,
+      targetScaleX,
+      targetScaleY,
+      finalFontSize: fontSize,
+      textboxWidth: textbox.width,
+      textboxHeight: textbox.height,
+      lineCount: ((_b = textbox.textLines) == null ? void 0 : _b.length) || 0,
+      lines: (textbox.textLines || []).map((line) => Array.isArray(line) ? line.join("") : String(line ?? "")),
+      widthMetrics: getTextboxWidthFitMetrics(textbox, targetWidth)
+    }));
+  }
   applyTextBackground(textbox, extractTextBgConfig(element));
   const shadow = buildTextShadow(element);
   if (shadow) textbox.set("shadow", shadow);
@@ -11611,6 +11645,232 @@ function applyContentBoundsPagination(config) {
   if (!mutated) return config;
   return { ...config, pages: resultPages };
 }
+function normalizeFontFamily(fontStack) {
+  const first = fontStack.split(",")[0].trim();
+  return first.replace(/^['"]|['"]$/g, "");
+}
+const loadedFonts = /* @__PURE__ */ new Set();
+const loadingPromises = /* @__PURE__ */ new Map();
+function withTimeout(promise, timeoutMs = 4e3) {
+  let timeoutId;
+  return Promise.race([
+    promise,
+    new Promise((resolve) => {
+      timeoutId = setTimeout(resolve, timeoutMs);
+    })
+  ]).finally(() => {
+    if (timeoutId) clearTimeout(timeoutId);
+  });
+}
+async function loadGoogleFontCSS(rawFontFamily) {
+  if (!rawFontFamily || typeof document === "undefined") return;
+  const fontFamily = normalizeFontFamily(rawFontFamily);
+  if (!fontFamily) return;
+  if (loadedFonts.has(fontFamily)) return;
+  const existing = loadingPromises.get(fontFamily);
+  if (existing) return existing;
+  const promise = (async () => {
+    try {
+      const encoded = encodeURIComponent(fontFamily);
+      const url = `https://fonts.googleapis.com/css?family=${encoded}:300,400,500,600,700&display=swap`;
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = url;
+      link.crossOrigin = "anonymous";
+      await new Promise((resolve, reject) => {
+        link.onload = () => resolve();
+        link.onerror = () => reject(new Error(`Failed to load font: ${fontFamily}`));
+        document.head.appendChild(link);
+      });
+      loadedFonts.add(fontFamily);
+    } catch (e) {
+      console.warn(`[@pixldocs/canvas-renderer] Font load failed: ${fontFamily}`, e);
+    }
+  })();
+  loadingPromises.set(fontFamily, promise);
+  await promise;
+  loadingPromises.delete(fontFamily);
+}
+function collectFontsFromConfig(config) {
+  var _a;
+  const fonts = /* @__PURE__ */ new Set();
+  fonts.add("Open Sans");
+  fonts.add("Hind");
+  function walk(nodes) {
+    var _a2;
+    if (!nodes) return;
+    for (const node of nodes) {
+      if (node.fontFamily) fonts.add(normalizeFontFamily(node.fontFamily));
+      if ((_a2 = node.smartProps) == null ? void 0 : _a2.fontFamily) fonts.add(normalizeFontFamily(node.smartProps.fontFamily));
+      if (node.styles && Array.isArray(node.styles)) {
+        for (const lineStyle of node.styles) {
+          if (lineStyle && typeof lineStyle === "object") {
+            for (const charStyle of Object.values(lineStyle)) {
+              if (charStyle == null ? void 0 : charStyle.fontFamily) fonts.add(normalizeFontFamily(charStyle.fontFamily));
+            }
+          }
+        }
+      }
+      if (node.children) walk(node.children);
+    }
+  }
+  for (const page of config.pages || []) {
+    walk(page.children || []);
+  }
+  if ((_a = config.themeConfig) == null ? void 0 : _a.variables) {
+    for (const def of Object.values(config.themeConfig.variables)) {
+      if (def.value && typeof def.value === "string" && !def.value.startsWith("#") && !def.value.startsWith("rgb")) {
+        if (def.label && /font/i.test(def.label)) {
+          fonts.add(normalizeFontFamily(def.value));
+        }
+      }
+    }
+  }
+  return fonts;
+}
+function collectFontDescriptorsFromConfig(config) {
+  var _a;
+  const seen = /* @__PURE__ */ new Set();
+  const descriptors = [];
+  function add(family, weight, style) {
+    const f = normalizeFontFamily(family);
+    if (!f) return;
+    const w = weight ?? 400;
+    const s = style ?? "normal";
+    const key = `${f}|${w}|${s}`;
+    if (seen.has(key)) return;
+    seen.add(key);
+    descriptors.push({ family: f, weight: w, style: s });
+  }
+  function walk(nodes) {
+    var _a2;
+    if (!nodes) return;
+    for (const node of nodes) {
+      if (node.fontFamily) {
+        add(node.fontFamily, node.fontWeight, node.fontStyle);
+        if (node.type === "text") {
+          for (const w of [300, 400, 500, 600, 700]) {
+            add(node.fontFamily, w, node.fontStyle);
+          }
+        }
+      }
+      if ((_a2 = node.smartProps) == null ? void 0 : _a2.fontFamily) {
+        add(node.smartProps.fontFamily, node.smartProps.fontWeight, node.smartProps.fontStyle);
+      }
+      if (node.styles) {
+        const styleEntries = Array.isArray(node.styles) ? node.styles : Object.values(node.styles);
+        for (const lineStyle of styleEntries) {
+          if (lineStyle && typeof lineStyle === "object") {
+            for (const charStyle of Object.values(lineStyle)) {
+              if (charStyle == null ? void 0 : charStyle.fontFamily) {
+                add(charStyle.fontFamily, charStyle.fontWeight, charStyle.fontStyle);
+              }
+            }
+          }
+        }
+      }
+      if (node.children) walk(node.children);
+    }
+  }
+  add("Open Sans", 400, "normal");
+  add("Hind", 400, "normal");
+  add("Hind", 700, "normal");
+  for (const page of config.pages || []) {
+    walk(page.children || []);
+  }
+  if ((_a = config.themeConfig) == null ? void 0 : _a.variables) {
+    for (const def of Object.values(config.themeConfig.variables)) {
+      if (def.value && typeof def.value === "string" && !def.value.startsWith("#") && !def.value.startsWith("rgb")) {
+        if (def.label && /font/i.test(def.label)) {
+          add(def.value);
+        }
+      }
+    }
+  }
+  return descriptors;
+}
+async function ensureFontsForResolvedConfig(config) {
+  if (typeof document === "undefined") return;
+  const descriptors = collectFontDescriptorsFromConfig(config);
+  const families = new Set(descriptors.map((d) => d.family));
+  await withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 3500);
+  if (document.fonts) {
+    descriptors.forEach((d) => {
+      const stylePrefix = d.style === "italic" ? "italic " : "";
+      const weightStr = String(d.weight);
+      const spec = `${stylePrefix}${weightStr} 16px "${d.family}"`;
+      document.fonts.load(spec).catch(() => {
+      });
+    });
+  }
+}
+function configHasAutoShrinkText$1(config) {
+  var _a;
+  if (!((_a = config == null ? void 0 : config.pages) == null ? void 0 : _a.length)) return false;
+  const walk = (nodes) => {
+    for (const node of nodes || []) {
+      if (!node) continue;
+      if (node.type === "text" && node.overflowPolicy === "auto-shrink") return true;
+      if (Array.isArray(node.children) && node.children.length && walk(node.children)) return true;
+    }
+    return false;
+  };
+  for (const page of config.pages) {
+    if (walk(page.children || [])) return true;
+  }
+  return false;
+}
+async function awaitFontsForConfig(config, maxWaitMs) {
+  if (typeof document === "undefined" || !document.fonts) return;
+  await ensureFontsForResolvedConfig(config);
+  const descriptors = collectFontDescriptorsFromConfig(config);
+  if (descriptors.length === 0) return;
+  const loads = Promise.all(
+    descriptors.map((d) => {
+      const stylePrefix = d.style === "italic" ? "italic " : "";
+      const spec = `${stylePrefix}${d.weight} 16px "${d.family}"`;
+      return document.fonts.load(spec).catch(() => []);
+    })
+  ).then(() => void 0);
+  await Promise.race([
+    loads,
+    new Promise((resolve) => setTimeout(resolve, maxWaitMs))
+  ]);
+  await Promise.race([
+    document.fonts.ready.catch(() => void 0).then(() => void 0),
+    new Promise((r) => setTimeout(r, Math.min(500, maxWaitMs)))
+  ]);
+  const checkSpecs = [];
+  for (const d of descriptors) {
+    const stylePrefix = d.style === "italic" ? "italic " : "";
+    checkSpecs.push(`${stylePrefix}${d.weight} 16px "${d.family}"`);
+  }
+  const startedAt = Date.now();
+  const pollBudget = Math.min(maxWaitMs, 2500);
+  const allReady = () => {
+    for (const spec of checkSpecs) {
+      try {
+        if (!document.fonts.check(spec)) return false;
+      } catch {
+      }
+    }
+    return true;
+  };
+  while (!allReady() && Date.now() - startedAt < pollBudget) {
+    await new Promise((resolve) => setTimeout(resolve, 50));
+  }
+  await new Promise(
+    (resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))
+  );
+}
+async function awaitFontsBeforeTextReflow(config) {
+  if (typeof document === "undefined" || !configHasAutoShrinkText$1(config)) return;
+  try {
+    await awaitFontsForConfig(config, 4e3);
+  } catch (error) {
+    console.warn("[@pixldocs/canvas-renderer] Font wait before text reflow failed:", error);
+  }
+}
 function repeatablePageToSection(page) {
   return {
     id: page.id,
@@ -11804,6 +12064,7 @@ async function resolveTemplateData(options) {
     }
   }
   const repeatablePagesInput = deriveRepeatablePagesFromTemplate(config, inlineFormSchema, mergedFormData);
+  await awaitFontsBeforeTextReflow(config);
   const resolvedConfig = applyFormDataToConfig(
     config,
     mappings,
@@ -11948,6 +12209,7 @@ async function resolveFromForm(options) {
     };
     collectFormats(formConfig.sections);
   }
+  await awaitFontsBeforeTextReflow(templateConfig);
   let resolvedConfig = applyFormDataToConfig(
     templateConfig,
     mappings,
@@ -12126,224 +12388,6 @@ function paintRepeatableSections(config, repeatableSections) {
     }
   }
 }
-function normalizeFontFamily(fontStack) {
-  const first = fontStack.split(",")[0].trim();
-  return first.replace(/^['"]|['"]$/g, "");
-}
-const loadedFonts = /* @__PURE__ */ new Set();
-const loadingPromises = /* @__PURE__ */ new Map();
-function withTimeout(promise, timeoutMs = 4e3) {
-  let timeoutId;
-  return Promise.race([
-    promise,
-    new Promise((resolve) => {
-      timeoutId = setTimeout(resolve, timeoutMs);
-    })
-  ]).finally(() => {
-    if (timeoutId) clearTimeout(timeoutId);
-  });
-}
-async function loadGoogleFontCSS(rawFontFamily) {
-  if (!rawFontFamily || typeof document === "undefined") return;
-  const fontFamily = normalizeFontFamily(rawFontFamily);
-  if (!fontFamily) return;
-  if (loadedFonts.has(fontFamily)) return;
-  const existing = loadingPromises.get(fontFamily);
-  if (existing) return existing;
-  const promise = (async () => {
-    try {
-      const encoded = encodeURIComponent(fontFamily);
-      const url = `https://fonts.googleapis.com/css?family=${encoded}:300,400,500,600,700&display=swap`;
-      const link = document.createElement("link");
-      link.rel = "stylesheet";
-      link.href = url;
-      link.crossOrigin = "anonymous";
-      await new Promise((resolve, reject) => {
-        link.onload = () => resolve();
-        link.onerror = () => reject(new Error(`Failed to load font: ${fontFamily}`));
-        document.head.appendChild(link);
-      });
-      loadedFonts.add(fontFamily);
-    } catch (e) {
-      console.warn(`[@pixldocs/canvas-renderer] Font load failed: ${fontFamily}`, e);
-    }
-  })();
-  loadingPromises.set(fontFamily, promise);
-  await promise;
-  loadingPromises.delete(fontFamily);
-}
-function collectFontsFromConfig(config) {
-  var _a;
-  const fonts = /* @__PURE__ */ new Set();
-  fonts.add("Open Sans");
-  fonts.add("Hind");
-  function walk(nodes) {
-    var _a2;
-    if (!nodes) return;
-    for (const node of nodes) {
-      if (node.fontFamily) fonts.add(normalizeFontFamily(node.fontFamily));
-      if ((_a2 = node.smartProps) == null ? void 0 : _a2.fontFamily) fonts.add(normalizeFontFamily(node.smartProps.fontFamily));
-      if (node.styles && Array.isArray(node.styles)) {
-        for (const lineStyle of node.styles) {
-          if (lineStyle && typeof lineStyle === "object") {
-            for (const charStyle of Object.values(lineStyle)) {
-              if (charStyle == null ? void 0 : charStyle.fontFamily) fonts.add(normalizeFontFamily(charStyle.fontFamily));
-            }
-          }
-        }
-      }
-      if (node.children) walk(node.children);
-    }
-  }
-  for (const page of config.pages || []) {
-    walk(page.children || []);
-  }
-  if ((_a = config.themeConfig) == null ? void 0 : _a.variables) {
-    for (const def of Object.values(config.themeConfig.variables)) {
-      if (def.value && typeof def.value === "string" && !def.value.startsWith("#") && !def.value.startsWith("rgb")) {
-        if (def.label && /font/i.test(def.label)) {
-          fonts.add(normalizeFontFamily(def.value));
-        }
-      }
-    }
-  }
-  return fonts;
-}
-function collectFontDescriptorsFromConfig(config) {
-  var _a;
-  const seen = /* @__PURE__ */ new Set();
-  const descriptors = [];
-  function add(family, weight, style) {
-    const f = normalizeFontFamily(family);
-    if (!f) return;
-    const w = weight ?? 400;
-    const s = style ?? "normal";
-    const key = `${f}|${w}|${s}`;
-    if (seen.has(key)) return;
-    seen.add(key);
-    descriptors.push({ family: f, weight: w, style: s });
-  }
-  function walk(nodes) {
-    var _a2;
-    if (!nodes) return;
-    for (const node of nodes) {
-      if (node.fontFamily) {
-        add(node.fontFamily, node.fontWeight, node.fontStyle);
-        if (node.type === "text") {
-          for (const w of [300, 400, 500, 600, 700]) {
-            add(node.fontFamily, w, node.fontStyle);
-          }
-        }
-      }
-      if ((_a2 = node.smartProps) == null ? void 0 : _a2.fontFamily) {
-        add(node.smartProps.fontFamily, node.smartProps.fontWeight, node.smartProps.fontStyle);
-      }
-      if (node.styles) {
-        const styleEntries = Array.isArray(node.styles) ? node.styles : Object.values(node.styles);
-        for (const lineStyle of styleEntries) {
-          if (lineStyle && typeof lineStyle === "object") {
-            for (const charStyle of Object.values(lineStyle)) {
-              if (charStyle == null ? void 0 : charStyle.fontFamily) {
-                add(charStyle.fontFamily, charStyle.fontWeight, charStyle.fontStyle);
-              }
-            }
-          }
-        }
-      }
-      if (node.children) walk(node.children);
-    }
-  }
-  add("Open Sans", 400, "normal");
-  add("Hind", 400, "normal");
-  add("Hind", 700, "normal");
-  for (const page of config.pages || []) {
-    walk(page.children || []);
-  }
-  if ((_a = config.themeConfig) == null ? void 0 : _a.variables) {
-    for (const def of Object.values(config.themeConfig.variables)) {
-      if (def.value && typeof def.value === "string" && !def.value.startsWith("#") && !def.value.startsWith("rgb")) {
-        if (def.label && /font/i.test(def.label)) {
-          add(def.value);
-        }
-      }
-    }
-  }
-  return descriptors;
-}
-async function ensureFontsForResolvedConfig(config) {
-  if (typeof document === "undefined") return;
-  const descriptors = collectFontDescriptorsFromConfig(config);
-  const families = new Set(descriptors.map((d) => d.family));
-  await withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 3500);
-  if (document.fonts) {
-    descriptors.forEach((d) => {
-      const stylePrefix = d.style === "italic" ? "italic " : "";
-      const weightStr = String(d.weight);
-      const spec = `${stylePrefix}${weightStr} 16px "${d.family}"`;
-      document.fonts.load(spec).catch(() => {
-      });
-    });
-  }
-}
-function configHasAutoShrinkText$1(config) {
-  var _a;
-  if (!((_a = config == null ? void 0 : config.pages) == null ? void 0 : _a.length)) return false;
-  const walk = (nodes) => {
-    for (const node of nodes || []) {
-      if (!node) continue;
-      if (node.type === "text" && node.overflowPolicy === "auto-shrink") return true;
-      if (Array.isArray(node.children) && node.children.length && walk(node.children)) return true;
-    }
-    return false;
-  };
-  for (const page of config.pages) {
-    if (walk(page.children || [])) return true;
-  }
-  return false;
-}
-async function awaitFontsForConfig(config, maxWaitMs) {
-  if (typeof document === "undefined" || !document.fonts) return;
-  await ensureFontsForResolvedConfig(config);
-  const descriptors = collectFontDescriptorsFromConfig(config);
-  if (descriptors.length === 0) return;
-  const loads = Promise.all(
-    descriptors.map((d) => {
-      const stylePrefix = d.style === "italic" ? "italic " : "";
-      const spec = `${stylePrefix}${d.weight} 16px "${d.family}"`;
-      return document.fonts.load(spec).catch(() => []);
-    })
-  ).then(() => void 0);
-  await Promise.race([
-    loads,
-    new Promise((resolve) => setTimeout(resolve, maxWaitMs))
-  ]);
-  await Promise.race([
-    document.fonts.ready.catch(() => void 0).then(() => void 0),
-    new Promise((r) => setTimeout(r, Math.min(500, maxWaitMs)))
-  ]);
-  const checkSpecs = [];
-  for (const d of descriptors) {
-    const stylePrefix = d.style === "italic" ? "italic " : "";
-    checkSpecs.push(`${stylePrefix}${d.weight} 16px "${d.family}"`);
-  }
-  const startedAt = Date.now();
-  const pollBudget = Math.min(maxWaitMs, 2500);
-  const allReady = () => {
-    for (const spec of checkSpecs) {
-      try {
-        if (!document.fonts.check(spec)) return false;
-      } catch {
-      }
-    }
-    return true;
-  };
-  while (!allReady() && Date.now() - startedAt < pollBudget) {
-    await new Promise((resolve) => setTimeout(resolve, 50));
-  }
-  await new Promise(
-    (resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))
-  );
-}
 const PREVIEW_DEBUG_PREFIX = "[canvas-renderer][preview-debug]";
 function countUnderlinedNodes(config) {
   var _a;
@@ -12534,7 +12578,18 @@ 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.76";
+const PACKAGE_VERSION = "0.5.78";
+const roundParityValue = (value) => {
+  if (typeof value !== "number") return value;
+  return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
+};
+function logJsonLine(tag, payload) {
+  try {
+    console.log(`${tag} ${JSON.stringify(payload, (_key, value) => roundParityValue(value))}`);
+  } catch {
+    console.log(tag, payload);
+  }
+}
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -13410,6 +13465,42 @@ class PixldocsRenderer {
     }
     return null;
   }
+  logFabricTextParitySnapshot(stage, fabricInstance) {
+    var _a;
+    if (typeof window === "undefined" || window.__pixldocsDebugAutoShrink !== true) return;
+    const sample = [];
+    const visit = (obj, groupPath = "") => {
+      var _a2;
+      if (!obj) return;
+      if (obj instanceof fabric.Textbox) {
+        const lineWidths = getCanvasMeasuredTextboxLineWidths(obj);
+        sample.push({
+          id: getObjectId(obj),
+          groupPath,
+          text: String(obj.text ?? "").slice(0, 180),
+          left: obj.left,
+          top: obj.top,
+          width: obj.width,
+          height: obj.height,
+          scaleX: obj.scaleX,
+          scaleY: obj.scaleY,
+          fontSize: obj.fontSize,
+          fontFamily: obj.fontFamily,
+          fontWeight: obj.fontWeight,
+          lineCount: ((_a2 = obj.textLines) == null ? void 0 : _a2.length) || 0,
+          lines: (obj.textLines || []).map((line) => Array.isArray(line) ? line.join("") : String(line ?? "")),
+          lineWidths,
+          maxLineWidth: lineWidths.length ? Math.max(...lineWidths) : 0
+        });
+      }
+      if (obj instanceof fabric.Group && typeof obj.getObjects === "function") {
+        const nextPath = [groupPath, getObjectId(obj) || obj.type || "group"].filter(Boolean).join("/");
+        obj.getObjects().forEach((child) => visit(child, nextPath));
+      }
+    };
+    (_a = fabricInstance == null ? void 0 : fabricInstance.getObjects) == null ? void 0 : _a.call(fabricInstance).forEach((obj) => visit(obj));
+    logJsonLine("[canvas-renderer][fabric-text-parity]", { stage, textboxes: sample.length, sample });
+  }
   async waitForStableTextMetrics(container, config) {
     var _a, _b, _c;
     if (typeof document !== "undefined") {
@@ -13418,6 +13509,7 @@ class PixldocsRenderer {
     }
     const fabricInstance = this.getFabricCanvasFromContainer(container);
     if (!(fabricInstance == null ? void 0 : fabricInstance.getObjects)) return;
+    this.logFabricTextParitySnapshot("before-stable-text-metrics", fabricInstance);
     const waitForPaint = () => new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
     const primeCharBounds = (obj) => {
       if (obj instanceof fabric.Textbox) {
@@ -13444,6 +13536,7 @@ class PixldocsRenderer {
     await waitForPaint();
     (_c = fabricInstance.renderAll) == null ? void 0 : _c.call(fabricInstance);
     await waitForPaint();
+    this.logFabricTextParitySnapshot("after-stable-text-metrics", fabricInstance);
   }
 }
 const FONT_WEIGHT_LABELS = {
@@ -14265,6 +14358,16 @@ const pdfFonts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   resolveFontWeight,
   rewriteSvgFontsForJsPDF
 }, Symbol.toStringTag, { value: "Module" }));
+function logParityJson(tag, stage, payload) {
+  try {
+    console.log(`${tag} ${stage} ${JSON.stringify(payload, (_key, value) => {
+      if (typeof value !== "number") return value;
+      return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
+    })}`);
+  } catch {
+    console.log(`${tag} ${stage}`, payload);
+  }
+}
 function dumpSvgTextDiagnostics(svgStr, pageIndex, tag, stage, maxItems = 30) {
   try {
     if (typeof DOMParser === "undefined") return;
@@ -14287,7 +14390,7 @@ function dumpSvgTextDiagnostics(svgStr, pageIndex, tag, stage, maxItems = 30) {
       svgViewBox,
       textCount: texts.length
     };
-    console.log(`${tag} ${stage} page=${pageIndex} summary`, summary);
+    logParityJson(tag, stage, { kind: "summary", ...summary });
     const sample = texts.slice(0, maxItems).map((t, idx) => {
       var _a, _b;
       const tspans = Array.from(t.querySelectorAll("tspan"));
@@ -14319,7 +14422,7 @@ function dumpSvgTextDiagnostics(svgStr, pageIndex, tag, stage, maxItems = 30) {
         tspanSample: tspanInfo
       };
     });
-    console.log(`${tag} ${stage} page=${pageIndex} text-sample (first ${sample.length}/${texts.length})`, sample);
+    logParityJson(tag, stage, { kind: "text-sample", page: pageIndex, count: sample.length, total: texts.length, sample });
   } catch (err) {
     console.warn(`${tag} ${stage} page=${pageIndex} dump threw`, err);
   }