@pixldocs/canvas-renderer 0.5.196 → 0.5.198

package/dist/{index-DQnFS9GV.cjs → index-CM6Bzcyx.cjs}

@@ -3445,7 +3445,9 @@ function preloadImage(url) {
   if (cached) return Promise.resolve(cached);
   return new Promise((resolve, reject) => {
     const img = new Image();
-    img.crossOrigin = "anonymous";
+    if (!url.startsWith("data:") && !url.startsWith("blob:")) {
+      img.crossOrigin = "anonymous";
+    }
     img.onload = () => {
       htmlImageCache.set(url, img);
       trimCache(htmlImageCache);
@@ -3671,7 +3673,6 @@ function loadPlaceholderTile() {
   if (placeholderTilePromise) return placeholderTilePromise;
   placeholderTilePromise = new Promise((resolve, reject) => {
     const img = new Image();
-    img.crossOrigin = "anonymous";
     img.onload = () => {
       placeholderTileImage = img;
       resolve(img);
@@ -3909,7 +3910,8 @@ async function loadImageAsync(element, placeholder, fc, fabricRef, syncLockedRef
       resolvedUrl: url.slice(0, 240),
       usedProxy: !url.startsWith("data:") && !url.startsWith("blob:") && url !== imageUrl
     });
-    const img = await fabric__namespace.FabricImage.fromURL(url, { crossOrigin: "anonymous" });
+    const imgLoadOptions = url.startsWith("data:") || url.startsWith("blob:") ? {} : { crossOrigin: "anonymous" };
+    const img = await fabric__namespace.FabricImage.fromURL(url, imgLoadOptions);
     if (!fabricRef.current) return;
     await normalizeSvgImageDimensions(img, imageUrl, element.sourceFormat);
     const isHidden = !element.visible;
@@ -16937,9 +16939,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.196";
+const resolvedPackageVersion = "0.5.198";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.196";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.198";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -17024,19 +17026,44 @@ async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes =
   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();
+        if (!src.startsWith("data:") && !src.startsWith("blob:")) {
+          el.crossOrigin = "anonymous";
+        }
         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);
       const tooLargeByEdge = longest > maxEdgePx;
       const tooLargeByBytes = estimateDataUrlBytes(dataUrl) > maxDataUrlBytes;
-      if (!tooLargeByEdge && !tooLargeByBytes) return null;
+      if (!tooLargeByEdge && !tooLargeByBytes) {
+        if (blobUrl) URL.revokeObjectURL(blobUrl);
+        return null;
+      }
       let scale = tooLargeByEdge ? maxEdgePx / longest : 1;
       let quality = 0.85;
       let best = null;
@@ -17047,17 +17074,24 @@ async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes =
         canvas.width = tw;
         canvas.height = th;
         const ctx = canvas.getContext("2d");
-        if (!ctx) return best;
+        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) return 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;
@@ -17586,7 +17620,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-BGlG4zN9.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CBUSNaeP.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -19783,7 +19817,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-BGlG4zN9.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CBUSNaeP.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -20180,4 +20214,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DQnFS9GV.cjs.map
+//# sourceMappingURL=index-CM6Bzcyx.cjs.map