@pixldocs/canvas-renderer 0.5.98 → 0.5.101

package/dist/index.d.ts

@@ -256,7 +256,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.98";
+export declare const PACKAGE_VERSION = "0.5.101";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -5066,10 +5066,14 @@ function applyTextBackground(obj, cfg) {
         const blur = Math.max(0, Number(shadow.blur ?? 0));
         const shadowColor = String(shadow.color);
         const pad = Math.max(16, Math.ceil(blur * 4) + Math.ceil(Math.max(Math.abs(ox), Math.abs(oy))) + 8);
-        const bx = -w / 2 - pL - pad;
-        const by = -h / 2 - pT - pad;
-        const bw = w + pL + pR + pad * 2;
-        const bh = h + pT + pB + pad * 2;
+        const shadowBounds = unionBounds([
+          ...rects,
+          computeTextVisualBounds(this, w, h)
+        ]);
+        const bx = shadowBounds.x - pad;
+        const by = shadowBounds.y - pad;
+        const bw = shadowBounds.w + pad * 2;
+        const bh = shadowBounds.h + pad * 2;
         const dataAttrs = `data-blur="${blur.toFixed(3)}" data-ox="${ox.toFixed(3)}" data-oy="${oy.toFixed(3)}" data-bx="${bx.toFixed(3)}" data-by="${by.toFixed(3)}" data-bw="${bw.toFixed(3)}" data-bh="${bh.toFixed(3)}" data-color="${escapeXmlAttr(shadowColor)}"`;
         const wrapShadow = (markup) => blur <= 0 ? `<g transform="translate(${ox.toFixed(3)} ${oy.toFixed(3)})">${markup}</g>` : `<g class="__pdShadowRaster" ${dataAttrs}>${markup}</g>`;
         if (hasBg && (bg == null ? void 0 : bg.shadowAffectsBg) !== false) {
@@ -5131,6 +5135,51 @@ function buildRoundedRectPathD(x, y, w, h, rTL, rTR, rBR, rBL) {
   parts.push("Z");
   return parts.join(" ");
 }
+function unionBounds(bounds) {
+  const valid = bounds.filter((b) => Number.isFinite(b.x) && Number.isFinite(b.y) && b.w > 0 && b.h > 0);
+  if (valid.length === 0) return { x: 0, y: 0, w: 1, h: 1 };
+  const minX = Math.min(...valid.map((b) => b.x));
+  const minY = Math.min(...valid.map((b) => b.y));
+  const maxX = Math.max(...valid.map((b) => b.x + b.w));
+  const maxY = Math.max(...valid.map((b) => b.y + b.h));
+  return { x: minX, y: minY, w: Math.max(1, maxX - minX), h: Math.max(1, maxY - minY) };
+}
+function computeTextVisualBounds(obj, w, h) {
+  var _a;
+  const lines = (obj == null ? void 0 : obj._textLines) ?? [];
+  if (!lines || lines.length === 0) return { x: -w / 2, y: -h / 2, w, h };
+  const rects = [];
+  const halfW = w / 2;
+  const halfH = h / 2;
+  const lineHeightRatio = Math.max(0.01, Number((obj == null ? void 0 : obj.lineHeight) ?? 1) || 1);
+  let cursorY = -halfH;
+  for (let i = 0; i < lines.length; i++) {
+    let lineW = 0;
+    let lineLeft = 0;
+    let lineH = 0;
+    try {
+      lineW = obj.getLineWidth(i) || 0;
+    } catch {
+      lineW = 0;
+    }
+    try {
+      lineLeft = ((_a = obj._getLineLeftOffset) == null ? void 0 : _a.call(obj, i)) ?? 0;
+    } catch {
+      lineLeft = 0;
+    }
+    try {
+      lineH = obj.getHeightOfLine(i) || 0;
+    } catch {
+      lineH = 0;
+    }
+    const rawSlotH = i === lines.length - 1 ? lineH / lineHeightRatio : lineH;
+    const usedH = cursorY + halfH;
+    const slotH = Math.max(0, Math.min(rawSlotH, h - usedH));
+    if (lineW > 0 && slotH > 0) rects.push({ x: -halfW + lineLeft, y: cursorY, w: lineW, h: slotH });
+    cursorY += slotH;
+  }
+  return unionBounds(rects.length > 0 ? rects : [{ x: -w / 2, y: -h / 2, w, h }]);
+}
 function computeBgRects(obj, w, h, pT, pR, pB, pL, fit) {
   var _a;
   if (!fit) {
@@ -13084,7 +13133,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.98";
+const PACKAGE_VERSION = "0.5.101";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -15214,6 +15263,33 @@ const GRADIENT_ATTRS_LINEAR = ["x1", "y1", "x2", "y2", "gradientUnits", "gradien
 const GRADIENT_ATTRS_RADIAL = ["cx", "cy", "r", "fx", "fy", "gradientUnits", "gradientTransform", "spreadMethod"];
 const URL_GRADIENT_RE = /^\s*url\s*\(\s*(['"]?)([^)]+?)\1\s*\)/i;
 const SHADOW_RASTER_ALPHA_COMPENSATION = 0.84;
+function collectFontSpecsFromMarkup(markup) {
+  const specs = /* @__PURE__ */ new Set();
+  const re = /<(?:text|tspan)\b[^>]*>/gi;
+  let match;
+  while ((match = re.exec(markup)) !== null) {
+    const tag = match[0];
+    const get = (attr) => {
+      const m = tag.match(new RegExp(`\\s${attr}\\s*=\\s*"([^"]*)"`, "i"));
+      if (m) return m[1];
+      const styleM = tag.match(/\sstyle\s*=\s*"([^"]*)"/i);
+      if (styleM) {
+        const sm = styleM[1].match(new RegExp(`${attr}\\s*:\\s*([^;]+)`, "i"));
+        if (sm) return sm[1].trim();
+      }
+      return null;
+    };
+    const family = (get("font-family") || "").split(",")[0].replace(/['"]/g, "").trim();
+    if (!family) continue;
+    const weight = get("font-weight") || "400";
+    const style = get("font-style") || "normal";
+    const size = get("font-size") || "16px";
+    const sizePx = /[a-z%]/i.test(size) ? size : `${size}px`;
+    const famSpec = /\s/.test(family) ? `"${family}"` : family;
+    specs.add(`${style} ${weight} ${sizePx} ${famSpec}`);
+  }
+  return Array.from(specs);
+}
 function parseColor(color) {
   if (!color) return null;
   const raw = color.trim().toLowerCase();
@@ -16249,7 +16325,7 @@ async function convertSvgTextDecorationsToLinesString(svgStr) {
   }
 }
 async function rasterizeShadowMarkers(svg) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   if (typeof window === "undefined" || typeof document === "undefined") return;
   const markers = Array.from(svg.querySelectorAll("g.__pdShadowRaster"));
   if (markers.length === 0) return;
@@ -16274,6 +16350,17 @@ async function rasterizeShadowMarkers(svg) {
         continue;
       }
       const innerXml = Array.from(marker.childNodes).map((n) => n instanceof Element ? new XMLSerializer().serializeToString(n) : "").join("");
+      try {
+        const fontSpecs = collectFontSpecsFromMarkup(innerXml);
+        if (fontSpecs.length > 0 && ((_c = document.fonts) == null ? void 0 : _c.load)) {
+          await Promise.all(
+            fontSpecs.map(
+              (spec) => document.fonts.load(spec).catch(() => void 0)
+            )
+          );
+        }
+      } catch {
+      }
       const scale = 2;
       const pxW = Math.min(4096, Math.max(8, Math.ceil(bw * scale)));
       const pxH = Math.min(4096, Math.max(8, Math.ceil(bh * scale)));
@@ -16283,7 +16370,7 @@ async function rasterizeShadowMarkers(svg) {
       const miniSvg = `<svg xmlns="${SVG_NS}" xmlns:xlink="${XLINK_NS}" width="${pxW}" height="${pxH}" viewBox="${bx} ${by} ${bw} ${bh}">${styleBlock}<defs><filter id="${filterId}" filterUnits="userSpaceOnUse" x="${bx}" y="${by}" width="${bw}" height="${bh}" color-interpolation-filters="sRGB"><feOffset dx="${ox}" dy="${oy}" result="offsetShadow" /><feGaussianBlur in="offsetShadow" stdDeviation="${stdDev}" /></filter></defs><g filter="url(#${filterId})">${innerXml}</g></svg>`;
       const dataUrl = await rasterSvgToPngDataUrl(miniSvg, pxW, pxH);
       if (!dataUrl) {
-        (_c = marker.parentNode) == null ? void 0 : _c.removeChild(marker);
+        (_d = marker.parentNode) == null ? void 0 : _d.removeChild(marker);
         continue;
       }
       const img = svg.ownerDocument.createElementNS(SVG_NS, "image");
@@ -16295,11 +16382,11 @@ async function rasterizeShadowMarkers(svg) {
       img.setAttribute("preserveAspectRatio", "none");
       img.setAttributeNS(XLINK_NS, "xlink:href", dataUrl);
       img.setAttribute("href", dataUrl);
-      (_d = marker.parentNode) == null ? void 0 : _d.replaceChild(img, marker);
+      (_e = marker.parentNode) == null ? void 0 : _e.replaceChild(img, marker);
     } catch (e) {
       console.warn("[pdf-export] rasterizeShadowMarkers failed for one marker:", e);
       try {
-        (_e = marker.parentNode) == null ? void 0 : _e.removeChild(marker);
+        (_f = marker.parentNode) == null ? void 0 : _f.removeChild(marker);
       } catch {
       }
     }