@pixldocs/canvas-renderer 0.5.152 → 0.5.154

package/dist/{index-CM_LXIKO.cjs → index-Cl1_1tTg.cjs}

@@ -5762,14 +5762,23 @@ function recolorSvgFills(svg, color) {
   return _recolorSvgFills(svg, color);
 }
 function bakeTextSvgToFabricLineStarts(svg, obj, w) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   try {
     const lines = (obj == null ? void 0 : obj._textLines) ?? [];
     if (!Array.isArray(lines) || lines.length === 0) return svg;
+    const rawAlign = String((obj == null ? void 0 : obj.textAlign) || "left").toLowerCase();
+    const alignmentAnchor = /right|end/.test(rawAlign) ? "end" : /center/.test(rawAlign) ? "middle" : "start";
+    const hasStyledChars = (() => {
+      const styles = obj == null ? void 0 : obj.styles;
+      if (!styles || typeof styles !== "object") return false;
+      return Object.values(styles).some((line) => line && typeof line === "object" && Object.keys(line).length > 0);
+    })();
+    const canUseAlignmentAnchor = alignmentAnchor !== "start" && !hasStyledChars && !(obj == null ? void 0 : obj.path) && !Number((obj == null ? void 0 : obj.charSpacing) ?? 0);
     const halfW = w / 2;
-    const lineXs = [];
+    const lineAnchors = [];
     for (let i = 0; i < lines.length; i++) {
       let lineLeft = 0;
+      let lineW = 0;
       let firstGlyphAdjust = 0;
       try {
         lineLeft = ((_a = obj._getLineLeftOffset) == null ? void 0 : _a.call(obj, i)) ?? 0;
@@ -5777,7 +5786,12 @@ function bakeTextSvgToFabricLineStarts(svg, obj, w) {
         lineLeft = 0;
       }
       try {
-        const firstBox = (_c = (_b = obj.__charBounds) == null ? void 0 : _b[i]) == null ? void 0 : _c[0];
+        lineW = ((_b = obj.getLineWidth) == null ? void 0 : _b.call(obj, i)) ?? 0;
+      } catch {
+        lineW = 0;
+      }
+      try {
+        const firstBox = (_d = (_c = obj.__charBounds) == null ? void 0 : _c[i]) == null ? void 0 : _d[0];
         const kerned = Number(firstBox == null ? void 0 : firstBox.kernedWidth);
         const glyphW = Number(firstBox == null ? void 0 : firstBox.width);
         if (Number.isFinite(kerned) && Number.isFinite(glyphW)) {
@@ -5786,9 +5800,18 @@ function bakeTextSvgToFabricLineStarts(svg, obj, w) {
       } catch {
         firstGlyphAdjust = 0;
       }
-      lineXs.push(
-        -halfW + (Number.isFinite(lineLeft) ? lineLeft : 0) + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0)
-      );
+      const baseStart = -halfW + (Number.isFinite(lineLeft) ? lineLeft : 0);
+      if (canUseAlignmentAnchor && Number.isFinite(lineW) && lineW > 0) {
+        lineAnchors.push({
+          x: alignmentAnchor === "end" ? baseStart + lineW : baseStart + lineW / 2,
+          anchor: alignmentAnchor
+        });
+      } else {
+        lineAnchors.push({
+          x: baseStart + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0),
+          anchor: "start"
+        });
+      }
     }
     const textOpenRe = /<text\b([^>]*)>/i;
     const textOpenMatch = svg.match(textOpenRe);
@@ -5804,6 +5827,10 @@ function bakeTextSvgToFabricLineStarts(svg, obj, w) {
       (_m, pre, val, post) => pre + val.replace(/text-align\s*:\s*[^;"']+;?/gi, "").trim() + post
     );
     const newTextOpen = `<text${textAttrs}>`;
+    const stripAnchorAttrs = (attrs) => attrs.replace(/\s+text-anchor\s*=\s*"[^"]*"/gi, "").replace(
+      /(\sstyle=")([^"]*)(")/i,
+      (_m, pre, val, post) => pre + val.replace(/text-anchor\s*:\s*[^;"']+;?/gi, "").trim() + post
+    );
     let lineIdx = 0;
     let lastY = "";
     const newSvg = svg.replace(textOpenMatch[0], newTextOpen).replace(
@@ -5812,13 +5839,15 @@ function bakeTextSvgToFabricLineStarts(svg, obj, w) {
         const attrs = `${pre} ${post}`;
         const yMatch = attrs.match(/\sy\s*=\s*"([^"]*)"/i);
         const y = (yMatch == null ? void 0 : yMatch[1]) ?? "";
-        const isLineStart = y !== "" ? y !== lastY : lineIdx < lineXs.length;
+        const isLineStart = y !== "" ? y !== lastY : lineIdx < lineAnchors.length;
         if (!isLineStart) return _m;
         if (y !== "") lastY = y;
-        const x = lineXs[lineIdx];
+        const lineAnchor = lineAnchors[lineIdx];
         lineIdx += 1;
-        if (typeof x !== "number" || !Number.isFinite(x)) return _m;
-        return `<tspan${pre} x="${x.toFixed(3)}"${post}>`;
+        if (!lineAnchor || typeof lineAnchor.x !== "number" || !Number.isFinite(lineAnchor.x)) return _m;
+        const cleanPre = stripAnchorAttrs(pre);
+        const cleanPost = stripAnchorAttrs(post);
+        return `<tspan${cleanPre} x="${lineAnchor.x.toFixed(3)}" text-anchor="${lineAnchor.anchor}" data-pd-line-anchor="1"${cleanPost}>`;
       }
     );
     return newSvg;
@@ -16047,9 +16076,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.152";
+const resolvedPackageVersion = "0.5.154";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.152";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.154";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16484,7 +16513,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-gHfbrQfT.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BHADcvGH.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -18586,7 +18615,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-gHfbrQfT.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BHADcvGH.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -18721,7 +18750,7 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     }
     if (shouldOutlineText) {
       try {
-        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-qhinMiiS.cjs"));
+        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-IM1f6F-f.cjs"));
         pageSvg = await convertAllTextToPath(pageSvg, fontBaseUrl, { mode: outlineSubMode });
         try {
           dumpSvgTextDiagnostics(pageSvg, i, PARITY_TAG, "STAGE-1b-after-text-to-path-raw");
@@ -18933,4 +18962,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CM_LXIKO.cjs.map
+//# sourceMappingURL=index-Cl1_1tTg.cjs.map