@bian-womp/spark-workbench 0.2.91 → 0.2.92

package/lib/cjs/index.cjs

@@ -3369,16 +3369,16 @@ function extractNodes(viewport, visibleBounds, options = {}) {
  * Creates SVG element with dot pattern background (matching React Flow)
  */
 function createSVGElement(width, height, options = {}) {
-    const { exportBackgroundPattern = true, backgroundPatternColor = "#f1f1f1" } = options;
+    const { exportBackgroundPattern = true, backgroundPatternColor = "#f1f1f1", backgroundColor = "#ffffff", } = options;
     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
     svg.setAttribute("width", String(width));
     svg.setAttribute("height", String(height));
     svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-    // Create background rectangle with white base
+    // Create background rectangle with configurable background color
     const bgRect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
     bgRect.setAttribute("width", String(width));
     bgRect.setAttribute("height", String(height));
-    bgRect.setAttribute("fill", "#ffffff"); // Base background color
+    bgRect.setAttribute("fill", backgroundColor);
     svg.appendChild(bgRect);
     // Create dot pattern if enabled
     if (exportBackgroundPattern) {
@@ -3501,7 +3501,7 @@ function renderContentToSVG(group, nodes, edges, transformX, transformY, options
  * @returns Promise resolving to SVG data URL string, or null if capture fails
  */
 async function captureCanvasThumbnail(containerElement, options = {}) {
-    const { ignoreViewport = true, padding = 40, exportHandles = true, exportNodeTitle = true, exportBackgroundPattern = true, nodeBackgroundColor, backgroundPatternColor, } = options;
+    const { ignoreViewport = true, padding = 40, exportHandles = true, exportNodeTitle = true, exportBackgroundPattern = true, nodeBackgroundColor, backgroundPatternColor, backgroundColor, } = options;
     if (!containerElement) {
         console.warn("[flowThumbnail] Container element is null");
         return null;
@@ -3584,6 +3584,7 @@ async function captureCanvasThumbnail(containerElement, options = {}) {
         const { svg, group } = createSVGElement(contentWidth, contentHeight, {
             exportBackgroundPattern,
             backgroundPatternColor,
+            backgroundColor,
         });
         // Render content with options
         renderContentToSVG(group, nodes, edges, -contentMinX, -contentMinY, {