@inditextech/weave-sdk 0.30.0 → 0.31.0

package/dist/sdk.cjs

@@ -31,8 +31,6 @@ const __syncedstore_core = __toESM(require("@syncedstore/core"));
 const yjs = __toESM(require("yjs"));
 const react = __toESM(require("react"));
 const react_reconciler = __toESM(require("react-reconciler"));
-const konva_lib_shapes_Line = __toESM(require("konva/lib/shapes/Line"));
-const konva_lib_shapes_Circle = __toESM(require("konva/lib/shapes/Circle"));
 
 //#region ../../node_modules/emittery/maps.js
 const anyMap = new WeakMap();
@@ -15685,15 +15683,15 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 		}
 		if (target !== stage && !clickOnTransformer) return;
 		let nodes = [];
-		if (clickOnTransformer) {
+		if (clickOnTransformer && selectionPlugin) {
 			const transformer = selectionPlugin.getTransformer();
 			nodes = transformer.getNodes().map((node) => {
 				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 				return {
 					instance: node,
-					node: nodeHandler.serialize(node)
+					node: nodeHandler?.serialize(node)
 				};
-			}).filter((node) => node !== void 0);
+			}).filter((node) => typeof node !== "undefined");
 		}
 		const containerRect = stage.container().getBoundingClientRect();
 		const pointerPos = stage.getPointerPosition();
@@ -15826,10 +15824,12 @@ function moveNodeToContainer(instance, node) {
 		node.y(node.y() - (layerToMoveAttrs.containerOffsetY ?? 0));
 		node.movedToContainer(layerToMove);
 		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
-		const actualNode = nodeHandler.serialize(node);
-		instance.removeNode(actualNode);
-		instance.addNode(actualNode, layerToMoveAttrs.id);
-		return layerToMove;
+		if (nodeHandler) {
+			const actualNode = nodeHandler.serialize(node);
+			instance.removeNode(actualNode);
+			instance.addNode(actualNode, layerToMoveAttrs.id);
+			return layerToMove;
+		}
 	}
 	return void 0;
 }
@@ -15976,6 +15976,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	}
 	isPasting() {
 		const copyPastePlugin = this.instance.getPlugin("copyPasteNodes");
+		if (!copyPastePlugin) return false;
 		return copyPastePlugin.isPasting();
 	}
 	isAreaSelecting() {
@@ -16086,6 +16087,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 							const layerToMove = moveNodeToContainer(this.instance, node);
 							if (layerToMove) return resolve();
 							const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+							if (!nodeHandler) return resolve();
 							toUpdate.push(nodeHandler.serialize(node));
 							resolve();
 						}, 0);
@@ -16093,8 +16095,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				};
 				const promises = [];
 				for (let i = 0; i < selectedNodes.length; i++) promises.push(nodeUpdatePromise(selectedNodes[i]));
-				Promise.all(promises).then(() => {
-					if (toUpdate.length > 0) this.instance.updateNodes(toUpdate);
+				Promise.allSettled(promises).then((results) => {
+					if (results.length > 0) this.instance.updateNodes(toUpdate);
 					stage.container().style.cursor = actualCursor;
 				});
 			}
@@ -16111,17 +16113,17 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		});
 		this.initEvents();
 		this.initialized = true;
-		this.instance.on("onActiveActionChange", (activeAction) => {
+		this.instance.addEventListener("onActiveActionChange", (activeAction) => {
 			if (typeof activeAction !== "undefined" && activeAction !== "selectionTool") {
 				this.active = false;
 				return;
 			}
 			this.active = true;
 		});
-		this.instance.on("onStateChange", () => {
+		this.instance.addEventListener("onStateChange", () => {
 			this.triggerSelectedNodesEvent();
 		});
-		this.instance.on("onNodeRemoved", (node) => {
+		this.instance.addEventListener("onNodeRemoved", (node) => {
 			const selectedNodes = this.getSelectedNodes();
 			const newSelectedNodes = selectedNodes.filter((actNode) => {
 				return actNode.getAttrs().id !== node.id;
@@ -16143,7 +16145,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const nodeHandler = this.instance.getNodeHandler(nodeType);
 			return {
 				instance: node,
-				node: nodeHandler.serialize(node)
+				node: nodeHandler?.serialize(node)
 			};
 		});
 		const usersSelectionPlugin = this.instance.getPlugin(WEAVE_USERS_SELECTION_KEY);
@@ -16154,8 +16156,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const selectedNodes = this.getSelectedNodes();
 		const mappedSelectedNodes = selectedNodes.map((node) => {
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-			return handler.serialize(node);
-		});
+			return handler?.serialize(node);
+		}).filter((node) => typeof node !== "undefined");
 		this.instance.removeNodes(mappedSelectedNodes);
 		this.tr.nodes([]);
 		this.triggerSelectedNodesEvent();
@@ -16270,6 +16272,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		});
 		stage.on("click tap", (e) => {
 			if (!this.enabled) return;
+			if (this.instance.getActiveAction() !== "selectionTool") return;
 			const contextMenuPlugin = this.instance.getPlugin("contextMenu");
 			if (contextMenuPlugin && contextMenuPlugin.isContextMenuVisible()) {
 				this.selecting = false;
@@ -16364,7 +16367,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const nodeHandler = this.instance.getNodeHandler(nodeType);
 			return {
 				instance: node,
-				node: nodeHandler.serialize(node)
+				node: nodeHandler?.serialize(node)
 			};
 		});
 		return selectedNodes;
@@ -16591,7 +16594,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 	}
 	getNodesSelectionPlugin() {
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
-		if (!nodesSelectionPlugin) throw new Error("Nodes selection plugin not found");
+		if (!nodesSelectionPlugin) throw new Error("WeaveNodesSelectionPlugin plugin not found");
 		return nodesSelectionPlugin;
 	}
 	enable() {
@@ -16641,6 +16644,7 @@ var WeaveNode = class {
 	}
 	getSelectionPlugin() {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (!selectionPlugin) throw new Error("WeaveNodesSelectionPlugin plugin not found");
 		return selectionPlugin;
 	}
 	isSelecting() {
@@ -16648,7 +16652,8 @@ var WeaveNode = class {
 	}
 	isPasting() {
 		const copyPastePlugin = this.instance.getPlugin("copyPasteNodes");
-		return copyPastePlugin.isPasting();
+		if (copyPastePlugin) return copyPastePlugin.isPasting();
+		return false;
 	}
 	setupDefaultNodeAugmentation(node) {
 		node.getTransformerProperties = () => {
@@ -16661,7 +16666,7 @@ var WeaveNode = class {
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		let selected = false;
-		if (selectionPlugin.getSelectedNodes().length === 1 && selectionPlugin.getSelectedNodes()[0].getAttrs().id === ele.getAttrs().id) selected = true;
+		if (selectionPlugin && selectionPlugin.getSelectedNodes().length === 1 && selectionPlugin.getSelectedNodes()[0].getAttrs().id === ele.getAttrs().id) selected = true;
 		return selected;
 	}
 	scaleReset(node) {
@@ -16692,7 +16697,7 @@ var WeaveNode = class {
 			if (this.isSelecting() && this.isNodeSelected(node$1)) {
 				this.scaleReset(node$1);
 				const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
-				this.instance.updateNode(nodeHandler.serialize(node$1));
+				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
 			}
 		};
 		node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
@@ -16704,7 +16709,7 @@ var WeaveNode = class {
 			if (nodesSnappingPlugin) nodesSnappingPlugin.cleanupEvaluateGuidelines();
 			if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 			const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
-			this.instance.updateNode(nodeHandler.serialize(node$1));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
 		});
 		node.on("dragstart", (e) => {
 			const stage = this.instance.getStage();
@@ -16726,7 +16731,7 @@ var WeaveNode = class {
 				const layerToMove = checkIfOverContainer(this.instance, e.target);
 				if (layerToMove) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-				this.instance.updateNode(nodeHandler.serialize(node));
+				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node));
 			}
 		};
 		node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
@@ -16857,6 +16862,7 @@ var WeaveReconciler = class {
 		this.logger = this.instance.getChildLogger("reconciler");
 	}
 	addNode(parentInstance, child) {
+		if (!parentInstance || !child) return;
 		const parentAttrs = parentInstance.getAttrs();
 		const childInitialZIndex = child.getAttrs().initialZIndex;
 		if (parentInstance instanceof konva.default.Stage && child instanceof konva.default.Layer) parentInstance.add(child);
@@ -17211,8 +17217,10 @@ var WeaveGroupsManager = class {
 		});
 		parentLayer?.add(groupInstance);
 		const groupHandler = this.instance.getNodeHandler("group");
-		const groupNode = groupHandler.create(groupId, { draggable: true });
-		this.instance.addNode(groupNode, nodeId ?? parentNodeId);
+		if (groupHandler) {
+			const groupNode = groupHandler.create(groupId, { draggable: true });
+			this.instance.addNode(groupNode, nodeId ?? parentNodeId);
+		}
 		const nodesWithZIndex = nodes.map((node) => {
 			const instance = mainLayer?.findOne(`#${node.key}`);
 			return {
@@ -17235,8 +17243,10 @@ var WeaveGroupsManager = class {
 					konvaGroup.setAttr("id", v4_default());
 					konvaGroup.setAttr("draggable", false);
 					const handler = this.instance.getNodeHandler("group");
-					const stateNode = handler.serialize(konvaGroup);
-					this.instance.addNode(stateNode, groupId);
+					if (handler) {
+						const stateNode = handler.serialize(konvaGroup);
+						this.instance.addNode(stateNode, groupId);
+					}
 				}
 				continue;
 			}
@@ -17251,18 +17261,20 @@ var WeaveGroupsManager = class {
 				konvaNode.setAttr("id", v4_default());
 				konvaNode.setAttr("draggable", false);
 				const handler = this.instance.getNodeHandler(konvaNode.getAttrs().nodeType);
-				const stateNode = handler.serialize(konvaNode);
-				this.instance.addNode(stateNode, groupId);
+				if (handler) {
+					const stateNode = handler.serialize(konvaNode);
+					this.instance.addNode(stateNode, groupId);
+				}
 			}
 		}
 		this.instance.removeNodes(sortedNodesByZIndex);
 		groupInstance.destroy();
 		setTimeout(() => {
-			const groupNode$1 = stage.findOne(`#${groupId}`);
+			const groupNode = stage.findOne(`#${groupId}`);
 			const selectionPlugin$1 = this.instance.getPlugin("nodesSelection");
-			if (groupNode$1 && selectionPlugin$1) {
+			if (groupNode && selectionPlugin$1) {
 				const tr = selectionPlugin$1.getTransformer();
-				selectionPlugin$1.setSelectedNodes([groupNode$1]);
+				selectionPlugin$1.setSelectedNodes([groupNode]);
 				tr.show();
 				tr.forceUpdate();
 			}
@@ -17302,13 +17314,17 @@ var WeaveGroupsManager = class {
 			child.setAttr("draggable", true);
 			newChildId = child.getAttrs().id;
 			const handler = this.instance.getNodeHandler(child.getAttrs().nodeType);
-			const node = handler.serialize(child);
-			this.instance.addNode(node, nodeId ?? newLayer.getAttrs().id);
+			if (handler) {
+				const node = handler.serialize(child);
+				this.instance.addNode(node, nodeId ?? newLayer.getAttrs().id);
+			}
 			child.destroy();
 		}
 		const groupHandler = this.instance.getNodeHandler("group");
-		const groupNode = groupHandler.serialize(konvaGroup);
-		this.instance.removeNode(groupNode);
+		if (groupHandler) {
+			const groupNode = groupHandler.serialize(konvaGroup);
+			this.instance.removeNode(groupNode);
+		}
 		setTimeout(() => {
 			const firstElement = newLayer.findOne(`#${newChildId}`);
 			const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -17580,8 +17596,10 @@ var WeaveCloningManager = class {
 			const nodePos = node.getClientRect();
 			if (nodePos.x < minPoint.x) minPoint.x = nodePos.x;
 			if (nodePos.y < minPoint.y) minPoint.y = nodePos.y;
-			const serialized = nodeHandler.serialize(node);
-			serializedNodes.push(serialized);
+			if (nodeHandler) {
+				const serialized = nodeHandler.serialize(node);
+				serializedNodes.push(serialized);
+			}
 		});
 		newGroup.destroy();
 		return {
@@ -17651,8 +17669,10 @@ var WeaveCloningManager = class {
 			node.setAbsolutePosition(nodePos);
 			node.rotation(nodeRotation);
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-			const stateNode = handler.serialize(node);
-			this.instance.addNode(stateNode, targetContainer.getAttrs().id);
+			if (handler) {
+				const stateNode = handler.serialize(node);
+				this.instance.addNode(stateNode, targetContainer.getAttrs().id);
+			}
 			node.destroy();
 		}
 		newGroup.destroy();
@@ -17869,30 +17889,38 @@ var WeaveZIndexManager = class {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], up one step of z-index`);
 		instance.moveUp();
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
-		const node = handler.serialize(instance);
-		this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.UP);
+		if (handler) {
+			const node = handler.serialize(instance);
+			this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.UP);
+		}
 	}
 	moveDown(instance) {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], down one step of z-index`);
 		instance.moveDown();
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
-		const node = handler.serialize(instance);
-		this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.DOWN);
+		if (handler) {
+			const node = handler.serialize(instance);
+			this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.DOWN);
+		}
 	}
 	sendToBack(instance) {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], to bottom of z-index`);
 		instance.moveToBottom();
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
-		const node = handler.serialize(instance);
-		this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.BACK);
+		if (handler) {
+			const node = handler.serialize(instance);
+			this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.BACK);
+		}
 	}
 	bringToFront(instance) {
 		this.logger.debug(`Moving instance with id [${instance.getAttrs().id}], to top of z-index`);
 		instance.moveToTop();
 		const handler = this.instance.getNodeHandler(instance.getAttrs().nodeType);
-		const node = handler.serialize(instance);
-		this.instance.updateNode(node);
-		this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.FRONT);
+		if (handler) {
+			const node = handler.serialize(instance);
+			this.instance.updateNode(node);
+			this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.FRONT);
+		}
 	}
 };
 
@@ -18162,28 +18190,13 @@ var WeaveRegisterManager = class {
 		return this.actionsHandlers;
 	}
 	getPlugin(pluginName) {
-		if (!this.plugins[pluginName]) {
-			const msg = `Plugin with name [${pluginName}] is not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
-		return this.plugins[pluginName];
+		return this.plugins?.[pluginName];
 	}
 	getActionHandler(actionName) {
-		if (!this.actionsHandlers[actionName]) {
-			const msg = `Action handler with name [${actionName}] is not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
-		return this.actionsHandlers[actionName];
+		return this.actionsHandlers?.[actionName];
 	}
 	getNodeHandler(nodeType) {
-		if (!this.nodesHandlers[nodeType]) {
-			const msg = `Node handler with type [${nodeType}] is not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
-		return this.nodesHandlers[nodeType];
+		return this.nodesHandlers?.[nodeType];
 	}
 	registerPlugins() {
 		const config = this.instance.getConfiguration();
@@ -18229,7 +18242,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.30.0";
+var version = "0.31.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18349,11 +18362,7 @@ var WeaveActionsManager = class {
 	}
 	triggerAction(actionName, params) {
 		const actionsHandlers = this.instance.getActionsHandlers();
-		if (!actionsHandlers[actionName]) {
-			const msg = `Action handler with name [${actionName}] not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
+		if (!actionsHandlers[actionName]) return;
 		if (typeof this.activeAction !== "undefined") this.cancelAction(this.activeAction);
 		this.activeAction = actionName;
 		const payload = actionsHandlers[actionName].trigger(this.cancelActionCallback(actionName), params);
@@ -18516,40 +18525,26 @@ var WeavePluginsManager = class {
 	}
 	enable(pluginName) {
 		const plugins = this.instance.getPlugins();
-		if (!plugins[pluginName]) {
-			const msg = `Plugin with name [${pluginName}] not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
-		plugins[pluginName].enable?.();
+		if (plugins[pluginName]) plugins[pluginName].enable();
 	}
 	disable(pluginName) {
 		const plugins = this.instance.getPlugins();
-		if (!plugins[pluginName]) {
-			const msg = `Plugin with name [${pluginName}] not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
-		plugins[pluginName].disable?.();
+		if (plugins[pluginName]) plugins[pluginName].disable();
 	}
 	isEnabled(pluginName) {
 		const plugins = this.instance.getPlugins();
-		if (!plugins[pluginName]) {
-			const msg = `Plugin with name [${pluginName}] not registered`;
-			this.logger.error(msg);
-			throw new Error(msg);
-		}
-		return plugins[pluginName].isEnabled?.();
+		if (plugins[pluginName]) return plugins[pluginName].isEnabled();
+		return false;
 	}
 };
 
 //#endregion
 //#region src/weave.ts
-var Weave = class extends Emittery {
+var Weave = class {
 	initialized = false;
 	status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.IDLE;
 	constructor(weaveConfig, stageConfig) {
-		super();
+		this.emitter = new Emittery();
 		konva.default.showWarnings = false;
 		this.id = v4_default();
 		this.initialized = false;
@@ -18636,7 +18631,7 @@ var Weave = class extends Emittery {
 	}
 	destroy() {
 		this.moduleLogger.info(`Destroying the instance`);
-		this.clearListeners();
+		this.emitter.clearListeners();
 		this.status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.IDLE;
 		this.emitEvent("onInstanceStatus", this.status);
 		const store = this.storeManager.getStore();
@@ -18659,15 +18654,15 @@ var Weave = class extends Emittery {
 	}
 	emitEvent(event, payload) {
 		this.moduleLogger.debug({ payload }, `Emitted event [${event}]`);
-		this.emit(event, payload);
+		this.emitter.emit(event, payload);
 	}
 	addEventListener(event, callback) {
 		this.moduleLogger.debug(`Listening event [${event}]`);
-		this.on(event, callback);
+		this.emitter.on(event, callback);
 	}
 	removeEventListener(event, callback) {
 		this.moduleLogger.debug(`Removing listening to event [${event}]`);
-		this.off(event, callback);
+		this.emitter.off(event, callback);
 	}
 	getLogger() {
 		return this.logger;
@@ -18930,6 +18925,7 @@ var WeaveLayerNode = class extends WeaveNode {
 		const children = [...instance.getChildren()];
 		for (const node of children) {
 			const handler = this.instance.getNodeHandler(node.getAttr("nodeType"));
+			if (!handler) continue;
 			childrenMapped.push(handler.serialize(node));
 		}
 		return {
@@ -18984,6 +18980,7 @@ var WeaveGroupNode = class extends WeaveNode {
 		const children = [...instance.getChildren()];
 		for (const node of children) {
 			const handler = this.instance.getNodeHandler(node.getAttr("nodeType"));
+			if (!handler) continue;
 			childrenMapped.push(handler.serialize(node));
 		}
 		return {
@@ -19179,6 +19176,7 @@ const TEXT_LAYOUT = {
 var WeaveTextNode = class extends WeaveNode {
 	nodeType = WEAVE_TEXT_NODE_TYPE;
 	editing = false;
+	textArea = null;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -19187,6 +19185,7 @@ var WeaveTextNode = class extends WeaveNode {
 			...config?.transform
 		} };
 		this.editing = false;
+		this.textArea = null;
 	}
 	updateNode(nodeInstance) {
 		const clonedText = nodeInstance.clone();
@@ -19224,14 +19223,11 @@ var WeaveTextNode = class extends WeaveNode {
 		};
 		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, 50));
 		window.addEventListener("keypress", (e) => {
-			if (e.key === "Enter" && this.instance.getActiveAction() === SELECTION_TOOL_ACTION_NAME && !this.editing) {
+			if (e.key === "Enter" && this.instance.getActiveAction() === SELECTION_TOOL_ACTION_NAME && !this.editing && e.target !== this.textArea) {
 				e.preventDefault();
 				if (this.isSelecting() && this.isNodeSelected(text)) {
 					const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
-					if (nodesSelectionPlugin && nodesSelectionPlugin.getSelectedNodes().length === 1 && nodesSelectionPlugin.getSelectedNodes()[0].getAttrs().nodeType === WEAVE_TEXT_NODE_TYPE && !window.weaveTextEditing[nodesSelectionPlugin.getSelectedNodes()[0].id()]) {
-						e.preventDefault();
-						this.triggerEditMode(nodesSelectionPlugin.getSelectedNodes()[0]);
-					}
+					if (nodesSelectionPlugin && nodesSelectionPlugin.getSelectedNodes().length === 1 && nodesSelectionPlugin.getSelectedNodes()[0].getAttrs().nodeType === WEAVE_TEXT_NODE_TYPE && !window.weaveTextEditing[nodesSelectionPlugin.getSelectedNodes()[0].id()]) this.triggerEditMode(nodesSelectionPlugin.getSelectedNodes()[0]);
 				}
 			}
 		});
@@ -19345,6 +19341,25 @@ var WeaveTextNode = class extends WeaveNode {
 			height
 		};
 	}
+	mimicTextNode(textNode, textArea) {
+		textArea.style.fontSize = textNode.fontSize() * textNode.getAbsoluteScale().x + "px";
+		textArea.rows = textNode.text().split("\n").length;
+		textArea.style.letterSpacing = `${textNode.letterSpacing()}`;
+		textArea.style.opacity = `${textNode.getAttrs().opacity}`;
+		textArea.style.lineHeight = `${textNode.lineHeight()}`;
+		textArea.style.fontFamily = textNode.fontFamily();
+		let fontWeight = "normal";
+		let fontStyle = "normal";
+		if ((textNode.fontStyle() ?? "normal").indexOf("bold") !== -1) fontWeight = "bold";
+		if ((textNode.fontStyle() ?? "normal").indexOf("italic") !== -1) fontStyle = "italic";
+		textArea.style.fontWeight = fontWeight;
+		textArea.style.backgroundColor = "transparent";
+		textArea.style.fontStyle = fontStyle;
+		textArea.style.fontVariant = textNode.fontVariant();
+		textArea.style.textDecoration = textNode.textDecoration();
+		textArea.style.textAlign = textNode.align();
+		textArea.style.color = `${textNode.fill()}`;
+	}
 	createTextAreaDOM(textNode, position) {
 		const stage = this.instance.getStage();
 		const textAreaSuperContainer = document.createElement("div");
@@ -19358,19 +19373,19 @@ var WeaveTextNode = class extends WeaveNode {
 		textAreaSuperContainer.style.pointerEvents = "none";
 		const textAreaContainer = document.createElement("div");
 		textAreaContainer.id = `${textNode.id()}_container`;
-		const textArea = document.createElement("textarea");
-		textArea.id = textNode.id();
-		textAreaContainer.appendChild(textArea);
+		this.textArea = document.createElement("textarea");
+		this.textArea.id = textNode.id();
+		textAreaContainer.appendChild(this.textArea);
 		textAreaSuperContainer.appendChild(textAreaContainer);
 		stage.container().appendChild(textAreaSuperContainer);
 		textAreaContainer.style.pointerEvents = "auto";
 		textAreaContainer.style.backgroundColor = "transparent";
-		textArea.style.pointerEvents = "auto";
+		this.textArea.style.pointerEvents = "auto";
 		this.instance.addEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 		this.instance.addEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
 		window.weaveTextEditing[textNode.id()] = "editing";
-		textArea.value = textNode.text();
-		textArea.id = textNode.id();
+		this.textArea.value = textNode.text();
+		this.textArea.id = textNode.id();
 		textAreaContainer.style.overflow = "hidden";
 		textAreaContainer.style.display = "flex";
 		textAreaContainer.style.justifyContent = "start";
@@ -19381,7 +19396,7 @@ var WeaveTextNode = class extends WeaveNode {
 		textAreaContainer.style.top = position.y + "px";
 		textAreaContainer.style.left = position.x + "px";
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) {
-			textAreaContainer.style.width = textArea.scrollWidth + "px";
+			textAreaContainer.style.width = this.textArea.scrollWidth + "px";
 			textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + 2 + "px";
 		}
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT) {
@@ -19392,54 +19407,40 @@ var WeaveTextNode = class extends WeaveNode {
 			textAreaContainer.style.width = (textNode.width() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 			textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + 2 + "px";
 		}
-		textArea.style.fontSize = textNode.fontSize() * textNode.getAbsoluteScale().x + "px";
-		textArea.rows = textNode.text().split("\n").length;
 		textAreaContainer.style.border = "solid 1px #1e40af";
-		textArea.style.position = "absolute";
-		textArea.style.top = "0px";
-		textArea.style.left = "0px";
-		textArea.style.overscrollBehavior = "contains";
-		textArea.style.scrollBehavior = "auto";
-		textArea.style.caretColor = "black";
-		textArea.style.width = "100%";
-		textArea.style.letterSpacing = `${textNode.letterSpacing()}`;
-		textArea.style.minHeight = "auto";
-		textArea.style.margin = "0px";
-		textArea.style.padding = "0px";
-		textArea.style.boxSizing = "content-box";
-		textArea.style.overflow = "hidden";
-		textArea.style.background = "transparent";
-		textArea.style.border = "none";
-		textArea.style.outline = "none";
-		textArea.style.resize = "none";
-		textArea.style.lineHeight = `${textNode.lineHeight()}`;
-		textArea.style.fontFamily = textNode.fontFamily();
-		let fontWeight = "normal";
-		let fontStyle = "normal";
-		if ((textNode.fontStyle() ?? "normal").indexOf("bold") !== -1) fontWeight = "bold";
-		if ((textNode.fontStyle() ?? "normal").indexOf("italic") !== -1) fontStyle = "italic";
-		textArea.style.fontWeight = fontWeight;
-		textArea.style.backgroundColor = "transparent";
-		textArea.style.fontStyle = fontStyle;
-		textArea.style.fontVariant = textNode.fontVariant();
-		textArea.style.textDecoration = textNode.textDecoration();
+		this.textArea.style.position = "absolute";
+		this.textArea.style.top = "0px";
+		this.textArea.style.left = "0px";
+		this.textArea.style.overscrollBehavior = "contains";
+		this.textArea.style.scrollBehavior = "auto";
+		this.textArea.style.caretColor = "black";
+		this.textArea.style.width = "100%";
+		this.textArea.style.minHeight = "auto";
+		this.textArea.style.margin = "0px";
+		this.textArea.style.padding = "0px";
+		this.textArea.style.boxSizing = "content-box";
+		this.textArea.style.overflow = "hidden";
+		this.textArea.style.background = "transparent";
+		this.textArea.style.border = "none";
+		this.textArea.style.outline = "none";
+		this.textArea.style.resize = "none";
+		this.textArea.style.backgroundColor = "transparent";
 		textAreaContainer.style.transformOrigin = "left top";
-		textArea.style.textAlign = textNode.align();
-		textArea.style.color = `${textNode.fill()}`;
-		textArea.onfocus = () => {
-			this.textAreaDomResize(textAreaContainer, textArea, textNode);
+		this.mimicTextNode(textNode, this.textArea);
+		this.textArea.onfocus = () => {
+			this.textAreaDomResize(textAreaContainer, this.textArea, textNode);
 		};
-		textArea.onkeydown = () => {
-			this.textAreaDomResize(textAreaContainer, textArea, textNode);
+		this.textArea.onkeydown = () => {
+			this.textAreaDomResize(textAreaContainer, this.textArea, textNode);
 		};
-		textArea.onkeyup = () => {
-			this.textAreaDomResize(textAreaContainer, textArea, textNode);
+		this.textArea.onkeyup = () => {
+			this.textAreaDomResize(textAreaContainer, this.textArea, textNode);
 		};
-		textArea.onpaste = () => {
-			this.textAreaDomResize(textAreaContainer, textArea, textNode);
+		this.textArea.onpaste = () => {
+			this.textAreaDomResize(textAreaContainer, this.textArea, textNode);
 		};
-		textArea.oninput = () => {
-			this.textAreaDomResize(textAreaContainer, textArea, textNode);
+		this.textArea.oninput = () => {
+			this.textAreaDomResize(textAreaContainer, this.textArea, textNode);
 		};
 		textAreaSuperContainer.addEventListener("scroll", () => {
 			textAreaSuperContainer.scrollTop = 0;
@@ -19449,28 +19450,32 @@ var WeaveTextNode = class extends WeaveNode {
 			textAreaContainer.scrollTop = 0;
 			textAreaContainer.scrollLeft = 0;
 		});
-		textArea.addEventListener("scroll", () => {
-			textArea.scrollTop = 0;
-			textArea.scrollLeft = 0;
+		this.textArea.addEventListener("scroll", () => {
+			if (!this.textArea) return;
+			this.textArea.scrollTop = 0;
+			this.textArea.scrollLeft = 0;
 		});
-		const rotation = textNode.rotation();
-		let transform = "";
-		if (rotation) transform += "rotateZ(" + rotation + "deg)";
+		const rotation = textNode.getAbsoluteRotation();
+		if (rotation) {
+			const transform$1 = "rotate(" + rotation + "deg)";
+			textAreaContainer.style.transform = transform$1;
+		}
 		const measures = textNode.measureSize(textNode.text());
 		const px = 0 * stage.scaleX();
 		const py = 2 * (measures.fontBoundingBoxAscent - measures.hangingBaseline - measures.fontBoundingBoxDescent) * stage.scaleY();
+		let transform = "";
 		transform += "translateX(" + px + "px)";
 		transform += "translateY(" + py + "px)";
-		textArea.style.transform = transform;
+		this.textArea.style.transform = transform;
 		const handleKeyDown = (e) => {
-			if (textArea && textNode && e.key === "Escape") {
+			if (this.textArea && textNode && e.key === "Escape") {
 				e.stopPropagation();
 				if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) {
-					const { width: textAreaWidth } = this.textRenderedSize(textArea.value, textNode);
+					const { width: textAreaWidth } = this.textRenderedSize(this.textArea.value, textNode);
 					textNode.width(textAreaWidth + 3.2);
 				}
-				if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) textNode.height((textArea.scrollHeight + 1.6) * (1 / textNode.getAbsoluteScale().x));
-				textNode.text(textArea.value);
+				if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) textNode.height((this.textArea.scrollHeight + 1.6) * (1 / textNode.getAbsoluteScale().x));
+				textNode.text(this.textArea.value);
 				this.removeTextAreaDOM(textNode);
 				this.instance.removeEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 				this.instance.removeEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
@@ -19479,28 +19484,30 @@ var WeaveTextNode = class extends WeaveNode {
 			}
 		};
 		const handleKeyUp = () => {
-			textNode.text(textArea.value);
-			if (textArea && textNode) {
+			if (!this.textArea) return;
+			textNode.text(this.textArea.value);
+			if (this.textArea && textNode) {
 				if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT) {
 					textAreaContainer.style.height = "auto";
-					textAreaContainer.style.height = textArea.scrollHeight + 1.6 * textNode.getAbsoluteScale().x + "px";
+					textAreaContainer.style.height = this.textArea.scrollHeight + 1.6 * textNode.getAbsoluteScale().x + "px";
 				}
-				this.textAreaDomResize(textAreaContainer, textArea, textNode);
+				this.textAreaDomResize(textAreaContainer, this.textArea, textNode);
 			}
 		};
-		textArea.addEventListener("keydown", handleKeyDown);
-		textArea.addEventListener("keyup", handleKeyUp);
-		textArea.tabIndex = 1;
-		textArea.focus();
+		this.textArea.addEventListener("keydown", handleKeyDown);
+		this.textArea.addEventListener("keyup", handleKeyUp);
+		this.textArea.tabIndex = 1;
+		this.textArea.focus();
 		const handleOutsideClick = (e) => {
 			e.stopPropagation();
+			if (!this.textArea) return;
 			let clickedOnCanvas = false;
 			if (e.target?.id !== `${textNode.id()}`) clickedOnCanvas = true;
 			if (clickedOnCanvas) {
-				textNode.text(textArea.value);
+				textNode.text(this.textArea.value);
 				this.removeTextAreaDOM(textNode);
-				textArea.removeEventListener("keydown", handleKeyDown);
-				textArea.removeEventListener("keyup", handleKeyUp);
+				this.textArea.removeEventListener("keydown", handleKeyDown);
+				this.textArea.removeEventListener("keyup", handleKeyUp);
 				window.removeEventListener("click", handleOutsideClick);
 				window.removeEventListener("touchstart", handleOutsideClick);
 				return;
@@ -19527,19 +19534,17 @@ var WeaveTextNode = class extends WeaveNode {
 		if (textNode.getAttrs().verticalAlign === "top") textAreaContainer.style.alignItems = "start";
 		if (textNode.getAttrs().verticalAlign === "middle") textAreaContainer.style.alignItems = "center";
 		if (textNode.getAttrs().verticalAlign === "bottom") textAreaContainer.style.alignItems = "end";
-		textArea.style.fontSize = textNode.fontSize() * textNode.getAbsoluteScale().x + "px";
-		textArea.rows = textNode.text().split("\n").length;
-		textArea.style.lineHeight = `${textNode.lineHeight()}`;
-		textArea.style.fontFamily = textNode.fontFamily();
-		textArea.style.textAlign = textNode.align();
-		textArea.style.color = `${textNode.fill()}`;
+		this.mimicTextNode(textNode, textArea);
 		this.textAreaDomResize(textAreaContainer, textArea, textNode);
 		this.textAreaDomResize(textAreaContainer, textArea, textNode);
-		const rotation = textNode.rotation();
-		let transform = "";
-		if (rotation) transform += "rotateZ(" + rotation + "deg)";
+		const rotation = textNode.getAbsoluteRotation();
+		if (rotation) {
+			const transform$1 = "rotate(" + rotation + "deg)";
+			textAreaContainer.style.transform = transform$1;
+		}
 		const px = 0;
 		const py = -3 * stage.scaleY();
+		let transform = "";
 		transform += "translateX(" + px + "px)";
 		transform += "translateY(" + py + "px)";
 		textArea.style.transform = transform;
@@ -19681,7 +19686,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					y: (mousePos?.y ?? 0) + 2
 				});
 				const nodeHandler = this.instance.getNodeHandler("rectangle");
-				this.instance.updateNode(nodeHandler.serialize(tempImage));
+				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempImage));
 			}
 		});
 		this.initialized = true;
@@ -19727,20 +19732,22 @@ var WeaveImageToolAction = class extends WeaveAction {
 			const nodeHandler = this.instance.getNodeHandler("image");
 			this.tempImageId = v4_default();
 			const aspectRatio = this.preloadImgs[this.imageId].width / this.preloadImgs[this.imageId].height;
-			const node = nodeHandler.create(this.tempImageId, {
-				x: (mousePos?.x ?? 0) + 5,
-				y: (mousePos?.y ?? 0) + 5,
-				width: 100 * aspectRatio,
-				height: 100,
-				opacity: 1,
-				adding: true,
-				imageURL: this.imageURL,
-				stroke: "#000000ff",
-				strokeWidth: 0,
-				strokeScaleEnabled: true,
-				listening: false
-			});
-			this.instance.addNode(node, this.container?.getAttrs().id);
+			if (nodeHandler) {
+				const node = nodeHandler.create(this.tempImageId, {
+					x: (mousePos?.x ?? 0) + 5,
+					y: (mousePos?.y ?? 0) + 5,
+					width: 100 * aspectRatio,
+					height: 100,
+					opacity: 1,
+					adding: true,
+					imageURL: this.imageURL,
+					stroke: "#000000ff",
+					strokeWidth: 0,
+					strokeScaleEnabled: true,
+					listening: false
+				});
+				this.instance.addNode(node, this.container?.getAttrs().id);
+			}
 		}
 		this.clickPoint = null;
 		this.setState(IMAGE_TOOL_STATE.ADDING);
@@ -19756,27 +19763,29 @@ var WeaveImageToolAction = class extends WeaveAction {
 			this.clickPoint = mousePoint;
 			this.container = container;
 			const nodeHandler = this.instance.getNodeHandler("image");
-			const node = nodeHandler.create(this.imageId, {
-				...this.props,
-				x: this.clickPoint?.x ?? 0,
-				y: this.clickPoint?.y ?? 0,
-				opacity: 1,
-				adding: false,
-				imageURL: this.imageURL,
-				stroke: "#000000ff",
-				strokeWidth: 0,
-				strokeScaleEnabled: true,
-				imageWidth: this.preloadImgs[this.imageId].width,
-				imageHeight: this.preloadImgs[this.imageId].height,
-				imageInfo: {
-					width: this.preloadImgs[this.imageId].width,
-					height: this.preloadImgs[this.imageId].height
-				}
-			});
-			this.instance.addNode(node, this.container?.getAttrs().id);
+			if (nodeHandler) {
+				const node = nodeHandler.create(this.imageId, {
+					...this.props,
+					x: this.clickPoint?.x ?? 0,
+					y: this.clickPoint?.y ?? 0,
+					opacity: 1,
+					adding: false,
+					imageURL: this.imageURL,
+					stroke: "#000000ff",
+					strokeWidth: 0,
+					strokeScaleEnabled: true,
+					imageWidth: this.preloadImgs[this.imageId].width,
+					imageHeight: this.preloadImgs[this.imageId].height,
+					imageInfo: {
+						width: this.preloadImgs[this.imageId].width,
+						height: this.preloadImgs[this.imageId].height
+					}
+				});
+				this.instance.addNode(node, this.container?.getAttrs().id);
+			}
 			if (!position) {
 				const imageNodeHandler = this.instance.getNodeHandler("image");
-				this.instance.removeNode(imageNodeHandler.serialize(tempImage));
+				if (imageNodeHandler) this.instance.removeNode(imageNodeHandler.serialize(tempImage));
 			}
 			this.setState(IMAGE_TOOL_STATE.FINISHED);
 		}
@@ -19802,7 +19811,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 		const tempImage = this.instance.getStage().findOne(`#${this.tempImageId}`);
 		if (tempImage) {
 			const nodeHandler = this.instance.getNodeHandler("rectangle");
-			this.instance.removeNode(nodeHandler.serialize(tempImage));
+			if (nodeHandler) this.instance.removeNode(nodeHandler.serialize(tempImage));
 		}
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
@@ -20437,7 +20446,7 @@ var WeaveImageNode = class extends WeaveNode {
 				});
 				this.updateImageCrop(imageProps);
 				const nodeHandler = this.instance.getNodeHandler(image.getAttrs().nodeType);
-				this.instance.updateNode(nodeHandler.serialize(image));
+				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(image));
 			}
 		};
 		if (imageProps.imageURL) imageObj.src = imageProps.imageURL;
@@ -21001,6 +21010,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			const children = [...frameInternal.getChildren()];
 			for (const node of children) {
 				const handler = this.instance.getNodeHandler(node.getAttr("nodeType"));
+				if (!handler) continue;
 				childrenMapped.push(handler.serialize(node));
 			}
 		}
@@ -22914,6 +22924,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		if (!this.enabled) return;
 		const stage = this.instance.getStage();
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (!selectionPlugin) return;
 		const nodes = selectionPlugin.getTransformer().getNodes();
 		if (nodes.length === 0) return;
 		let zoomTransformer = stage.findOne("#zoomTransformer");
@@ -23031,11 +23042,12 @@ var WeaveZoomOutToolAction = class extends WeaveAction {
 		return ZOOM_OUT_TOOL_ACTION_NAME;
 	}
 	getStageZoomPlugin() {
-		return this.instance.getPlugin("stageZoom");
+		const stageZoomPlugin = this.instance.getPlugin("stageZoom");
+		if (!stageZoomPlugin) throw new Error("WeaveZoomOutToolAction requires the WeaveStageZoomPlugin to be loaded");
+		return stageZoomPlugin;
 	}
 	onInit() {
-		const stageZoomPlugin = this.getStageZoomPlugin();
-		if (!stageZoomPlugin) throw new Error("WeaveZoomOutToolAction requires the WeaveStageZoomPlugin to be loaded");
+		this.getStageZoomPlugin();
 	}
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
@@ -23064,11 +23076,12 @@ var WeaveZoomInToolAction = class extends WeaveAction {
 		return ZOOM_IN_TOOL_ACTION_NAME;
 	}
 	getStageZoomPlugin() {
-		return this.instance.getPlugin("stageZoom");
+		const stageZoomPlugin = this.instance.getPlugin("stageZoom");
+		if (!stageZoomPlugin) throw new Error("WeaveZoomInToolAction requires the WeaveStageZoomPlugin to be loaded");
+		return stageZoomPlugin;
 	}
 	onInit() {
-		const stageZoomPlugin = this.getStageZoomPlugin();
-		if (!stageZoomPlugin) throw new Error("WeaveZoomInToolAction requires the WeaveStageZoomPlugin to be loaded");
+		this.getStageZoomPlugin();
 	}
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
@@ -23097,15 +23110,16 @@ var WeaveFitToScreenToolAction = class extends WeaveAction {
 		return FIT_TO_SCREEN_TOOL_ACTION_NAME;
 	}
 	getStageZoomPlugin() {
-		return this.instance.getPlugin("stageZoom");
+		const stageZoomPlugin = this.instance.getPlugin("stageZoom");
+		if (!stageZoomPlugin) throw new Error("WeaveFitToScreenToolAction requires the WeaveStageZoomPlugin to be loaded");
+		return stageZoomPlugin;
 	}
 	onInit() {
-		const stageZoomPlugin = this.getStageZoomPlugin();
-		if (!stageZoomPlugin) throw new Error("WeaveFitToScreenToolAction requires the WeaveStageZoomPlugin to be loaded");
+		this.getStageZoomPlugin();
 	}
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
-		stageZoomPlugin.fitToScreen();
+		if (stageZoomPlugin) stageZoomPlugin.fitToScreen();
 		this.previousAction = params.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();
@@ -23129,16 +23143,18 @@ var WeaveFitToSelectionToolAction = class extends WeaveAction {
 		return FIT_TO_SELECTION_TOOL_ACTION_NAME;
 	}
 	getNodesSelectionPlugin() {
-		return this.instance.getPlugin("nodesSelection");
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (!nodesSelectionPlugin) throw new Error("WeaveFitToSelectionToolAction requires the WeaveNodesSelectionPlugin to be loaded");
+		return nodesSelectionPlugin;
 	}
 	getStageZoomPlugin() {
-		return this.instance.getPlugin("stageZoom");
+		const stageZoomPlugin = this.instance.getPlugin("stageZoom");
+		if (!stageZoomPlugin) throw new Error("WeaveFitToSelectionToolAction requires the WeaveStageZoomPlugin to be loaded");
+		return stageZoomPlugin;
 	}
 	onInit() {
-		const stageZoomPlugin = this.getStageZoomPlugin();
-		if (!stageZoomPlugin) throw new Error("WeaveFitToSelectionTool requires the WeaveStageZoomPlugin to be loaded");
-		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
-		if (!nodesSelectionPlugin) throw new Error("WeaveFitToSelectionTool requires the WeaveNodeSelectionPlugin to be loaded");
+		this.getStageZoomPlugin();
+		this.getNodesSelectionPlugin();
 	}
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
@@ -23302,8 +23318,10 @@ var WeaveEraserToolAction = class extends WeaveAction {
 				if (!realNode) return;
 				const nodeType = realNode.getAttrs().nodeType;
 				const nodeHandler = this.instance.getNodeHandler(nodeType);
-				const nodeSerialized = nodeHandler.serialize(realNode);
-				this.instance.removeNode(nodeSerialized);
+				if (nodeHandler) {
+					const nodeSerialized = nodeHandler.serialize(realNode);
+					this.instance.removeNode(nodeSerialized);
+				}
 			}
 		});
 		stage.container().addEventListener("keydown", (e) => {
@@ -23439,15 +23457,17 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 		this.container = container;
 		this.rectId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("rectangle");
-		const node = nodeHandler.create(this.rectId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			width: 0,
-			height: 0
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.rectId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				width: 0,
+				height: 0
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.setState(RECTANGLE_TOOL_STATE.DEFINING_SIZE);
 	}
 	handleSettingSize() {
@@ -23474,7 +23494,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				width: rectWidth,
 				height: rectHeight
 			});
-			this.instance.updateNode(nodeHandler.serialize(rectangle));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(rectangle));
 		}
 		this.cancelAction();
 	}
@@ -23490,7 +23510,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				width: deltaX,
 				height: deltaY
 			});
-			this.instance.updateNode(nodeHandler.serialize(rectangle));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(rectangle));
 		}
 	}
 	trigger(cancelAction) {
@@ -23615,15 +23635,17 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 		this.container = container;
 		this.ellipseId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("ellipse");
-		const node = nodeHandler.create(this.ellipseId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: this.clickPoint?.x ?? 0 + this.props.radiusX,
-			y: this.clickPoint?.y ?? 0 + this.props.radiusY,
-			radiusX: 0,
-			radiusY: 0
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.ellipseId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: this.clickPoint?.x ?? 0 + this.props.radiusX,
+				y: this.clickPoint?.y ?? 0 + this.props.radiusY,
+				radiusX: 0,
+				radiusY: 0
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.setState(ELLIPSE_TOOL_STATE.DEFINING_SIZE);
 	}
 	handleSettingSize() {
@@ -23650,7 +23672,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 				radiusX: ellipseRadiusX,
 				radiusY: ellipseRadiusY
 			});
-			this.instance.updateNode(nodeHandler.serialize(ellipse));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(ellipse));
 		}
 		this.cancelAction();
 	}
@@ -23676,7 +23698,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 				radiusX: deltaX,
 				radiusY: deltaY
 			});
-			this.instance.updateNode(nodeHandler.serialize(ellipse));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(ellipse));
 		}
 	}
 	trigger(cancelAction) {
@@ -23803,14 +23825,16 @@ var WeavePenToolAction = class extends WeaveAction {
 		this.lineId = v4_default();
 		this.tempLineId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("line");
-		const node = nodeHandler.create(this.lineId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			points: [0, 0]
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.lineId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				points: [0, 0]
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.tempPoint = new konva.default.Circle({
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -23821,14 +23845,16 @@ var WeavePenToolAction = class extends WeaveAction {
 			fill: "#cccccc"
 		});
 		this.measureContainer?.add(this.tempPoint);
-		const tempLine = nodeHandler.create(this.tempLineId, {
-			...this.props,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			strokeScaleEnabled: true,
-			points: [0, 0]
-		});
-		this.instance.addNode(tempLine, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const tempLine = nodeHandler.create(this.tempLineId, {
+				...this.props,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				strokeScaleEnabled: true,
+				points: [0, 0]
+			});
+			this.instance.addNode(tempLine, this.container?.getAttrs().id);
+		}
 		this.tempNextPoint = new konva.default.Circle({
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -23854,7 +23880,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				points: newPoints
 			});
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(nodeHandler.serialize(tempMainLine));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempMainLine));
 			this.tempPoint.setAttrs({
 				x: mousePoint.x,
 				y: mousePoint.y
@@ -23869,7 +23895,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				y: mousePoint.y,
 				points: [0, 0]
 			});
-			this.instance.updateNode(nodeHandler.serialize(tempLine));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempLine));
 		}
 		this.setState(PEN_TOOL_STATE.DEFINING_SIZE);
 	}
@@ -23888,7 +23914,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				]
 			});
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(nodeHandler.serialize(tempLine));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempLine));
 			this.tempNextPoint.setAttrs({
 				x: mousePoint.x,
 				y: mousePoint.y
@@ -23915,11 +23941,11 @@ var WeavePenToolAction = class extends WeaveAction {
 		const tempMainLine = this.instance.getStage().findOne(`#${this.lineId}`);
 		if (tempLine) {
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.removeNode(nodeHandler.serialize(tempLine));
+			if (nodeHandler) this.instance.removeNode(nodeHandler.serialize(tempLine));
 		}
 		if (this.lineId && tempMainLine && tempMainLine.points().length < 4) {
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.removeNode(nodeHandler.serialize(tempMainLine));
+			if (nodeHandler) this.instance.removeNode(nodeHandler.serialize(tempMainLine));
 		}
 		if (this.lineId && tempMainLine && tempMainLine.points().length >= 4) {
 			const nodeHandler = this.instance.getNodeHandler("line");
@@ -23928,7 +23954,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				strokeWidth: 1,
 				hitStrokeWidth: 16
 			});
-			this.instance.updateNode(nodeHandler.serialize(tempMainLine));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempMainLine));
 		}
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
@@ -24027,14 +24053,16 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		this.measureContainer = measureContainer;
 		this.strokeId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("line");
-		const node = nodeHandler.create(this.strokeId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			points: [0, 0]
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.strokeId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				points: [0, 0]
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.setState(BRUSH_TOOL_STATE.DEFINE_STROKE);
 	}
 	handleEndStroke() {
@@ -24046,7 +24074,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				...this.props,
 				hitStrokeWidth: 10
 			});
-			this.instance.updateNode(nodeHandler.serialize(tempStroke));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempStroke));
 			this.clickPoint = null;
 			stage.container().tabIndex = 1;
 			stage.container().focus();
@@ -24064,7 +24092,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				mousePoint.y - tempStroke.y()
 			]);
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(nodeHandler.serialize(tempStroke));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempStroke));
 		}
 	}
 	trigger(cancel) {
@@ -24170,13 +24198,15 @@ var WeaveTextToolAction = class extends WeaveAction {
 		this.container = container;
 		this.textId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("text");
-		const node = nodeHandler.create(this.textId, {
-			...this.props,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			draggable: true
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.textId, {
+				...this.props,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				draggable: true
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.setState(TEXT_TOOL_STATE.FINISHED);
 		this.cancelAction();
 	}
@@ -24301,16 +24331,18 @@ var WeaveStarToolAction = class extends WeaveAction {
 		this.container = container;
 		this.starId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("star");
-		const node = nodeHandler.create(this.starId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: this.clickPoint?.x ?? 0 + this.props.outerRadius,
-			y: this.clickPoint?.y ?? 0 + this.props.outerRadius,
-			numPoints: 5,
-			innerRadius: 0,
-			outerRadius: 0
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.starId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: this.clickPoint?.x ?? 0 + this.props.outerRadius,
+				y: this.clickPoint?.y ?? 0 + this.props.outerRadius,
+				numPoints: 5,
+				innerRadius: 0,
+				outerRadius: 0
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.setState(STAR_TOOL_STATE.DEFINING_SIZE);
 	}
 	handleSettingSize() {
@@ -24337,7 +24369,7 @@ var WeaveStarToolAction = class extends WeaveAction {
 				outerRadius: starOuterRadius,
 				innerRadius: starInnerRadius
 			});
-			this.instance.updateNode(nodeHandler.serialize(star));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(star));
 		}
 		this.cancelAction();
 	}
@@ -24363,7 +24395,7 @@ var WeaveStarToolAction = class extends WeaveAction {
 				outerRadius: deltaX,
 				innerRadius: deltaY
 			});
-			this.instance.updateNode(nodeHandler.serialize(star));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(star));
 		}
 	}
 	trigger(cancelAction) {
@@ -24496,14 +24528,16 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.tempArrowId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("arrow");
 		const lineNodeHandler = this.instance.getNodeHandler("line");
-		const node = lineNodeHandler.create(this.arrowId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			points: [0, 0]
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (lineNodeHandler) {
+			const node = lineNodeHandler.create(this.arrowId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				points: [0, 0]
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.tempPoint = new konva.default.Circle({
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -24514,14 +24548,16 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			fill: "#cccccc"
 		});
 		this.measureContainer?.add(this.tempPoint);
-		const tempArrow = nodeHandler.create(this.tempArrowId, {
-			...this.props,
-			x: this.clickPoint?.x ?? 0,
-			y: this.clickPoint?.y ?? 0,
-			strokeScaleEnabled: true,
-			points: [0, 0]
-		});
-		this.instance.addNode(tempArrow, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const tempArrow = nodeHandler.create(this.tempArrowId, {
+				...this.props,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
+				strokeScaleEnabled: true,
+				points: [0, 0]
+			});
+			this.instance.addNode(tempArrow, this.container?.getAttrs().id);
+		}
 		this.tempNextPoint = new konva.default.Circle({
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -24548,7 +24584,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			});
 			const nodeHandler = this.instance.getNodeHandler("arrow");
 			const lineNodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(lineNodeHandler.serialize(tempMainArrow));
+			if (lineNodeHandler) this.instance.updateNode(lineNodeHandler.serialize(tempMainArrow));
 			this.tempPoint.setAttrs({
 				x: mousePoint.x,
 				y: mousePoint.y
@@ -24563,7 +24599,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				y: mousePoint.y,
 				points: [0, 0]
 			});
-			this.instance.updateNode(nodeHandler.serialize(tempArrow));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempArrow));
 		}
 		this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
 	}
@@ -24582,7 +24618,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				]
 			});
 			const nodeHandler = this.instance.getNodeHandler("arrow");
-			this.instance.updateNode(nodeHandler.serialize(tempArrow));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(tempArrow));
 			this.tempNextPoint.setAttrs({
 				x: mousePoint.x,
 				y: mousePoint.y
@@ -24609,24 +24645,26 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		const tempMainArrow = this.instance.getStage().findOne(`#${this.arrowId}`);
 		if (tempArrow) {
 			const nodeHandler = this.instance.getNodeHandler("arrow");
-			this.instance.removeNode(nodeHandler.serialize(tempArrow));
+			if (nodeHandler) this.instance.removeNode(nodeHandler.serialize(tempArrow));
 		}
 		if (this.arrowId && tempMainArrow && tempMainArrow.points().length < 4) {
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.removeNode(nodeHandler.serialize(tempMainArrow));
+			if (nodeHandler) this.instance.removeNode(nodeHandler.serialize(tempMainArrow));
 		}
 		if (this.arrowId && tempMainArrow && tempMainArrow.points().length >= 4) {
 			const nodeHandler = this.instance.getNodeHandler("arrow");
 			const lineNodeHandler = this.instance.getNodeHandler("line");
-			const finalArrow = nodeHandler.create(this.arrowId, {
-				...tempMainArrow.getAttrs(),
-				...this.props,
-				strokeScaleEnabled: true,
-				strokeWidth: 1,
-				hitStrokeWidth: 16
-			});
-			this.instance.removeNode(lineNodeHandler.serialize(tempMainArrow));
-			this.instance.addNode(finalArrow, this.container?.getAttrs().id);
+			if (nodeHandler && lineNodeHandler) {
+				const finalArrow = nodeHandler.create(this.arrowId, {
+					...tempMainArrow.getAttrs(),
+					...this.props,
+					strokeScaleEnabled: true,
+					strokeWidth: 1,
+					hitStrokeWidth: 16
+				});
+				this.instance.removeNode(lineNodeHandler.serialize(tempMainArrow));
+				this.instance.addNode(finalArrow, this.container?.getAttrs().id);
+			}
 		}
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
@@ -24737,14 +24775,16 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 		this.container = container;
 		this.regularPolygonId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("regular-polygon");
-		const node = nodeHandler.create(this.regularPolygonId, {
-			...this.props,
-			strokeScaleEnabled: true,
-			x: (this.clickPoint?.x ?? 0) + this.props.radius,
-			y: (this.clickPoint?.y ?? 0) + this.props.radius,
-			radius: 0
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.regularPolygonId, {
+				...this.props,
+				strokeScaleEnabled: true,
+				x: (this.clickPoint?.x ?? 0) + this.props.radius,
+				y: (this.clickPoint?.y ?? 0) + this.props.radius,
+				radius: 0
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.setState(REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE);
 	}
 	handleSettingSize() {
@@ -24768,7 +24808,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 				y: starPos.y + newRadius,
 				radius: newRadius
 			});
-			this.instance.updateNode(nodeHandler.serialize(regularPolygon));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(regularPolygon));
 		}
 		this.cancelAction();
 	}
@@ -24792,7 +24832,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 				y: starPos.y + deltaX,
 				radius: deltaX
 			});
-			this.instance.updateNode(nodeHandler.serialize(regularPolygon));
+			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(regularPolygon));
 		}
 	}
 	trigger(cancelAction) {
@@ -24897,12 +24937,14 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		this.container = container;
 		this.frameId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("frame");
-		const node = nodeHandler.create(this.frameId, {
-			...this.props,
-			x: this.clickPoint.x,
-			y: this.clickPoint.y
-		});
-		this.instance.addNode(node, this.container?.getAttrs().id);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.frameId, {
+				...this.props,
+				x: this.clickPoint.x,
+				y: this.clickPoint.y
+			});
+			this.instance.addNode(node, this.container?.getAttrs().id);
+		}
 		this.cancelAction?.();
 	}
 	trigger(cancelAction, params) {
@@ -25047,13 +25089,15 @@ const WEAVE_GRID_DEFAULT_SIZE = 50;
 const WEAVE_GRID_DEFAULT_TYPE = WEAVE_GRID_TYPES.LINES;
 const WEAVE_GRID_DEFAULT_COLOR = "rgba(0,0,0,0.2)";
 const WEAVE_GRID_DEFAULT_ORIGIN_COLOR = "rgba(255,0,0,0.2)";
+const WEAVE_GRID_DEFAULT_STROKE = .5;
+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_LAYER_ID = "gridLayer";
 
 //#endregion
 //#region src/plugins/stage-grid/stage-grid.ts
-function isZeroOrClose(value, tolerance = 1e-6) {
-	return Math.abs(value) <= tolerance;
-}
 var WeaveStageGridPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
@@ -25138,111 +25182,167 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const layer = stage.findOne(`#${WEAVE_GRID_LAYER_ID}`);
 		return layer;
 	}
-	renderGrid() {
-		const layer = this.getLayer();
-		if (!layer) return;
-		layer.destroyChildren();
-		if (!this.enabled) return;
-		switch (this.config.type) {
-			case WEAVE_GRID_TYPES.LINES:
-				this.renderGridLines();
-				break;
-			case WEAVE_GRID_TYPES.DOTS:
-				this.renderGridDots();
-				break;
-			default:
-				this.renderGridLines();
-				break;
-		}
-	}
-	round(number, step) {
-		return Math.round(number / step) * step;
+	getAdaptiveSpacing(scale) {
+		const baseGridSpacing = this.config.gridSize;
+		const minPixelSpacing = 8;
+		const maxPixelSpacing = 100;
+		let spacing = baseGridSpacing;
+		let pixelSpacing = spacing * scale;
+		while (pixelSpacing < minPixelSpacing) {
+			spacing *= 2;
+			pixelSpacing = spacing * scale;
+		}
+		while (pixelSpacing > maxPixelSpacing && spacing > baseGridSpacing / 16) {
+			spacing /= 2;
+			pixelSpacing = spacing * scale;
+		}
+		const logFactor = Math.round(Math.log2(spacing / baseGridSpacing));
+		const snappedSpacing = baseGridSpacing * Math.pow(2, logFactor);
+		return snappedSpacing;
+	}
+	getAdjustedSpacing(startX, endX, startY, endY, baseSpacing = 50, maxDotsPerAxis = 500) {
+		let spacing = baseSpacing;
+		let dotCountX = Math.ceil((endX - startX) / spacing);
+		let dotCountY = Math.ceil((endY - startY) / spacing);
+		while ((dotCountX > maxDotsPerAxis || dotCountY > maxDotsPerAxis) && spacing < 1e6) {
+			spacing *= 2;
+			dotCountX = Math.ceil((endX - startX) / spacing);
+			dotCountY = Math.ceil((endY - startY) / spacing);
+		}
+		return spacing;
 	}
 	renderGridLines() {
-		const layer = this.getLayer();
-		if (!layer) return;
 		const stage = this.instance.getStage();
-		const stageXRound = this.round(stage.x(), this.config.gridSize) * -1;
-		const overflowX = this.round(10 * this.config.gridSize, this.config.gridSize);
-		const overflowY = this.round(10 * this.config.gridSize, this.config.gridSize);
-		const pointsX = [];
-		for (let i = stageXRound - overflowX; i < stageXRound + stage.width() + overflowX; i += this.config.gridSize) pointsX.push({
-			real: i / stage.scaleX(),
-			ref: i
-		});
-		const stageYRound = this.round(stage.y(), this.config.gridSize) * -1;
-		const pointsY = [];
-		for (let i = stageYRound - overflowY; i < stageYRound + stage.height() + overflowY; i += this.config.gridSize) pointsY.push({
-			real: i / stage.scaleY(),
-			ref: i
-		});
-		for (let index = 0; index < pointsX.length; index++) {
-			const { real: point, ref } = pointsX[index];
-			let color = this.config.gridColor;
-			if (point === 0) color = this.config.gridOriginColor;
-			layer.add(new konva_lib_shapes_Line.Line({
+		const gridLayer = this.getLayer();
+		if (!gridLayer) return;
+		gridLayer.destroyChildren();
+		if (!this.enabled) return;
+		const scale = stage.scaleX();
+		const spacing = this.getAdaptiveSpacing(scale);
+		const invScale = (this.config.gridStroke ?? WEAVE_GRID_DEFAULT_STROKE) / scale;
+		const offsetX = -stage.x() / stage.scaleX();
+		const offsetY = -stage.y() / stage.scaleY();
+		const margin = 2;
+		const worldWidth = stage.width() * invScale;
+		const worldHeight = stage.height() * invScale;
+		const startX = Math.floor((offsetX - margin * worldWidth) / spacing) * spacing;
+		const startY = Math.floor((offsetY - margin * worldHeight) / spacing) * spacing;
+		const endX = offsetX + (1 + margin) * worldWidth;
+		const endY = offsetY + (1 + margin) * worldHeight;
+		const highlightEvery = this.config.gridMajorEvery ?? WEAVE_GRID_DEFAULT_MAJOR_EVERY;
+		for (let x = startX; x <= endX; x += spacing) {
+			const index = Math.round(x / spacing);
+			const isHighlight = index % highlightEvery === 0;
+			const isOrigin = Math.abs(x) < spacing / 2;
+			const line = new konva.default.Line({
 				points: [
-					point,
-					(-stage.y() - overflowY) / stage.scaleY(),
-					point,
-					(-stage.y() + stage.height() + overflowY) / stage.scaleY()
+					x,
+					startY,
+					x,
+					endY
 				],
-				stroke: color,
-				strokeWidth: (isZeroOrClose(ref % (10 * this.config.gridSize)) ? 2.5 : .5) / stage.scaleX(),
+				stroke: isOrigin ? this.config.gridOriginColor : this.config.gridColor,
+				strokeWidth: !isHighlight && !isOrigin ? invScale : invScale * (this.config.gridMajorRatio ?? WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO),
 				listening: false
-			}));
+			});
+			gridLayer.add(line);
 		}
-		for (let index = 0; index < pointsY.length; index++) {
-			const { real: point, ref } = pointsY[index];
-			let color = this.config.gridColor;
-			if (point === 0) color = this.config.gridOriginColor;
-			layer.add(new konva_lib_shapes_Line.Line({
+		for (let y = startY; y <= endY; y += spacing) {
+			const index = Math.round(y / spacing);
+			const isHighlight = index % highlightEvery === 0;
+			const isOrigin = Math.abs(y) < spacing / 2;
+			const line = new konva.default.Line({
 				points: [
-					(-stage.x() - overflowX) / stage.scaleX(),
-					point,
-					(-stage.x() + stage.width() + overflowX) / stage.scaleX(),
-					point
+					startX,
+					y,
+					endX,
+					y
 				],
-				stroke: color,
-				strokeWidth: (isZeroOrClose(ref % (10 * this.config.gridSize)) ? 2.5 : .5) / stage.scaleX(),
+				stroke: isOrigin ? this.config.gridOriginColor : this.config.gridColor,
+				strokeWidth: !isHighlight && !isOrigin ? invScale : invScale * 2,
 				listening: false
-			}));
+			});
+			gridLayer.add(line);
 		}
 	}
 	renderGridDots() {
-		const layer = this.getLayer();
-		if (!layer) return;
 		const stage = this.instance.getStage();
-		const overflowX = 10 * this.config.gridSize;
-		const overflowY = 10 * this.config.gridSize;
-		const stageXRound = this.round(stage.x(), this.config.gridSize) * -1;
-		const pointsX = [];
-		for (let i = stageXRound - overflowX; i < stageXRound + stage.width() + overflowX; i += this.config.gridSize) pointsX.push({
-			real: i / stage.scaleX(),
-			ref: i
-		});
-		const stageYRound = this.round(stage.y(), this.config.gridSize) * -1;
-		const pointsY = [];
-		for (let i = stageYRound - overflowY; i < stageYRound + stage.height() + overflowY; i += this.config.gridSize) pointsY.push({
-			real: i / stage.scaleY(),
-			ref: i
-		});
-		for (let indexX = 0; indexX < pointsX.length; indexX++) {
-			const { real: pointX, ref: refX } = pointsX[indexX];
-			for (let indexY = 0; indexY < pointsY.length; indexY++) {
-				const { real: pointY, ref: refY } = pointsY[indexY];
-				let color = this.config.gridColor;
-				if (refX === 0 || refY === 0) color = this.config.gridOriginColor;
-				layer.add(new konva_lib_shapes_Circle.Circle({
-					x: pointX,
-					y: pointY,
-					radius: (pointX === 0 || pointY === 0 ? 2.5 : 1.5) / stage.scaleX(),
-					fill: color,
-					stroke: color,
-					strokeWidth: 0,
-					listening: false
-				}));
-			}
+		const gridLayer = this.getLayer();
+		if (!gridLayer) return;
+		gridLayer.destroyChildren();
+		if (!this.enabled) return;
+		const scale = stage.scaleX();
+		const spacing = this.getAdaptiveSpacing(scale);
+		const invScale = (this.config.gridDotRadius ?? WEAVE_GRID_DEFAULT_RADIUS) / scale;
+		const position = stage.position();
+		const offsetX = -position.x * invScale;
+		const offsetY = -position.y * invScale;
+		const margin = 2;
+		const worldWidth = stage.width() * invScale;
+		const worldHeight = stage.height() * invScale;
+		let startX = Math.floor((offsetX - margin * worldWidth) / spacing) * spacing;
+		const endX = offsetX + (1 + margin) * worldWidth;
+		let startY = Math.floor((offsetY - margin * worldHeight) / spacing) * spacing;
+		const endY = offsetY + (1 + margin) * worldHeight;
+		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) {
+			adjustedSpacing *= 2;
+			dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
+			dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
+		}
+		this.getAdjustedSpacing(startX, endX, startY, endY, spacing);
+		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;
+		const majorColor = this.config.gridColor;
+		const gridMajorRatio = this.config.gridMajorRatio ?? WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO;
+		const majorShape = new konva.default.Shape({ sceneFunc: function(context) {
+			context.beginPath();
+			for (let x = startX; x <= endX; x += adjustedSpacing) for (let y = startY; y <= endY; y += adjustedSpacing) {
+				if (Math.abs(x) < spacing / 2 || Math.abs(y) < spacing / 2) continue;
+				const indexX = Math.round(x / spacing);
+				const indexY = Math.round(y / spacing);
+				const isHighlightX = indexX % highlightEvery === 0;
+				const isHighlightY = indexY % highlightEvery === 0;
+				const radius = !(isHighlightX || isHighlightY) ? invScale : invScale * gridMajorRatio;
+				context.moveTo(x + radius, y);
+				context.arc(x, y, radius, 0, Math.PI * 2, false);
+			}
+			context.fillStyle = majorColor;
+			context.fill();
+		} });
+		gridLayer.add(majorShape);
+		const originColor = this.config.gridOriginColor;
+		const originShape = new konva.default.Shape({ sceneFunc: function(context) {
+			context.beginPath();
+			for (let x = startX; x <= endX; x += adjustedSpacing) {
+				const radius = invScale * gridMajorRatio;
+				context.moveTo(x + radius, 0);
+				context.arc(x, 0, radius, 0, Math.PI * 2);
+			}
+			for (let y = startY; y <= endY; y += adjustedSpacing) {
+				const radius = invScale * gridMajorRatio;
+				if (Math.abs(y) < spacing / 2) continue;
+				context.moveTo(0 + radius, y);
+				context.arc(0, y, radius, 0, Math.PI * 2);
+			}
+			context.fillStyle = originColor;
+			context.fill();
+		} });
+		gridLayer.add(originShape);
+	}
+	renderGrid() {
+		switch (this.config.type) {
+			case WEAVE_GRID_TYPES.LINES:
+				this.renderGridLines();
+				break;
+			case WEAVE_GRID_TYPES.DOTS:
+				this.renderGridDots();
+				break;
+			default: break;
 		}
 	}
 	onRender() {
@@ -25367,7 +25467,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			stage.x(stage.x() - deltaX);
 			stage.y(stage.y() - deltaY);
-			this.instance.emit("onStageMove", void 0);
+			this.instance.emitEvent("onStageMove");
 		};
 		stage.on("mousemove", (0, import_lodash.throttle)(handleMouseMove, 50));
 		stage.on("touchstart", (e) => {
@@ -25390,14 +25490,14 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			if (!this.enabled) return;
 			stage.x(stage.x() - deltaX);
 			stage.y(stage.y() - deltaY);
-			this.instance.emit("onStageMove", void 0);
+			this.instance.emitEvent("onStageMove");
 		});
 		const handleWheel = (e) => {
 			const stage$1 = this.instance.getStage();
-			if (!this.enabled || !stage$1.isFocused() || this.isCtrlOrMetaPressed || !this.isSpaceKeyPressed) return;
+			if (!this.enabled || !stage$1.isFocused() || this.isCtrlOrMetaPressed) return;
 			stage$1.x(stage$1.x() - e.deltaX);
 			stage$1.y(stage$1.y() - e.deltaY);
-			this.instance.emit("onStageMove", void 0);
+			this.instance.emitEvent("onStageMove");
 		};
 		window.addEventListener("wheel", (0, import_lodash.throttle)(handleWheel, 10));
 	}
@@ -26284,8 +26384,13 @@ exports.WEAVE_FRAME_NODE_DEFAULT_CONFIG = WEAVE_FRAME_NODE_DEFAULT_CONFIG
 exports.WEAVE_FRAME_NODE_DEFAULT_PROPS = WEAVE_FRAME_NODE_DEFAULT_PROPS
 exports.WEAVE_FRAME_NODE_TYPE = WEAVE_FRAME_NODE_TYPE
 exports.WEAVE_GRID_DEFAULT_COLOR = WEAVE_GRID_DEFAULT_COLOR
+exports.WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO = WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO
+exports.WEAVE_GRID_DEFAULT_MAJOR_EVERY = WEAVE_GRID_DEFAULT_MAJOR_EVERY
+exports.WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO = WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO
 exports.WEAVE_GRID_DEFAULT_ORIGIN_COLOR = WEAVE_GRID_DEFAULT_ORIGIN_COLOR
+exports.WEAVE_GRID_DEFAULT_RADIUS = WEAVE_GRID_DEFAULT_RADIUS
 exports.WEAVE_GRID_DEFAULT_SIZE = WEAVE_GRID_DEFAULT_SIZE
+exports.WEAVE_GRID_DEFAULT_STROKE = WEAVE_GRID_DEFAULT_STROKE
 exports.WEAVE_GRID_DEFAULT_TYPE = WEAVE_GRID_DEFAULT_TYPE
 exports.WEAVE_GRID_LAYER_ID = WEAVE_GRID_LAYER_ID
 exports.WEAVE_GRID_TYPES = WEAVE_GRID_TYPES