@pixldocs/canvas-renderer 0.5.192 → 0.5.193

package/dist/{vectorPdfExport-DuVMxQSS.js → vectorPdfExport-Cd--tBky.js}

@@ -1,7 +1,7 @@
 import { jsPDF, ShadingPattern } from "jspdf";
 import { svg2pdf } from "svg2pdf.js";
 import * as fabric from "fabric";
-import { g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, p as parseTextMarkdown, r as renderSmartElementToSvg, n as normalizeShapeType, h as hasEdgeFade, b as getProxiedImageUrl, d as bakeEdgeFade, i as isElement, e as isGroup, j as buildRoundedTrianglePath, A as API_URL, k as getImageProxyFetchOptions, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints } from "./index-CqgOWYwR.js";
+import { g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, p as parseTextMarkdown, r as renderSmartElementToSvg, n as normalizeShapeType, h as hasEdgeFade, b as getProxiedImageUrl, d as bakeEdgeFade, i as isElement, e as isGroup, j as buildRoundedTrianglePath, A as API_URL, k as getImageProxyFetchOptions, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints } from "./index-CDoyeKa8.js";
 import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-DhEaMTZl.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
@@ -449,7 +449,8 @@ function buildMatrixTransformedSvgForPage(svg, matrix, localX, localY, width, he
     frame: { x: minX, y: minY, width: frameW, height: frameH }
   };
 }
-async function svg2pdfWithDomMount(svg, pdf, opts) {
+async function svg2pdfWithDomMount(svg, pdf, opts, options) {
+  await preloadSvgImagesForPdf(svg, options);
   const wrap = document.createElement("div");
   wrap.style.cssText = "position:fixed;left:-9999px;top:0;width:0;height:0;overflow:hidden;pointer-events:none;opacity:0";
   wrap.appendChild(svg);
@@ -461,6 +462,48 @@ async function svg2pdfWithDomMount(svg, pdf, opts) {
     if (wrap.parentNode) document.body.removeChild(wrap);
   }
 }
+function getSvgImageHref(image) {
+  return image.getAttribute("href") || image.getAttribute("xlink:href") || "";
+}
+async function preloadSvgImagesForPdf(svg, options) {
+  const images = Array.from(svg.querySelectorAll("image"));
+  if (!images.length) return;
+  const required = new Set((options == null ? void 0 : options.requiredImageIds) ?? []);
+  const failedRequired = [];
+  const loadOne = (href) => new Promise((resolve) => {
+    if (!href) return resolve(false);
+    const img = new Image();
+    if (!href.startsWith("data:") && !href.startsWith("blob:")) img.crossOrigin = "anonymous";
+    const done = (ok) => resolve(ok);
+    img.onload = async () => {
+      try {
+        if (typeof img.decode === "function") await img.decode();
+      } catch {
+      }
+      done(img.naturalWidth > 0 && img.naturalHeight > 0);
+    };
+    img.onerror = () => done(false);
+    try {
+      img.src = href;
+    } catch {
+      done(false);
+    }
+  });
+  for (const image of images) {
+    const href = getSvgImageHref(image);
+    const id = image.getAttribute("data-pixldocs-image-id") || "";
+    const ok = await loadOne(href);
+    if (id && required.has(id) && !ok) failedRequired.push(id);
+  }
+  if (required.size > 0) {
+    const present = new Set(images.map((image) => image.getAttribute("data-pixldocs-image-id") || "").filter(Boolean));
+    const missing = [...required].filter((id) => !present.has(id));
+    if (missing.length || failedRequired.length) {
+      throw new Error(`[client-pdf-export] expected image(s) not ready for SVG PDF${(options == null ? void 0 : options.context) ? ` (${options.context})` : ""}: missing=${missing.join(",") || "none"} failed=${failedRequired.join(",") || "none"}`);
+    }
+    console.log("[client-pdf-export] SVG image ids ready", { context: options == null ? void 0 : options.context, count: required.size, ids: [...required] });
+  }
+}
 function resetPdfColorState(pdf, label) {
   pdf.setFillColor(0, 0, 0);
   pdf.setDrawColor(0, 0, 0);
@@ -2506,7 +2549,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await import("./index-CqgOWYwR.js").then((n) => n.a6);
+    const { getNormalizedSvgUrl } = await import("./index-CDoyeKa8.js").then((n) => n.a6);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3297,7 +3340,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-CqgOWYwR.js").then((n) => n.a6);
+      const { isPrivateUrl } = await import("./index-CDoyeKa8.js").then((n) => n.a6);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4902,6 +4945,17 @@ function preparePagesForExport(pages, canvasWidth, canvasHeight, options) {
     };
   });
 }
+function getExpectedRasterImageIdsForPdfPage(page) {
+  const ids = [];
+  const isSvgUrl = (url) => /\.svg(?:\?|#|$)/i.test(url) || /^data:image\/svg/i.test(url);
+  for (const item of page.elements) {
+    if (isGroupBackgroundDrawable(item) || item.type !== "image" || item.visible === false) continue;
+    const src = String(item.src || item.imageUrl || "").trim();
+    if (!src || item.sourceFormat === "svg" || isSvgUrl(src)) continue;
+    ids.push(item.id);
+  }
+  return [...new Set(ids)];
+}
 async function exportMultiPagePdf(pages, options) {
   var _a, _b, _c, _d, _e;
   const { filename = "document.pdf", title, watermark = false, returnBlob = false, pdfTextMode = "selectable", skipLiveCanvasSvgFastPath = false } = options;
@@ -5049,6 +5103,7 @@ async function exportMultiPagePdf(pages, options) {
     }
     const liveCanvasForPage = page.pageId ? getCanvasForPage(page.pageId) : null;
     let allowLiveCanvasFallback = !!liveCanvasForPage && !skipLiveCanvasSvgFastPath;
+    const expectedRasterImageIds = getExpectedRasterImageIdsForPdfPage(page);
     if (liveCanvasForPage && !skipLiveCanvasSvgFastPath) {
       try {
         const liveSvgString = captureFabricCanvasSvgForPdf(
@@ -5091,7 +5146,8 @@ async function exportMultiPagePdf(pages, options) {
           await svg2pdfWithDomMount(
             liveSvg,
             pdfWithColorLogging(pdf, seq, `page-${pageIndex + 1}`),
-            svg2pdfOpts(0, 0, page.width, page.height)
+            svg2pdfOpts(0, 0, page.width, page.height),
+            { requiredImageIds: expectedRasterImageIds, context: `page-${pageIndex + 1}` }
           );
           debugLog(`live canvas svg2pdf DONE #${seq} page=${pageIndex + 1}`);
           resetPdfColorState(pdf, `after live canvas svg2pdf page ${pageIndex + 1}`);
@@ -5105,6 +5161,9 @@ async function exportMultiPagePdf(pages, options) {
           svgLength: (liveSvgString == null ? void 0 : liveSvgString.length) ?? 0
         });
       } catch (error) {
+        if (error instanceof Error && /expected image\(s\) not ready for SVG PDF/i.test(error.message)) {
+          throw error;
+        }
         allowLiveCanvasFallback = false;
         console.error(`[client-pdf-export] live SVG export failed for page ${pageIndex + 1}`, error);
       }
@@ -5293,4 +5352,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-DuVMxQSS.js.map
+//# sourceMappingURL=vectorPdfExport-Cd--tBky.js.map