@pixldocs/canvas-renderer 0.5.47 → 0.5.49

package/dist/index.d.ts

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

package/dist/index.js

@@ -4926,21 +4926,20 @@ function applyTextBackground(obj, cfg) {
         const oy = Number(shadow.offsetY ?? 0) || 0;
         const blur = Math.max(0, Number(shadow.blur ?? 0));
         const shadowColor = String(shadow.color);
-        const pad = Math.max(8, Math.ceil(blur * 3) + Math.ceil(Math.max(Math.abs(ox), Math.abs(oy))) + 4);
+        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 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) {
           const shadowBgPath = `<path d="${bgD}" fill="${escapeXmlAttr(shadowColor)}" />`;
-          bgShadowMarker = `<g class="__pdShadowRaster" ${dataAttrs}>${shadowBgPath}</g>`;
+          bgShadowMarker = wrapShadow(shadowBgPath);
         }
         const inner = extractGInnerMarkup(svg);
         const recoloredText = recolorSvgFills(inner, shadowColor);
-        if (recoloredText) {
-          textShadowMarker = `<g class="__pdShadowRaster" ${dataAttrs}>${recoloredText}</g>`;
-        }
+        if (recoloredText) textShadowMarker = wrapShadow(recoloredText);
       }
       const openTagMatch = svg.match(/^\s*<g\b[^>]*>/);
       const inserted = bgShadowMarker + bgPath + textShadowMarker;
@@ -12322,7 +12321,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.47";
+const PACKAGE_VERSION = "0.5.48";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -15017,18 +15016,18 @@ async function rasterizeShadowMarkers(svg) {
       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)));
-      const stdDev = Math.max(0, blur / 2);
+      const stdDev = Math.max(0, blur);
       const filterId = `pdShadowBlur_${Math.random().toString(36).slice(2, 9)}`;
       const styleBlock = fontFaceCss ? `<style>${fontFaceCss}</style>` : "";
-      const miniSvg = `<svg xmlns="${SVG_NS}" xmlns:xlink="${XLINK_NS}" width="${pxW}" height="${pxH}" viewBox="${bx} ${by} ${bw} ${bh}"><defs>${styleBlock}<filter id="${filterId}" x="-50%" y="-50%" width="200%" height="200%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="${stdDev}" /></filter></defs><g filter="url(#${filterId})">${innerXml}</g></svg>`;
+      const miniSvg = `<svg xmlns="${SVG_NS}" xmlns:xlink="${XLINK_NS}" width="${pxW}" height="${pxH}" viewBox="${bx} ${by} ${bw} ${bh}"><defs>${styleBlock}<filter id="${filterId}" x="-50%" y="-50%" width="200%" height="200%" 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);
         continue;
       }
       const img = svg.ownerDocument.createElementNS(SVG_NS, "image");
-      img.setAttribute("x", String(bx + ox));
-      img.setAttribute("y", String(by + oy));
+      img.setAttribute("x", String(bx));
+      img.setAttribute("y", String(by));
       img.setAttribute("width", String(bw));
       img.setAttribute("height", String(bh));
       img.setAttribute("preserveAspectRatio", "none");