@pixldocs/canvas-renderer 0.5.195 → 0.5.197

package/dist/{index-DsCBhthJ.cjs → index-dXQP21w2.cjs}

@@ -16937,9 +16937,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.195";
+const resolvedPackageVersion = "0.5.197";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.195";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.197";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16999,11 +16999,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) {
@@ -17019,38 +17024,82 @@ async function downscaleConfigRasterImages(config, maxEdgePx) {
   if (targets.length === 0) return 0;
   const shrinkOne = async (dataUrl) => {
     try {
-      const img = await new Promise((resolve, reject) => {
+      const decode = async (src) => new Promise((resolve, reject) => {
         const el = new Image();
         el.onload = () => resolve(el);
         el.onerror = (e) => reject(e);
         el.decoding = "sync";
-        el.src = dataUrl;
+        el.src = src;
       });
+      let img;
+      let blobUrl = null;
+      try {
+        img = await decode(dataUrl);
+      } catch {
+        try {
+          const resp = await fetch(dataUrl);
+          const blob = await resp.blob();
+          blobUrl = URL.createObjectURL(blob);
+          img = await decode(blobUrl);
+        } catch (inner) {
+          if (blobUrl) URL.revokeObjectURL(blobUrl);
+          console.warn("[canvas-renderer] shrinkOne: failed to decode oversized data URL on this browser, dropping shrink attempt", inner);
+          return null;
+        }
+      }
       const w = img.naturalWidth, h = img.naturalHeight;
-      if (!w || !h) return null;
+      if (!w || !h) {
+        if (blobUrl) URL.revokeObjectURL(blobUrl);
+        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) {
+        if (blobUrl) URL.revokeObjectURL(blobUrl);
+        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) {
+          if (blobUrl) URL.revokeObjectURL(blobUrl);
+          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) {
+          if (blobUrl) URL.revokeObjectURL(blobUrl);
+          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);
+      }
+      if (blobUrl) URL.revokeObjectURL(blobUrl);
+      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++;
     }
   }
@@ -17489,7 +17538,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);
@@ -17566,7 +17615,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 Promise.resolve().then(() => require("./vectorPdfExport-DOflxvRE.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CMSo382K.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -17588,11 +17637,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
@@ -19764,7 +19812,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DOflxvRE.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CMSo382K.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -20161,4 +20209,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DsCBhthJ.cjs.map
+//# sourceMappingURL=index-dXQP21w2.cjs.map