@pixldocs/canvas-renderer 0.5.129 → 0.5.131

package/dist/{vectorPdfExport-Dsh0IaH2.cjs → vectorPdfExport-CA5X2N63.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-Cnc7FwzD.cjs");
+const index = require("./index-Cc5u_TJx.cjs");
 const pdfFonts = require("./pdfFonts-Cr8l-y3z.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1097,6 +1097,112 @@ function stripSuspiciousFullPageOverlayNodes(svg) {
   }
 }
 async function convertTextDecorationsToLines(svg) {
+  return _convertTextDecorationsToLines_impl(svg);
+}
+async function bakeTextAnchorPositionsFromLiveSvg(svg) {
+  var _a;
+  if (typeof document === "undefined" || typeof window === "undefined") return;
+  if (!svg) return;
+  const _resolveAnchor = (el) => {
+    let cur = el;
+    while (cur) {
+      const a = cur.getAttribute("text-anchor");
+      if (a) return a.trim().toLowerCase();
+      const style = cur.getAttribute("style") || "";
+      const m = style.match(/(?:^|;)\s*text-anchor\s*:\s*([^;]+)/i);
+      if (m) return m[1].trim().toLowerCase();
+      cur = cur.parentElement;
+    }
+    return "start";
+  };
+  const allTextish = Array.from(svg.querySelectorAll("text, tspan"));
+  let needsBake = false;
+  for (const el of allTextish) {
+    const a = _resolveAnchor(el);
+    if (a === "middle" || a === "end") {
+      needsBake = true;
+      break;
+    }
+  }
+  if (!needsBake) return;
+  try {
+    if ((_a = document.fonts) == null ? void 0 : _a.ready) await document.fonts.ready;
+  } catch {
+  }
+  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);
+    const inlineStyle = tn.getAttribute("style") || "";
+    if (sf || sw || ss) {
+      const stylePairs = inlineStyle.split(";").map((p) => p.trim()).filter(Boolean).filter((p) => !/^font-(family|weight|style)\s*:/i.test(p));
+      if (sf) stylePairs.push(`font-family: ${sf}`);
+      if (sw) stylePairs.push(`font-weight: ${sw}`);
+      if (ss) stylePairs.push(`font-style: ${ss}`);
+      if (stylePairs.length > 0) tn.setAttribute("style", stylePairs.join("; "));
+    }
+  }
+  tempContainer.appendChild(clone);
+  document.body.appendChild(tempContainer);
+  let baked = 0;
+  try {
+    const srcTexts = Array.from(svg.querySelectorAll("text"));
+    const liveTexts = Array.from(clone.querySelectorAll("text"));
+    for (let i = 0; i < srcTexts.length; i++) {
+      const srcText = srcTexts[i];
+      const liveText = liveTexts[i];
+      if (!liveText) continue;
+      const srcTspans = Array.from(srcText.querySelectorAll("tspan"));
+      const liveTspans = Array.from(liveText.querySelectorAll("tspan"));
+      const bakeNode = (srcNode, liveNode, isTspan) => {
+        const anchor = _resolveAnchor(srcNode);
+        if (anchor !== "middle" && anchor !== "end") return;
+        try {
+          const n = typeof liveNode.getNumberOfChars === "function" ? liveNode.getNumberOfChars() : 0;
+          if (!n) return;
+          const start = liveNode.getStartPositionOfChar(0);
+          if (!Number.isFinite(start == null ? void 0 : start.x)) return;
+          srcNode.setAttribute("x", String(start.x));
+          srcNode.setAttribute("text-anchor", "start");
+          const style = srcNode.getAttribute("style") || "";
+          if (/text-anchor\s*:/i.test(style)) {
+            const cleaned = style.split(";").map((p) => p.trim()).filter(Boolean).filter((p) => !/^text-anchor\s*:/i.test(p)).join("; ");
+            if (cleaned) srcNode.setAttribute("style", cleaned);
+            else srcNode.removeAttribute("style");
+          }
+          baked++;
+        } catch {
+        }
+      };
+      if (srcTspans.length > 0) {
+        bakeNode(srcText, liveText, false);
+        for (let j = 0; j < srcTspans.length; j++) {
+          if (liveTspans[j]) bakeNode(srcTspans[j], liveTspans[j], true);
+        }
+      } else {
+        bakeNode(srcText, liveText, false);
+      }
+    }
+  } finally {
+    try {
+      document.body.removeChild(tempContainer);
+    } catch {
+    }
+  }
+  if (baked > 0) {
+    try {
+      console.log(`[Vector PDF][parity] baked text-anchor → start on ${baked} node(s) using live canvas measurement`);
+    } catch {
+    }
+  }
+}
+async function _convertTextDecorationsToLines_impl(svg) {
   const doc = svg.ownerDocument;
   if (!doc) return;
   const resolveInheritedSvgValue = (el, attr, styleProp = attr) => {
@@ -1514,7 +1620,7 @@ async function collectInlinedFontFaceCss() {
   return cachedInlinedFontFaceCss;
 }
 async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey, options) {
-  var _a;
+  var _a, _b;
   try {
     const parser = new DOMParser();
     const processedSvg = inlineNestedSvgImageDataUris(rawSvg, parser);
@@ -1545,11 +1651,39 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
       stripRootPageBackgroundFromSvg(svgToDraw);
     }
     sanitizeSvgTreeForPdf(svgToDraw);
+    try {
+      await bakeTextAnchorPositionsFromLiveSvg(svgToDraw);
+    } catch (e) {
+      console.warn("[Vector PDF] anchor-bake pass failed (continuing):", e);
+    }
+    try {
+      const hasShadowText = !!svgToDraw.querySelector("[data-pd-shadow-blur]") || !!svgToDraw.querySelector("g.__pdShadowRaster text");
+      if (hasShadowText) {
+        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-DcI_oipn.cjs"));
+        const serialized = new XMLSerializer().serializeToString(svgToDraw);
+        const outlined = await convertAllTextToPath(serialized, void 0, { mode: "shadow-bound" });
+        const reparsed = parser.parseFromString(outlined, "image/svg+xml");
+        if (!reparsed.querySelector("parsererror") && ((_a = reparsed.documentElement) == null ? void 0 : _a.tagName.toLowerCase()) === "svg") {
+          while (svgToDraw.firstChild) svgToDraw.removeChild(svgToDraw.firstChild);
+          for (const child of Array.from(reparsed.documentElement.childNodes)) {
+            svgToDraw.appendChild(svgToDraw.ownerDocument.importNode(child, true));
+          }
+          for (const attr of Array.from(reparsed.documentElement.attributes)) {
+            try {
+              svgToDraw.setAttribute(attr.name, attr.value);
+            } catch {
+            }
+          }
+        }
+      }
+    } catch (e) {
+      console.warn("[Vector PDF] shadow-bound text outlining failed (continuing without parity outlining):", e);
+    }
     await rasterizeShadowMarkers(svgToDraw);
     await convertTextDecorationsToLines(svgToDraw);
     const rewritten = rewriteSvgFontsForJsPDFWithSourceMeta(new XMLSerializer().serializeToString(svgToDraw));
     const rewrittenDoc = parser.parseFromString(rewritten, "image/svg+xml");
-    if (!rewrittenDoc.querySelector("parsererror") && ((_a = rewrittenDoc.documentElement) == null ? void 0 : _a.tagName.toLowerCase()) === "svg") {
+    if (!rewrittenDoc.querySelector("parsererror") && ((_b = rewrittenDoc.documentElement) == null ? void 0 : _b.tagName.toLowerCase()) === "svg") {
       return rewrittenDoc.documentElement;
     }
     return svgToDraw;
@@ -2131,7 +2265,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-Cnc7FwzD.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-Cc5u_TJx.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -2912,7 +3046,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-Cnc7FwzD.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-Cc5u_TJx.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4885,6 +5019,7 @@ async function exportMultiPagePdf(pages, options) {
   }
   pdf.save(filename);
 }
+exports.bakeTextAnchorPositionsFromLiveSvg = bakeTextAnchorPositionsFromLiveSvg;
 exports.convertSvgTextDecorationsToLinesString = convertSvgTextDecorationsToLinesString;
 exports.drawPreparedLiveCanvasSvgPageToPdf = drawPreparedLiveCanvasSvgPageToPdf;
 exports.embedFontsForSvg = embedFontsForSvg;
@@ -4892,4 +5027,4 @@ exports.exportFabricCanvasToVectorPdf = exportFabricCanvasToVectorPdf;
 exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-Dsh0IaH2.cjs.map
+//# sourceMappingURL=vectorPdfExport-CA5X2N63.cjs.map