@pixldocs/canvas-renderer 0.5.155 → 0.5.157

package/dist/{vectorPdfExport-vCax992V.js → vectorPdfExport-CZyyQbwm.js}

@@ -1,8 +1,8 @@
 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-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";
+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-xn-L7QHB.js";
+import { r as resetPdfFontRegistry, F as FONT_FALLBACK_SYMBOLS, a as FONT_FALLBACK_MATH, b as FONT_FALLBACK_DEVANAGARI, e as embedFontWithGoogleFallback, g as getEmbeddedVariantsList, i as isFontAvailable, c as isFamilyEmbedded, d as resolveBestRegisteredVariant, f as getEmbeddedJsPDFFontName, h as convertAllTextToPath, j as resolveFontWeight, k as doesVariantSupportChar } from "./svgTextToPath-V1vC0SQt.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
   const {
@@ -12,7 +12,7 @@ async function embedFontsForSvg(pdf, svgStr) {
     FONT_FALLBACK_SYMBOLS: FONT_FALLBACK_SYMBOLS2,
     FONT_FALLBACK_DEVANAGARI: FONT_FALLBACK_DEVANAGARI2,
     FONT_FALLBACK_MATH: FONT_FALLBACK_MATH2
-  } = await import("./pdfFonts-b3_bv7F0.js");
+  } = await import("./svgTextToPath-V1vC0SQt.js").then((n) => n.p);
   const parser = new DOMParser();
   const doc = parser.parseFromString(svgStr, "image/svg+xml");
   const textEls = Array.from(doc.querySelectorAll("text, tspan, textPath"));
@@ -1308,50 +1308,44 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
     }
   }
 }
-function promoteFabricLineAnchorsToSelectableText(svg) {
+function appendInvisibleSelectableTextLayer(svg) {
+  var _a;
   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 texts = Array.from(svg.querySelectorAll("text"));
+  if (texts.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`);
+  const layer = doc.createElementNS(SVG_NS, "g");
+  layer.setAttribute("data-pd-selectable-layer", "1");
+  layer.setAttribute("fill", "none");
+  layer.setAttribute("stroke", "none");
+  layer.setAttribute("style", "fill: none; stroke: none;");
+  let cloned = 0;
+  for (const text of texts) {
+    if ((_a = text.closest) == null ? void 0 : _a.call(text, '[data-pd-selectable-layer="1"]')) continue;
+    if (!(text.textContent || "").trim()) continue;
+    const clone = text.cloneNode(true);
+    clone.setAttribute("fill", "none");
+    clone.setAttribute("stroke", "none");
+    clone.setAttribute("style", "fill: none; stroke: none;");
+    clone.removeAttribute("opacity");
+    clone.removeAttribute("fill-opacity");
+    clone.removeAttribute("stroke-opacity");
+    for (const child of Array.from(clone.querySelectorAll("*"))) {
+      child.setAttribute("fill", "none");
+      child.setAttribute("stroke", "none");
+      child.setAttribute("style", "fill: none; stroke: none;");
+      child.removeAttribute("opacity");
+      child.removeAttribute("fill-opacity");
+      child.removeAttribute("stroke-opacity");
+    }
+    layer.appendChild(clone);
+    cloned++;
+  }
+  if (cloned > 0) {
+    svg.appendChild(layer);
+    console.log(`[Vector PDF][selectable-layer] appended ${cloned} invisible text clone(s)`);
+  }
 }
 async function logTextMeasurementDiagnostic(svg) {
   var _a, _b, _c, _d, _e;
@@ -1881,7 +1875,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);
@@ -1918,12 +1912,17 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     } catch (e) {
       console.warn("[Vector PDF] anchor-bake pass failed (continuing):", e);
     }
+    appendInvisibleSelectableTextLayer(svgToDraw);
     await rasterizeShadowMarkers(svgToDraw);
-    promoteFabricLineAnchorsToSelectableText(svgToDraw);
     await convertTextDecorationsToLines(svgToDraw);
+    const outlined = await convertAllTextToPath(new XMLSerializer().serializeToString(svgToDraw), void 0, { mode: "all" });
+    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;
+    }
     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;
@@ -2505,7 +2504,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-BQA8_wgq.js").then((n) => n.$);
+    const { getNormalizedSvgUrl } = await import("./index-xn-L7QHB.js").then((n) => n.$);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3286,7 +3285,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-BQA8_wgq.js").then((n) => n.$);
+      const { isPrivateUrl } = await import("./index-xn-L7QHB.js").then((n) => n.$);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5260,6 +5259,7 @@ async function exportMultiPagePdf(pages, options) {
   pdf.save(filename);
 }
 export {
+  appendInvisibleSelectableTextLayer,
   bakeTextAnchorPositionsFromLiveSvg,
   convertSvgTextDecorationsToLinesString,
   drawPreparedLiveCanvasSvgPageToPdf,
@@ -5268,7 +5268,6 @@ export {
   exportMultiPagePdf,
   logTextMeasurementDiagnostic,
   preparePagesForExport,
-  promoteFabricLineAnchorsToSelectableText,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-vCax992V.js.map
+//# sourceMappingURL=vectorPdfExport-CZyyQbwm.js.map