@pixldocs/canvas-renderer 0.5.52 → 0.5.54

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);
         }
@@ -12171,7 +12240,20 @@ function PixldocsPreview(props) {
     onDynamicFieldClick,
     onReady,
     onError,
-    skipFontReadyWait = true
+    // Default `false` so PageCanvas blocks textbox creation until the host
+    // browser actually has the @font-face rules registered. This matters for
+    // `overflowPolicy: 'auto-shrink'` text — `createText` runs the shrink
+    // loop synchronously at mount time using whatever font metrics Fabric
+    // can measure right then. If the real font hasn't loaded yet, Fabric
+    // falls back to the system font (typically narrower), the shrink loop
+    // decides "fits, no shrink needed", and when the real font finally
+    // loads the text overflows the box.
+    //
+    // The renderer's imperative PNG/PDF paths (`renderPageViaPreviewCanvas`,
+    // `captureSvgViaPreviewCanvas`) already pass `skipFontReadyWait: false`
+    // for this exact reason — that's why the downloaded PDF was correct
+    // while the on-screen preview wasn't.
+    skipFontReadyWait = false
   } = props;
   react.useEffect(() => {
     setPackageApiUrl(imageProxyUrl);
@@ -12340,7 +12422,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.52";
+const PACKAGE_VERSION = "0.5.54";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -15264,7 +15346,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) {
@@ -15323,9 +15412,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 {
@@ -15392,13 +15488,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