@pixldocs/canvas-renderer 0.5.200 → 0.5.202

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-B0b3u83I.cjs");
+const index = require("./index-BfMO-VrX.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.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-oOW9gtoq.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-BVNRSs-v.js";
 export {
   D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,

package/dist/{vectorPdfExport-CV6GxECJ.cjs → vectorPdfExport-DCyVRj7e.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jspdf = require("jspdf");
 const svg2pdf_js = require("svg2pdf.js");
 const fabric = require("fabric");
-const index = require("./index-B0b3u83I.cjs");
+const index = require("./index-BfMO-VrX.cjs");
 const pdfFonts = require("./pdfFonts-BTj2f465.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -486,6 +486,129 @@ async function svg2pdfWithDomMount(svg, pdf, opts, options) {
 function getSvgImageHref(image) {
   return image.getAttribute("href") || image.getAttribute("xlink:href") || "";
 }
+function isSafariLikeForInlineJpegSvgPdf() {
+  try {
+    if (typeof navigator === "undefined") return false;
+    const ua = navigator.userAgent || "";
+    const vendor = navigator.vendor || "";
+    const isIOS = /iPad|iPhone|iPod/.test(ua) || /Macintosh/.test(ua) && Number(navigator.maxTouchPoints || 0) > 1;
+    const isSafariDesktop = /Safari/.test(ua) && /Apple/.test(vendor) && !/Chrome|CriOS|Chromium|Edg|FxiOS/.test(ua);
+    return isIOS || isSafariDesktop;
+  } catch {
+    return false;
+  }
+}
+function estimateDataUrlBytesForPdf(dataUrl) {
+  const comma = dataUrl.indexOf(",");
+  const payload = comma >= 0 ? dataUrl.slice(comma + 1) : dataUrl;
+  return Math.floor(payload.length * 0.75);
+}
+function parseSvgNumber(value) {
+  if (!value) return null;
+  const match = value.trim().match(/^-?\d+(?:\.\d+)?/);
+  if (!match) return null;
+  const n = Number(match[0]);
+  return Number.isFinite(n) && n > 0 ? n : null;
+}
+function getApproxSvgTransformScale(image) {
+  let sx = 1;
+  let sy = 1;
+  let cur = image;
+  while (cur && cur.tagName.toLowerCase() !== "svg") {
+    const transform = cur.getAttribute("transform") || "";
+    const matrix = transform.match(/matrix\(([^)]+)\)/i);
+    if (matrix) {
+      const parts = matrix[1].split(/[\s,]+/).map(Number).filter(Number.isFinite);
+      if (parts.length >= 4) {
+        sx *= Math.hypot(parts[0], parts[1]) || 1;
+        sy *= Math.hypot(parts[2], parts[3]) || 1;
+      }
+    }
+    const scale = transform.match(/scale\(([^)]+)\)/i);
+    if (scale) {
+      const parts = scale[1].split(/[\s,]+/).map(Number).filter(Number.isFinite);
+      if (parts.length >= 1) {
+        sx *= parts[0] || 1;
+        sy *= (parts.length >= 2 ? parts[1] : parts[0]) || 1;
+      }
+    }
+    cur = cur.parentElement;
+  }
+  return { x: Math.max(0.01, Math.abs(sx)), y: Math.max(0.01, Math.abs(sy)) };
+}
+async function rewriteSafariInlineJpegImagesToPng(svg) {
+  if (!isSafariLikeForInlineJpegSvgPdf() || typeof document === "undefined") return;
+  const jpegImages = Array.from(svg.querySelectorAll("image")).filter((image) => /^data:image\/jpe?g[;,]/i.test(getSvgImageHref(image)));
+  if (jpegImages.length === 0) return;
+  let rewritten = 0;
+  for (const image of jpegImages) {
+    const href = getSvgImageHref(image);
+    const decodeImage = (src) => new Promise((resolve) => {
+      const img = new Image();
+      img.onload = async () => {
+        try {
+          if (typeof img.decode === "function") await img.decode();
+        } catch {
+        }
+        resolve(img.naturalWidth > 0 && img.naturalHeight > 0 ? img : null);
+      };
+      img.onerror = () => resolve(null);
+      try {
+        img.src = src;
+      } catch {
+        resolve(null);
+      }
+    });
+    let loaded = await decodeImage(href);
+    let blobUrl = null;
+    if (!loaded) {
+      try {
+        const blob = await (await fetch(href)).blob();
+        blobUrl = URL.createObjectURL(blob);
+        loaded = await decodeImage(blobUrl);
+      } catch {
+      }
+    }
+    if (!loaded) {
+      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 pngDataUrl = null;
+    for (const shrink of [1, 0.82, 0.68, 0.55]) {
+      const canvas = document.createElement("canvas");
+      canvas.width = Math.max(1, Math.round(targetW * shrink));
+      canvas.height = Math.max(1, Math.round(targetH * shrink));
+      const ctx = canvas.getContext("2d");
+      if (!ctx) break;
+      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;
+    }
+    if (blobUrl) URL.revokeObjectURL(blobUrl);
+    if (!pngDataUrl) continue;
+    image.setAttribute("href", pngDataUrl);
+    if (image.hasAttribute("xlink:href")) image.setAttribute("xlink:href", pngDataUrl);
+    rewritten++;
+  }
+  if (rewritten > 0) console.log(`[client-pdf-export] Safari-safe inline JPEG rewrite: ${rewritten} image(s) converted to PNG inside live SVG`);
+}
 async function preloadSvgImagesForPdf(svg, options) {
   const images = Array.from(svg.querySelectorAll("image"));
   if (!images.length) return;
@@ -1950,6 +2073,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
       stripRootPageBackgroundFromSvg(svgToDraw);
     }
     sanitizeSvgTreeForPdf(svgToDraw);
+    await rewriteSafariInlineJpegImagesToPng(svgToDraw);
     try {
       await logTextMeasurementDiagnostic(svgToDraw);
       await bakeTextAnchorPositionsFromLiveSvg(svgToDraw);
@@ -2573,7 +2697,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-B0b3u83I.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-BfMO-VrX.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3364,7 +3488,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-B0b3u83I.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-BfMO-VrX.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5371,4 +5495,4 @@ exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-CV6GxECJ.cjs.map
+//# sourceMappingURL=vectorPdfExport-DCyVRj7e.cjs.map