@pixldocs/canvas-renderer 0.5.143 → 0.5.145

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-DVjmPr0D.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-Br7Pk6Ol.js";
 export {
   F as FONT_FALLBACK_DEVANAGARI,
   o as FONT_FALLBACK_MATH,

package/dist/{vectorPdfExport-GvaizFte.js → vectorPdfExport-B63qQqDW.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-Br7Pk6Ol.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;
@@ -1208,6 +1208,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;
@@ -1658,6 +1757,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 +2348,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-Br7Pk6Ol.js").then((n) => n._);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3029,7 +3129,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-Br7Pk6Ol.js").then((n) => n._);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5009,7 +5109,8 @@ export {
   embedFontsForSvg,
   exportFabricCanvasToVectorPdf,
   exportMultiPagePdf,
+  logTextMeasurementDiagnostic,
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-GvaizFte.js.map
+//# sourceMappingURL=vectorPdfExport-B63qQqDW.js.map