@pixldocs/canvas-renderer 0.5.194 → 0.5.196

package/dist/{index-C1BrMJjh.js → index-KqyAyv91.js}

@@ -16919,9 +16919,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.194";
+const resolvedPackageVersion = "0.5.196";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.194";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.196";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16981,11 +16981,16 @@ function detectSafariOrIos() {
     return false;
   }
 }
-async function downscaleConfigRasterImages(config, maxEdgePx) {
+async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes = 2e6) {
   if (!maxEdgePx || maxEdgePx <= 0) return 0;
   if (typeof document === "undefined") return 0;
   const targets = [];
   const isRasterDataUrl = (u) => typeof u === "string" && /^data:image\/(jpeg|jpg|png|webp)[;,]/i.test(u);
+  const estimateDataUrlBytes = (u) => {
+    const comma = u.indexOf(",");
+    const payload = comma >= 0 ? u.slice(comma + 1) : u;
+    return Math.floor(payload.length * 0.75);
+  };
   const walk = (nodes) => {
     if (!Array.isArray(nodes)) return;
     for (const node of nodes) {
@@ -17011,28 +17016,43 @@ async function downscaleConfigRasterImages(config, maxEdgePx) {
       const w = img.naturalWidth, h = img.naturalHeight;
       if (!w || !h) return null;
       const longest = Math.max(w, h);
-      if (longest <= maxEdgePx) return null;
-      const scale = maxEdgePx / longest;
-      const tw = Math.max(1, Math.round(w * scale));
-      const th = Math.max(1, Math.round(h * scale));
-      const canvas = document.createElement("canvas");
-      canvas.width = tw;
-      canvas.height = th;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) return null;
-      ctx.fillStyle = "#ffffff";
-      ctx.fillRect(0, 0, tw, th);
-      ctx.drawImage(img, 0, 0, tw, th);
-      return canvas.toDataURL("image/jpeg", 0.85);
+      const tooLargeByEdge = longest > maxEdgePx;
+      const tooLargeByBytes = estimateDataUrlBytes(dataUrl) > maxDataUrlBytes;
+      if (!tooLargeByEdge && !tooLargeByBytes) return null;
+      let scale = tooLargeByEdge ? maxEdgePx / longest : 1;
+      let quality = 0.85;
+      let best = null;
+      for (let attempt = 0; attempt < 4; attempt++) {
+        const tw = Math.max(1, Math.round(w * scale));
+        const th = Math.max(1, Math.round(h * scale));
+        const canvas = document.createElement("canvas");
+        canvas.width = tw;
+        canvas.height = th;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) return best;
+        ctx.fillStyle = "#ffffff";
+        ctx.fillRect(0, 0, tw, th);
+        ctx.drawImage(img, 0, 0, tw, th);
+        best = canvas.toDataURL("image/jpeg", quality);
+        const outBytes = estimateDataUrlBytes(best);
+        if (outBytes <= maxDataUrlBytes || attempt === 3) return best;
+        const byteScale = Math.sqrt(maxDataUrlBytes / Math.max(1, outBytes)) * 0.92;
+        scale = Math.max(0.1, scale * Math.min(0.95, byteScale));
+        quality = Math.max(0.68, quality - 0.06);
+      }
+      return best;
     } catch {
       return null;
     }
   };
   let shrunk = 0;
   for (const { node, field } of targets) {
+    const before = String(node[field]);
     const next = await shrinkOne(String(node[field]));
     if (next) {
       node[field] = next;
+      const twin = field === "src" ? "imageUrl" : "src";
+      if (node[twin] === before) node[twin] = next;
       shrunk++;
     }
   }
@@ -17471,7 +17491,7 @@ class PixldocsRenderer {
     const isSafariLike = detectSafariOrIos();
     const shouldForcePerElement = forceMode === true ? true : forceMode === false ? false : hasUserDataImage && isSafariLike;
     const maxEdgeOpt = options.maxImageEdgePx ?? this.config.maxImageEdgePx;
-    const effectiveMaxEdge = typeof maxEdgeOpt === "number" ? Math.max(0, maxEdgeOpt | 0) : shouldForcePerElement ? 2048 : 0;
+    const effectiveMaxEdge = typeof maxEdgeOpt === "number" ? Math.max(0, maxEdgeOpt | 0) : hasUserDataImage ? 2048 : 0;
     if (effectiveMaxEdge > 0) {
       try {
         const downscaled = await downscaleConfigRasterImages(cloned, effectiveMaxEdge);
@@ -17548,7 +17568,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-CuD_Ax0x.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-BBQHeFKb.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -17570,11 +17590,10 @@ class PixldocsRenderer {
         // correct. v0.5.191 shipped with this skip enabled and produced exactly
         // that regression.
         //
-        // The Safari/iOS "missing photo" issue is solved end-to-end by the
-        // `downscaleConfigRasterImages()` pre-pass above, which shrinks large
-        // `data:image/*` JPEGs to a safe edge length before the canvas mounts.
-        // That alone keeps Safari's SVG capture reliable without altering the
-        // layout pipeline.
+        // The large-photo missing/corrupt image issue is solved by the
+        // `downscaleConfigRasterImages()` pre-pass above, which shrinks and
+        // recompresses oversized `data:image/*` sources before the canvas
+        // mounts. That keeps SVG capture reliable without altering layout.
         //
         // We still honor an explicit `forcePerElementPdf: true` from the host
         // app (advanced opt-in for niche cases), but the auto path no longer
@@ -17763,8 +17782,9 @@ class PixldocsRenderer {
           console.warn("[canvas-renderer][asset-wait-timeout][dom-images]", domImageDebug);
           console.warn("[canvas-renderer][asset-wait-timeout][fabric-images]", fabricImageDebug);
           if (strictById && missingImageIds.length > 0) {
-            reject(new Error(`[canvas-renderer][asset-wait-timeout] Missing expected image(s): ${missingImageIds.join(", ")}`));
-            return;
+            console.warn(
+              `[canvas-renderer][asset-wait-timeout] Missing expected image(s) — continuing with partial set: ${missingImageIds.join(", ")}`
+            );
           }
           settle();
           return;
@@ -19745,7 +19765,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-CuD_Ax0x.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BBQHeFKb.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -20145,4 +20165,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-C1BrMJjh.js.map
+//# sourceMappingURL=index-KqyAyv91.js.map