@pixldocs/canvas-renderer 0.5.65 → 0.5.66

package/dist/index.d.ts

@@ -254,7 +254,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.65";
+export declare const PACKAGE_VERSION = "0.5.66";
 
 export declare interface PageSettings {
     backgroundColor?: string;
@@ -272,6 +272,8 @@ export declare interface PdfAssemblyOptions {
     stripPageBackground?: boolean;
     /** Base URL for TTF font files (e.g. 'https://pixldocs.com/fonts/' or '/fonts/'). Required for correct font rendering. */
     fontBaseUrl?: string;
+    /** Convert SVG text to paths before svg2pdf for preview/PDF font metric parity. Default: true. */
+    outlineText?: boolean;
 }
 
 /** Options for PDF rendering */

package/dist/index.js

@@ -12542,7 +12542,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.65";
+const PACKAGE_VERSION = "0.5.66";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -15198,6 +15198,14 @@ async function svg2pdfWithDomMount(svg, pdf, opts) {
 async function convertTextDecorationsToLines(svg) {
   const doc = svg.ownerDocument;
   if (!doc) return;
+  const stripTextDecoration = (el) => {
+    el.removeAttribute("text-decoration");
+    const style = el.getAttribute("style") || "";
+    if (!style) return;
+    const kept = style.split(";").map((part) => part.trim()).filter(Boolean).filter((part) => !/^text-decoration\s*:/i.test(part));
+    if (kept.length > 0) el.setAttribute("style", kept.join("; "));
+    else el.removeAttribute("style");
+  };
   const resolveInheritedSvgValue = (el, attr, styleProp = attr) => {
     var _a, _b;
     let current = el;
@@ -15348,6 +15356,8 @@ async function convertTextDecorationsToLines(svg) {
       if (textEl.parentElement) {
         textEl.parentElement.insertBefore(line, textEl.nextSibling);
       }
+      stripTextDecoration(tspan);
+      if (textHasUnderline) stripTextDecoration(textEl);
     }
   }
   if (tempContainer) {
@@ -15586,7 +15596,7 @@ function drawPageBackground(pdf, pageIndex, pageWidth, pageHeight, backgroundCol
   }
 }
 async function assemblePdfFromSvgs(svgResults, options = {}) {
-  var _a, _b;
+  var _a, _b, _c;
   if (svgResults.length === 0) throw new Error("No pages to export");
   const { title, stripPageBackground } = options;
   const firstPage = svgResults[0];
@@ -15614,17 +15624,33 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     const hasGradient = !!((_b = (_a = page.backgroundGradient) == null ? void 0 : _a.stops) == null ? void 0 : _b.length);
     drawPageBackground(pdf, i, page.width, page.height, page.backgroundColor, page.backgroundGradient);
     const shouldStripBg = stripPageBackground ?? hasGradient;
+    const shouldOutlineText = options.outlineText ?? true;
     const pageSvg = page.svg;
     let processedSvg = await prepareLiveCanvasSvgForPdf(pageSvg, page.width, page.height, `page-${i + 1}`, {
       stripPageBackground: shouldStripBg
     });
     if (processedSvg) {
-      const svgStr = new XMLSerializer().serializeToString(processedSvg);
-      const rewrittenSvg = rewriteSvgFontsForJsPDF(svgStr);
+      await convertTextDecorationsToLines(processedSvg);
+      if (shouldOutlineText) {
+        try {
+          const { convertAllTextToPath } = await import("./svgTextToPath-BP0Kppla.js");
+          const outlinedSvg = await convertAllTextToPath(
+            new XMLSerializer().serializeToString(processedSvg),
+            fontBaseUrl
+          );
+          const outlineDoc = new DOMParser().parseFromString(outlinedSvg, "image/svg+xml");
+          const outlinedRoot = outlineDoc.documentElement;
+          if (outlinedRoot && ((_c = outlinedRoot.tagName) == null ? void 0 : _c.toLowerCase()) === "svg" && !outlineDoc.querySelector("parsererror")) {
+            processedSvg = outlinedRoot;
+          }
+        } catch (outlineErr) {
+          console.warn("[canvas-renderer][pdf] text outlining unavailable, falling back to embedded SVG text:", outlineErr);
+        }
+      }
+      const rewrittenSvg = rewriteSvgFontsForJsPDF(new XMLSerializer().serializeToString(processedSvg));
       const reParser = new DOMParser();
       const reDoc = reParser.parseFromString(rewrittenSvg, "image/svg+xml");
       processedSvg = reDoc.documentElement;
-      await convertTextDecorationsToLines(processedSvg);
     }
     if (processedSvg) {
       pdf.setFillColor(0, 0, 0);