@pixldocs/canvas-renderer 0.5.147 → 0.5.149

package/dist/{vectorPdfExport-DmFmkPUr.cjs → vectorPdfExport-FwEcQIPB.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-D78ekQx5.cjs");
+const index = require("./index-C6IaOn7u.cjs");
 const pdfFonts = require("./pdfFonts-BTEVnYX8.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1199,6 +1199,44 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
   tempContainer.appendChild(clone);
   document.body.appendChild(tempContainer);
   let baked = 0;
+  const _measureCanvas = typeof document !== "undefined" ? document.createElement("canvas") : null;
+  const _mctx = (_measureCanvas == null ? void 0 : _measureCanvas.getContext("2d")) || null;
+  const _resolveFontSize = (node) => {
+    let cur = node;
+    while (cur) {
+      const fs = cur.getAttribute("font-size");
+      if (fs) {
+        const n = parseFloat(fs);
+        if (Number.isFinite(n) && n > 0) return n;
+      }
+      cur = cur.parentElement;
+    }
+    return 16;
+  };
+  const _resolveFontAttr = (node, attr, fallback) => {
+    let cur = node;
+    while (cur) {
+      const v = cur.getAttribute(`data-source-${attr}`) || cur.getAttribute(attr);
+      if (v) return v;
+      cur = cur.parentElement;
+    }
+    return fallback;
+  };
+  const _measureWidthCanvas = (srcNode, content) => {
+    if (!_mctx || !content) return null;
+    const family = _resolveFontAttr(srcNode, "font-family", "").replace(/['"]/g, "").trim();
+    const weight = _resolveFontAttr(srcNode, "font-weight", "400");
+    const style = _resolveFontAttr(srcNode, "font-style", "normal");
+    const size = _resolveFontSize(srcNode);
+    if (!family) return null;
+    try {
+      _mctx.font = `${style} ${weight} ${size}px "${family}"`;
+      const w = _mctx.measureText(content).width;
+      return Number.isFinite(w) && w > 0 ? w : null;
+    } catch {
+      return null;
+    }
+  };
   try {
     const srcTexts = Array.from(svg.querySelectorAll("text"));
     const liveTexts = Array.from(clone.querySelectorAll("text"));
@@ -1215,9 +1253,37 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
         if (cleaned) node.setAttribute("style", cleaned);
         else node.removeAttribute("style");
       };
-      const bakeNode = (srcNode, liveNode, anchorOverride) => {
+      const readInheritedX = (node) => {
+        let cur = node;
+        while (cur) {
+          const v = cur.getAttribute("x");
+          if (v) {
+            const parsed = parseFloat(v.split(/[\s,]+/)[0]);
+            return Number.isFinite(parsed) ? parsed : NaN;
+          }
+          cur = cur.parentElement;
+        }
+        return NaN;
+      };
+      const bakeNode = (srcNode, liveNode, anchorOverride, refXOverride) => {
         const anchor = (anchorOverride || _resolveAnchor(srcNode)).trim().toLowerCase();
         if (anchor !== "middle" && anchor !== "end") return;
+        try {
+          const content = srcNode.textContent || "";
+          if (content.length > 0) {
+            const width = _measureWidthCanvas(srcNode, content);
+            const refX = Number.isFinite(refXOverride) ? refXOverride : readInheritedX(srcNode);
+            if (width !== null && Number.isFinite(refX)) {
+              const newX = anchor === "middle" ? refX - width / 2 : refX - width;
+              srcNode.setAttribute("x", String(newX));
+              srcNode.setAttribute("text-anchor", "start");
+              stripTextAnchorStyle(srcNode);
+              baked++;
+              return;
+            }
+          }
+        } catch {
+        }
         try {
           const n = typeof liveNode.getNumberOfChars === "function" ? liveNode.getNumberOfChars() : 0;
           if (!n) return;
@@ -1233,9 +1299,15 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
       if (srcTspans.length > 0) {
         const parentAnchor = _resolveAnchor(srcText);
         const tspanAnchors = srcTspans.map((tspan) => _resolveAnchor(tspan));
-        bakeNode(srcText, liveText, parentAnchor);
+        const parentRefX = readInheritedX(srcText);
+        const tspanRefXs = srcTspans.map((tspan) => readInheritedX(tspan));
         for (let j = 0; j < srcTspans.length; j++) {
-          if (liveTspans[j]) bakeNode(srcTspans[j], liveTspans[j], tspanAnchors[j]);
+          const refX = Number.isFinite(tspanRefXs[j]) ? tspanRefXs[j] : parentRefX;
+          if (liveTspans[j]) bakeNode(srcTspans[j], liveTspans[j], tspanAnchors[j] || parentAnchor, refX);
+        }
+        if (parentAnchor === "middle" || parentAnchor === "end") {
+          srcText.setAttribute("text-anchor", "start");
+          stripTextAnchorStyle(srcText);
         }
       } else {
         bakeNode(srcText, liveText);
@@ -2405,7 +2477,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-D78ekQx5.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-C6IaOn7u.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3186,7 +3258,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-D78ekQx5.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-C6IaOn7u.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5168,4 +5240,4 @@ exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-DmFmkPUr.cjs.map
+//# sourceMappingURL=vectorPdfExport-FwEcQIPB.cjs.map