@pixldocs/canvas-renderer 0.5.125 → 0.5.126

package/dist/{index-CNN2CRQh.cjs → index-8Dj3s-9A.cjs}

@@ -15660,7 +15660,128 @@ 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..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.125";
+function normalizeSvgDimensions(svg, targetWidth, targetHeight) {
+  let normalized = svg;
+  if (/\bwidth="[^"]*"/i.test(normalized)) {
+    normalized = normalized.replace(/(<svg[^>]*\b)width="[^"]*"/i, `$1width="${targetWidth}"`);
+  } else {
+    normalized = normalized.replace(/<svg\b/i, `<svg width="${targetWidth}"`);
+  }
+  if (/\bheight="[^"]*"/i.test(normalized)) {
+    normalized = normalized.replace(/(<svg[^>]*\b)height="[^"]*"/i, `$1height="${targetHeight}"`);
+  } else {
+    normalized = normalized.replace(/<svg\b/i, `<svg height="${targetHeight}"`);
+  }
+  const viewBox = `0 0 ${targetWidth} ${targetHeight}`;
+  if (/\bviewBox="[^"]*"/i.test(normalized)) {
+    normalized = normalized.replace(/viewBox="[^"]*"/i, `viewBox="${viewBox}"`);
+  } else {
+    normalized = normalized.replace(/<svg\b/i, `<svg viewBox="${viewBox}"`);
+  }
+  normalized = normalized.replace(/="undefined"/g, '="0"');
+  normalized = normalized.replace(/="NaN"/g, '="0"');
+  if (/\bx="[^"]*"/i.test(normalized)) {
+    normalized = normalized.replace(/(<svg[^>]*\b)x="[^"]*"/i, '$1x="0"');
+  } else {
+    normalized = normalized.replace(/<svg\b/i, '<svg x="0"');
+  }
+  if (/\by="[^"]*"/i.test(normalized)) {
+    normalized = normalized.replace(/(<svg[^>]*\b)y="[^"]*"/i, '$1y="0"');
+  } else {
+    normalized = normalized.replace(/<svg\b/i, '<svg y="0"');
+  }
+  normalized = normalized.replace(/\bpreserveAspectRatio="[^"]*"/i, 'preserveAspectRatio="none"');
+  if (!/\bpreserveAspectRatio="[^"]*"/i.test(normalized)) {
+    normalized = normalized.replace(/<svg\b/i, '<svg preserveAspectRatio="none"');
+  }
+  return normalized;
+}
+function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight) {
+  const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
+  const prevSvgVPT = fabricInstance.svgViewportTransformation;
+  const prevRetina = fabricInstance.enableRetinaScaling;
+  const prevWidth = fabricInstance.width;
+  const prevHeight = fabricInstance.height;
+  fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
+  fabricInstance.svgViewportTransformation = false;
+  fabricInstance.enableRetinaScaling = false;
+  try {
+    fabricInstance.setDimensions(
+      { width: canvasWidth, height: canvasHeight },
+      { cssOnly: false, backstoreOnly: false }
+    );
+  } catch {
+  }
+  const fadeBakeRecords = [];
+  try {
+    const objs = fabricInstance.getObjects().slice();
+    for (const obj of objs) {
+      const isGroupLike = obj instanceof fabric__namespace.Group || (obj == null ? void 0 : obj.type) === "group" || Array.isArray(obj == null ? void 0 : obj._objects);
+      const isFadedCropGroup = isGroupLike && (Boolean(obj.__edgeFadeRenderConfig) || Boolean(obj.__edgeFadeKey) || Boolean(obj.__edgeFadeInputKey));
+      if (!isFadedCropGroup) continue;
+      try {
+        const baked = obj.toCanvasElement({
+          multiplier: 2,
+          enableRetinaScaling: false
+        });
+        const rect = obj.getBoundingRect();
+        const replacement = new fabric__namespace.FabricImage(baked, {
+          left: rect.left,
+          top: rect.top,
+          originX: "left",
+          originY: "top",
+          scaleX: rect.width / baked.width,
+          scaleY: rect.height / baked.height,
+          selectable: false,
+          evented: false,
+          objectCaching: false
+        });
+        const insertIndex = fabricInstance._objects.indexOf(obj);
+        const prevExclude = obj.excludeFromExport;
+        obj.excludeFromExport = true;
+        if (insertIndex >= 0) {
+          fabricInstance.insertAt(insertIndex + 1, replacement);
+        } else {
+          fabricInstance.add(replacement);
+        }
+        fadeBakeRecords.push({ original: obj, replacement, prevExclude, insertIndex });
+      } catch (bakeErr) {
+        console.warn("[canvas-svg-capture][edgeFade] bake failed:", bakeErr);
+      }
+    }
+    if (fadeBakeRecords.length) {
+      fabricInstance.renderAll();
+      console.log(`[canvas-svg-capture][edgeFade] baked ${fadeBakeRecords.length} faded object(s)`);
+    }
+  } catch (e) {
+    console.warn("[canvas-svg-capture][edgeFade] bake pass error:", e);
+  }
+  let svgString = "";
+  try {
+    const raw = fabricInstance.toSVG();
+    svgString = normalizeSvgDimensions(raw, canvasWidth, canvasHeight);
+  } finally {
+    for (const rec of fadeBakeRecords) {
+      try {
+        fabricInstance.remove(rec.replacement);
+        rec.original.excludeFromExport = rec.prevExclude;
+      } catch {
+      }
+    }
+    try {
+      fabricInstance.enableRetinaScaling = prevRetina;
+      fabricInstance.setDimensions(
+        { width: prevWidth, height: prevHeight },
+        { cssOnly: false, backstoreOnly: false }
+      );
+    } catch {
+    }
+    if (prevVPT) fabricInstance.viewportTransform = prevVPT;
+    fabricInstance.svgViewportTransformation = prevSvgVPT;
+  }
+  return svgString;
+}
+const PACKAGE_VERSION = "0.5.126";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16079,7 +16200,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-DVISwrvS.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DSf_ziXM.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -16557,89 +16678,11 @@ class PixldocsRenderer {
               reject(new Error("No Fabric canvas instance found for SVG capture"));
               return;
             }
-            const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
-            const prevSvgVPT = fabricInstance.svgViewportTransformation;
-            const prevRetina = fabricInstance.enableRetinaScaling;
-            const prevWidth = fabricInstance.width;
-            const prevHeight = fabricInstance.height;
-            fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
-            fabricInstance.svgViewportTransformation = false;
-            fabricInstance.enableRetinaScaling = false;
-            fabricInstance.setDimensions(
-              { width: canvasWidth, height: canvasHeight },
-              { cssOnly: false, backstoreOnly: false }
-            );
-            const fadeBakeRecords = [];
-            try {
-              const objs = fabricInstance.getObjects().slice();
-              for (const obj of objs) {
-                const isGroupLike = obj instanceof fabric__namespace.Group || (obj == null ? void 0 : obj.type) === "group" || Array.isArray(obj == null ? void 0 : obj._objects);
-                const isFadedCropGroup = isGroupLike && (Boolean(obj.__edgeFadeRenderConfig) || Boolean(obj.__edgeFadeKey) || Boolean(obj.__edgeFadeInputKey));
-                if (!isFadedCropGroup) continue;
-                try {
-                  const baked = obj.toCanvasElement({
-                    multiplier: 2,
-                    enableRetinaScaling: false
-                  });
-                  const rect = obj.getBoundingRect();
-                  const replacement = new fabric__namespace.FabricImage(baked, {
-                    left: rect.left,
-                    top: rect.top,
-                    originX: "left",
-                    originY: "top",
-                    scaleX: rect.width / baked.width,
-                    scaleY: rect.height / baked.height,
-                    selectable: false,
-                    evented: false,
-                    objectCaching: false
-                  });
-                  const insertIndex = fabricInstance._objects.indexOf(obj);
-                  const prevExclude = obj.excludeFromExport;
-                  obj.excludeFromExport = true;
-                  if (insertIndex >= 0) {
-                    fabricInstance.insertAt(insertIndex + 1, replacement);
-                  } else {
-                    fabricInstance.add(replacement);
-                  }
-                  fadeBakeRecords.push({
-                    original: obj,
-                    replacement,
-                    prevExclude,
-                    insertIndex
-                  });
-                } catch (bakeErr) {
-                  console.warn("[canvas-renderer][edgeFade] bake-for-svg failed:", bakeErr);
-                }
-              }
-              if (fadeBakeRecords.length) {
-                fabricInstance.renderAll();
-                console.log(
-                  `[canvas-renderer][edgeFade] baked ${fadeBakeRecords.length} faded object(s) for SVG capture`
-                );
-              }
-            } catch (e) {
-              console.warn("[canvas-renderer][edgeFade] bake pass failed:", e);
-            }
-            const rawSvgString = fabricInstance.toSVG();
-            const svgString = this.normalizeSvgDimensions(
-              rawSvgString,
+            const svgString = captureFabricCanvasSvgForPdf(
+              fabricInstance,
               canvasWidth,
               canvasHeight
             );
-            for (const rec of fadeBakeRecords) {
-              try {
-                fabricInstance.remove(rec.replacement);
-                rec.original.excludeFromExport = rec.prevExclude;
-              } catch {
-              }
-            }
-            fabricInstance.enableRetinaScaling = prevRetina;
-            fabricInstance.setDimensions(
-              { width: prevWidth, height: prevHeight },
-              { cssOnly: false, backstoreOnly: false }
-            );
-            if (prevVPT) fabricInstance.viewportTransform = prevVPT;
-            fabricInstance.svgViewportTransformation = prevSvgVPT;
             const page = renderConfig.pages[pageIndex];
             const backgroundColor = ((_a = page == null ? void 0 : page.settings) == null ? void 0 : _a.backgroundColor) || "#ffffff";
             const backgroundGradient = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.backgroundGradient;
@@ -18448,6 +18491,7 @@ exports.awaitFontsForConfig = awaitFontsForConfig;
 exports.bakeEdgeFade = bakeEdgeFade;
 exports.buildRoundedTrianglePath = buildRoundedTrianglePath;
 exports.canvasImageLoader = canvasImageLoader;
+exports.captureFabricCanvasSvgForPdf = captureFabricCanvasSvgForPdf;
 exports.collectFontDescriptorsFromConfig = collectFontDescriptorsFromConfig;
 exports.collectFontsFromConfig = collectFontsFromConfig;
 exports.collectImageUrls = collectImageUrls;
@@ -18485,4 +18529,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CNN2CRQh.cjs.map
+//# sourceMappingURL=index-8Dj3s-9A.cjs.map