@pixldocs/canvas-renderer 0.5.51 → 0.5.53

package/dist/index.cjs

@@ -2858,6 +2858,49 @@ function isPrivateUrl(url) {
     return false;
   }
 }
+const DEFAULT_BUNDLED_PREFIXES = ["/pixldocs-bundled-assets/"];
+let bundledPrefixes = [...DEFAULT_BUNDLED_PREFIXES];
+function setBundledAssetPrefixes(prefixes) {
+  const combined = /* @__PURE__ */ new Set([...DEFAULT_BUNDLED_PREFIXES]);
+  for (const p of prefixes || []) {
+    if (typeof p === "string" && p.startsWith("/")) combined.add(p);
+  }
+  bundledPrefixes = Array.from(combined);
+}
+function pathnameStartsWithBundledPrefix(pathname) {
+  return bundledPrefixes.some((prefix) => pathname.startsWith(prefix));
+}
+function isBundledAssetUrl(url) {
+  if (!url) return false;
+  if (url.startsWith("/") && !url.startsWith("//")) {
+    return pathnameStartsWithBundledPrefix(url);
+  }
+  try {
+    const parsed = new URL(url);
+    if (typeof window !== "undefined" && parsed.origin !== window.location.origin) {
+      return false;
+    }
+    return pathnameStartsWithBundledPrefix(parsed.pathname);
+  } catch {
+    return false;
+  }
+}
+function resolveBundledAssetUrl(url) {
+  if (!url) return null;
+  if (url.startsWith("/") && !url.startsWith("//") && pathnameStartsWithBundledPrefix(url)) {
+    const origin = typeof window !== "undefined" ? window.location.origin : "";
+    return origin ? new URL(url, origin).toString() : url;
+  }
+  try {
+    const parsed = new URL(url);
+    if (typeof window !== "undefined" && parsed.origin !== window.location.origin) return null;
+    if (pathnameStartsWithBundledPrefix(parsed.pathname)) return parsed.toString();
+  } catch {
+    return null;
+  }
+  return null;
+}
+const loggedPrivateSkips = /* @__PURE__ */ new Set();
 function toPublicStorageUrl(url) {
   try {
     const parsed = new URL(url);
@@ -2875,8 +2918,17 @@ function toPublicStorageUrl(url) {
 function getProxiedImageUrl(imageUrl) {
   if (!imageUrl) return "";
   if (imageUrl.startsWith("data:") || imageUrl.startsWith("blob:")) return imageUrl;
+  const bundled = resolveBundledAssetUrl(imageUrl);
+  if (bundled) return bundled;
+  if (imageUrl.startsWith("/") && !imageUrl.startsWith("//")) {
+    if (typeof window !== "undefined") return new URL(imageUrl, window.location.origin).toString();
+    return imageUrl;
+  }
   if (isPrivateUrl(imageUrl)) {
-    console.warn("[image-proxy] Skipping private URL:", imageUrl.substring(0, 80));
+    if (!loggedPrivateSkips.has(imageUrl)) {
+      loggedPrivateSkips.add(imageUrl);
+      console.debug("[image-proxy] Skipping private URL:", imageUrl.substring(0, 80));
+    }
     return "";
   }
   const publicUrl = toPublicStorageUrl(imageUrl);
@@ -4818,7 +4870,13 @@ function extractTextBgConfig(element) {
     rxTL: Math.max(0, Number(element.textBgRxTL ?? 0)) || 0,
     rxTR: Math.max(0, Number(element.textBgRxTR ?? 0)) || 0,
     rxBR: Math.max(0, Number(element.textBgRxBR ?? 0)) || 0,
-    rxBL: Math.max(0, Number(element.textBgRxBL ?? 0)) || 0
+    rxBL: Math.max(0, Number(element.textBgRxBL ?? 0)) || 0,
+    opacity: (() => {
+      const n = Number(element.textBgOpacity);
+      if (!Number.isFinite(n)) return void 0;
+      return Math.max(0, Math.min(1, n));
+    })(),
+    shadowAffectsBg: element.textShadowAffectsBg !== false
   };
 }
 function hasTextBackground(cfg) {
@@ -4879,6 +4937,13 @@ function applyTextBackground(obj, cfg) {
       const bgW = w + pL + pR;
       const bgH = h + pT + pB;
       ctx.save();
+      const suppressShadowOnBg = bg.shadowAffectsBg === false;
+      if (suppressShadowOnBg) {
+        ctx.shadowColor = "transparent";
+        ctx.shadowBlur = 0;
+        ctx.shadowOffsetX = 0;
+        ctx.shadowOffsetY = 0;
+      }
       buildRoundedRectPath2D(
         ctx,
         x,
@@ -4890,6 +4955,8 @@ function applyTextBackground(obj, cfg) {
         bg.rxBR ?? 0,
         bg.rxBL ?? 0
       );
+      const op = typeof bg.opacity === "number" ? Math.max(0, Math.min(1, bg.opacity)) : 1;
+      if (op < 1) ctx.globalAlpha = (ctx.globalAlpha ?? 1) * op;
       ctx.fillStyle = bg.color;
       ctx.fill();
       ctx.restore();
@@ -4935,7 +5002,9 @@ function applyTextBackground(obj, cfg) {
         (bg == null ? void 0 : bg.rxBL) ?? 0
       );
       const bgFill = (bg == null ? void 0 : bg.color) || "";
-      const bgPath = hasBg ? `<path d="${bgD}" fill="${escapeXmlAttr(bgFill)}" />` : "";
+      const bgOpacity = typeof (bg == null ? void 0 : bg.opacity) === "number" ? Math.max(0, Math.min(1, bg.opacity)) : 1;
+      const bgOpacityAttr = bgOpacity < 1 ? ` fill-opacity="${bgOpacity}"` : "";
+      const bgPath = hasBg ? `<path d="${bgD}" fill="${escapeXmlAttr(bgFill)}"${bgOpacityAttr} />` : "";
       svg = svg.replace(/style="[^"]*filter:\s*url\([^)]+\)[^"]*"/i, "");
       svg = svg.replace(/<filter[\s\S]*?<\/filter>/gi, "");
       let bgShadowMarker = "";
@@ -4952,7 +5021,7 @@ function applyTextBackground(obj, cfg) {
         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) {
+        if (hasBg && (bg == null ? void 0 : bg.shadowAffectsBg) !== false) {
           const shadowBgPath = `<path d="${bgD}" fill="${escapeXmlAttr(shadowColor)}" />`;
           bgShadowMarker = wrapShadow(shadowBgPath);
         }
@@ -12340,7 +12409,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.50";
+const PACKAGE_VERSION = "0.5.52";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -14004,6 +14073,7 @@ const SVG_STYLE_PROPS = /* @__PURE__ */ new Set([
 const GRADIENT_ATTRS_LINEAR = ["x1", "y1", "x2", "y2", "gradientUnits", "gradientTransform", "spreadMethod"];
 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 parseColor(color) {
   if (!color) return null;
   const raw = color.trim().toLowerCase();
@@ -15049,6 +15119,7 @@ async function rasterizeShadowMarkers(svg) {
       img.setAttribute("y", String(by));
       img.setAttribute("width", String(bw));
       img.setAttribute("height", String(bh));
+      img.setAttribute("opacity", String(SHADOW_RASTER_ALPHA_COMPENSATION));
       img.setAttribute("preserveAspectRatio", "none");
       img.setAttributeNS(XLINK_NS, "xlink:href", dataUrl);
       img.setAttribute("href", dataUrl);
@@ -15262,7 +15333,14 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     const hasGradient = !!((_b = (_a = page.backgroundGradient) == null ? void 0 : _a.stops) == null ? void 0 : _b.length);
     drawPageBackground(pdf, i, page.width, page.height, page.backgroundColor, page.backgroundGradient);
     const shouldStripBg = stripPageBackground ?? hasGradient;
-    let processedSvg = await prepareLiveCanvasSvgForPdf(page.svg, page.width, page.height, `page-${i + 1}`, {
+    let pageSvg = page.svg;
+    try {
+      const mod = await Promise.resolve().then(() => require("./svgTextToPath-BTHnqJpM.cjs"));
+      pageSvg = await mod.convertAllTextToPath(pageSvg, fontBaseUrl);
+    } catch (outlineErr) {
+      console.warn(`[canvas-renderer pdf] page ${i + 1}: text outliner unavailable, continuing with text-as-text`, outlineErr);
+    }
+    let processedSvg = await prepareLiveCanvasSvgForPdf(pageSvg, page.width, page.height, `page-${i + 1}`, {
       stripPageBackground: shouldStripBg
     });
     if (processedSvg) {
@@ -15321,9 +15399,16 @@ function collectImageUrls(config) {
 function normalizeAssetUrl(rawUrl, imageProxyUrl) {
   if (!rawUrl) return null;
   if (rawUrl.startsWith("data:") || rawUrl.startsWith("blob:")) return null;
+  if (rawUrl.startsWith("/") && !rawUrl.startsWith("//")) {
+    if (typeof window !== "undefined") return new URL(rawUrl, window.location.origin).toString();
+    return null;
+  }
   try {
     const h = new URL(rawUrl).hostname.toLowerCase();
     if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || /^(10\.|192\.168\.|169\.254\.)/.test(h)) {
+      if (typeof window !== "undefined" && new URL(rawUrl).origin === window.location.origin) {
+        return rawUrl;
+      }
       return null;
     }
   } catch {
@@ -15390,13 +15475,17 @@ exports.embedFontsInPdf = embedFontsInPdf;
 exports.ensureFontsForResolvedConfig = ensureFontsForResolvedConfig;
 exports.extractFontFamiliesFromSvgs = extractFontFamiliesFromSvgs;
 exports.getEmbeddedJsPDFFontName = getEmbeddedJsPDFFontName;
+exports.getProxiedImageUrl = getProxiedImageUrl;
+exports.isBundledAssetUrl = isBundledAssetUrl;
 exports.isFontAvailable = isFontAvailable;
+exports.isPrivateUrl = isPrivateUrl;
 exports.loadGoogleFontCSS = loadGoogleFontCSS;
 exports.normalizeFontFamily = normalizeFontFamily;
 exports.resolveFontWeight = resolveFontWeight;
 exports.resolveFromForm = resolveFromForm;
 exports.resolveTemplateData = resolveTemplateData;
 exports.rewriteSvgFontsForJsPDF = rewriteSvgFontsForJsPDF;
+exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
 //# sourceMappingURL=index.cjs.map