@bian-womp/spark-workbench 0.2.91 → 0.2.92

package/lib/cjs/src/misc/thumbnail-utils.d.ts

@@ -31,6 +31,10 @@ export interface ThumbnailOptions {
      * Color of background dot pattern. Default: "#f1f1f1"
      */
     backgroundPatternColor?: string;
+    /**
+     * Background color of the SVG. Default: "#ffffff"
+     */
+    backgroundColor?: string;
 }
 /**
  * Captures a React Flow container element as an SVG image and returns data URL

package/lib/cjs/src/misc/thumbnail-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thumbnail-utils.d.ts","sourceRoot":"","sources":["../../../../src/misc/thumbnail-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2DH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AA6rBD;;;;;GAKG;AACH,wBAAsB,sBAAsB,CAC1C,gBAAgB,EAAE,WAAW,GAAG,IAAI,EACpC,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAwIxB;AAED;;;;;GAKG;AACH,wBAAsB,uBAAuB,CAC3C,gBAAgB,EAAE,WAAW,GAAG,IAAI,EACpC,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,OAAO,CAAC,CAoBlB"}
+{"version":3,"file":"thumbnail-utils.d.ts","sourceRoot":"","sources":["../../../../src/misc/thumbnail-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2DH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAgsBD;;;;;GAKG;AACH,wBAAsB,sBAAsB,CAC1C,gBAAgB,EAAE,WAAW,GAAG,IAAI,EACpC,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA0IxB;AAED;;;;;GAKG;AACH,wBAAsB,uBAAuB,CAC3C,gBAAgB,EAAE,WAAW,GAAG,IAAI,EACpC,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,OAAO,CAAC,CAoBlB"}

package/lib/esm/index.js

@@ -3367,16 +3367,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) {
@@ -3499,7 +3499,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;
@@ -3582,6 +3582,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, {