@pixldocs/canvas-renderer 0.5.143 → 0.5.146

package/dist/{vectorPdfExport-JVEe_tSQ.cjs → vectorPdfExport-SMvSP0el.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jspdf = require("jspdf");
 const svg2pdf_js = require("svg2pdf.js");
 const fabric = require("fabric");
-const index = require("./index-r5VzSOHa.cjs");
+const index = require("./index-DoPXmxDJ.cjs");
 const pdfFonts = require("./pdfFonts-BTEVnYX8.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -142,6 +142,33 @@ const yieldToUI = () => new Promise((resolve) => {
   requestAnimationFrame(() => setTimeout(resolve, 0));
 });
 const SHADOW_RASTER_ALPHA_COMPENSATION = 0.84;
+function collectFontSpecsFromShadowMarkup(markup) {
+  const specs = /* @__PURE__ */ new Set();
+  const re = /<(?:text|tspan)\b[^>]*>/gi;
+  let match;
+  while ((match = re.exec(markup)) !== null) {
+    const tag = match[0];
+    const get = (attr) => {
+      const m = tag.match(new RegExp(`\\s${attr}\\s*=\\s*"([^"]*)"`, "i"));
+      if (m) return m[1];
+      const styleM = tag.match(/\sstyle\s*=\s*"([^"]*)"/i);
+      if (styleM) {
+        const sm = styleM[1].match(new RegExp(`${attr}\\s*:\\s*([^;]+)`, "i"));
+        if (sm) return sm[1].trim();
+      }
+      return null;
+    };
+    const family = (get("font-family") || "").split(",")[0].replace(/['"]/g, "").trim();
+    if (!family) continue;
+    const weight = get("font-weight") || "400";
+    const style = get("font-style") || "normal";
+    const size = get("font-size") || "16px";
+    const sizePx = /[a-z%]/i.test(size) ? size : `${size}px`;
+    const famSpec = /\s/.test(family) ? `"${family}"` : family;
+    specs.add(`${style} ${weight} ${sizePx} ${famSpec}`);
+  }
+  return Array.from(specs);
+}
 let debugSvgDrawSequence = 0;
 function debugLog(...args) {
 }
@@ -1227,6 +1254,105 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
     }
   }
 }
+async function logTextMeasurementDiagnostic(svg) {
+  var _a, _b, _c, _d, _e;
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  try {
+    const params = new URLSearchParams(((_a = window.location) == null ? void 0 : _a.search) || "");
+    if (params.get("pdfdiag") !== "1") return;
+  } catch {
+    return;
+  }
+  if (!svg) return;
+  const tempContainer = document.createElement("div");
+  tempContainer.style.cssText = "position:fixed;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none;";
+  const clone = svg.cloneNode(true);
+  for (const tn of clone.querySelectorAll("text, tspan, textPath")) {
+    const sf = tn.getAttribute("data-source-font-family");
+    const sw = tn.getAttribute("data-source-font-weight");
+    const ss = tn.getAttribute("data-source-font-style");
+    if (sf) tn.setAttribute("font-family", sf);
+    if (sw) tn.setAttribute("font-weight", sw);
+    if (ss) tn.setAttribute("font-style", ss);
+  }
+  tempContainer.appendChild(clone);
+  document.body.appendChild(tempContainer);
+  const measureCanvas = document.createElement("canvas");
+  const mctx = measureCanvas.getContext("2d");
+  try {
+    const liveTexts = Array.from(clone.querySelectorAll("text"));
+    const srcTexts = Array.from(svg.querySelectorAll("text"));
+    const rows = [];
+    for (let i = 0; i < liveTexts.length; i++) {
+      const live = liveTexts[i];
+      const src = srcTexts[i];
+      if (!live || !src) continue;
+      const liveTspans = Array.from(live.querySelectorAll("tspan"));
+      const srcTspans = Array.from(src.querySelectorAll("tspan"));
+      const tspans = liveTspans.length ? liveTspans : [live];
+      const srcs = srcTspans.length ? srcTspans : [src];
+      for (let j = 0; j < tspans.length; j++) {
+        const ln = tspans[j];
+        const sn = srcs[j];
+        const text = ln.textContent || "";
+        const fam = (ln.getAttribute("font-family") || "").replace(/['"]/g, "").trim();
+        const wt = ln.getAttribute("font-weight") || "400";
+        const sty = ln.getAttribute("font-style") || "normal";
+        const sz = parseFloat(ln.getAttribute("font-size") || src.getAttribute("font-size") || "16") || 16;
+        let domX = null;
+        let bboxW = null;
+        try {
+          if (ln.getNumberOfChars && ln.getNumberOfChars() > 0) {
+            domX = ln.getStartPositionOfChar(0).x;
+          }
+        } catch {
+        }
+        try {
+          bboxW = ((_b = ln.getBBox) == null ? void 0 : _b.call(ln).width) ?? null;
+        } catch {
+        }
+        let canvasW = null;
+        if (mctx) {
+          mctx.font = `${sty} ${wt} ${sz}px "${fam}"`;
+          try {
+            canvasW = mctx.measureText(text).width;
+          } catch {
+          }
+        }
+        rows.push({
+          line: text.length > 40 ? text.slice(0, 37) + "..." : text,
+          font: `${fam} ${wt} ${sty}`,
+          size: sz,
+          srcAnchor: sn.getAttribute("text-anchor") || ((_c = sn.parentElement) == null ? void 0 : _c.getAttribute("text-anchor")) || "",
+          srcX: sn.getAttribute("x") || ((_d = sn.parentElement) == null ? void 0 : _d.getAttribute("x")) || "",
+          domX: domX !== null ? +domX.toFixed(2) : null,
+          bboxW: bboxW !== null ? +bboxW.toFixed(2) : null,
+          measureCtxW: canvasW !== null ? +canvasW.toFixed(2) : null
+        });
+      }
+    }
+    if (rows.length > 0) {
+      console.log("[PDF-DIAG] ===== text measurement diagnostic =====");
+      console.log(
+        "[PDF-DIAG] env=",
+        typeof navigator !== "undefined" ? navigator.userAgent.slice(0, 80) : "n/a",
+        "dpr=",
+        window.devicePixelRatio,
+        "fontsReady=",
+        !!((_e = document.fonts) == null ? void 0 : _e.ready)
+      );
+      for (const r of rows) {
+        console.log("[PDF-DIAG]", JSON.stringify(r));
+      }
+      console.log("[PDF-DIAG] ===== end =====");
+    }
+  } finally {
+    try {
+      document.body.removeChild(tempContainer);
+    } catch {
+    }
+  }
+}
 async function _convertTextDecorationsToLines_impl(svg) {
   const doc = svg.ownerDocument;
   if (!doc) return;
@@ -1423,7 +1549,7 @@ async function convertSvgTextDecorationsToLinesString(svgStr) {
   }
 }
 async function rasterizeShadowMarkers(svg) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   if (typeof window === "undefined" || typeof document === "undefined") return;
   const markers = Array.from(svg.querySelectorAll("g.__pdShadowRaster"));
   if (markers.length === 0) return;
@@ -1450,6 +1576,17 @@ async function rasterizeShadowMarkers(svg) {
       const innerXml = restoreSourceFontsForShadowRaster(
         Array.from(marker.childNodes).map((n) => n instanceof Element ? new XMLSerializer().serializeToString(n) : "").join("")
       );
+      try {
+        const fontSpecs = collectFontSpecsFromShadowMarkup(innerXml);
+        if (fontSpecs.length > 0 && ((_c = document.fonts) == null ? void 0 : _c.load)) {
+          await Promise.all(
+            fontSpecs.map(
+              (spec) => document.fonts.load(spec).catch(() => void 0)
+            )
+          );
+        }
+      } catch {
+      }
       const scale = 2;
       const pxW = Math.min(4096, Math.max(8, Math.ceil(bw * scale)));
       const pxH = Math.min(4096, Math.max(8, Math.ceil(bh * scale)));
@@ -1459,7 +1596,7 @@ async function rasterizeShadowMarkers(svg) {
       const miniSvg = `<svg xmlns="${SVG_NS}" xmlns:xlink="${XLINK_NS}" width="${pxW}" height="${pxH}" viewBox="${bx} ${by} ${bw} ${bh}">${styleBlock}<defs><filter id="${filterId}" filterUnits="userSpaceOnUse" x="${bx}" y="${by}" width="${bw}" height="${bh}" color-interpolation-filters="sRGB"><feOffset dx="${ox}" dy="${oy}" result="offsetShadow" /><feGaussianBlur in="offsetShadow" stdDeviation="${stdDev}" /></filter></defs><g filter="url(#${filterId})">${innerXml}</g></svg>`;
       const dataUrl = await rasterSvgToPngDataUrl(miniSvg, pxW, pxH);
       if (!dataUrl) {
-        (_c = marker.parentNode) == null ? void 0 : _c.removeChild(marker);
+        (_d = marker.parentNode) == null ? void 0 : _d.removeChild(marker);
         continue;
       }
       const img = svg.ownerDocument.createElementNS(SVG_NS, "image");
@@ -1471,11 +1608,11 @@ async function rasterizeShadowMarkers(svg) {
       img.setAttribute("preserveAspectRatio", "none");
       img.setAttributeNS(XLINK_NS, "xlink:href", dataUrl);
       img.setAttribute("href", dataUrl);
-      (_d = marker.parentNode) == null ? void 0 : _d.replaceChild(img, marker);
+      (_e = marker.parentNode) == null ? void 0 : _e.replaceChild(img, marker);
     } catch (error) {
       console.warn("[Vector PDF] text shadow rasterization failed for one marker:", error);
       try {
-        (_e = marker.parentNode) == null ? void 0 : _e.removeChild(marker);
+        (_f = marker.parentNode) == null ? void 0 : _f.removeChild(marker);
       } catch {
       }
     }
@@ -1677,6 +1814,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     }
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
+      await logTextMeasurementDiagnostic(svgToDraw);
       await bakeTextAnchorPositionsFromLiveSvg(svgToDraw);
     } catch (e) {
       console.warn("[Vector PDF] anchor-bake pass failed (continuing):", e);
@@ -2267,7 +2405,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-r5VzSOHa.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-DoPXmxDJ.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3048,7 +3186,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-r5VzSOHa.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-DoPXmxDJ.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5027,6 +5165,7 @@ exports.drawPreparedLiveCanvasSvgPageToPdf = drawPreparedLiveCanvasSvgPageToPdf;
 exports.embedFontsForSvg = embedFontsForSvg;
 exports.exportFabricCanvasToVectorPdf = exportFabricCanvasToVectorPdf;
 exports.exportMultiPagePdf = exportMultiPagePdf;
+exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-JVEe_tSQ.cjs.map
+//# sourceMappingURL=vectorPdfExport-SMvSP0el.cjs.map