@pixldocs/canvas-renderer 0.5.78 → 0.5.80

package/dist/index.cjs

@@ -5224,6 +5224,17 @@ const stringifyDiag = (payload) => {
     return String(payload);
   }
 };
+function hasAnyCharStyleFlag(styles, flag) {
+  if (!styles || typeof styles !== "object") return void 0;
+  const lineEntries = Array.isArray(styles) ? styles : Object.values(styles);
+  for (const lineStyle of lineEntries) {
+    if (!lineStyle || typeof lineStyle !== "object") continue;
+    for (const charStyle of Object.values(lineStyle)) {
+      if (charStyle && charStyle[flag] === true) return true;
+    }
+  }
+  return void 0;
+}
 function buildRoundedRectPath(w, h, tl, tr, br, bl) {
   return buildRoundedRectPath$1(w, h, getRoundedRectRadii(w, h, { rxTL: tl, rxTR: tr, rxBR: br, rxBL: bl }));
 }
@@ -5463,13 +5474,14 @@ function createText(element) {
     fontWeight: element.fontWeight || 400,
     textAlign: element.textAlign || "left",
     fontStyle: element.fontStyle || "normal",
-    underline: element.underline ?? false,
-    linethrough: element.linethrough ?? false,
+    underline: element.underline ?? hasAnyCharStyleFlag(element.styles, "underline") ?? false,
+    linethrough: element.linethrough ?? hasAnyCharStyleFlag(element.styles, "linethrough") ?? false,
     lineHeight: element.lineHeight || 1.2,
     charSpacing: element.charSpacing || 0,
     objectCaching: false,
     noScaleCache: true,
-    splitByGrapheme
+    splitByGrapheme,
+    ...element.styles ? { styles: element.styles } : {}
   });
   textbox.initDimensions();
   textbox.set({
@@ -12597,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.78";
+const PACKAGE_VERSION = "0.5.80";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -15507,6 +15519,25 @@ async function convertTextDecorationsToLines(svg) {
     }
   }
 }
+async function convertSvgTextDecorationsToLinesString(svgStr) {
+  if (typeof DOMParser === "undefined" || typeof XMLSerializer === "undefined") {
+    return svgStr;
+  }
+  if (!/text-decoration/i.test(svgStr) && !/underline/i.test(svgStr)) {
+    return svgStr;
+  }
+  try {
+    const parser = new DOMParser();
+    const docEl = parser.parseFromString(svgStr, "image/svg+xml");
+    const rootSvg = docEl.documentElement;
+    if (!rootSvg) return svgStr;
+    await convertTextDecorationsToLines(rootSvg);
+    const serializer = new XMLSerializer();
+    return serializer.serializeToString(rootSvg);
+  } catch {
+    return svgStr;
+  }
+}
 async function rasterizeShadowMarkers(svg) {
   var _a, _b, _c, _d, _e;
   if (typeof window === "undefined" || typeof document === "undefined") return;
@@ -15775,6 +15806,14 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     const shouldStripBg = stripPageBackground ?? hasGradient;
     const shouldOutlineText = options.outlineText !== false;
     let pageSvg = page.svg;
+    try {
+      pageSvg = await convertSvgTextDecorationsToLinesString(pageSvg);
+    } catch (underlineErr) {
+      console.warn(
+        "[canvas-renderer][pdf] underline-to-line conversion failed (raw stage):",
+        underlineErr
+      );
+    }
     if (shouldOutlineText) {
       try {
         const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-BTHnqJpM.cjs"));