@pixldocs/canvas-renderer 0.5.143 → 0.5.145

package/dist/{vectorPdfExport-JVEe_tSQ.cjs → vectorPdfExport-C9jFFq3k.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-DVjmPr0D.cjs");
 const pdfFonts = require("./pdfFonts-BTEVnYX8.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1227,6 +1227,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;
@@ -1677,6 +1776,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 +2367,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-DVjmPr0D.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3048,7 +3148,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-DVjmPr0D.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 +5127,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-C9jFFq3k.cjs.map