@pixldocs/canvas-renderer 0.5.129 → 0.5.132

package/dist/{vectorPdfExport-DrXSoUpy.js → vectorPdfExport-3QFNDStb.js}

@@ -1,7 +1,7 @@
 import { jsPDF, ShadingPattern } from "jspdf";
 import { svg2pdf } from "svg2pdf.js";
 import * as fabric from "fabric";
-import { g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, p as parseTextMarkdown, r as renderSmartElementToSvg, n as normalizeShapeType, h as hasEdgeFade, b as getProxiedImageUrl, d as bakeEdgeFade, i as isElement, e as isGroup, j as buildRoundedTrianglePath, A as API_URL, k as getImageProxyFetchOptions, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints } from "./index-BinoVoB5.js";
+import { g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, p as parseTextMarkdown, r as renderSmartElementToSvg, n as normalizeShapeType, h as hasEdgeFade, b as getProxiedImageUrl, d as bakeEdgeFade, i as isElement, e as isGroup, j as buildRoundedTrianglePath, A as API_URL, k as getImageProxyFetchOptions, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints } from "./index-TWLUgM18.js";
 import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-Y49FLHuG.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
@@ -1078,6 +1078,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) => {
@@ -1495,7 +1601,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);
@@ -1526,11 +1632,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 import("./svgTextToPath-Bne0QyE7.js");
+        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;
@@ -2112,7 +2246,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await import("./index-BinoVoB5.js").then((n) => n._);
+    const { getNormalizedSvgUrl } = await import("./index-TWLUgM18.js").then((n) => n._);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -2893,7 +3027,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-BinoVoB5.js").then((n) => n._);
+      const { isPrivateUrl } = await import("./index-TWLUgM18.js").then((n) => n._);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4867,6 +5001,7 @@ async function exportMultiPagePdf(pages, options) {
   pdf.save(filename);
 }
 export {
+  bakeTextAnchorPositionsFromLiveSvg,
   convertSvgTextDecorationsToLinesString,
   drawPreparedLiveCanvasSvgPageToPdf,
   embedFontsForSvg,
@@ -4875,4 +5010,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-DrXSoUpy.js.map
+//# sourceMappingURL=vectorPdfExport-3QFNDStb.js.map