@pixldocs/canvas-renderer 0.5.192 → 0.5.194

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-UIDDdWwb.cjs");
+const index = require("./index-pshD8xMc.cjs");
 exports.DEPLOYMENT_VERSION_MARKER = index.DEPLOYMENT_VERSION_MARKER;
 exports.FONT_FALLBACK_DEVANAGARI = index.FONT_FALLBACK_DEVANAGARI;
 exports.FONT_FALLBACK_MATH = index.FONT_FALLBACK_MATH;

package/dist/index.d.ts

@@ -648,20 +648,12 @@ export declare interface RendererConfig {
     /** Verbose asset-wait diagnostics. Default: false. */
     debug?: boolean;
     /**
-     * PDF export: when `true`, always skip the live-canvas SVG → svg2pdf fast
-     * path and use the per-element Fabric → jsPDF `addImage` path instead.
+     * PDF export: advanced override. When `true`, skip the live-canvas SVG →
+     * svg2pdf path and use the older per-element/config-space fallback.
      *
-     * Why: on iOS / Safari the svg2pdf path internally rasterises embedded
-     * `data:image/*` sources through a tainted offscreen canvas roundtrip and
-     * silently drops large user-uploaded JPEGs from camera-roll pickers. The
-     * per-element path goes straight from the live HTMLImageElement into
-     * jsPDF.addImage and is reliable across browsers.
-     *
-     * Default: `'auto'` — on by default for any config containing a
-     * `data:image/(jpeg|png|webp)` source when running on Safari / iOS;
-     * off everywhere else so the editor's vector fast path stays in use.
-     * Set to `true` to force on always (e.g. BioMaker), `false` to fully
-     * disable the auto-detect.
+     * Default: `'auto'`, which keeps the live SVG path. BioMaker-style hosts
+     * should leave this unset/`'auto'`; `true` is only a manual escape hatch and
+     * can drift from the live Fabric layout for auto-shrink/crop-group templates.
      */
     forcePerElementPdf?: boolean | 'auto';
     /**
@@ -670,8 +662,8 @@ export declare interface RendererConfig {
      * images are JPEG-recompressed in-browser to fit. Prevents Safari from
      * silently failing to embed multi-megapixel camera-roll JPEGs.
      *
-     * Default: `2048` when `forcePerElementPdf` is active, otherwise `0`
-     * (no downscaling). Set explicitly to override either way.
+     * Default: `0` unless explicitly set. BioMaker-style PDF hosts should pass
+     * `2048` so large camera/gallery photos are normalized before mount.
      */
     maxImageEdgePx?: number;
 }

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, M, b, N, O, Q, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5 } from "./index-CqgOWYwR.js";
+import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, M, b, N, O, Q, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5 } from "./index-C1BrMJjh.js";
 export {
   D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,

package/dist/{vectorPdfExport-DuVMxQSS.js → vectorPdfExport-CuD_Ax0x.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-C1BrMJjh.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,51 @@ 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) {
+      console.warn(
+        `[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"}`
+      );
+    } else {
+      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 +2552,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-C1BrMJjh.js").then((n) => n.a6);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3297,7 +3343,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-C1BrMJjh.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 +4948,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 +5106,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 +5149,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}`);
@@ -5293,4 +5352,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-DuVMxQSS.js.map
+//# sourceMappingURL=vectorPdfExport-CuD_Ax0x.js.map