@pixldocs/canvas-renderer 0.5.147 → 0.5.149

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-D78ekQx5.cjs");
+const index = require("./index-C6IaOn7u.cjs");
 exports.DEPLOYMENT_VERSION_MARKER = index.DEPLOYMENT_VERSION_MARKER;
 exports.FONT_FALLBACK_DEVANAGARI = index.FONT_FALLBACK_DEVANAGARI;
 exports.FONT_FALLBACK_MATH = index.FONT_FALLBACK_MATH;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, b, M, N, O, Q, R, S, U, V, W, X, Y, Z, _ } from "./index-NMZJF9C9.js";
+import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, b, M, N, O, Q, R, S, U, V, W, X, Y, Z, _ } from "./index-Bpxp8eDf.js";
 export {
   D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,

package/dist/{vectorPdfExport-_m5TiQjK.js → vectorPdfExport-DkZDHKeR.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-NMZJF9C9.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-Bpxp8eDf.js";
 import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-b3_bv7F0.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
@@ -1180,6 +1180,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"));
@@ -1196,9 +1234,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;
@@ -1214,9 +1280,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);
@@ -2386,7 +2458,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-NMZJF9C9.js").then((n) => n.$);
+    const { getNormalizedSvgUrl } = await import("./index-Bpxp8eDf.js").then((n) => n.$);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3167,7 +3239,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-NMZJF9C9.js").then((n) => n.$);
+      const { isPrivateUrl } = await import("./index-Bpxp8eDf.js").then((n) => n.$);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5151,4 +5223,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-_m5TiQjK.js.map
+//# sourceMappingURL=vectorPdfExport-DkZDHKeR.js.map