@pixldocs/canvas-renderer 0.5.207 → 0.5.209

package/dist/{vectorPdfExport-HZVoeZf3.js → vectorPdfExport-C0GsER0C.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-D4Dis-kD.js";
+import { p as parseTextMarkdown, r as renderSmartElementToSvg, g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, b as getProxiedImageUrl, d as getImageProxyFetchOptions, A as API_URL, n as normalizeShapeType, i as isElement, e as isGroup, h as buildRoundedTrianglePath, j as hasEdgeFade, k as bakeEdgeFade, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints } from "./index-DOIdbh-Q.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;
@@ -554,23 +554,28 @@ async function rewriteSafariInlineJpegImagesToPng(svg) {
       if (blobUrl) URL.revokeObjectURL(blobUrl);
       continue;
     }
-    const attrW = parseSvgNumber(image.getAttribute("width")) || loaded.naturalWidth || loaded.width;
-    const attrH = parseSvgNumber(image.getAttribute("height")) || loaded.naturalHeight || loaded.height;
-    const transformScale = getApproxSvgTransformScale(image);
-    const renderedW = attrW * transformScale.x;
-    const renderedH = attrH * transformScale.y;
-    const density = 2;
-    const maxEdge = 1800;
-    let targetW = Math.max(1, Math.round(Math.min(attrW, renderedW * density || attrW)));
-    let targetH = Math.max(1, Math.round(Math.min(attrH, renderedH * density || attrH)));
-    const longest = Math.max(targetW, targetH);
-    if (longest > maxEdge) {
-      const scale = maxEdge / longest;
-      targetW = Math.max(1, Math.round(targetW * scale));
-      targetH = Math.max(1, Math.round(targetH * scale));
+    let targetW = Math.max(1, Math.round(loaded.naturalWidth || loaded.width || parseSvgNumber(image.getAttribute("width")) || 1));
+    let targetH = Math.max(1, Math.round(loaded.naturalHeight || loaded.height || parseSvgNumber(image.getAttribute("height")) || 1));
+    if (__pdfCompressImages) {
+      const attrW = parseSvgNumber(image.getAttribute("width")) || targetW;
+      const attrH = parseSvgNumber(image.getAttribute("height")) || targetH;
+      const transformScale = getApproxSvgTransformScale(image);
+      const renderedW = attrW * transformScale.x;
+      const renderedH = attrH * transformScale.y;
+      const density = 2;
+      const maxEdge = 1800;
+      targetW = Math.max(1, Math.round(Math.min(attrW, renderedW * density || attrW)));
+      targetH = Math.max(1, Math.round(Math.min(attrH, renderedH * density || attrH)));
+      const longest = Math.max(targetW, targetH);
+      if (longest > maxEdge) {
+        const scale = maxEdge / longest;
+        targetW = Math.max(1, Math.round(targetW * scale));
+        targetH = Math.max(1, Math.round(targetH * scale));
+      }
     }
+    const outputAsPng = __pdfCompressImages;
     let pngDataUrl = null;
-    for (const shrink of [1, 0.82, 0.68, 0.55]) {
+    for (const shrink of __pdfCompressImages ? [1, 0.82, 0.68, 0.55] : [1]) {
       const canvas = document.createElement("canvas");
       canvas.width = Math.max(1, Math.round(targetW * shrink));
       canvas.height = Math.max(1, Math.round(targetH * shrink));
@@ -579,8 +584,8 @@ async function rewriteSafariInlineJpegImagesToPng(svg) {
       ctx.fillStyle = "#ffffff";
       ctx.fillRect(0, 0, canvas.width, canvas.height);
       ctx.drawImage(loaded, 0, 0, canvas.width, canvas.height);
-      pngDataUrl = canvas.toDataURL("image/png");
-      if (estimateDataUrlBytesForPdf(pngDataUrl) <= 4e6 || shrink === 0.55) break;
+      pngDataUrl = outputAsPng ? canvas.toDataURL("image/png") : canvas.toDataURL("image/jpeg", 1);
+      if (!__pdfCompressImages || estimateDataUrlBytesForPdf(pngDataUrl) <= 4e6 || shrink === 0.55) break;
     }
     if (blobUrl) URL.revokeObjectURL(blobUrl);
     if (!pngDataUrl) continue;
@@ -590,6 +595,98 @@ async function rewriteSafariInlineJpegImagesToPng(svg) {
   }
   if (rewritten > 0) console.log(`[client-pdf-export] Safari-safe inline JPEG rewrite: ${rewritten} image(s) converted to PNG inside live SVG`);
 }
+async function rewriteUnsupportedRasterImagesForSvgPdf(svg) {
+  if (typeof document === "undefined") return;
+  const images = Array.from(svg.querySelectorAll("image")).filter((image) => {
+    const href = getSvgImageHref(image).trim();
+    if (!href) return false;
+    if (/^data:image\/(?:png|jpe?g|svg\+xml)[;,]/i.test(href)) return false;
+    if (/^data:image\//i.test(href)) return true;
+    if (/\.svg(?:[?#]|$)/i.test(href)) return false;
+    return /\.(?:avif|webp|gif|bmp|heic|heif)(?:[?#]|$)/i.test(href);
+  });
+  if (images.length === 0) return;
+  let rewritten = 0;
+  for (const image of images) {
+    const href = getSvgImageHref(image).trim();
+    try {
+      let fetchUrl = href.startsWith("data:") || href.startsWith("blob:") ? href : getProxiedImageUrl(href);
+      let response = await fetch(fetchUrl, { cache: "no-store", ...getImageProxyFetchOptions() });
+      if (!response.ok && (href.startsWith("http://") || href.startsWith("https://")) && !fetchUrl.includes("/image-proxy?")) {
+        const proxyUrl = new URL(`${API_URL}/image-proxy`);
+        proxyUrl.searchParams.set("url", href);
+        fetchUrl = proxyUrl.toString();
+        response = await fetch(fetchUrl, { cache: "no-store", ...getImageProxyFetchOptions() });
+      }
+      if (!response.ok) continue;
+      const blob = await response.blob();
+      const bitmap = await createImageBitmap(blob);
+      let targetW = Math.max(1, Math.round(bitmap.width || parseSvgNumber(image.getAttribute("width")) || 1));
+      let targetH = Math.max(1, Math.round(bitmap.height || parseSvgNumber(image.getAttribute("height")) || 1));
+      if (__pdfCompressImages) {
+        const attrW = parseSvgNumber(image.getAttribute("width")) || targetW;
+        const attrH = parseSvgNumber(image.getAttribute("height")) || targetH;
+        const transformScale = getApproxSvgTransformScale(image);
+        const renderedW = attrW * transformScale.x;
+        const renderedH = attrH * transformScale.y;
+        const density = 2;
+        const maxEdge = 2200;
+        targetW = Math.max(1, Math.round(Math.min(bitmap.width || attrW, renderedW * density || attrW)));
+        targetH = Math.max(1, Math.round(Math.min(bitmap.height || attrH, renderedH * density || attrH)));
+        const longest = Math.max(targetW, targetH);
+        if (longest > maxEdge) {
+          const scale = maxEdge / longest;
+          targetW = Math.max(1, Math.round(targetW * scale));
+          targetH = Math.max(1, Math.round(targetH * scale));
+        }
+      }
+      const alphaCanvas = document.createElement("canvas");
+      alphaCanvas.width = Math.min(32, targetW);
+      alphaCanvas.height = Math.min(32, targetH);
+      const alphaCtx = alphaCanvas.getContext("2d");
+      let hasAlpha = false;
+      if (alphaCtx) {
+        alphaCtx.clearRect(0, 0, alphaCanvas.width, alphaCanvas.height);
+        alphaCtx.drawImage(bitmap, 0, 0, alphaCanvas.width, alphaCanvas.height);
+        const pixels = alphaCtx.getImageData(0, 0, alphaCanvas.width, alphaCanvas.height).data;
+        for (let i = 3; i < pixels.length; i += 4) {
+          if (pixels[i] !== 255) {
+            hasAlpha = true;
+            break;
+          }
+        }
+      }
+      const canvas = document.createElement("canvas");
+      canvas.width = targetW;
+      canvas.height = targetH;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) continue;
+      if (!hasAlpha) {
+        ctx.fillStyle = "#ffffff";
+        ctx.fillRect(0, 0, targetW, targetH);
+      } else {
+        ctx.clearRect(0, 0, targetW, targetH);
+      }
+      ctx.imageSmoothingEnabled = true;
+      try {
+        ctx.imageSmoothingQuality = "high";
+      } catch {
+      }
+      ctx.drawImage(bitmap, 0, 0, targetW, targetH);
+      const jpegQuality = __pdfCompressImages ? Math.max(__pdfJpegQuality, 0.6) : 1;
+      const safeDataUrl = hasAlpha ? canvas.toDataURL("image/png") : canvas.toDataURL("image/jpeg", jpegQuality);
+      image.setAttribute("href", safeDataUrl);
+      if (image.hasAttribute("xlink:href")) image.setAttribute("xlink:href", safeDataUrl);
+      rewritten++;
+    } catch (err) {
+      console.warn("[client-pdf-export] failed to rewrite unsupported SVG raster image for PDF", {
+        href: href.slice(0, 160),
+        error: err instanceof Error ? err.message : String(err)
+      });
+    }
+  }
+  if (rewritten > 0) console.log(`[client-pdf-export] PDF-safe raster rewrite: ${rewritten} unsupported image(s) converted inside live SVG`);
+}
 async function preloadSvgImagesForPdf(svg, options) {
   const images = Array.from(svg.querySelectorAll("image"));
   if (!images.length) return;
@@ -632,6 +729,28 @@ async function preloadSvgImagesForPdf(svg, options) {
     }
   }
 }
+async function replaceLiveSvgRasterImagesWithOriginalAssets(svg, originalRasterImagesById) {
+  var _a;
+  if (__pdfCompressImages || !(originalRasterImagesById == null ? void 0 : originalRasterImagesById.size)) return;
+  const images = Array.from(svg.querySelectorAll("image"));
+  let replaced = 0;
+  for (const image of images) {
+    const id = image.getAttribute("data-pixldocs-image-id") || "";
+    const originalUrl = id ? originalRasterImagesById.get(id) : void 0;
+    if (!originalUrl) continue;
+    const currentHref = getSvgImageHref(image).trim();
+    if (currentHref === originalUrl) continue;
+    const imageData = await fetchImageAsBase64(originalUrl);
+    if (!((_a = imageData == null ? void 0 : imageData.data) == null ? void 0 : _a.startsWith("data:image/"))) continue;
+    image.setAttribute("href", imageData.data);
+    if (image.hasAttribute("xlink:href")) image.setAttribute("xlink:href", imageData.data);
+    image.setAttribute("data-pixldocs-original-pdf-asset", imageData.format);
+    replaced++;
+  }
+  if (replaced > 0) {
+    console.log(`[client-pdf-export] embedded ${replaced} original raster asset(s) in live SVG PDF path`);
+  }
+}
 function resetPdfColorState(pdf, label) {
   pdf.setFillColor(0, 0, 0);
   pdf.setDrawColor(0, 0, 0);
@@ -2056,6 +2175,8 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
       stripRootPageBackgroundFromSvg(svgToDraw);
     }
     sanitizeSvgTreeForPdf(svgToDraw);
+    await replaceLiveSvgRasterImagesWithOriginalAssets(svgToDraw, options == null ? void 0 : options.originalRasterImagesById);
+    await rewriteUnsupportedRasterImagesForSvgPdf(svgToDraw);
     await rewriteSafariInlineJpegImagesToPng(svgToDraw);
     try {
       await logTextMeasurementDiagnostic(svgToDraw);
@@ -2680,7 +2801,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-D4Dis-kD.js").then((n) => n.a6);
+    const { getNormalizedSvgUrl } = await import("./index-DOIdbh-Q.js").then((n) => n.a6);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3367,6 +3488,17 @@ function drawText(pdf, text, x, y, width, fontSizePx, fontFamily, fontWeight, fo
     }
   }
 }
+let __pdfCompressImages = true;
+function __setPdfCompressImages(v) {
+  __pdfCompressImages = v;
+}
+let __pdfJpegQuality = 0.82;
+function __setPdfJpegQuality(v) {
+  if (typeof v === "number" && isFinite(v) && v > 0 && v <= 1) __pdfJpegQuality = v;
+}
+function pdfRasterCompression() {
+  return __pdfCompressImages ? "SLOW" : "NONE";
+}
 function normalizeBgColor(bg) {
   if (!bg || bg === "transparent" || bg === "none") return "#ffffff";
   return bg;
@@ -3412,8 +3544,12 @@ async function detectAlpha(blob) {
   return false;
 }
 function getTargetPixelSize(bitmap, opts) {
+  if (!__pdfCompressImages && !(opts.resolutionMultiplier && opts.resolutionMultiplier > 1)) {
+    return { w: bitmap.width, h: bitmap.height };
+  }
   const dpiScale = 1.5 * (opts.resolutionMultiplier ?? 1);
-  const maxPx = opts.resolutionMultiplier && opts.resolutionMultiplier > 1 ? 4400 : 2200;
+  const hasMultiplier = !!(opts.resolutionMultiplier && opts.resolutionMultiplier > 1);
+  const maxPx = !__pdfCompressImages ? 1e4 : hasMultiplier ? 4400 : 2200;
   const capByBitmap = !(opts.resolutionMultiplier && opts.resolutionMultiplier > 1);
   const desiredW = Math.max(1, Math.round((opts.targetWidthPt ?? bitmap.width) * dpiScale));
   const desiredH = Math.max(1, Math.round((opts.targetHeightPt ?? bitmap.height) * dpiScale));
@@ -3443,7 +3579,8 @@ async function rasterizeToDataUrl(blob, opts, out, flattenBackground) {
   }
   ctx.drawImage(bitmap, 0, 0, w, h);
   if (out === "JPEG") {
-    return canvas.toDataURL("image/jpeg", 0.82);
+    const quality = __pdfCompressImages ? __pdfJpegQuality : 1;
+    return canvas.toDataURL("image/jpeg", quality);
   }
   return canvas.toDataURL("image/png");
 }
@@ -3471,7 +3608,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-D4Dis-kD.js").then((n) => n.a6);
+      const { isPrivateUrl } = await import("./index-DOIdbh-Q.js").then((n) => n.a6);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4368,13 +4505,13 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
           anyPdf2.advancedAPI(() => {
             pdf.saveGraphicsState();
             anyPdf2.setCurrentTransformationMatrix(anyPdf2.Matrix(...mPdf));
-            pdf.addImage(png, "PNG", localX, localY, frameW, frameH, void 0, "SLOW");
+            pdf.addImage(png, "PNG", localX, localY, frameW, frameH, void 0, pdfRasterCompression());
             pdf.restoreGraphicsState();
           });
           pdf.setGState(pdf.GState({ opacity: 1, "stroke-opacity": 1 }));
           return;
         }
-        pdf.addImage(png, "PNG", norm.x, norm.y, frameW, frameH, void 0, "SLOW");
+        pdf.addImage(png, "PNG", norm.x, norm.y, frameW, frameH, void 0, pdfRasterCompression());
         pdf.setGState(pdf.GState({ opacity: 1, "stroke-opacity": 1 }));
         return;
       }
@@ -4495,7 +4632,7 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
                 anyPdf.setCurrentTransformationMatrix(anyPdf.Matrix(...mPdf));
                 const localX = -intrinsicW / 2;
                 const localY = -intrinsicH / 2;
-                pdf.addImage(imageData2.data, imageData2.format, localX, localY, intrinsicW, intrinsicH, void 0, "SLOW");
+                pdf.addImage(imageData2.data, imageData2.format, localX, localY, intrinsicW, intrinsicH, void 0, pdfRasterCompression());
                 pdf.restoreGraphicsState();
               });
             }
@@ -4522,7 +4659,7 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
         anyPdf.setCurrentTransformationMatrix(anyPdf.Matrix(...mPdf));
         const localX = -intrinsicW / 2;
         const localY = -intrinsicH / 2;
-        pdf.addImage(imageData.data, imageData.format, localX, localY, intrinsicW, intrinsicH, void 0, "SLOW");
+        pdf.addImage(imageData.data, imageData.format, localX, localY, intrinsicW, intrinsicH, void 0, pdfRasterCompression());
         pdf.restoreGraphicsState();
       });
       return;
@@ -4882,7 +5019,7 @@ async function drawElementContentCore(pdf, element, norm, x, y, w, h, embeddedFo
             try {
               const fadedCrop = await bakeEdgeFadeIntoDataUrl(croppedPng, element);
               const finalCropPng = fadedCrop || croppedPng;
-              pdf.addImage(finalCropPng, "PNG", x, y, w, h, void 0, "SLOW");
+              pdf.addImage(finalCropPng, "PNG", x, y, w, h, void 0, pdfRasterCompression());
               break;
             } catch {
             }
@@ -4929,7 +5066,7 @@ async function drawElementContentCore(pdf, element, norm, x, y, w, h, embeddedFo
                   imageData2.format = "PNG";
                 }
                 try {
-                  pdf.addImage(imageData2.data, imageData2.format, x, y, w, h, void 0, "SLOW");
+                  pdf.addImage(imageData2.data, imageData2.format, x, y, w, h, void 0, pdfRasterCompression());
                 } catch {
                 }
               }
@@ -4953,7 +5090,7 @@ async function drawElementContentCore(pdf, element, norm, x, y, w, h, embeddedFo
             imageData.format = "PNG";
           }
           try {
-            pdf.addImage(imageData.data, imageData.format, x, y, w, h, void 0, "SLOW");
+            pdf.addImage(imageData.data, imageData.format, x, y, w, h, void 0, pdfRasterCompression());
           } catch {
           }
         }
@@ -5087,10 +5224,48 @@ function getExpectedRasterImageIdsForPdfPage(page) {
   }
   return [...new Set(ids)];
 }
+function getOriginalRasterImageUrlMapForPdfPage(page) {
+  const byId = /* @__PURE__ */ new Map();
+  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;
+    byId.set(item.id, src);
+  }
+  return byId;
+}
 async function exportMultiPagePdf(pages, options) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { filename = "document.pdf", title, watermark = false, returnBlob = false, pdfTextMode = "selectable", skipLiveCanvasSvgFastPath = false, useLiveCanvasObjectPdfPath = false } = options;
+  const { filename = "document.pdf", title, watermark = false, returnBlob = false, pdfTextMode = "selectable", skipLiveCanvasSvgFastPath = false, useLiveCanvasObjectPdfPath = false, compressImages = true, compressionQuality } = options;
   resetPdfFontRegistry();
+  const __prevCompress = __pdfCompressImages;
+  const __prevQuality = __pdfJpegQuality;
+  __pdfCompressImages = compressImages;
+  if (typeof compressionQuality === "number" && isFinite(compressionQuality) && compressionQuality > 0 && compressionQuality <= 1) {
+    __pdfJpegQuality = compressionQuality;
+  }
+  try {
+    return await __exportMultiPagePdfInner(pages, {
+      filename,
+      title,
+      watermark,
+      returnBlob,
+      pdfTextMode,
+      // Keep the SVG fast path even when compression is off — it routes through
+      // fetchImageAsBase64 which preserves JPEG bytes as-is (smallest PDF size).
+      // Forcing the object path here would re-rasterize every image to PNG via
+      // Fabric, ballooning the file size.
+      skipLiveCanvasSvgFastPath,
+      useLiveCanvasObjectPdfPath
+    });
+  } finally {
+    __pdfCompressImages = __prevCompress;
+    __pdfJpegQuality = __prevQuality;
+  }
+}
+async function __exportMultiPagePdfInner(pages, options) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { filename, title, watermark, returnBlob, pdfTextMode, skipLiveCanvasSvgFastPath, useLiveCanvasObjectPdfPath } = options;
   if (pages.length === 0) {
     throw new Error("No pages to export");
   }
@@ -5101,7 +5276,7 @@ async function exportMultiPagePdf(pages, options) {
     unit: "px",
     format: [firstPage.width, firstPage.height],
     hotfixes: ["px_scaling"],
-    compress: true
+    compress: __pdfCompressImages
   });
   if (title) {
     pdf.setProperties({ title, creator: "DocuForge" });
@@ -5266,7 +5441,10 @@ async function exportMultiPagePdf(pages, options) {
           liveSvgWidth,
           liveSvgHeight,
           `page-${pageIndex + 1}`,
-          { stripPageBackground: !!page.backgroundGradient }
+          {
+            stripPageBackground: !!page.backgroundGradient,
+            originalRasterImagesById: getOriginalRasterImageUrlMapForPdfPage(page)
+          }
         );
         if (liveSvg) {
           const seq = ++debugSvgDrawSequence;
@@ -5497,6 +5675,8 @@ async function exportMultiPagePdf(pages, options) {
   pdf.save(filename);
 }
 export {
+  __setPdfCompressImages,
+  __setPdfJpegQuality,
   bakeTextAnchorPositionsFromLiveSvg,
   convertSvgTextDecorationsToLinesString,
   drawPreparedLiveCanvasSvgPageToPdf,
@@ -5507,4 +5687,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-HZVoeZf3.js.map
+//# sourceMappingURL=vectorPdfExport-C0GsER0C.js.map