@pixldocs/canvas-renderer 0.5.153 → 0.5.155

package/dist/{vectorPdfExport-DTssH1-U.js → vectorPdfExport-vCax992V.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-CAH9akzI.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-BQA8_wgq.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;
@@ -1308,6 +1308,51 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
     }
   }
 }
+function promoteFabricLineAnchorsToSelectableText(svg) {
+  const doc = svg.ownerDocument;
+  if (!doc) return;
+  const lineTspans = Array.from(svg.querySelectorAll('tspan[data-pd-line-anchor="1"]'));
+  if (lineTspans.length === 0) return;
+  const SVG_NS = "http://www.w3.org/2000/svg";
+  const touchedParents = /* @__PURE__ */ new Set();
+  let promoted = 0;
+  for (const tspan of lineTspans) {
+    const parentText = tspan.parentElement;
+    if (!parentText || parentText.tagName.toLowerCase() !== "text" || !parentText.parentNode) continue;
+    const rawWidth = Number.parseFloat(tspan.getAttribute("data-pd-line-width") || "");
+    const rawX = Number.parseFloat(tspan.getAttribute("x") || parentText.getAttribute("x") || "");
+    if (!Number.isFinite(rawWidth) || rawWidth <= 0 || !Number.isFinite(rawX)) continue;
+    const anchor = (tspan.getAttribute("text-anchor") || "start").trim().toLowerCase();
+    if (anchor !== "middle" && anchor !== "end") continue;
+    const startX = anchor === "end" ? rawX - rawWidth : anchor === "middle" ? rawX - rawWidth / 2 : rawX;
+    const y = tspan.getAttribute("y") || parentText.getAttribute("y") || "0";
+    const wrapper = doc.createElementNS(SVG_NS, "text");
+    for (const attr of Array.from(parentText.attributes)) {
+      if (["x", "y", "dx", "dy", "text-anchor", "textLength", "lengthAdjust"].includes(attr.name)) continue;
+      wrapper.setAttribute(attr.name, attr.value);
+    }
+    for (const attr of Array.from(tspan.attributes)) {
+      if (["x", "y", "dx", "dy", "text-anchor", "data-pd-line-anchor", "data-pd-line-width", "textLength", "lengthAdjust"].includes(attr.name)) continue;
+      wrapper.setAttribute(attr.name, attr.value);
+    }
+    wrapper.setAttribute("x", startX.toFixed(3));
+    wrapper.setAttribute("y", y);
+    wrapper.setAttribute("text-anchor", "start");
+    wrapper.setAttribute("textLength", rawWidth.toFixed(3));
+    wrapper.setAttribute("lengthAdjust", "spacing");
+    wrapper.textContent = tspan.textContent || "";
+    parentText.parentNode.insertBefore(wrapper, parentText);
+    tspan.remove();
+    touchedParents.add(parentText);
+    promoted++;
+  }
+  for (const parentText of touchedParents) {
+    if (!parentText.parentNode) continue;
+    const hasText = Array.from(parentText.childNodes).some((node) => (node.textContent || "").trim().length > 0);
+    if (!hasText) parentText.parentNode.removeChild(parentText);
+  }
+  if (promoted > 0) console.log(`[Vector PDF][parity] promoted ${promoted} Fabric line anchor(s) to selectable fixed-width text`);
+}
 async function logTextMeasurementDiagnostic(svg) {
   var _a, _b, _c, _d, _e;
   if (typeof window === "undefined" || typeof document === "undefined") return;
@@ -1836,7 +1881,7 @@ async function collectInlinedFontFaceCss() {
   return cachedInlinedFontFaceCss;
 }
 async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey, options) {
-  var _a, _b;
+  var _a;
   try {
     const parser = new DOMParser();
     const processedSvg = inlineNestedSvgImageDataUris(rawSvg, parser);
@@ -1874,27 +1919,11 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
       console.warn("[Vector PDF] anchor-bake pass failed (continuing):", e);
     }
     await rasterizeShadowMarkers(svgToDraw);
-    try {
-      if (svgToDraw.querySelector("g[data-pd-shadow-blur] text, g[data-pd-text-bg] text")) {
-        const { convertAllTextToPath } = await import("./svgTextToPath-BXAzwaaR.js");
-        const outlined = await convertAllTextToPath(
-          new XMLSerializer().serializeToString(svgToDraw),
-          void 0,
-          { mode: "shadow-bound" }
-        );
-        const outlinedDoc = parser.parseFromString(outlined, "image/svg+xml");
-        if (!outlinedDoc.querySelector("parsererror") && ((_a = outlinedDoc.documentElement) == null ? void 0 : _a.tagName.toLowerCase()) === "svg") {
-          svgToDraw = outlinedDoc.documentElement;
-          console.log("[Vector PDF][parity] decorated text outlined for headless alignment");
-        }
-      }
-    } catch (outlineErr) {
-      console.warn("[Vector PDF] shadow-bound text outline failed (continuing):", outlineErr);
-    }
+    promoteFabricLineAnchorsToSelectableText(svgToDraw);
     await convertTextDecorationsToLines(svgToDraw);
     const rewritten = rewriteSvgFontsForJsPDFWithSourceMeta(new XMLSerializer().serializeToString(svgToDraw));
     const rewrittenDoc = parser.parseFromString(rewritten, "image/svg+xml");
-    if (!rewrittenDoc.querySelector("parsererror") && ((_b = rewrittenDoc.documentElement) == null ? void 0 : _b.tagName.toLowerCase()) === "svg") {
+    if (!rewrittenDoc.querySelector("parsererror") && ((_a = rewrittenDoc.documentElement) == null ? void 0 : _a.tagName.toLowerCase()) === "svg") {
       return rewrittenDoc.documentElement;
     }
     return svgToDraw;
@@ -2476,7 +2505,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-CAH9akzI.js").then((n) => n.$);
+    const { getNormalizedSvgUrl } = await import("./index-BQA8_wgq.js").then((n) => n.$);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3257,7 +3286,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-CAH9akzI.js").then((n) => n.$);
+      const { isPrivateUrl } = await import("./index-BQA8_wgq.js").then((n) => n.$);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5239,6 +5268,7 @@ export {
   exportMultiPagePdf,
   logTextMeasurementDiagnostic,
   preparePagesForExport,
+  promoteFabricLineAnchorsToSelectableText,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-DTssH1-U.js.map
+//# sourceMappingURL=vectorPdfExport-vCax992V.js.map