@pixldocs/canvas-renderer 0.5.114 → 0.5.116

package/dist/index.cjs

@@ -14017,7 +14017,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.114";
+const PACKAGE_VERSION = "0.5.116";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16049,7 +16049,7 @@ function splitIntoRuns(text, mainSupportsChar) {
   return runs;
 }
 function rewriteSvgFontsForJsPDF(svgStr) {
-  var _a, _b, _c;
+  var _a, _b;
   const parser = new DOMParser();
   const doc = parser.parseFromString(svgStr, "image/svg+xml");
   const allTextEls = Array.from(doc.querySelectorAll("text, tspan, textPath"));
@@ -16188,26 +16188,37 @@ function rewriteSvgFontsForJsPDF(svgStr) {
     }
   }
   const SVG_NS = "http://www.w3.org/2000/svg";
-  const transformedTspans = Array.from(doc.querySelectorAll("tspan[transform]"));
-  for (const tspan of transformedTspans) {
-    const parentText = tspan.parentElement;
-    if (!parentText || parentText.tagName.toLowerCase() !== "text") continue;
-    const transformVal = tspan.getAttribute("transform") || "";
-    if (!/skewX/i.test(transformVal)) continue;
-    const wrapper = doc.createElementNS(SVG_NS, "text");
+  const positionedRunParents = Array.from(doc.querySelectorAll("text")).filter((textEl) => {
+    const directTspans = Array.from(textEl.children).filter((child) => child.tagName.toLowerCase() === "tspan");
+    if (directTspans.length === 0) return false;
+    const directText = Array.from(textEl.childNodes).filter((node) => node.nodeType === 3).map((node) => node.textContent || "").join("");
+    if (directText.trim()) return false;
+    const hasTransformedRun = directTspans.some((tspan) => /skewX/i.test(tspan.getAttribute("transform") || ""));
+    const allPositioned = directTspans.every((tspan) => tspan.hasAttribute("x") || tspan.hasAttribute("y"));
+    return hasTransformedRun || directTspans.length > 1 && allPositioned;
+  });
+  for (const parentText of positionedRunParents) {
+    if (!parentText.parentNode) continue;
+    const directTspans = Array.from(parentText.children).filter((child) => child.tagName.toLowerCase() === "tspan");
     let parentTransform = "";
-    for (const attr of Array.from(parentText.attributes)) {
+    const parentAttrs = Array.from(parentText.attributes).filter((attr) => {
       if (attr.name === "transform") {
         parentTransform = attr.value;
-        continue;
+        return false;
       }
-      wrapper.setAttribute(attr.name, attr.value);
-    }
-    const combined = parentTransform ? `${parentTransform} ${transformVal}` : transformVal;
-    wrapper.setAttribute("transform", combined);
-    tspan.removeAttribute("transform");
-    wrapper.appendChild(tspan);
-    (_c = parentText.parentNode) == null ? void 0 : _c.insertBefore(wrapper, parentText.nextSibling);
+      return true;
+    });
+    for (const tspan of directTspans) {
+      const wrapper = doc.createElementNS(SVG_NS, "text");
+      for (const attr of parentAttrs) wrapper.setAttribute(attr.name, attr.value);
+      const runTransform = tspan.getAttribute("transform") || "";
+      const combined = [parentTransform, runTransform].filter(Boolean).join(" ");
+      if (combined) wrapper.setAttribute("transform", combined);
+      tspan.removeAttribute("transform");
+      wrapper.appendChild(tspan);
+      parentText.parentNode.insertBefore(wrapper, parentText);
+    }
+    parentText.parentNode.removeChild(parentText);
   }
   return new XMLSerializer().serializeToString(doc.documentElement);
 }