@pixldocs/canvas-renderer 0.5.157 → 0.5.159

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

@@ -15955,6 +15955,93 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsxRuntime.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 bakeSelectableTextSvgToFabricLineStarts(svg, obj) {
+  try {
+    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 halfW = width / 2;
+    const lineStarts = lines.map((_line, i) => {
+      var _a, _b, _c;
+      let lineLeft = 0;
+      let firstGlyphAdjust = 0;
+      try {
+        lineLeft = Number(((_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;
+      }
+      return -halfW + (Number.isFinite(lineLeft) ? lineLeft : 0) + (Number.isFinite(firstGlyphAdjust) ? firstGlyphAdjust : 0);
+    });
+    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 < lineStarts.length;
+        if (!isLineStart) return match;
+        if (y !== "") lastY = y;
+        const x2 = lineStarts[lineIdx++];
+        if (!Number.isFinite(x2)) return match;
+        replacedLine = true;
+        return `<tspan${stripAnchorAttrs(pre)} x="${x2.toFixed(3)}" text-anchor="start" data-pd-line-anchor="1"${stripAnchorAttrs(post)}>`;
+      }
+    );
+    if (replacedLine) return patched;
+    const x = lineStarts[0];
+    if (!Number.isFinite(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}>`;
+    });
+  } 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 bakeSelectableTextSvgToFabricLineStarts(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)) {
@@ -16008,6 +16095,7 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   } catch {
   }
   const fadeBakeRecords = [];
+  const textSvgPatchRecords = patchTextObjectsForSelectableSvg(fabricInstance);
   try {
     const objs = fabricInstance.getObjects().slice();
     for (const obj of objs) {
@@ -16056,6 +16144,12 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
     const raw = fabricInstance.toSVG();
     svgString = normalizeSvgDimensions(raw, canvasWidth, canvasHeight);
   } finally {
+    for (const rec of textSvgPatchRecords) {
+      try {
+        rec.obj.toSVG = rec.toSVG;
+      } catch {
+      }
+    }
     for (const rec of fadeBakeRecords) {
       try {
         fabricInstance.remove(rec.replacement);
@@ -16076,9 +16170,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.157";
+const resolvedPackageVersion = "0.5.159";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.157";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.159";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16513,7 +16607,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-CTktki-M.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BqyoXT--.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -18615,7 +18709,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-CTktki-M.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BqyoXT--.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -18736,7 +18830,7 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     const hasGradient = !!((_b = (_a = page.backgroundGradient) == null ? void 0 : _a.stops) == null ? void 0 : _b.length);
     drawPageBackground(pdf, i, page.width, page.height, page.backgroundColor, page.backgroundGradient);
     const shouldStripBg = stripPageBackground ?? hasGradient;
-    const textMode = options.textMode ?? (options.outlineText === true ? "pixel-perfect" : "auto");
+    const textMode = options.textMode ?? (options.outlineText === true ? "pixel-perfect" : "selectable");
     const shouldOutlineText = textMode === "pixel-perfect" || textMode === "auto";
     const outlineSubMode = textMode === "auto" ? "complex-only" : "all";
     let pageSvg = page.svg;
@@ -18750,7 +18844,7 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     }
     if (shouldOutlineText) {
       try {
-        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-7fhL08qs.cjs")).then((n) => n.svgTextToPath);
+        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");
@@ -18962,4 +19056,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-NR05ndTM.cjs.map
+//# sourceMappingURL=index-CA-UhjM7.cjs.map