@pixldocs/canvas-renderer 0.5.44 → 0.5.45

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.44";
+export declare const PACKAGE_VERSION = "0.5.45";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -4919,7 +4919,8 @@ function applyTextBackground(obj, cfg) {
       const bgPath = hasBg ? `<path d="${bgD}" fill="${escapeXmlAttr(bgFill)}" />` : "";
       svg = svg.replace(/style="[^"]*filter:\s*url\([^)]+\)[^"]*"/i, "");
       svg = svg.replace(/<filter[\s\S]*?<\/filter>/gi, "");
-      let shadowLayer = "";
+      let bgShadowLayer = "";
+      let textShadowLayer = "";
       if (hasShadow) {
         const ox = Number(shadow.offsetX ?? 0) || 0;
         const oy = Number(shadow.offsetY ?? 0) || 0;
@@ -4928,7 +4929,13 @@ function applyTextBackground(obj, cfg) {
         const shadowBgPath = hasBg ? `<path d="${bgD}" fill="${escapeXmlAttr(shadowColor)}" />` : "";
         const inner = extractGInnerMarkup(svg);
         const recoloredText = recolorSvgFills(inner, shadowColor);
-        const layers = [];
+        const bgLayers = [];
+        const textLayers = [];
+        const pushShadowPass = (tx, ty, opacity) => {
+          const attrs = `transform="translate(${tx.toFixed(3)} ${ty.toFixed(3)})"${opacity ? ` opacity="${opacity}"` : ""}`;
+          if (shadowBgPath) bgLayers.push(`<g ${attrs}>${shadowBgPath}</g>`);
+          if (recoloredText) textLayers.push(`<g ${attrs}>${recoloredText}</g>`);
+        };
         if (blur > 0) {
           const ringCount = Math.min(6, Math.max(2, Math.round(blur / 2)));
           for (let i = 1; i <= ringCount; i++) {
@@ -4946,23 +4953,18 @@ function applyTextBackground(obj, cfg) {
               [-dist * 0.7, -dist * 0.7]
             ];
             for (const [dx, dy] of ringOffsets) {
-              layers.push(
-                `<g transform="translate(${(ox + dx).toFixed(3)} ${(oy + dy).toFixed(3)})" opacity="${op}">${shadowBgPath}${recoloredText}</g>`
-              );
+              pushShadowPass(ox + dx, oy + dy, op);
             }
           }
-          layers.push(
-            `<g transform="translate(${ox.toFixed(3)} ${oy.toFixed(3)})" opacity="0.25">${shadowBgPath}${recoloredText}</g>`
-          );
+          pushShadowPass(ox, oy, "0.25");
         } else {
-          layers.push(
-            `<g transform="translate(${ox.toFixed(3)} ${oy.toFixed(3)})">${shadowBgPath}${recoloredText}</g>`
-          );
+          pushShadowPass(ox, oy);
         }
-        shadowLayer = layers.join("");
+        bgShadowLayer = bgLayers.join("");
+        textShadowLayer = textLayers.join("");
       }
       const openTagMatch = svg.match(/^\s*<g\b[^>]*>/);
-      const inserted = shadowLayer + bgPath;
+      const inserted = bgShadowLayer + bgPath + textShadowLayer;
       if (openTagMatch) {
         const openTag = openTagMatch[0];
         return svg.replace(openTag, openTag + inserted);
@@ -12341,7 +12343,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.44";
+const PACKAGE_VERSION = "0.5.45";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;