@pixldocs/canvas-renderer 0.5.159 → 0.5.160

package/dist/{index-CA-UhjM7.cjs → index-CtUEIsYl.cjs}

@@ -5804,12 +5804,16 @@ function bakeTextSvgToFabricLineStarts(svg, obj, w) {
       if (canUseAlignmentAnchor && Number.isFinite(lineW) && lineW > 0) {
         lineAnchors.push({
           x: alignmentAnchor === "end" ? baseStart + lineW : baseStart + lineW / 2,
-          anchor: alignmentAnchor
+          anchor: alignmentAnchor,
+          lineWidth: lineW,
+          lineStart: baseStart
         });
       } else {
         lineAnchors.push({
           x: baseStart + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0),
-          anchor: "start"
+          anchor: "start",
+          lineWidth: Number.isFinite(lineW) ? lineW : 0,
+          lineStart: baseStart
         });
       }
     }
@@ -5847,7 +5851,7 @@ function bakeTextSvgToFabricLineStarts(svg, obj, w) {
         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 `<tspan${cleanPre} x="${lineAnchor.x.toFixed(3)}" text-anchor="${lineAnchor.anchor}" data-pd-line-anchor="1" data-pd-line-width="${lineAnchor.lineWidth.toFixed(3)}" data-pd-line-start="${lineAnchor.lineStart.toFixed(3)}"${cleanPost}>`;
       }
     );
     return newSvg;
@@ -15958,17 +15962,26 @@ function PixldocsPreview(props) {
 function isFabricTextLike(obj) {
   return !!obj && (obj.type === "textbox" || obj.type === "i-text" || obj.type === "text" || Array.isArray(obj._textLines) && typeof obj.getLineWidth === "function");
 }
-function bakeSelectableTextSvgToFabricLineStarts(svg, obj) {
+function bakeSelectableTextSvgToFabricLineAnchors(svg, obj) {
   try {
+    if (/\bdata-pd-line-anchor\s*=\s*"1"/i.test(svg)) return svg;
     const rawAlign = String((obj == null ? void 0 : obj.textAlign) || "left").toLowerCase();
     if (!/center|right|end/.test(rawAlign)) return svg;
     const lines = (obj == null ? void 0 : obj._textLines) ?? [];
     const width = Number((obj == null ? void 0 : obj.width) ?? 0);
     if (!Array.isArray(lines) || lines.length === 0 || !Number.isFinite(width) || width <= 0) return svg;
+    const alignmentAnchor = /right|end/.test(rawAlign) ? "end" : "middle";
+    const hasStyledChars = (() => {
+      const styles = obj == null ? void 0 : obj.styles;
+      if (!styles || typeof styles !== "object") return false;
+      return Object.values(styles).some((line2) => line2 && typeof line2 === "object" && Object.keys(line2).length > 0);
+    })();
+    const canUseLineAnchor = !hasStyledChars && !(obj == null ? void 0 : obj.path) && !Number((obj == null ? void 0 : obj.charSpacing) ?? 0);
     const halfW = width / 2;
-    const lineStarts = lines.map((_line, i) => {
-      var _a, _b, _c;
+    const lineAnchors = lines.map((_line, i) => {
+      var _a, _b, _c, _d;
       let lineLeft = 0;
+      let lineW = 0;
       let firstGlyphAdjust = 0;
       try {
         lineLeft = Number(((_a = obj._getLineLeftOffset) == null ? void 0 : _a.call(obj, i)) ?? 0);
@@ -15976,14 +15989,33 @@ function bakeSelectableTextSvgToFabricLineStarts(svg, obj) {
         lineLeft = 0;
       }
       try {
-        const firstBox = (_c = (_b = obj.__charBounds) == null ? void 0 : _b[i]) == null ? void 0 : _c[0];
+        lineW = Number(((_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)) firstGlyphAdjust = kerned - glyphW;
       } catch {
         firstGlyphAdjust = 0;
       }
-      return -halfW + (Number.isFinite(lineLeft) ? lineLeft : 0) + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0);
+      const baseStart = -halfW + (Number.isFinite(lineLeft) ? lineLeft : 0);
+      if (canUseLineAnchor && Number.isFinite(lineW) && lineW > 0) {
+        return {
+          x: alignmentAnchor === "end" ? baseStart + lineW : baseStart + lineW / 2,
+          anchor: alignmentAnchor,
+          lineWidth: lineW,
+          lineStart: baseStart
+        };
+      }
+      return {
+        x: baseStart + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0),
+        anchor: "start",
+        lineWidth: Number.isFinite(lineW) ? lineW : 0,
+        lineStart: baseStart
+      };
     });
     const stripAnchorAttrs = (attrs) => attrs.replace(/\s+text-anchor\s*=\s*"[^"]*"/gi, "").replace(/\s+data-pd-line-anchor\s*=\s*"[^"]*"/gi, "").replace(/(\sstyle=")([^"]*)(")/i, (_m, pre, val, post) => {
       const cleaned = val.replace(/text-anchor\s*:\s*[^;"']+;?/gi, "").replace(/text-align\s*:\s*[^;"']+;?/gi, "").trim();
@@ -16001,21 +16033,21 @@ function bakeSelectableTextSvgToFabricLineStarts(svg, obj) {
         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 < lineStarts.length;
+        const isLineStart = y !== "" ? y !== lastY : lineIdx < lineAnchors.length;
         if (!isLineStart) return match;
         if (y !== "") lastY = y;
-        const x2 = lineStarts[lineIdx++];
-        if (!Number.isFinite(x2)) return match;
+        const line2 = lineAnchors[lineIdx++];
+        if (!line2 || !Number.isFinite(line2.x)) return match;
         replacedLine = true;
-        return `<tspan${stripAnchorAttrs(pre)} x="${x2.toFixed(3)}" text-anchor="start" data-pd-line-anchor="1"${stripAnchorAttrs(post)}>`;
+        return `<tspan${stripAnchorAttrs(pre)} x="${line2.x.toFixed(3)}" text-anchor="${line2.anchor}" data-pd-line-anchor="1" data-pd-line-width="${line2.lineWidth.toFixed(3)}" data-pd-line-start="${line2.lineStart.toFixed(3)}"${stripAnchorAttrs(post)}>`;
       }
     );
     if (replacedLine) return patched;
-    const x = lineStarts[0];
-    if (!Number.isFinite(x)) return patched;
+    const line = lineAnchors[0];
+    if (!line || !Number.isFinite(line.x)) return patched;
     return patched.replace(/<text\b([^>]*)>/i, (_m, attrs) => {
       const clean = stripAnchorAttrs(attrs).replace(/\s+x\s*=\s*"[^"]*"/i, "");
-      return `<text x="${x.toFixed(3)}" text-anchor="start" data-pd-line-anchor="1"${clean}>`;
+      return `<text x="${line.x.toFixed(3)}" text-anchor="${line.anchor}" data-pd-line-anchor="1" data-pd-line-width="${line.lineWidth.toFixed(3)}" data-pd-line-start="${line.lineStart.toFixed(3)}"${clean}>`;
     });
   } catch {
     return svg;
@@ -16029,7 +16061,7 @@ function patchTextObjectsForSelectableSvg(fabricInstance) {
     if (isFabricTextLike(obj) && typeof obj.toSVG === "function") {
       const original = obj.toSVG;
       obj.toSVG = function patchedSelectableTextToSVG(reviver) {
-        return bakeSelectableTextSvgToFabricLineStarts(original.call(this, reviver), this);
+        return bakeSelectableTextSvgToFabricLineAnchors(original.call(this, reviver), this);
       };
       records.push({ obj, toSVG: original });
     }
@@ -16170,9 +16202,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.159";
+const resolvedPackageVersion = "0.5.160";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.159";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.160";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16607,7 +16639,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-BqyoXT--.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DEMJeh_t.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -18709,7 +18741,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-BqyoXT--.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DEMJeh_t.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19056,4 +19088,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CA-UhjM7.cjs.map
+//# sourceMappingURL=index-CtUEIsYl.cjs.map