@pixldocs/canvas-renderer 0.5.68 → 0.5.70

package/dist/index.d.ts

@@ -87,6 +87,8 @@ export declare function collectImageUrls(config: TemplateConfig): string[];
  */
 export declare function configHasAutoShrinkText(config: TemplateConfig | null | undefined): boolean;
 
+export declare function dumpSvgTextDiagnostics(svgStr: string, pageIndex: number, tag: string, stage: string, maxItems?: number): void;
+
 export declare interface DynamicField {
     id: string;
     label: string;
@@ -254,7 +256,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.68";
+export declare const PACKAGE_VERSION = "0.5.70";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -12982,6 +12982,19 @@ function injectLocalFontFaces(rawFontFamily) {
   document.head.appendChild(style);
   return true;
 }
+async function awaitLocalFontFace(rawFontFamily, timeoutMs = 1600) {
+  if (typeof document === "undefined" || !document.fonts) return false;
+  const fontFamily = normalizeFontFamily(rawFontFamily);
+  if (!injectLocalFontFaces(fontFamily)) return false;
+  const weights = [400, 700];
+  const loads = Promise.all(
+    weights.map((weight) => document.fonts.load(`${weight} 16px "${fontFamily}"`))
+  ).then(() => document.fonts.check(`400 16px "${fontFamily}"`));
+  return await Promise.race([
+    loads.catch(() => false),
+    new Promise((resolve) => setTimeout(() => resolve(false), timeoutMs))
+  ]);
+}
 function withTimeout(promise, timeoutMs = 4e3) {
   let timeoutId;
   return Promise.race([
@@ -13002,7 +13015,7 @@ async function loadGoogleFontCSS(rawFontFamily) {
   if (existing) return existing;
   const promise = (async () => {
     try {
-      if (injectLocalFontFaces(fontFamily)) {
+      if (await awaitLocalFontFace(fontFamily)) {
         loadedFonts.add(fontFamily);
         return;
       }
@@ -13128,7 +13141,7 @@ async function ensureFontsForResolvedConfig(config) {
   if (typeof document === "undefined") return;
   const descriptors = collectFontDescriptorsFromConfig(config);
   const families = new Set(descriptors.map((d) => d.family));
-  void withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 2500);
+  await withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 3500);
   if (document.fonts) {
     descriptors.forEach((d) => {
       const stylePrefix = d.style === "italic" ? "italic " : "";
@@ -13157,7 +13170,7 @@ function configHasAutoShrinkText$1(config) {
 }
 async function awaitFontsForConfig(config, maxWaitMs) {
   if (typeof document === "undefined" || !document.fonts) return;
-  void ensureFontsForResolvedConfig(config);
+  await ensureFontsForResolvedConfig(config);
   const descriptors = collectFontDescriptorsFromConfig(config);
   if (descriptors.length === 0) return;
   const loads = Promise.all(
@@ -13399,7 +13412,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.68";
+const PACKAGE_VERSION = "0.5.70";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -13889,7 +13902,7 @@ class PixldocsRenderer {
    */
   async awaitFontsForConfig(config, maxWaitMs) {
     if (typeof document === "undefined" || !document.fonts) return;
-    void ensureFontsForResolvedConfig(config);
+    await ensureFontsForResolvedConfig(config);
     await this.waitForRelevantFonts(config, maxWaitMs);
     await Promise.race([
       document.fonts.ready.catch(() => void 0).then(() => void 0),
@@ -14345,6 +14358,65 @@ class PixldocsRenderer {
     await waitForPaint();
   }
 }
+function dumpSvgTextDiagnostics(svgStr, pageIndex, tag, stage, maxItems = 30) {
+  try {
+    if (typeof DOMParser === "undefined") return;
+    const doc = new DOMParser().parseFromString(svgStr, "image/svg+xml");
+    if (doc.querySelector("parsererror")) {
+      console.warn(`${tag} page=${pageIndex} stage=${stage} parse-error`);
+      return;
+    }
+    const root = doc.documentElement;
+    const svgWidth = root == null ? void 0 : root.getAttribute("width");
+    const svgHeight = root == null ? void 0 : root.getAttribute("height");
+    const svgViewBox = root == null ? void 0 : root.getAttribute("viewBox");
+    const texts = Array.from(doc.querySelectorAll("text"));
+    const summary = {
+      page: pageIndex,
+      stage,
+      svgLen: svgStr.length,
+      svgWidth,
+      svgHeight,
+      svgViewBox,
+      textCount: texts.length
+    };
+    console.log(`${tag} ${stage} page=${pageIndex} summary`, summary);
+    const sample = texts.slice(0, maxItems).map((t, idx) => {
+      var _a, _b;
+      const tspans = Array.from(t.querySelectorAll("tspan"));
+      const tspanInfo = tspans.slice(0, 4).map((s) => ({
+        x: s.getAttribute("x"),
+        y: s.getAttribute("y"),
+        text: (s.textContent || "").slice(0, 40)
+      }));
+      let containerWidth = null;
+      let cursor = t.parentElement;
+      while (cursor && !containerWidth) {
+        containerWidth = (_a = cursor.getAttribute) == null ? void 0 : _a.call(cursor, "width");
+        cursor = cursor.parentElement;
+        if (cursor && ((_b = cursor.tagName) == null ? void 0 : _b.toLowerCase()) === "svg") break;
+      }
+      return {
+        idx,
+        x: t.getAttribute("x"),
+        y: t.getAttribute("y"),
+        fontSize: t.getAttribute("font-size"),
+        fontFamily: t.getAttribute("font-family"),
+        fontWeight: t.getAttribute("font-weight"),
+        textAnchor: t.getAttribute("text-anchor"),
+        transform: t.getAttribute("transform"),
+        style: (t.getAttribute("style") || "").slice(0, 120),
+        ancestorWidth: containerWidth,
+        textContent: (t.textContent || "").slice(0, 60),
+        tspanCount: tspans.length,
+        tspanSample: tspanInfo
+      };
+    });
+    console.log(`${tag} ${stage} page=${pageIndex} text-sample (first ${sample.length}/${texts.length})`, sample);
+  } catch (err) {
+    console.warn(`${tag} ${stage} page=${pageIndex} dump threw`, err);
+  }
+}
 const SVG_DRAWABLE_TAGS = /* @__PURE__ */ new Set([
   "path",
   "rect",
@@ -15640,6 +15712,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
   const { title, stripPageBackground } = options;
   const firstPage = svgResults[0];
   const orientation = firstPage.width > firstPage.height ? "landscape" : "portrait";
+  const PARITY_TAG = "[canvas-renderer][parity-diag][pkg-pdf]";
+  console.log(`${PARITY_TAG} pkg-version=0.5.70 pages=${svgResults.length}`);
+  try {
+    for (let pi = 0; pi < svgResults.length; pi++) {
+      dumpSvgTextDiagnostics(svgResults[pi].svg, pi, PARITY_TAG, "STAGE-1-raw-toSVG");
+    }
+  } catch (e) {
+    console.warn(`${PARITY_TAG} dump failed`, e);
+  }
   const pdf = new jsPDF({
     orientation,
     unit: "px",
@@ -15669,6 +15750,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
       stripPageBackground: shouldStripBg
     });
     if (processedSvg) {
+      try {
+        dumpSvgTextDiagnostics(
+          new XMLSerializer().serializeToString(processedSvg),
+          i,
+          PARITY_TAG,
+          "STAGE-2-after-prepareLiveCanvasSvgForPdf"
+        );
+      } catch {
+      }
       await convertTextDecorationsToLines(processedSvg);
       if (shouldOutlineText) {
         try {
@@ -15690,6 +15780,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
       const reParser = new DOMParser();
       const reDoc = reParser.parseFromString(rewrittenSvg, "image/svg+xml");
       processedSvg = reDoc.documentElement;
+      try {
+        dumpSvgTextDiagnostics(
+          rewrittenSvg,
+          i,
+          PARITY_TAG,
+          "STAGE-3-after-rewriteSvgFontsForJsPDF"
+        );
+      } catch {
+      }
     }
     if (processedSvg) {
       pdf.setFillColor(0, 0, 0);
@@ -15713,7 +15812,8 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
 }
 const pdfExport = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  assemblePdfFromSvgs
+  assemblePdfFromSvgs,
+  dumpSvgTextDiagnostics
 }, Symbol.toStringTag, { value: "Module" }));
 function collectImageUrls(config) {
   const urls = [];
@@ -15817,6 +15917,7 @@ export {
   collectFontsFromConfig,
   collectImageUrls,
   configHasAutoShrinkText$1 as configHasAutoShrinkText,
+  dumpSvgTextDiagnostics,
   embedFont,
   embedFontsForConfig,
   embedFontsInPdf,