@inditextech/weave-sdk 0.47.1 → 0.49.0

package/dist/sdk.js

@@ -1,6 +1,6 @@
 import Konva from "konva";
 import "konva/lib/types";
-import { WEAVE_AWARENESS_LAYER_ID, WEAVE_EXPORT_BACKGROUND_COLOR, WEAVE_EXPORT_FILE_FORMAT, WEAVE_EXPORT_FORMATS, WEAVE_INSTANCE_STATUS, WEAVE_NODE_CUSTOM_EVENTS, WEAVE_NODE_LAYER_ID, WEAVE_NODE_POSITION, WEAVE_STORE_CONNECTION_STATUS, WEAVE_UTILITY_LAYER_ID } from "@inditextech/weave-types";
+import { WEAVE_AWARENESS_LAYER_ID, WEAVE_EXPORT_BACKGROUND_COLOR, WEAVE_EXPORT_FORMATS, WEAVE_INSTANCE_STATUS, WEAVE_NODE_CUSTOM_EVENTS, WEAVE_NODE_LAYER_ID, WEAVE_NODE_POSITION, WEAVE_STORE_CONNECTION_STATUS, WEAVE_UTILITY_LAYER_ID } from "@inditextech/weave-types";
 import { getYjsDoc, getYjsValue, observeDeep, syncedStore } from "@syncedstore/core";
 import { Doc, UndoManager } from "yjs";
 import { Transformer } from "konva/lib/shapes/Transformer";
@@ -15494,6 +15494,7 @@ var require_lodash = __commonJS({ "../../node_modules/lodash/lodash.js"(exports,
 		} else root._ = _;
 	}).call(exports);
 } });
+var import_lodash$1 = __toESM(require_lodash());
 var import_lodash = __toESM(require_lodash(), 1);
 
 //#endregion
@@ -15588,12 +15589,12 @@ var WeaveStore = class {
 					node: JSON.parse(JSON.stringify(nodeInfo.node))
 				});
 			}
-			if (!this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) {
+			if (!this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) {
 				this.instance.setupRenderer();
 				this.isRoomLoaded = true;
 				this.instance.emitEvent("onRoomLoaded", this.isRoomLoaded);
 			}
-			if (this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) this.instance.render();
+			if (this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) this.instance.render();
 		});
 	}
 	canUndoStateStep() {
@@ -15738,6 +15739,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 +15831,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 +15951,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 +16132,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;
@@ -16140,7 +16174,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
 			this.triggerSelectedNodesEvent();
 		};
-		tr.on("transform", (0, import_lodash.throttle)(handleTransform, 50));
+		tr.on("transform", (0, import_lodash$1.throttle)(handleTransform, 50));
 		tr.on("transformend", () => {
 			this.triggerSelectedNodesEvent();
 		});
@@ -16262,7 +16296,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 +16599,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 +16987,9 @@ const augmentKonvaNodeClass = (config) => {
 	Konva.Node.prototype.getTransformerProperties = function() {
 		return { ...transform };
 	};
+	Konva.Node.prototype.getExportClientRect = function(config$1) {
+		return this.getClientRect(config$1);
+	};
 	Konva.Node.prototype.getRealClientRect = function(config$1) {
 		return this.getClientRect(config$1);
 	};
@@ -16981,7 +17018,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");
@@ -17067,7 +17104,7 @@ var WeaveNode = class {
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesSnappingPlugin.evaluateGuidelines(e);
 			};
-			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
+			node.on("transform", (0, import_lodash$1.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
 				this.instance.emitEvent("onTransform", null);
@@ -17121,7 +17158,7 @@ var WeaveNode = class {
 					if (layerToMove && !hasFrames(node)) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				}
 			};
-			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
+			node.on("dragmove", (0, import_lodash$1.throttle)(handleDragMove, 100));
 			node.on("dragend", (e) => {
 				if (!this.didMove) return;
 				const isErasing = this.instance.getActiveAction() === "eraseTool";
@@ -18840,7 +18877,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.47.1";
+var version = "0.49.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18963,7 +19000,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 +19091,20 @@ var WeaveExportManager = class {
 			const { format: format$2 = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = 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 +19123,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 +19144,9 @@ var WeaveExportManager = class {
 					quality: options.quality ?? 1,
 					callback: (img) => {
 						exportGroup.destroy();
+						stage.position(originalPosition);
 						stage.scale(originalScale);
+						stage.batchDraw();
 						resolve(img);
 					}
 				});
@@ -19563,14 +19606,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 {
@@ -20026,7 +20061,7 @@ var WeaveTextNode = class extends WeaveNode {
 		text.on("transformstart", (e) => {
 			this.instance.emitEvent("onTransform", e.target);
 		});
-		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, 50));
+		text.on("transform", (0, import_lodash$1.throttle)(handleTextTransform, 50));
 		text.on("transformend", () => {
 			this.instance.emitEvent("onTransform", null);
 		});
@@ -20382,7 +20417,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 +20496,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 +20672,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;
@@ -21319,7 +21354,7 @@ var WeaveImageNode = class extends WeaveNode {
 		const stage = this.instance.getStage();
 		const image = stage.findOne(`#${imageAttrs.id}`);
 		const internalImage = image?.findOne(`#${imageAttrs.id}-image`);
-		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && !(0, import_lodash.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
+		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && !(0, import_lodash$1.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
 			const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
@@ -21336,7 +21371,7 @@ var WeaveImageNode = class extends WeaveNode {
 			internalImage.height(imageAttrs.cropSize.height);
 			this.cachedCropInfo[imageAttrs.id ?? ""] = imageAttrs.cropInfo;
 		}
-		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && !(0, import_lodash.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
+		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && !(0, import_lodash$1.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
 			internalImage.rotation(0);
@@ -21349,7 +21384,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 +21745,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		const text = new Konva.Text({
 			id: `${id}-title`,
 			x: 0,
-			width: props.frameWidth / stage.scaleX(),
+			width: props.frameWidth,
 			fontSize: fontSize / stage.scaleX(),
 			fontFamily,
 			fontStyle,
@@ -21786,6 +21821,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 +21849,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);
@@ -22060,7 +22105,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = (0, import_lodash.merge)(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
 		if (!this.config.zoomSteps.includes(this.config.defaultZoom)) throw new Error(`Default zoom ${this.config.defaultZoom} is not in zoom steps`);
 		this.pinching = false;
 		this.isTrackpad = false;
@@ -22088,7 +22133,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				this.config.zoomSteps = [minimumZoom, ...this.config.zoomSteps];
 			}
 		};
-		mainLayer?.on("draw", (0, import_lodash.throttle)(handleDraw, 50));
+		mainLayer?.on("draw", (0, import_lodash$1.throttle)(handleDraw, 50));
 		this.setZoom(this.config.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true, pointer) {
@@ -22204,13 +22249,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 +22276,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 +22305,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.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 +22336,6 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			y: stageY
 		});
 		this.setZoom(scale, false);
-		zoomTransformer.destroy();
 	}
 	enable() {
 		this.enabled = true;
@@ -22582,7 +22623,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 +23465,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 +23545,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 +23659,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 +23694,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 +24250,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 +24568,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 +24598,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()}${WEAVE_EXPORT_FILE_FORMAT[this.options.format ?? 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 +24616,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 +24650,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()}${WEAVE_EXPORT_FILE_FORMAT[this.options.format ?? 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 +24663,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 +24917,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);
 	}
 };
@@ -24900,6 +24938,7 @@ const WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO = 4;
 const WEAVE_GRID_DEFAULT_RADIUS = 1;
 const WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO = 2;
 const WEAVE_GRID_DEFAULT_MAJOR_EVERY = 10;
+const WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS = 300;
 const WEAVE_GRID_LAYER_ID = "gridLayer";
 
 //#endregion
@@ -24916,6 +24955,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			gridColor: WEAVE_GRID_DEFAULT_COLOR,
 			gridOriginColor: WEAVE_GRID_DEFAULT_ORIGIN_COLOR,
 			gridSize: WEAVE_GRID_DEFAULT_SIZE,
+			gridDotMaxDotsPerAxis: WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS,
 			...config
 		};
 	}
@@ -24950,19 +24990,19 @@ 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 = () => {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			this.onRender();
 		};
-		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
 		stage.on("pointermove", () => {
 			if (this.enabled) this.onRender();
 		});
@@ -24994,11 +25034,11 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const snappedSpacing = baseGridSpacing * Math.pow(2, logFactor);
 		return snappedSpacing;
 	}
-	getAdjustedSpacing(startX, endX, startY, endY, baseSpacing = 50, maxDotsPerAxis = 500) {
+	getAdjustedSpacing(startX, endX, startY, endY, baseSpacing = 50) {
 		let spacing = baseSpacing;
 		let dotCountX = Math.ceil((endX - startX) / spacing);
 		let dotCountY = Math.ceil((endY - startY) / spacing);
-		while ((dotCountX > maxDotsPerAxis || dotCountY > maxDotsPerAxis) && spacing < 1e6) {
+		while ((dotCountX > this.config.gridDotMaxDotsPerAxis || dotCountY > this.config.gridDotMaxDotsPerAxis) && spacing < 1e6) {
 			spacing *= 2;
 			dotCountX = Math.ceil((endX - startX) / spacing);
 			dotCountY = Math.ceil((endY - startY) / spacing);
@@ -25081,13 +25121,17 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		let adjustedSpacing = spacing;
 		let dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
 		let dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
-		const maxDotsPerAxis = 500;
-		while ((dotCountX > maxDotsPerAxis || dotCountY > maxDotsPerAxis) && adjustedSpacing < 1e6) {
+		while ((dotCountX > this.config.gridDotMaxDotsPerAxis || dotCountY > this.config.gridDotMaxDotsPerAxis) && adjustedSpacing < 1e6) {
 			adjustedSpacing *= 2;
 			dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
 			dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
 		}
 		this.getAdjustedSpacing(startX, endX, startY, endY, spacing);
+		console.log({
+			dotCountX,
+			dotCountY,
+			adjustedSpacing
+		});
 		startX = Math.floor((offsetX - margin * worldWidth) / adjustedSpacing) * adjustedSpacing;
 		startY = Math.floor((offsetY - margin * worldHeight) / adjustedSpacing) * adjustedSpacing;
 		const highlightEvery = this.config.gridMajorEvery ?? WEAVE_GRID_DEFAULT_MAJOR_EVERY;
@@ -25230,7 +25274,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;
 			}
@@ -25415,7 +25459,7 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 					newConnectedUsers[userInformation.id] = userInformation;
 				}
 			}
-			if (!(0, import_lodash.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
+			if (!(0, import_lodash$1.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
 			this.connectedUsers = newConnectedUsers;
 		});
 	}
@@ -26178,5 +26222,5 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 };
 
 //#endregion
-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, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, 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, 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, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, 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, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, 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, 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_DOT_MAX_DOTS_PER_AXIS, 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, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getContrastTextColor, getExportBoundingBox, getTargetedNode, hasFrames, hasImages, intersectArrays, isNodeInSelection, moveNodeToContainer, resetScale, stringToColor };
 //# sourceMappingURL=sdk.js.map