@pixldocs/canvas-renderer 0.5.146 → 0.5.148

package/dist/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-DoPXmxDJ.cjs");
+const index = require("./index-Bt1m9Esp.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;
 exports.FONT_FALLBACK_SYMBOLS = index.FONT_FALLBACK_SYMBOLS;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -87,6 +87,8 @@ export declare function collectImageUrls(config: TemplateConfig): string[];
  */
 export declare function configHasAutoShrinkText(config: TemplateConfig | null | undefined): boolean;
 
+export declare const DEPLOYMENT_VERSION_MARKER: string;
+
 export declare function dumpSvgTextDiagnostics(svgStr: string, pageIndex: number, tag: string, stage: string, maxItems?: number): void;
 
 export declare interface DynamicField {
@@ -255,11 +257,7 @@ export declare function loadGoogleFontCSS(rawFontFamily: string): Promise<void>;
  */
 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.145";
+export declare const PACKAGE_VERSION: string;
 
 export declare interface PageSettings {
     backgroundColor?: string;
@@ -382,6 +380,7 @@ export declare interface PixldocsPreviewResolveProps extends PixldocsPreviewBase
 export declare class PixldocsRenderer {
     private config;
     constructor(config: RendererConfig);
+    private installRuntimeGlobals;
     /**
      * Render a pre-resolved template config to an image using the full PageCanvas engine.
      * Mounts a hidden PreviewCanvas component and captures the Fabric canvas output.

package/dist/index.js

@@ -1,5 +1,6 @@
-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";
+import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, b, M, N, O, Q, R, S, U, V, W, X, Y, Z, _ } from "./index-BkhtOI5W.js";
 export {
+  D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,
   o as FONT_FALLBACK_MATH,
   q as FONT_FALLBACK_SYMBOLS,
@@ -14,26 +15,26 @@ export {
   z as collectFontsFromConfig,
   B as collectImageUrls,
   C as configHasAutoShrinkText,
-  D as dumpSvgTextDiagnostics,
-  E as embedFont,
-  G as embedFontsForConfig,
-  H as embedFontsInPdf,
-  I as ensureFontsForResolvedConfig,
-  J as extractFontFamiliesFromSvgs,
-  K as getEmbeddedJsPDFFontName,
+  E as dumpSvgTextDiagnostics,
+  G as embedFont,
+  H as embedFontsForConfig,
+  I as embedFontsInPdf,
+  J as ensureFontsForResolvedConfig,
+  K as extractFontFamiliesFromSvgs,
+  L as getEmbeddedJsPDFFontName,
   b as getProxiedImageUrl,
-  L as isBundledAssetUrl,
-  M as isFontAvailable,
-  N as isPrivateUrl,
-  O as loadGoogleFontCSS,
-  Q as normalizeFontFamily,
-  R as resolveFontWeight,
-  S as resolveFromForm,
-  U as resolveTemplateData,
-  V as rewriteSvgFontsForJsPDF,
-  W as setAutoShrinkDebug,
-  X as setBundledAssetPrefixes,
-  Y as warmResolvedTemplateForPreview,
-  Z as warmTemplateFromForm
+  M as isBundledAssetUrl,
+  N as isFontAvailable,
+  O as isPrivateUrl,
+  Q as loadGoogleFontCSS,
+  R as normalizeFontFamily,
+  S as resolveFontWeight,
+  U as resolveFromForm,
+  V as resolveTemplateData,
+  W as rewriteSvgFontsForJsPDF,
+  X as setAutoShrinkDebug,
+  Y as setBundledAssetPrefixes,
+  Z as warmResolvedTemplateForPreview,
+  _ as warmTemplateFromForm
 };
 //# sourceMappingURL=index.js.map

package/dist/{vectorPdfExport-DI7k8pt7.js → vectorPdfExport-BX2pT0Zn.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-oR6VOGAL.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-BkhtOI5W.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;
@@ -1180,6 +1180,44 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
   tempContainer.appendChild(clone);
   document.body.appendChild(tempContainer);
   let baked = 0;
+  const _measureCanvas = typeof document !== "undefined" ? document.createElement("canvas") : null;
+  const _mctx = (_measureCanvas == null ? void 0 : _measureCanvas.getContext("2d")) || null;
+  const _resolveFontSize = (node) => {
+    let cur = node;
+    while (cur) {
+      const fs = cur.getAttribute("font-size");
+      if (fs) {
+        const n = parseFloat(fs);
+        if (Number.isFinite(n) && n > 0) return n;
+      }
+      cur = cur.parentElement;
+    }
+    return 16;
+  };
+  const _resolveFontAttr = (node, attr, fallback) => {
+    let cur = node;
+    while (cur) {
+      const v = cur.getAttribute(`data-source-${attr}`) || cur.getAttribute(attr);
+      if (v) return v;
+      cur = cur.parentElement;
+    }
+    return fallback;
+  };
+  const _measureWidthCanvas = (srcNode, content) => {
+    if (!_mctx || !content) return null;
+    const family = _resolveFontAttr(srcNode, "font-family", "").replace(/['"]/g, "").trim();
+    const weight = _resolveFontAttr(srcNode, "font-weight", "400");
+    const style = _resolveFontAttr(srcNode, "font-style", "normal");
+    const size = _resolveFontSize(srcNode);
+    if (!family) return null;
+    try {
+      _mctx.font = `${style} ${weight} ${size}px "${family}"`;
+      const w = _mctx.measureText(content).width;
+      return Number.isFinite(w) && w > 0 ? w : null;
+    } catch {
+      return null;
+    }
+  };
   try {
     const srcTexts = Array.from(svg.querySelectorAll("text"));
     const liveTexts = Array.from(clone.querySelectorAll("text"));
@@ -1199,6 +1237,32 @@ async function bakeTextAnchorPositionsFromLiveSvg(svg) {
       const bakeNode = (srcNode, liveNode, anchorOverride) => {
         const anchor = (anchorOverride || _resolveAnchor(srcNode)).trim().toLowerCase();
         if (anchor !== "middle" && anchor !== "end") return;
+        try {
+          const content = srcNode.textContent || "";
+          if (content.length > 0) {
+            const width = _measureWidthCanvas(srcNode, content);
+            let refXAttr = null;
+            let cur = srcNode;
+            while (cur) {
+              const v = cur.getAttribute("x");
+              if (v) {
+                refXAttr = v;
+                break;
+              }
+              cur = cur.parentElement;
+            }
+            const refX = refXAttr !== null ? parseFloat(refXAttr.split(/[\s,]+/)[0]) : NaN;
+            if (width !== null && Number.isFinite(refX)) {
+              const newX = anchor === "middle" ? refX - width / 2 : refX - width;
+              srcNode.setAttribute("x", String(newX));
+              srcNode.setAttribute("text-anchor", "start");
+              stripTextAnchorStyle(srcNode);
+              baked++;
+              return;
+            }
+          }
+        } catch {
+        }
         try {
           const n = typeof liveNode.getNumberOfChars === "function" ? liveNode.getNumberOfChars() : 0;
           if (!n) return;
@@ -2386,7 +2450,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-oR6VOGAL.js").then((n) => n._);
+    const { getNormalizedSvgUrl } = await import("./index-BkhtOI5W.js").then((n) => n.$);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3167,7 +3231,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-oR6VOGAL.js").then((n) => n._);
+      const { isPrivateUrl } = await import("./index-BkhtOI5W.js").then((n) => n.$);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5151,4 +5215,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-DI7k8pt7.js.map
+//# sourceMappingURL=vectorPdfExport-BX2pT0Zn.js.map