@pixldocs/canvas-renderer 0.5.150 → 0.5.152

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

@@ -5711,6 +5711,7 @@ 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,17 +5744,89 @@ function applyTextBackground(obj, cfg) {
       const openTagMatch = svg.match(/^\s*<g\b[^>]*>/);
       const inserted = bgShadowMarker + bgPath + textShadowMarker;
       const shadowBlur = hasShadow ? Math.max(0, Number(shadow.blur ?? 0)) : 0;
-      const needsOutlineTag = shadowBlur > 0 ? ' data-pd-shadow-blur="1"' : "";
+      const decorationTags = [
+        shadowBlur > 0 ? 'data-pd-shadow-blur="1"' : "",
+        hasBg ? 'data-pd-text-bg="1"' : ""
+      ].filter(Boolean).join(" ");
+      const decorationAttr = decorationTags ? ` ${decorationTags}` : "";
       if (openTagMatch) {
         const openTag = openTagMatch[0];
-        const taggedOpenTag = needsOutlineTag && !/data-pd-shadow-blur=/i.test(openTag) ? openTag.replace(/^<g\b/, `<g${needsOutlineTag}`) : openTag;
+        const taggedOpenTag = decorationAttr ? openTag.replace(/^<g\b/, `<g${decorationAttr}`).replace(/\s(data-pd-shadow-blur="1")(?=[^>]*\s\1)/i, "").replace(/\s(data-pd-text-bg="1")(?=[^>]*\s\1)/i, "") : openTag;
         return svg.replace(openTag, taggedOpenTag + inserted);
       }
-      return `<g${needsOutlineTag}>${inserted}${svg}</g>`;
+      return `<g${decorationAttr}>${inserted}${svg}</g>`;
     };
   }
 }
 function recolorSvgFills(svg, color) {
+  return _recolorSvgFills(svg, color);
+}
+function bakeTextSvgToFabricLineStarts(svg, obj, w) {
+  var _a, _b, _c;
+  try {
+    const lines = (obj == null ? void 0 : obj._textLines) ?? [];
+    if (!Array.isArray(lines) || lines.length === 0) return svg;
+    const halfW = w / 2;
+    const lineXs = [];
+    for (let i = 0; i < lines.length; i++) {
+      let lineLeft = 0;
+      let firstGlyphAdjust = 0;
+      try {
+        lineLeft = ((_a = obj._getLineLeftOffset) == null ? void 0 : _a.call(obj, i)) ?? 0;
+      } catch {
+        lineLeft = 0;
+      }
+      try {
+        const firstBox = (_c = (_b = obj.__charBounds) == null ? void 0 : _b[i]) == null ? void 0 : _c[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;
+      }
+      lineXs.push(
+        -halfW + (Number.isFinite(lineLeft) ? lineLeft : 0) + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0)
+      );
+    }
+    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}>`;
+    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 < lineXs.length;
+        if (!isLineStart) return _m;
+        if (y !== "") lastY = y;
+        const x = lineXs[lineIdx];
+        lineIdx += 1;
+        if (typeof x !== "number" || !Number.isFinite(x)) return _m;
+        return `<tspan${pre} x="${x.toFixed(3)}"${post}>`;
+      }
+    );
+    return newSvg;
+  } catch {
+    return svg;
+  }
+}
+function _recolorSvgFills(svg, color) {
   const safe = escapeXmlAttr(color);
   let out = svg.replace(
     /(<(?:text|tspan|path|rect)\b[^>]*?\sfill=")([^"]*)("[^>]*>)/gi,
@@ -15974,9 +16047,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.150";
+const resolvedPackageVersion = "0.5.152";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.150";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.152";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16411,7 +16484,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-qAWd8i87.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-gHfbrQfT.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -18513,7 +18586,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-qAWd8i87.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-gHfbrQfT.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -18648,7 +18721,7 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     }
     if (shouldOutlineText) {
       try {
-        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-DolCNU9g.cjs"));
+        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-qhinMiiS.cjs"));
         pageSvg = await convertAllTextToPath(pageSvg, fontBaseUrl, { mode: outlineSubMode });
         try {
           dumpSvgTextDiagnostics(pageSvg, i, PARITY_TAG, "STAGE-1b-after-text-to-path-raw");
@@ -18860,4 +18933,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CczB1vpO.cjs.map
+//# sourceMappingURL=index-CM_LXIKO.cjs.map