@pixldocs/canvas-renderer 0.5.80 → 0.5.82

package/dist/index.cjs

@@ -12609,7 +12609,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.80";
+const PACKAGE_VERSION = "0.5.81";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -12884,7 +12884,7 @@ class PixldocsRenderer {
   async renderPdf(templateConfig, options) {
     const svgs = await this.renderAllPageSvgs(templateConfig);
     const { assemblePdfFromSvgs: assemblePdfFromSvgs2 } = await Promise.resolve().then(() => pdfExport);
-    return assemblePdfFromSvgs2(svgs, { title: options == null ? void 0 : options.title, fontBaseUrl: options == null ? void 0 : options.fontBaseUrl });
+    return assemblePdfFromSvgs2(svgs, { title: options == null ? void 0 : options.title, fontBaseUrl: options == null ? void 0 : options.fontBaseUrl, textMode: (options == null ? void 0 : options.textMode) ?? templateConfig.pdfTextMode ?? "selectable" });
   }
   /**
    * Resolve from V2 sectionState and render a vector PDF.
@@ -12909,7 +12909,7 @@ class PixldocsRenderer {
     }
     const svgs = await this.renderAllPageSvgs(configToRender);
     const { assemblePdfFromSvgs: assemblePdfFromSvgs2 } = await Promise.resolve().then(() => pdfExport);
-    return assemblePdfFromSvgs2(svgs, { title: title ?? resolved.config.name, fontBaseUrl });
+    return assemblePdfFromSvgs2(svgs, { title: title ?? resolved.config.name, fontBaseUrl, textMode: options.textMode ?? configToRender.pdfTextMode ?? "selectable" });
   }
   async renderById(templateId, formData, options) {
     const resolved = await resolveTemplateData({
@@ -14159,10 +14159,22 @@ async function embedFont(pdf, fontName, weight, fontBaseUrl, isItalic = false) {
 async function embedFontsForConfig(pdf, config, fontBaseUrl) {
   const fontKeys = /* @__PURE__ */ new Set();
   const SEP = "";
+  const normalizeWeight = (raw) => {
+    if (raw == null) return 400;
+    if (typeof raw === "number" && Number.isFinite(raw)) return resolveFontWeight(raw);
+    const str = String(raw).trim().toLowerCase();
+    const parsed = Number.parseInt(str, 10);
+    if (Number.isFinite(parsed)) return resolveFontWeight(parsed);
+    if (str === "bold" || str === "bolder") return 700;
+    if (str === "semibold" || str === "demibold") return 600;
+    if (str === "medium") return 500;
+    if (str === "light" || str === "lighter" || str === "thin") return 300;
+    return 400;
+  };
   const walkElements = (elements) => {
     for (const el of elements) {
       if (el.fontFamily) {
-        const w = resolveFontWeight(el.fontWeight ?? 400);
+        const w = normalizeWeight(el.fontWeight);
         fontKeys.add(`${el.fontFamily}${SEP}${w}`);
       }
       if (el.styles && typeof el.styles === "object") {
@@ -14172,7 +14184,7 @@ async function embedFontsForConfig(pdf, config, fontBaseUrl) {
             for (const charKey of Object.keys(lineStyles)) {
               const s = lineStyles[charKey];
               if (s == null ? void 0 : s.fontFamily) {
-                const w = resolveFontWeight(s.fontWeight ?? 400);
+                const w = normalizeWeight(s.fontWeight);
                 fontKeys.add(`${s.fontFamily}${SEP}${w}`);
               }
             }
@@ -15454,7 +15466,9 @@ async function convertTextDecorationsToLines(svg) {
       const fontFamily = tspan.getAttribute("data-source-font-family") || textEl.getAttribute("data-source-font-family") || resolveInheritedSvgValue(tspan, "font-family") || "sans-serif";
       const fontWeight = tspan.getAttribute("data-source-font-weight") || textEl.getAttribute("data-source-font-weight") || resolveInheritedSvgValue(tspan, "font-weight") || "normal";
       const fontStyle = tspan.getAttribute("data-source-font-style") || textEl.getAttribute("data-source-font-style") || resolveInheritedSvgValue(tspan, "font-style") || "normal";
-      const fill = tspan.getAttribute("fill") || textEl.getAttribute("fill") || "#000000";
+      const resolvedFill = tspan.getAttribute("fill") || getInlineStyleValue(tspan, "fill") || resolveInheritedSvgValue(tspan, "fill") || textEl.getAttribute("fill") || getInlineStyleValue(textEl, "fill") || "#000000";
+      const fill = resolvedFill;
+      const fillOpacity = tspan.getAttribute("fill-opacity") || getInlineStyleValue(tspan, "fill-opacity") || resolveInheritedSvgValue(tspan, "fill-opacity") || textEl.getAttribute("fill-opacity") || getInlineStyleValue(textEl, "fill-opacity") || null;
       let textWidth = content.length * fontSize * 0.6;
       if (ctx) {
         ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily.replace(/'/g, "")}`;
@@ -15505,6 +15519,7 @@ async function convertTextDecorationsToLines(svg) {
       line.setAttribute("stroke-width", String(thickness));
       line.setAttribute("stroke-linecap", "butt");
       line.setAttribute("fill", "none");
+      if (fillOpacity) line.setAttribute("stroke-opacity", fillOpacity);
       if (textEl.parentElement) {
         textEl.parentElement.insertBefore(line, textEl.nextSibling);
       }
@@ -15804,7 +15819,9 @@ 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 !== false;
+    const textMode = options.textMode ?? (options.outlineText ? "pixel-perfect" : "selectable");
+    const shouldOutlineText = textMode === "pixel-perfect" || textMode === "auto";
+    const outlineSubMode = textMode === "auto" ? "complex-only" : "all";
     let pageSvg = page.svg;
     try {
       pageSvg = await convertSvgTextDecorationsToLinesString(pageSvg);
@@ -15816,8 +15833,8 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     }
     if (shouldOutlineText) {
       try {
-        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-BTHnqJpM.cjs"));
-        pageSvg = await convertAllTextToPath(pageSvg, fontBaseUrl);
+        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-DHAXuVMF.cjs"));
+        pageSvg = await convertAllTextToPath(pageSvg, fontBaseUrl, { mode: outlineSubMode });
         try {
           dumpSvgTextDiagnostics(pageSvg, i, PARITY_TAG, "STAGE-1b-after-text-to-path-raw");
         } catch {