@pixldocs/canvas-renderer 0.5.146 → 0.5.148

package/dist/{vectorPdfExport-SMvSP0el.cjs → vectorPdfExport-JGntLQJQ.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-DoPXmxDJ.cjs");
+const index = require("./index-Bt1m9Esp.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"));
@@ -1218,6 +1256,32 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
       const bakeNode = (srcNode, liveNode, anchorOverride) => {
         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);
+            let refXAttr = null;
+            let cur = srcNode;
+            while (cur) {
+              const v = cur.getAttribute("x");
+              if (v) {
+                refXAttr = v;
+                break;
+              }
+              cur = cur.parentElement;
+            }
+            const refX = refXAttr !== null ? parseFloat(refXAttr.split(/[\s,]+/)[0]) : NaN;
+            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;
@@ -2405,7 +2469,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-DoPXmxDJ.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-Bt1m9Esp.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3186,7 +3250,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-DoPXmxDJ.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-Bt1m9Esp.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 +5232,4 @@ exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-SMvSP0el.cjs.map
+//# sourceMappingURL=vectorPdfExport-JGntLQJQ.cjs.map