@inditextech/weave-sdk 0.47.1 → 0.48.0

package/dist/sdk.cjs

@@ -15738,6 +15738,31 @@ function stringToColor(str) {
 	}
 	return color;
 }
+function getExportBoundingBox(stage, nodes) {
+	if (nodes.length === 0) return {
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0
+	};
+	let minX = Infinity;
+	let minY = Infinity;
+	let maxX = -Infinity;
+	let maxY = -Infinity;
+	for (const node of nodes) {
+		const box = node.getExportClientRect({ skipTransform: false });
+		minX = Math.min(minX, box.x);
+		minY = Math.min(minY, box.y);
+		maxX = Math.max(maxX, box.x + box.width);
+		maxY = Math.max(maxY, box.y + box.height);
+	}
+	return {
+		x: minX,
+		y: minY,
+		width: maxX - minX,
+		height: maxY - minY
+	};
+}
 function getBoundingBox(stage, nodes) {
 	if (nodes.length === 0) return {
 		x: 0,
@@ -15805,6 +15830,14 @@ function containsNodeDeep(nodes, target) {
 	return false;
 }
 
+//#endregion
+//#region src/actions/selection-tool/constants.ts
+const SELECTION_TOOL_ACTION_NAME = "selectionTool";
+const SELECTION_TOOL_STATE = {
+	["IDLE"]: "idle",
+	["SELECTING"]: "selection"
+};
+
 //#endregion
 //#region src/plugins/context-menu/context-menu.ts
 var WeaveContextMenuPlugin = class extends WeavePlugin {
@@ -15917,7 +15950,7 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 			this.timer = setTimeout(() => {
 				this.tapHold = true;
 				const actualActions = this.instance.getActiveAction();
-				if (actualActions !== "selectionTool") return;
+				if (actualActions !== SELECTION_TOOL_ACTION_NAME) return;
 				delete this.pointers[e.evt.pointerId];
 				const selectedGroup = getTargetedNode(this.instance);
 				this.triggerContextMenu(e.target, selectedGroup);
@@ -16098,7 +16131,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		return this.selecting;
 	}
 	isSelecting() {
-		return this.instance.getActiveAction() === "selectionTool";
+		return this.instance.getActiveAction() === SELECTION_TOOL_ACTION_NAME;
 	}
 	isNodeSelected(ele) {
 		let selected = false;
@@ -16262,7 +16295,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.initEvents();
 		this.initialized = true;
 		this.instance.addEventListener("onActiveActionChange", (activeAction) => {
-			if (typeof activeAction !== "undefined" && activeAction !== "selectionTool") {
+			if (typeof activeAction !== "undefined" && activeAction !== SELECTION_TOOL_ACTION_NAME) {
 				this.active = false;
 				return;
 			}
@@ -16565,7 +16598,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const stage = this.instance.getStage();
 		e.cancelBubble = true;
 		if (!this.enabled) return;
-		if (this.instance.getActiveAction() !== "selectionTool") return;
+		if (this.instance.getActiveAction() !== SELECTION_TOOL_ACTION_NAME) return;
 		const contextMenuPlugin = this.getContextMenuPlugin();
 		if (contextMenuPlugin?.isContextMenuVisible()) {
 			this.selecting = false;
@@ -16953,6 +16986,9 @@ const augmentKonvaNodeClass = (config) => {
 	konva.default.Node.prototype.getTransformerProperties = function() {
 		return { ...transform };
 	};
+	konva.default.Node.prototype.getExportClientRect = function(config$1) {
+		return this.getClientRect(config$1);
+	};
 	konva.default.Node.prototype.getRealClientRect = function(config$1) {
 		return this.getClientRect(config$1);
 	};
@@ -16981,7 +17017,7 @@ var WeaveNode = class {
 		return selectionPlugin;
 	}
 	isSelecting() {
-		return this.instance.getActiveAction() === "selectionTool";
+		return this.instance.getActiveAction() === SELECTION_TOOL_ACTION_NAME;
 	}
 	isPasting() {
 		const copyPastePlugin = this.instance.getPlugin("copyPasteNodes");
@@ -18840,7 +18876,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.47.1";
+var version = "0.48.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18963,7 +18999,8 @@ var WeaveActionsManager = class {
 	}
 	triggerAction(actionName, params) {
 		const actionsHandlers = this.instance.getActionsHandlers();
-		if (!actionsHandlers[actionName]) return;
+		if (typeof actionName === "undefined") throw new Error("Action name is required");
+		if (actionName && !actionsHandlers[actionName]) throw new Error(`Action handler with name [${actionName}] not registered`);
 		if (typeof this.activeAction !== "undefined") this.cancelAction(this.activeAction);
 		this.activeAction = actionName;
 		const payload = actionsHandlers[actionName].trigger(this.cancelActionCallback(actionName), params);
@@ -19053,17 +19090,20 @@ var WeaveExportManager = class {
 			const { format: format$2 = __inditextech_weave_types.WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = __inditextech_weave_types.WEAVE_EXPORT_BACKGROUND_COLOR } = options;
 			const stage = this.instance.getStage();
 			const mainLayer = this.instance.getMainLayer();
-			const originalScale = stage.scale();
+			const originalPosition = {
+				x: stage.x(),
+				y: stage.y()
+			};
+			const originalScale = {
+				x: stage.scaleX(),
+				y: stage.scaleY()
+			};
 			stage.scale({
 				x: 1,
 				y: 1
 			});
-			const realNodes = nodes.map((node) => {
-				if (node.getAttrs().nodeId) return stage.findOne(`#${node.getAttrs().nodeId}`);
-				return node;
-			}).filter((node) => typeof node !== "undefined");
 			if (mainLayer) {
-				const bounds = getBoundingBox(stage, boundingNodes(realNodes));
+				const bounds = getExportBoundingBox(stage, boundingNodes(nodes));
 				const scaleX = stage.scaleX();
 				const scaleY = stage.scaleY();
 				const unscaledBounds = {
@@ -19082,7 +19122,7 @@ var WeaveExportManager = class {
 					fill: backgroundColor
 				});
 				exportGroup.add(background);
-				for (const node of realNodes) {
+				for (const node of nodes) {
 					const clonedNode = node.clone({ id: v4_default() });
 					const absPos = node.getAbsolutePosition();
 					clonedNode.absolutePosition({
@@ -19103,7 +19143,9 @@ var WeaveExportManager = class {
 					quality: options.quality ?? 1,
 					callback: (img) => {
 						exportGroup.destroy();
+						stage.position(originalPosition);
 						stage.scale(originalScale);
+						stage.batchDraw();
 						resolve(img);
 					}
 				});
@@ -19563,14 +19605,6 @@ var Weave = class {
 	}
 };
 
-//#endregion
-//#region src/actions/selection-tool/constants.ts
-const SELECTION_TOOL_ACTION_NAME = "selectionTool";
-const SELECTION_TOOL_STATE = {
-	["IDLE"]: "idle",
-	["SELECTING"]: "selection"
-};
-
 //#endregion
 //#region src/nodes/stage/stage.ts
 var WeaveStageNode = class extends WeaveNode {
@@ -20382,7 +20416,7 @@ var WeaveTextNode = class extends WeaveNode {
 				tr.nodes([textNode]);
 				tr.show();
 			}
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().tabIndex = 1;
 		stage.container().click();
@@ -20461,7 +20495,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			if (window.weaveDragImageURL) {
 				this.instance.getStage().setPointersPositions(e);
 				const position = this.instance.getStage().getRelativePointerPosition();
-				this.instance.triggerAction("imageTool", {
+				this.instance.triggerAction(IMAGE_TOOL_ACTION_NAME, {
 					imageURL: window.weaveDragImageURL,
 					position
 				});
@@ -20637,7 +20671,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.imageId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -21349,7 +21383,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 	}
 	getImageToolAction() {
-		const imageToolAction = this.instance.getActionHandler("imageTool");
+		const imageToolAction = this.instance.getActionHandler(IMAGE_TOOL_ACTION_NAME);
 		if (!imageToolAction) throw new Error("Image Tool action not found");
 		return imageToolAction;
 	}
@@ -21710,7 +21744,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		const text = new konva.default.Text({
 			id: `${id}-title`,
 			x: 0,
-			width: props.frameWidth / stage.scaleX(),
+			width: props.frameWidth,
 			fontSize: fontSize / stage.scaleX(),
 			fontFamily,
 			fontStyle,
@@ -21786,6 +21820,16 @@ var WeaveFrameNode = class extends WeaveNode {
 			listening: false,
 			draggable: false
 		});
+		frame.getExportClientRect = (config) => {
+			const textBox = text.getClientRect(config);
+			const containerAreaBox = containerArea.getClientRect(config);
+			return {
+				x: textBox.x,
+				y: textBox.y,
+				width: containerAreaBox.width,
+				height: containerAreaBox.height + textBox.height
+			};
+		};
 		frame.getClientRect = (config) => {
 			return containerArea.getClientRect(config);
 		};
@@ -21804,7 +21848,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		this.instance.addEventListener("onZoomChange", () => {
 			const stage$1 = this.instance.getStage();
 			text.fontSize(fontSize / stage$1.scaleX());
-			text.width(props.frameWidth / stage$1.scaleX());
+			text.width(props.frameWidth);
 			const textMeasures$1 = text.measureSize(text.getAttrs().text ?? "");
 			const textHeight$1 = textMeasures$1.height + 2 * titleMargin / stage$1.scaleX();
 			text.y(-textHeight$1);
@@ -22204,13 +22248,22 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	}
 	fitToScreen() {
 		if (!this.enabled) return;
+		const stage = this.instance.getStage();
 		const mainLayer = this.instance.getMainLayer();
 		if (!mainLayer) return;
+		const container = stage.container();
+		const rect = container.getBoundingClientRect();
+		const containerWidth = rect.width;
+		const containerHeight = rect.height;
+		const centerPoint = {
+			x: containerWidth / 2,
+			y: containerHeight / 2
+		};
 		if (mainLayer?.getChildren().length === 0) {
+			stage.position(centerPoint);
 			this.setZoom(this.config.zoomSteps[this.defaultStep]);
 			return;
 		}
-		const stage = this.instance.getStage();
 		stage.scale({
 			x: 1,
 			y: 1
@@ -22222,6 +22275,11 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		let realNodes = mainLayer.getChildren();
 		realNodes = realNodes.filter((node) => typeof node.getAttrs().visible === "undefined" || node.getAttrs().visible);
 		const bounds = getBoundingBox(stage, realNodes);
+		if (bounds.width === 0 || bounds.height === 0) {
+			stage.position(centerPoint);
+			this.setZoom(this.config.zoomSteps[this.defaultStep]);
+			return;
+		}
 		const stageWidth = stage.width();
 		const stageHeight = stage.height();
 		const scaleX = (stageWidth - this.config.fitToScreen.padding * 2) / bounds.width;
@@ -22246,30 +22304,13 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		if (!selectionPlugin) return;
 		const nodes = selectionPlugin.getTransformer().getNodes();
 		if (nodes.length === 0) return;
-		let zoomTransformer = stage.findOne("#zoomTransformer");
-		if (!zoomTransformer) {
-			zoomTransformer = new konva.default.Transformer({
-				id: "zoomTransformer",
-				clearBeforeDraw: true,
-				resizeEnabled: false,
-				ignoreStroke: true,
-				rotateEnabled: false,
-				enabledAnchors: [],
-				shouldOverdrawWholeArea: true,
-				scaleX: stage.scaleX(),
-				scaleY: stage.scaleY()
-			});
-			const mainLayer = this.instance.getMainLayer();
-			mainLayer?.add(zoomTransformer);
-		}
 		this.setZoom(1, false);
 		stage.setAttrs({
 			x: 0,
 			y: 0
 		});
-		zoomTransformer.setNodes(selectionPlugin.getTransformer().getNodes());
-		zoomTransformer.forceUpdate();
-		const box = zoomTransformer.__getNodeRect();
+		const box = getBoundingBox(stage, selectionPlugin.getTransformer().getNodes());
+		if (box.width === 0 || box.height === 0) return;
 		const stageBox = {
 			width: stage.width(),
 			height: stage.height()
@@ -22294,7 +22335,6 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			y: stageY
 		});
 		this.setZoom(scale, false);
-		zoomTransformer.destroy();
 	}
 	enable() {
 		this.enabled = true;
@@ -22582,7 +22622,7 @@ var WeaveFitToSelectionToolAction = class extends WeaveAction {
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
-		this.instance.triggerAction(this.previousAction);
+		if (this.previousAction) this.instance.triggerAction(this.previousAction);
 		stage.container().style.cursor = "default";
 	}
 };
@@ -23424,7 +23464,7 @@ var WeavePenToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.lineId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -23504,6 +23544,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		stage.on("pointerdown touchstart", handlePointerDown);
 		const handlePointerMove = (e) => {
 			if (this.state !== BRUSH_TOOL_STATE.DEFINE_STROKE) return;
+			stage.container().style.cursor = "crosshair";
 			const pointPressure = this.getPointPressure(e);
 			this.handleMovement(pointPressure);
 			e.evt.stopPropagation();
@@ -23617,9 +23658,10 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				});
 				const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
 				if (realNode) realNode.destroy();
-				this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
+				if (tempStroke.getAttrs().strokeElements.length >= 3) this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
 			}
 			this.clickPoint = null;
+			stage.container().style.cursor = "crosshair";
 			stage.container().tabIndex = 1;
 			stage.container().focus();
 			this.setState(BRUSH_TOOL_STATE.IDLE);
@@ -23651,7 +23693,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.strokeId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		this.clickPoint = null;
 		this.setState(BRUSH_TOOL_STATE.INACTIVE);
@@ -24207,7 +24249,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.arrowId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -24525,7 +24567,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.frameId}-selector-area`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		this.frameId = null;
 		this.container = void 0;
@@ -24555,12 +24597,13 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 	}
 	async exportStage(boundingNodes) {
 		const mainLayer = this.instance.getMainLayer();
-		const img = await this.instance.exportNodes(mainLayer?.getChildren() ?? [], boundingNodes, this.options);
-		const link = document.createElement("a");
-		link.href = img.src;
-		link.download = `${v4_default()}${__inditextech_weave_types.WEAVE_EXPORT_FILE_FORMAT[this.options.format ?? __inditextech_weave_types.WEAVE_EXPORT_FORMATS.PNG]}`;
-		link.click();
-		this.cancelAction?.();
+		const img = await this.instance.exportNodes(
+			// mainLayer?.find('.node') ?? [],
+			mainLayer?.getChildren() ?? [],
+			boundingNodes,
+			this.options
+);
+		return img;
 	}
 	async trigger(cancelAction, { boundingNodes, options }) {
 		if (!this.instance) throw new Error("Instance not defined");
@@ -24572,14 +24615,16 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 			...this.defaultFormatOptions,
 			...options
 		};
-		await this.exportStage(boundingNodes ?? ((nodes) => nodes));
+		const img = await this.exportStage(boundingNodes ?? ((nodes) => nodes));
+		this.cancelAction?.();
+		return img;
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 0;
 		stage.container().click();
 		stage.container().focus();
-		this.instance.triggerAction("selectionTool");
+		this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 	}
 };
 
@@ -24604,13 +24649,9 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 	}
 	async exportNodes(nodes, boundingNodes) {
 		const img = await this.instance.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1), this.options);
-		const link = document.createElement("a");
-		link.href = img.src;
-		link.download = `${v4_default()}${__inditextech_weave_types.WEAVE_EXPORT_FILE_FORMAT[this.options.format ?? __inditextech_weave_types.WEAVE_EXPORT_FORMATS.PNG]}`;
-		link.click();
-		this.cancelAction?.();
+		return img;
 	}
-	async trigger(cancelAction, { nodes, boundingNodes, options, triggerSelectionTool = true, download = true }) {
+	async trigger(cancelAction, { nodes, boundingNodes, options, triggerSelectionTool = true }) {
 		if (!this.instance) throw new Error("Instance not defined");
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 1;
@@ -24621,20 +24662,16 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 			...this.defaultFormatOptions,
 			...options
 		};
-		if (!download) {
-			const img = await this.instance.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1), this.options);
-			const base64URL = this.instance.imageToBase64(img, this.options.format ?? "image/png");
-			this.cancelAction?.();
-			return base64URL;
-		}
-		await this.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1));
+		const img = await this.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1));
+		this.cancelAction?.();
+		return img;
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 0;
 		stage.container().click();
 		stage.container().focus();
-		if (this.triggerSelectionTool) this.instance.triggerAction("selectionTool");
+		if (this.triggerSelectionTool) this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 	}
 };
 
@@ -24879,7 +24916,7 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 		this.alignNodes(alignTo);
 	}
 	cleanup() {
-		if (this.triggerSelectionTool) this.instance.triggerAction("selectionTool");
+		if (this.triggerSelectionTool) this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		this.setState(ALIGN_NODES_TOOL_STATE.IDLE);
 	}
 };
@@ -24950,12 +24987,12 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		});
 		stage.on("pointerdown", (e) => {
 			const activeAction = this.instance.getActiveAction();
-			if (e && e.evt.button === 0 && activeAction === "moveTool") this.moveToolActive = true;
+			if (e && e.evt.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = true;
 			if (e && (e.evt.button === 2 || e.evt.buttons === 4)) this.isMouseMiddleButtonPressed = true;
 		});
 		stage.on("pointerup", (e) => {
 			const activeAction = this.instance.getActiveAction();
-			if (e && e.evt.button === 0 && activeAction === "moveTool") this.moveToolActive = false;
+			if (e && e.evt.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = false;
 			if (e && (e.evt.button === 1 || e.evt.buttons === 0)) this.isMouseMiddleButtonPressed = false;
 		});
 		const handleMouseMove = () => {
@@ -25230,7 +25267,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			if (this.pointers.size > 1) return;
 			const activeAction = this.instance.getActiveAction();
 			let enableMove = false;
-			if (e && (e.evt.pointerType !== "mouse" || e.evt.pointerType === "mouse" && e.evt.buttons === 1) && activeAction === "moveTool") {
+			if (e && (e.evt.pointerType !== "mouse" || e.evt.pointerType === "mouse" && e.evt.buttons === 1) && activeAction === MOVE_TOOL_ACTION_NAME) {
 				this.moveToolActive = true;
 				enableMove = true;
 			}
@@ -26310,6 +26347,7 @@ exports.containerOverCursor = containerOverCursor
 exports.containsNodeDeep = containsNodeDeep
 exports.getBoundingBox = getBoundingBox
 exports.getContrastTextColor = getContrastTextColor
+exports.getExportBoundingBox = getExportBoundingBox
 exports.getTargetedNode = getTargetedNode
 exports.hasFrames = hasFrames
 exports.hasImages = hasImages

package/dist/sdk.d.cts

@@ -665,7 +665,7 @@ declare class Weave {
   enablePlugin(pluginName: string): void;
   disablePlugin(pluginName: string): void;
   getActiveAction(): string | undefined;
-  triggerAction<T, P>(actionName: string, params?: T): P | void;
+  triggerAction<T, P>(actionName: string, params?: T): P;
   getPropsAction(actionName: string): WeaveElementAttributes;
   updatePropsAction(actionName: string, params: WeaveElementAttributes): void;
   cancelAction(actionName: string): void;
@@ -742,6 +742,12 @@ declare function containerOverCursor(instance: Weave, ignoreNodes: Konva.Node[])
 declare function moveNodeToContainer(instance: Weave, node: Konva.Node, containerToMove: Konva.Layer | Konva.Node, invalidOriginsTypes?: string[]): boolean;
 declare function getContrastTextColor(hex: string): 'white' | 'black';
 declare function stringToColor(str: string): string;
+declare function getExportBoundingBox(stage: Konva.Stage, nodes: Konva.Node[]): {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+};
 declare function getBoundingBox(stage: Konva.Stage, nodes: Konva.Node[]): {
   x: number;
   y: number;
@@ -1980,7 +1986,6 @@ type WeaveExportNodesActionParams = {
   boundingNodes?: (nodes: Konva.Node[]) => Konva.Node[];
   options?: WeaveExportNodesOptions;
   triggerSelectionTool?: boolean;
-  download?: boolean;
 };
 
 //#endregion
@@ -1997,7 +2002,7 @@ declare class WeaveExportStageToolAction extends WeaveAction {
   trigger(cancelAction: () => void, {
     boundingNodes,
     options
-  }: WeaveExportNodesActionParams): Promise<void>;
+  }: WeaveExportNodesActionParams): Promise<HTMLImageElement>;
   cleanup(): void;
 }
 
@@ -2025,9 +2030,8 @@ declare class WeaveExportNodesToolAction extends WeaveAction {
     nodes,
     boundingNodes,
     options,
-    triggerSelectionTool,
-    download
-  }: WeaveExportNodesActionParams): Promise<void | string>;
+    triggerSelectionTool
+  }: WeaveExportNodesActionParams): Promise<HTMLImageElement>;
   cleanup(): void;
 }
 
@@ -2543,5 +2547,5 @@ declare class WeaveCopyPasteNodesPlugin extends WeavePlugin {
 //#endregion
 //# sourceMappingURL=copy-paste-nodes.d.ts.map
 
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, Guide, GuideOrientation, GuideOrientationKeys, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, ImageOptions, ImageProps, LineGuide, LineGuideStop, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NodeSnap, NodeSnapKeys, NodeSnappingEdge, NodeSnappingEdges, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, TextSerializable, WEAVE_ARROW_NODE_TYPE, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTERS_DEFAULT_PROPS, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, Weave, WeaveAction, WeaveActionPropsChangeEvent, WeaveAlignNodesToolAction, WeaveAlignNodesToolActionAlignTo, WeaveAlignNodesToolActionAlignToKeys, WeaveAlignNodesToolActionState, WeaveAlignNodesToolActionStateKeys, WeaveAlignNodesToolActionTriggerParams, WeaveArrowNode, WeaveArrowNodeParams, WeaveArrowProperties, WeaveArrowToolAction, WeaveArrowToolActionOnAddedEvent, WeaveArrowToolActionOnAddingEvent, WeaveArrowToolActionState, WeaveArrowToolActionStateKeys, WeaveBrushToolAction, WeaveBrushToolActionOnAddedEvent, WeaveBrushToolActionOnAddingEvent, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveConnectedUserInfoKey, WeaveConnectedUsers, WeaveConnectedUsersChangeEvent, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginOnCopyEvent, WeaveCopyPasteNodesPluginOnPasteEvent, WeaveCopyPasteNodesPluginOnPasteExternalEvent, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveCopyPastePasteMode, WeaveCopyPastePasteModeKeys, WeaveEllipseNode, WeaveEllipseNodeParams, WeaveEllipseProperties, WeaveEllipseToolAction, WeaveEllipseToolActionOnAddedEvent, WeaveEllipseToolActionOnAddingEvent, WeaveEllipseToolActionState, WeaveEllipseToolActionStateKeys, WeaveEraserToolAction, WeaveEraserToolActionState, WeaveEraserToolActionStateKeys, WeaveExportNodesActionParams, WeaveExportNodesToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeParams, WeaveFrameProperties, WeaveFrameToolAction, WeaveFrameToolActionOnAddedEvent, WeaveFrameToolActionOnAddingEvent, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolProps, WeaveGroupNode, WeaveGroupNodeParams, WeaveGroupProperties, WeaveImageCropEndType, WeaveImageCropEndTypeKeys, WeaveImageNode, WeaveImageNodeParams, WeaveImageOnCropEndEvent, WeaveImageOnCropStartEvent, WeaveImageProperties, WeaveImageToolAction, WeaveImageToolActionOnAddedEvent, WeaveImageToolActionOnAddingEvent, WeaveImageToolActionOnEndLoadImageEvent, WeaveImageToolActionOnStartLoadImageEvent, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveLineNodeParams, WeaveLineProperties, WeaveMoveToolAction, WeaveMoveToolActionParams, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionBehaviorsConfig, WeaveNodesSelectionConfig, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginOnNodesChangeEvent, WeaveNodesSelectionPluginOnSelectionStateEvent, WeaveNodesSelectionPluginOnStageSelectionEvent, WeaveNodesSelectionPluginParams, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeavePasteModel, WeavePenToolAction, WeavePenToolActionOnAddedEvent, WeavePenToolActionOnAddingEvent, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePlugin, WeaveRectangleNode, WeaveRectangleNodeParams, WeaveRectangleProperties, WeaveRectangleToolAction, WeaveRectangleToolActionOnAddedEvent, WeaveRectangleToolActionOnAddingEvent, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveRegularPolygonNode, WeaveRegularPolygonNodeParams, WeaveRegularPolygonProperties, WeaveRegularPolygonToolAction, WeaveRegularPolygonToolActionOnAddedEvent, WeaveRegularPolygonToolActionOnAddingEvent, WeaveRegularPolygonToolActionState, WeaveRegularPolygonToolActionStateKeys, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginOnNodeContextMenuEvent, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropPluginOnStageDropEvent, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomPlugin, WeaveStageZoomPluginConfig, WeaveStageZoomPluginOnZoomChangeEvent, WeaveStageZoomPluginParams, WeaveStageZoomType, WeaveStageZoomTypeKeys, WeaveStarNode, WeaveStarNodeParams, WeaveStarProperties, WeaveStarToolAction, WeaveStarToolActionOnAddedEvent, WeaveStarToolActionOnAddingEvent, WeaveStarToolActionState, WeaveStarToolActionStateKeys, WeaveStore, WeaveStoreOnNodeChangeEvent, WeaveStoreOnRoomLoadedEvent, WeaveStoreOnStateChangeEvent, WeaveStoreOnUndoRedoChangeEvent, WeaveStrokeNode, WeaveStrokeNodeParams, WeaveStrokePoint, WeaveStrokeProperties, WeaveTextLayout, WeaveTextLayoutKeys, WeaveTextNode, WeaveTextNodeParams, WeaveTextProperties, WeaveTextToolAction, WeaveTextToolActionOnAddedEvent, WeaveTextToolActionOnAddingEvent, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUserPointersUIProperties, WeaveUserSelectionInfo, WeaveUserSelectionKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveUsersSelectionPlugin, WeaveUsersSelectionPluginConfig, WeaveUsersSelectionPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getContrastTextColor, getTargetedNode, hasFrames, hasImages, intersectArrays, isNodeInSelection, moveNodeToContainer, resetScale, stringToColor };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, Guide, GuideOrientation, GuideOrientationKeys, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, ImageOptions, ImageProps, LineGuide, LineGuideStop, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NodeSnap, NodeSnapKeys, NodeSnappingEdge, NodeSnappingEdges, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, TextSerializable, WEAVE_ARROW_NODE_TYPE, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTERS_DEFAULT_PROPS, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, Weave, WeaveAction, WeaveActionPropsChangeEvent, WeaveAlignNodesToolAction, WeaveAlignNodesToolActionAlignTo, WeaveAlignNodesToolActionAlignToKeys, WeaveAlignNodesToolActionState, WeaveAlignNodesToolActionStateKeys, WeaveAlignNodesToolActionTriggerParams, WeaveArrowNode, WeaveArrowNodeParams, WeaveArrowProperties, WeaveArrowToolAction, WeaveArrowToolActionOnAddedEvent, WeaveArrowToolActionOnAddingEvent, WeaveArrowToolActionState, WeaveArrowToolActionStateKeys, WeaveBrushToolAction, WeaveBrushToolActionOnAddedEvent, WeaveBrushToolActionOnAddingEvent, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveConnectedUserInfoKey, WeaveConnectedUsers, WeaveConnectedUsersChangeEvent, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginOnCopyEvent, WeaveCopyPasteNodesPluginOnPasteEvent, WeaveCopyPasteNodesPluginOnPasteExternalEvent, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveCopyPastePasteMode, WeaveCopyPastePasteModeKeys, WeaveEllipseNode, WeaveEllipseNodeParams, WeaveEllipseProperties, WeaveEllipseToolAction, WeaveEllipseToolActionOnAddedEvent, WeaveEllipseToolActionOnAddingEvent, WeaveEllipseToolActionState, WeaveEllipseToolActionStateKeys, WeaveEraserToolAction, WeaveEraserToolActionState, WeaveEraserToolActionStateKeys, WeaveExportNodesActionParams, WeaveExportNodesToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeParams, WeaveFrameProperties, WeaveFrameToolAction, WeaveFrameToolActionOnAddedEvent, WeaveFrameToolActionOnAddingEvent, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolProps, WeaveGroupNode, WeaveGroupNodeParams, WeaveGroupProperties, WeaveImageCropEndType, WeaveImageCropEndTypeKeys, WeaveImageNode, WeaveImageNodeParams, WeaveImageOnCropEndEvent, WeaveImageOnCropStartEvent, WeaveImageProperties, WeaveImageToolAction, WeaveImageToolActionOnAddedEvent, WeaveImageToolActionOnAddingEvent, WeaveImageToolActionOnEndLoadImageEvent, WeaveImageToolActionOnStartLoadImageEvent, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveLineNodeParams, WeaveLineProperties, WeaveMoveToolAction, WeaveMoveToolActionParams, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionBehaviorsConfig, WeaveNodesSelectionConfig, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginOnNodesChangeEvent, WeaveNodesSelectionPluginOnSelectionStateEvent, WeaveNodesSelectionPluginOnStageSelectionEvent, WeaveNodesSelectionPluginParams, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeavePasteModel, WeavePenToolAction, WeavePenToolActionOnAddedEvent, WeavePenToolActionOnAddingEvent, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePlugin, WeaveRectangleNode, WeaveRectangleNodeParams, WeaveRectangleProperties, WeaveRectangleToolAction, WeaveRectangleToolActionOnAddedEvent, WeaveRectangleToolActionOnAddingEvent, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveRegularPolygonNode, WeaveRegularPolygonNodeParams, WeaveRegularPolygonProperties, WeaveRegularPolygonToolAction, WeaveRegularPolygonToolActionOnAddedEvent, WeaveRegularPolygonToolActionOnAddingEvent, WeaveRegularPolygonToolActionState, WeaveRegularPolygonToolActionStateKeys, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginOnNodeContextMenuEvent, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropPluginOnStageDropEvent, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomPlugin, WeaveStageZoomPluginConfig, WeaveStageZoomPluginOnZoomChangeEvent, WeaveStageZoomPluginParams, WeaveStageZoomType, WeaveStageZoomTypeKeys, WeaveStarNode, WeaveStarNodeParams, WeaveStarProperties, WeaveStarToolAction, WeaveStarToolActionOnAddedEvent, WeaveStarToolActionOnAddingEvent, WeaveStarToolActionState, WeaveStarToolActionStateKeys, WeaveStore, WeaveStoreOnNodeChangeEvent, WeaveStoreOnRoomLoadedEvent, WeaveStoreOnStateChangeEvent, WeaveStoreOnUndoRedoChangeEvent, WeaveStrokeNode, WeaveStrokeNodeParams, WeaveStrokePoint, WeaveStrokeProperties, WeaveTextLayout, WeaveTextLayoutKeys, WeaveTextNode, WeaveTextNodeParams, WeaveTextProperties, WeaveTextToolAction, WeaveTextToolActionOnAddedEvent, WeaveTextToolActionOnAddingEvent, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUserPointersUIProperties, WeaveUserSelectionInfo, WeaveUserSelectionKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveUsersSelectionPlugin, WeaveUsersSelectionPluginConfig, WeaveUsersSelectionPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getContrastTextColor, getExportBoundingBox, getTargetedNode, hasFrames, hasImages, intersectArrays, isNodeInSelection, moveNodeToContainer, resetScale, stringToColor };
 //# sourceMappingURL=sdk.d.cts.map