@pixldocs/canvas-renderer 0.5.143 → 0.5.146

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-r5VzSOHa.cjs");
+const index = require("./index-DoPXmxDJ.cjs");
 exports.FONT_FALLBACK_DEVANAGARI = index.FONT_FALLBACK_DEVANAGARI;
 exports.FONT_FALLBACK_MATH = index.FONT_FALLBACK_MATH;
 exports.FONT_FALLBACK_SYMBOLS = index.FONT_FALLBACK_SYMBOLS;

package/dist/index.d.ts

@@ -259,7 +259,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.143";
+export declare const PACKAGE_VERSION = "0.5.145";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { F, o, q, s, P, t, u, v, w, x, y, z, B, C, D, E, G, H, I, J, K, b, L, M, N, O, Q, R, S, U, V, W, X, Y, Z } from "./index-CUpy7HO9.js";
+import { F, o, q, s, P, t, u, v, w, x, y, z, B, C, D, E, G, H, I, J, K, b, L, M, N, O, Q, R, S, U, V, W, X, Y, Z } from "./index-oR6VOGAL.js";
 export {
   F as FONT_FALLBACK_DEVANAGARI,
   o as FONT_FALLBACK_MATH,

package/dist/{vectorPdfExport-GvaizFte.js → vectorPdfExport-DI7k8pt7.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-CUpy7HO9.js";
+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-oR6VOGAL.js";
 import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-b3_bv7F0.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
@@ -123,6 +123,33 @@ const yieldToUI = () => new Promise((resolve) => {
   requestAnimationFrame(() => setTimeout(resolve, 0));
 });
 const SHADOW_RASTER_ALPHA_COMPENSATION = 0.84;
+function collectFontSpecsFromShadowMarkup(markup) {
+  const specs = /* @__PURE__ */ new Set();
+  const re = /<(?:text|tspan)\b[^>]*>/gi;
+  let match;
+  while ((match = re.exec(markup)) !== null) {
+    const tag = match[0];
+    const get = (attr) => {
+      const m = tag.match(new RegExp(`\\s${attr}\\s*=\\s*"([^"]*)"`, "i"));
+      if (m) return m[1];
+      const styleM = tag.match(/\sstyle\s*=\s*"([^"]*)"/i);
+      if (styleM) {
+        const sm = styleM[1].match(new RegExp(`${attr}\\s*:\\s*([^;]+)`, "i"));
+        if (sm) return sm[1].trim();
+      }
+      return null;
+    };
+    const family = (get("font-family") || "").split(",")[0].replace(/['"]/g, "").trim();
+    if (!family) continue;
+    const weight = get("font-weight") || "400";
+    const style = get("font-style") || "normal";
+    const size = get("font-size") || "16px";
+    const sizePx = /[a-z%]/i.test(size) ? size : `${size}px`;
+    const famSpec = /\s/.test(family) ? `"${family}"` : family;
+    specs.add(`${style} ${weight} ${sizePx} ${famSpec}`);
+  }
+  return Array.from(specs);
+}
 let debugSvgDrawSequence = 0;
 function debugLog(...args) {
 }
@@ -1208,6 +1235,105 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
     }
   }
 }
+async function logTextMeasurementDiagnostic(svg) {
+  var _a, _b, _c, _d, _e;
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  try {
+    const params = new URLSearchParams(((_a = window.location) == null ? void 0 : _a.search) || "");
+    if (params.get("pdfdiag") !== "1") return;
+  } catch {
+    return;
+  }
+  if (!svg) return;
+  const tempContainer = document.createElement("div");
+  tempContainer.style.cssText = "position:fixed;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none;";
+  const clone = svg.cloneNode(true);
+  for (const tn of clone.querySelectorAll("text, tspan, textPath")) {
+    const sf = tn.getAttribute("data-source-font-family");
+    const sw = tn.getAttribute("data-source-font-weight");
+    const ss = tn.getAttribute("data-source-font-style");
+    if (sf) tn.setAttribute("font-family", sf);
+    if (sw) tn.setAttribute("font-weight", sw);
+    if (ss) tn.setAttribute("font-style", ss);
+  }
+  tempContainer.appendChild(clone);
+  document.body.appendChild(tempContainer);
+  const measureCanvas = document.createElement("canvas");
+  const mctx = measureCanvas.getContext("2d");
+  try {
+    const liveTexts = Array.from(clone.querySelectorAll("text"));
+    const srcTexts = Array.from(svg.querySelectorAll("text"));
+    const rows = [];
+    for (let i = 0; i < liveTexts.length; i++) {
+      const live = liveTexts[i];
+      const src = srcTexts[i];
+      if (!live || !src) continue;
+      const liveTspans = Array.from(live.querySelectorAll("tspan"));
+      const srcTspans = Array.from(src.querySelectorAll("tspan"));
+      const tspans = liveTspans.length ? liveTspans : [live];
+      const srcs = srcTspans.length ? srcTspans : [src];
+      for (let j = 0; j < tspans.length; j++) {
+        const ln = tspans[j];
+        const sn = srcs[j];
+        const text = ln.textContent || "";
+        const fam = (ln.getAttribute("font-family") || "").replace(/['"]/g, "").trim();
+        const wt = ln.getAttribute("font-weight") || "400";
+        const sty = ln.getAttribute("font-style") || "normal";
+        const sz = parseFloat(ln.getAttribute("font-size") || src.getAttribute("font-size") || "16") || 16;
+        let domX = null;
+        let bboxW = null;
+        try {
+          if (ln.getNumberOfChars && ln.getNumberOfChars() > 0) {
+            domX = ln.getStartPositionOfChar(0).x;
+          }
+        } catch {
+        }
+        try {
+          bboxW = ((_b = ln.getBBox) == null ? void 0 : _b.call(ln).width) ?? null;
+        } catch {
+        }
+        let canvasW = null;
+        if (mctx) {
+          mctx.font = `${sty} ${wt} ${sz}px "${fam}"`;
+          try {
+            canvasW = mctx.measureText(text).width;
+          } catch {
+          }
+        }
+        rows.push({
+          line: text.length > 40 ? text.slice(0, 37) + "..." : text,
+          font: `${fam} ${wt} ${sty}`,
+          size: sz,
+          srcAnchor: sn.getAttribute("text-anchor") || ((_c = sn.parentElement) == null ? void 0 : _c.getAttribute("text-anchor")) || "",
+          srcX: sn.getAttribute("x") || ((_d = sn.parentElement) == null ? void 0 : _d.getAttribute("x")) || "",
+          domX: domX !== null ? +domX.toFixed(2) : null,
+          bboxW: bboxW !== null ? +bboxW.toFixed(2) : null,
+          measureCtxW: canvasW !== null ? +canvasW.toFixed(2) : null
+        });
+      }
+    }
+    if (rows.length > 0) {
+      console.log("[PDF-DIAG] ===== text measurement diagnostic =====");
+      console.log(
+        "[PDF-DIAG] env=",
+        typeof navigator !== "undefined" ? navigator.userAgent.slice(0, 80) : "n/a",
+        "dpr=",
+        window.devicePixelRatio,
+        "fontsReady=",
+        !!((_e = document.fonts) == null ? void 0 : _e.ready)
+      );
+      for (const r of rows) {
+        console.log("[PDF-DIAG]", JSON.stringify(r));
+      }
+      console.log("[PDF-DIAG] ===== end =====");
+    }
+  } finally {
+    try {
+      document.body.removeChild(tempContainer);
+    } catch {
+    }
+  }
+}
 async function _convertTextDecorationsToLines_impl(svg) {
   const doc = svg.ownerDocument;
   if (!doc) return;
@@ -1404,7 +1530,7 @@ async function convertSvgTextDecorationsToLinesString(svgStr) {
   }
 }
 async function rasterizeShadowMarkers(svg) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   if (typeof window === "undefined" || typeof document === "undefined") return;
   const markers = Array.from(svg.querySelectorAll("g.__pdShadowRaster"));
   if (markers.length === 0) return;
@@ -1431,6 +1557,17 @@ async function rasterizeShadowMarkers(svg) {
       const innerXml = restoreSourceFontsForShadowRaster(
         Array.from(marker.childNodes).map((n) => n instanceof Element ? new XMLSerializer().serializeToString(n) : "").join("")
       );
+      try {
+        const fontSpecs = collectFontSpecsFromShadowMarkup(innerXml);
+        if (fontSpecs.length > 0 && ((_c = document.fonts) == null ? void 0 : _c.load)) {
+          await Promise.all(
+            fontSpecs.map(
+              (spec) => document.fonts.load(spec).catch(() => void 0)
+            )
+          );
+        }
+      } catch {
+      }
       const scale = 2;
       const pxW = Math.min(4096, Math.max(8, Math.ceil(bw * scale)));
       const pxH = Math.min(4096, Math.max(8, Math.ceil(bh * scale)));
@@ -1440,7 +1577,7 @@ async function rasterizeShadowMarkers(svg) {
       const miniSvg = `<svg xmlns="${SVG_NS}" xmlns:xlink="${XLINK_NS}" width="${pxW}" height="${pxH}" viewBox="${bx} ${by} ${bw} ${bh}">${styleBlock}<defs><filter id="${filterId}" filterUnits="userSpaceOnUse" x="${bx}" y="${by}" width="${bw}" height="${bh}" color-interpolation-filters="sRGB"><feOffset dx="${ox}" dy="${oy}" result="offsetShadow" /><feGaussianBlur in="offsetShadow" stdDeviation="${stdDev}" /></filter></defs><g filter="url(#${filterId})">${innerXml}</g></svg>`;
       const dataUrl = await rasterSvgToPngDataUrl(miniSvg, pxW, pxH);
       if (!dataUrl) {
-        (_c = marker.parentNode) == null ? void 0 : _c.removeChild(marker);
+        (_d = marker.parentNode) == null ? void 0 : _d.removeChild(marker);
         continue;
       }
       const img = svg.ownerDocument.createElementNS(SVG_NS, "image");
@@ -1452,11 +1589,11 @@ async function rasterizeShadowMarkers(svg) {
       img.setAttribute("preserveAspectRatio", "none");
       img.setAttributeNS(XLINK_NS, "xlink:href", dataUrl);
       img.setAttribute("href", dataUrl);
-      (_d = marker.parentNode) == null ? void 0 : _d.replaceChild(img, marker);
+      (_e = marker.parentNode) == null ? void 0 : _e.replaceChild(img, marker);
     } catch (error) {
       console.warn("[Vector PDF] text shadow rasterization failed for one marker:", error);
       try {
-        (_e = marker.parentNode) == null ? void 0 : _e.removeChild(marker);
+        (_f = marker.parentNode) == null ? void 0 : _f.removeChild(marker);
       } catch {
       }
     }
@@ -1658,6 +1795,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     }
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
+      await logTextMeasurementDiagnostic(svgToDraw);
       await bakeTextAnchorPositionsFromLiveSvg(svgToDraw);
     } catch (e) {
       console.warn("[Vector PDF] anchor-bake pass failed (continuing):", e);
@@ -2248,7 +2386,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-CUpy7HO9.js").then((n) => n._);
+    const { getNormalizedSvgUrl } = await import("./index-oR6VOGAL.js").then((n) => n._);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3029,7 +3167,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-CUpy7HO9.js").then((n) => n._);
+      const { isPrivateUrl } = await import("./index-oR6VOGAL.js").then((n) => n._);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5009,7 +5147,8 @@ export {
   embedFontsForSvg,
   exportFabricCanvasToVectorPdf,
   exportMultiPagePdf,
+  logTextMeasurementDiagnostic,
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-GvaizFte.js.map
+//# sourceMappingURL=vectorPdfExport-DI7k8pt7.js.map