@pixldocs/canvas-renderer 0.5.125 → 0.5.126

package/dist/{index-D7cGwzxX.js → index-D-lngEWM.js}

@@ -15642,7 +15642,128 @@ 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..." }) })
   ] });
 }
-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.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.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;
@@ -16061,7 +16182,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-BBV3abJi.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-ix7Z1pGO.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -16539,89 +16660,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.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.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;
@@ -18418,56 +18461,57 @@ function setAutoShrinkDebug(enabled) {
 }
 export {
   API_URL as A,
-  configHasAutoShrinkText$1 as B,
-  dumpSvgTextDiagnostics as C,
-  embedFont as D,
-  embedFontsForConfig as E,
+  collectImageUrls as B,
+  configHasAutoShrinkText$1 as C,
+  dumpSvgTextDiagnostics as D,
+  embedFont as E,
   FONT_FALLBACK_DEVANAGARI as F,
-  embedFontsInPdf as G,
-  ensureFontsForResolvedConfig as H,
-  extractFontFamiliesFromSvgs as I,
-  getEmbeddedJsPDFFontName as J,
-  isBundledAssetUrl as K,
-  isFontAvailable as L,
-  isPrivateUrl as M,
-  loadGoogleFontCSS as N,
-  normalizeFontFamily as O,
+  embedFontsForConfig as G,
+  embedFontsInPdf as H,
+  ensureFontsForResolvedConfig as I,
+  extractFontFamiliesFromSvgs as J,
+  getEmbeddedJsPDFFontName as K,
+  isBundledAssetUrl as L,
+  isFontAvailable as M,
+  isPrivateUrl as N,
+  loadGoogleFontCSS as O,
   PACKAGE_VERSION as P,
-  resolveFontWeight as Q,
-  resolveFromForm as R,
-  resolveTemplateData as S,
+  normalizeFontFamily as Q,
+  resolveFontWeight as R,
+  resolveFromForm as S,
   TRIANGLE_STROKE_MITER_LIMIT as T,
-  rewriteSvgFontsForJsPDF as U,
-  setAutoShrinkDebug as V,
-  setBundledAssetPrefixes as W,
-  warmResolvedTemplateForPreview as X,
-  warmTemplateFromForm as Y,
-  canvasImageLoader as Z,
+  resolveTemplateData as U,
+  rewriteSvgFontsForJsPDF as V,
+  setAutoShrinkDebug as W,
+  setBundledAssetPrefixes as X,
+  warmResolvedTemplateForPreview as Y,
+  warmTemplateFromForm as Z,
+  canvasImageLoader as _,
   getAbsoluteBounds as a,
   getProxiedImageUrl as b,
-  bakeEdgeFade as c,
-  isGroup as d,
-  buildRoundedTrianglePath as e,
+  captureFabricCanvasSvgForPdf as c,
+  bakeEdgeFade as d,
+  isGroup as e,
   findNodeById as f,
   getCanvasForPage as g,
   hasEdgeFade as h,
   isElement as i,
-  getImageProxyFetchOptions as j,
-  getRoundedRectRadii as k,
-  getTrianglePoints as l,
-  FONT_FALLBACK_MATH as m,
+  buildRoundedTrianglePath as j,
+  getImageProxyFetchOptions as k,
+  getRoundedRectRadii as l,
+  getTrianglePoints as m,
   normalizeShapeType as n,
-  FONT_FALLBACK_SYMBOLS as o,
+  FONT_FALLBACK_MATH as o,
   parseTextMarkdown as p,
-  FONT_FILES as q,
+  FONT_FALLBACK_SYMBOLS as q,
   renderSmartElementToSvg as r,
-  PixldocsPreview as s,
-  PixldocsRenderer as t,
-  applyThemeToConfig as u,
-  assemblePdfFromSvgs as v,
-  awaitFontsForConfig as w,
-  collectFontDescriptorsFromConfig as x,
-  collectFontsFromConfig as y,
-  collectImageUrls as z
+  FONT_FILES as s,
+  PixldocsPreview as t,
+  PixldocsRenderer as u,
+  applyThemeToConfig as v,
+  assemblePdfFromSvgs as w,
+  awaitFontsForConfig as x,
+  collectFontDescriptorsFromConfig as y,
+  collectFontsFromConfig as z
 };
-//# sourceMappingURL=index-D7cGwzxX.js.map
+//# sourceMappingURL=index-D-lngEWM.js.map