@pixldocs/canvas-renderer 0.5.160 → 0.5.162

package/dist/{index-CmhkyT2o.js → index-C6rEqM4R.js}

@@ -5693,7 +5693,6 @@ function applyTextBackground(obj, cfg) {
       const bgPath = hasBg ? `<path d="${bgD}" fill="${escapeXmlAttr(bgFill)}"${bgOpacityAttr} />` : "";
       svg = svg.replace(/style="[^"]*filter:\s*url\([^)]+\)[^"]*"/i, "");
       svg = svg.replace(/<filter[\s\S]*?<\/filter>/gi, "");
-      svg = bakeTextSvgToFabricLineStarts(svg, this, w);
       let bgShadowMarker = "";
       let textShadowMarker = "";
       if (hasShadow) {
@@ -5743,104 +5742,6 @@ function applyTextBackground(obj, cfg) {
 function recolorSvgFills(svg, color) {
   return _recolorSvgFills(svg, color);
 }
-function bakeTextSvgToFabricLineStarts(svg, obj, w) {
-  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 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;
-      } catch {
-        lineLeft = 0;
-      }
-      try {
-        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)) {
-          firstGlyphAdjust = kerned - glyphW;
-        }
-      } catch {
-        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,
-          lineWidth: lineW,
-          lineStart: baseStart
-        });
-      } else {
-        lineAnchors.push({
-          x: baseStart + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0),
-          anchor: "start",
-          lineWidth: Number.isFinite(lineW) ? lineW : 0,
-          lineStart: baseStart
-        });
-      }
-    }
-    const textOpenRe = /<text\b([^>]*)>/i;
-    const textOpenMatch = svg.match(textOpenRe);
-    if (!textOpenMatch) return svg;
-    let textAttrs = textOpenMatch[1];
-    if (/\stext-anchor\s*=\s*"[^"]*"/i.test(textAttrs)) {
-      textAttrs = textAttrs.replace(/\stext-anchor\s*=\s*"[^"]*"/i, ' text-anchor="start"');
-    } else {
-      textAttrs = ` text-anchor="start"${textAttrs}`;
-    }
-    textAttrs = textAttrs.replace(
-      /(\sstyle=")([^"]*)(")/i,
-      (_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(
-      /<tspan\b([^>]*?)\sx="([^"]*)"([^>]*)>/gi,
-      (_m, pre, _oldX, post) => {
-        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 < lineAnchors.length;
-        if (!isLineStart) return _m;
-        if (y !== "") lastY = y;
-        const lineAnchor = lineAnchors[lineIdx];
-        lineIdx += 1;
-        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" data-pd-line-width="${lineAnchor.lineWidth.toFixed(3)}" data-pd-line-start="${lineAnchor.lineStart.toFixed(3)}"${cleanPost}>`;
-      }
-    );
-    return newSvg;
-  } catch {
-    return svg;
-  }
-}
 function _recolorSvgFills(svg, color) {
   const safe = escapeXmlAttr(color);
   let out = svg.replace(
@@ -15941,121 +15842,6 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-function isFabricTextLike(obj) {
-  return !!obj && (obj.type === "textbox" || obj.type === "i-text" || obj.type === "text" || Array.isArray(obj._textLines) && typeof obj.getLineWidth === "function");
-}
-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 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);
-      } catch {
-        lineLeft = 0;
-      }
-      try {
-        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;
-      }
-      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();
-      return cleaned ? `${pre}${cleaned}${post}` : "";
-    });
-    const textOpenMatch = svg.match(/<text\b([^>]*)>/i);
-    if (!textOpenMatch) return svg;
-    const textAttrs = stripAnchorAttrs(textOpenMatch[1]);
-    let lineIdx = 0;
-    let lastY = "";
-    let replacedLine = false;
-    const patched = svg.replace(textOpenMatch[0], `<text text-anchor="start"${textAttrs}>`).replace(
-      /<tspan\b([^>]*?)\sx="([^"]*)"([^>]*)>/gi,
-      (match, pre, _oldX, post) => {
-        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 < lineAnchors.length;
-        if (!isLineStart) return match;
-        if (y !== "") lastY = y;
-        const line2 = lineAnchors[lineIdx++];
-        if (!line2 || !Number.isFinite(line2.x)) return match;
-        replacedLine = true;
-        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 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="${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;
-  }
-}
-function patchTextObjectsForSelectableSvg(fabricInstance) {
-  var _a;
-  const records = [];
-  const visit = (obj) => {
-    if (!obj || typeof obj !== "object") return;
-    if (isFabricTextLike(obj) && typeof obj.toSVG === "function") {
-      const original = obj.toSVG;
-      obj.toSVG = function patchedSelectableTextToSVG(reviver) {
-        return bakeSelectableTextSvgToFabricLineAnchors(original.call(this, reviver), this);
-      };
-      records.push({ obj, toSVG: original });
-    }
-    const children = typeof obj.getObjects === "function" ? obj.getObjects() : obj._objects;
-    if (Array.isArray(children)) children.forEach(visit);
-  };
-  try {
-    (_a = fabricInstance == null ? void 0 : fabricInstance.getObjects) == null ? void 0 : _a.call(fabricInstance).forEach(visit);
-  } catch {
-  }
-  return records;
-}
 function normalizeSvgDimensions(svg, targetWidth, targetHeight) {
   let normalized = svg;
   if (/\bwidth="[^"]*"/i.test(normalized)) {
@@ -16092,6 +15878,36 @@ function normalizeSvgDimensions(svg, targetWidth, targetHeight) {
   }
   return normalized;
 }
+function isTextboxLike(obj) {
+  return !!obj && (obj instanceof fabric.Textbox || obj.type === "textbox" || Array.isArray(obj == null ? void 0 : obj._textLines) && typeof obj.getLineWidth === "function");
+}
+function stampFabricLineMetricsOnTextSvg(svg, obj) {
+  const lines = Array.isArray(obj == null ? void 0 : obj._textLines) ? obj._textLines : [];
+  if (!lines.length || typeof (obj == null ? void 0 : obj.getLineWidth) !== "function") return svg;
+  const boxWidth = Number(obj.width ?? 0) || 0;
+  let lineIndex = 0;
+  return svg.replace(/<tspan\b([^>]*)>/gi, (match, attrs) => {
+    var _a;
+    if (lineIndex >= lines.length || !/\sy\s*=/.test(attrs)) return match;
+    let lineWidth = 0;
+    let lineLeft = 0;
+    try {
+      lineWidth = Number(obj.getLineWidth(lineIndex) || 0);
+    } catch {
+      lineWidth = 0;
+    }
+    try {
+      lineLeft = Number(((_a = obj._getLineLeftOffset) == null ? void 0 : _a.call(obj, lineIndex)) ?? 0);
+    } catch {
+      lineLeft = 0;
+    }
+    const lineStart = -boxWidth / 2 + lineLeft;
+    lineIndex++;
+    if (!Number.isFinite(lineWidth) || lineWidth <= 0 || !Number.isFinite(lineStart)) return match;
+    const cleaned = attrs.replace(/\sdata-pd-line-width="[^"]*"/gi, "").replace(/\sdata-pd-line-start="[^"]*"/gi, "");
+    return `<tspan${cleaned} data-pd-line-width="${Number(lineWidth.toFixed(3))}" data-pd-line-start="${Number(lineStart.toFixed(3))}">`;
+  });
+}
 function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight) {
   const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
   const prevSvgVPT = fabricInstance.svgViewportTransformation;
@@ -16108,8 +15924,23 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
     );
   } catch {
   }
+  const textSvgPatchRecords = [];
+  try {
+    const visit = (obj) => {
+      if (!obj) return;
+      if (isTextboxLike(obj) && typeof obj.toSVG === "function") {
+        const originalToSVG = obj.toSVG.bind(obj);
+        obj.toSVG = (reviver) => stampFabricLineMetricsOnTextSvg(originalToSVG(reviver), obj);
+        textSvgPatchRecords.push({ obj, originalToSVG });
+      }
+      const children = Array.isArray(obj == null ? void 0 : obj._objects) ? obj._objects : [];
+      for (const child of children) visit(child);
+    };
+    for (const obj of fabricInstance.getObjects().slice()) visit(obj);
+  } catch (e) {
+    console.warn("[canvas-svg-capture][textMetrics] patch pass error:", e);
+  }
   const fadeBakeRecords = [];
-  const textSvgPatchRecords = patchTextObjectsForSelectableSvg(fabricInstance);
   try {
     const objs = fabricInstance.getObjects().slice();
     for (const obj of objs) {
@@ -16158,16 +15989,16 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
     const raw = fabricInstance.toSVG();
     svgString = normalizeSvgDimensions(raw, canvasWidth, canvasHeight);
   } finally {
-    for (const rec of textSvgPatchRecords) {
+    for (const rec of fadeBakeRecords) {
       try {
-        rec.obj.toSVG = rec.toSVG;
+        fabricInstance.remove(rec.replacement);
+        rec.original.excludeFromExport = rec.prevExclude;
       } catch {
       }
     }
-    for (const rec of fadeBakeRecords) {
+    for (const rec of textSvgPatchRecords) {
       try {
-        fabricInstance.remove(rec.replacement);
-        rec.original.excludeFromExport = rec.prevExclude;
+        rec.obj.toSVG = rec.originalToSVG;
       } catch {
       }
     }
@@ -16184,9 +16015,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.160";
+const resolvedPackageVersion = "0.5.162";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.160";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.162";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16621,7 +16452,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 import("./vectorPdfExport-2NNilLNC.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-C5vnOg8Q.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -18723,7 +18554,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-2NNilLNC.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-C5vnOg8Q.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19073,4 +18904,4 @@ export {
   collectFontDescriptorsFromConfig as y,
   collectFontsFromConfig as z
 };
-//# sourceMappingURL=index-CmhkyT2o.js.map
+//# sourceMappingURL=index-C6rEqM4R.js.map