@inditextech/weave-sdk 0.2.1 → 0.3.0

package/dist/sdk.cjs

@@ -15621,8 +15621,13 @@ var WeavePlugin = class {
 
 //#endregion
 //#region src/plugins/nodes-selection/constants.ts
+const WEAVE_NODES_SELECTION_KEY = "nodesSelection";
 const WEAVE_NODES_SELECTION_LAYER_ID = "selectionLayer";
 
+//#endregion
+//#region src/plugins/context-menu/constants.ts
+const WEAVE_CONTEXT_MENU_KEY = "contextMenu";
+
 //#endregion
 //#region src/plugins/context-menu/context-menu.ts
 var WeaveContextMenuPlugin = class extends WeavePlugin {
@@ -15636,9 +15641,9 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 		this.callbacks = callbacks;
 	}
 	getName() {
-		return "contextMenu";
+		return WEAVE_CONTEXT_MENU_KEY;
 	}
-	init() {
+	onInit() {
 		this.initEvents();
 	}
 	triggerContextMenu(target) {
@@ -15659,7 +15664,7 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 				return {
 					instance: node,
-					node: nodeHandler.toNode(node)
+					node: nodeHandler.serialize(node)
 				};
 			}).filter((node) => node !== void 0);
 		}
@@ -15734,7 +15739,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.enabled = false;
 	}
 	getName() {
-		return "nodesSelection";
+		return WEAVE_NODES_SELECTION_KEY;
 	}
 	getLayerName() {
 		return WEAVE_NODES_SELECTION_LAYER_ID;
@@ -15744,7 +15749,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const layer = new konva.default.Layer({ id: this.getLayerName() });
 		stage.add(layer);
 	}
-	init() {
+	onInit() {
 		const stage = this.instance.getStage();
 		const selectionLayer = this.getLayer();
 		stage.container().tabIndex = 1;
@@ -15848,7 +15853,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const nodeHandler = this.instance.getNodeHandler(nodeType);
 			return {
 				instance: node,
-				node: nodeHandler.toNode(node)
+				node: nodeHandler.serialize(node)
 			};
 		});
 		this.callbacks?.onNodesChange?.(selectedNodes);
@@ -15863,7 +15868,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				const selectedNodes = this.getSelectedNodes();
 				const mappedSelectedNodes = selectedNodes.map((node) => {
 					const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-					return handler.toNode(node);
+					return handler.serialize(node);
 				});
 				this.instance.removeNodes(mappedSelectedNodes);
 				this.tr.nodes([]);
@@ -16051,6 +16056,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 
 //#endregion
 //#region src/plugins/copy-paste-nodes/constants.ts
+const WEAVE_COPY_PASTE_NODES_KEY = "copyPasteNodes";
 const COPY_PASTE_NODES_PLUGIN_STATE = {
 	["IDLE"]: "idle",
 	["PASTING"]: "pasting"
@@ -16065,9 +16071,9 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 		this.state = COPY_PASTE_NODES_PLUGIN_STATE.IDLE;
 	}
 	getName() {
-		return "copyPasteNodes";
+		return WEAVE_COPY_PASTE_NODES_KEY;
 	}
-	init() {
+	onInit() {
 		this.initEvents();
 	}
 	readClipboardData() {
@@ -16291,19 +16297,19 @@ var WeaveNode = class {
 		});
 		node.on("transform", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.instance.updateNode(this.toNode(node));
+				this.instance.updateNode(this.serialize(node));
 				e.cancelBubble = true;
 			}
 		});
 		node.on("dragmove", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.instance.updateNode(this.toNode(node));
+				this.instance.updateNode(this.serialize(node));
 				e.cancelBubble = true;
 			}
 		});
 		node.on("dragend", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.instance.updateNode(this.toNode(node));
+				this.instance.updateNode(this.serialize(node));
 				e.cancelBubble = true;
 			}
 		});
@@ -16327,6 +16333,36 @@ var WeaveNode = class {
 			}
 		});
 	}
+	create(key, props) {
+		return {
+			key,
+			type: this.nodeType,
+			props: {
+				...props,
+				id: key,
+				nodeType: this.nodeType,
+				children: []
+			}
+		};
+	}
+	onDestroy(nodeInstance) {
+		nodeInstance.destroy();
+	}
+	serialize(instance) {
+		const attrs = instance.getAttrs();
+		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.draggable;
+		return {
+			key: attrs.id ?? "",
+			type: attrs.nodeType,
+			props: {
+				...cleanedAttrs,
+				id: attrs.id ?? "",
+				nodeType: attrs.nodeType,
+				children: []
+			}
+		};
+	}
 };
 
 //#endregion
@@ -16486,7 +16522,7 @@ var WeaveReconciler = class {
 					newProps.width = rootContainer.getStageConfiguration().width;
 					newProps.height = rootContainer.getStageConfiguration().height;
 				}
-				return handler.createInstance(newProps);
+				return handler.onRender(newProps);
 			},
 			detachDeletedInstance(node) {
 				logger.debug({ node }, "detachDeletedInstance");
@@ -16582,7 +16618,7 @@ var WeaveReconciler = class {
 				if (!(0, import_lodash.isEqual)(prevProps, nextProps)) {
 					const handler = weaveInstance.getNodeHandler(type);
 					if (!handler) return;
-					handler.updateInstance(instance, nextProps);
+					handler.onUpdate(instance, nextProps);
 					const childZIndex = nextProps.zIndex;
 					if (childZIndex) instance.zIndex(childZIndex);
 				}
@@ -16592,7 +16628,10 @@ var WeaveReconciler = class {
 			},
 			removeChild(_, child) {
 				logger.debug({ child }, "removeChild");
-				child.destroy();
+				const type = child.getAttrs().nodeType;
+				const handler = weaveInstance.getNodeHandler(type);
+				if (!handler) return;
+				handler.onDestroy(child);
 			}
 		};
 	}
@@ -16727,7 +16766,7 @@ var WeaveGroupsManager = class {
 		});
 		parentLayer?.add(groupInstance);
 		const groupHandler = this.instance.getNodeHandler("group");
-		const groupNode = groupHandler.createNode(groupId, { draggable: true });
+		const groupNode = groupHandler.create(groupId, { draggable: true });
 		this.instance.addNode(groupNode, nodeId ?? parentNodeId);
 		const nodesWithZIndex = nodes.map((node) => {
 			const instance = mainLayer?.findOne(`#${node.key}`);
@@ -16751,7 +16790,7 @@ var WeaveGroupsManager = class {
 					konvaGroup.setAttr("id", v4_default());
 					konvaGroup.setAttr("draggable", false);
 					const handler = this.instance.getNodeHandler("group");
-					const stateNode = handler.toNode(konvaGroup);
+					const stateNode = handler.serialize(konvaGroup);
 					this.instance.addNode(stateNode, groupId);
 				}
 				continue;
@@ -16767,7 +16806,7 @@ var WeaveGroupsManager = class {
 				konvaNode.setAttr("id", v4_default());
 				konvaNode.setAttr("draggable", false);
 				const handler = this.instance.getNodeHandler(konvaNode.getAttrs().nodeType);
-				const stateNode = handler.toNode(konvaNode);
+				const stateNode = handler.serialize(konvaNode);
 				this.instance.addNode(stateNode, groupId);
 			}
 		}
@@ -16818,12 +16857,12 @@ var WeaveGroupsManager = class {
 			child.setAttr("draggable", true);
 			newChildId = child.getAttrs().id;
 			const handler = this.instance.getNodeHandler(child.getAttrs().nodeType);
-			const node = handler.toNode(child);
+			const node = handler.serialize(child);
 			this.instance.addNode(node, nodeId ?? newLayer.getAttrs().id);
 			child.destroy();
 		}
 		const groupHandler = this.instance.getNodeHandler("group");
-		const groupNode = groupHandler.toNode(konvaGroup);
+		const groupNode = groupHandler.serialize(konvaGroup);
 		this.instance.removeNode(groupNode);
 		setTimeout(() => {
 			const firstElement = newLayer.findOne(`#${newChildId}`);
@@ -17043,7 +17082,7 @@ var WeaveCloningManager = class {
 				minPoint.x = node.x();
 				minPoint.y = node.y();
 			}
-			const serialized = nodeHandler.toNode(node);
+			const serialized = nodeHandler.serialize(node);
 			serializedNodes.push(serialized);
 		});
 		newGroup.destroy();
@@ -17100,7 +17139,7 @@ var WeaveCloningManager = class {
 			node.setAbsolutePosition(nodePos);
 			node.rotation(nodeRotation);
 			const handler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-			const stateNode = handler.toNode(node);
+			const stateNode = handler.serialize(node);
 			this.instance.addNode(stateNode, targetContainer.getAttrs().id);
 			node.destroy();
 		}
@@ -17318,28 +17357,28 @@ 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.toNode(instance);
+		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.toNode(instance);
+		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.toNode(instance);
+		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.toNode(instance);
+		const node = handler.serialize(instance);
 		this.instance.updateNode(node);
 		this.instance.moveNode(node, __inditextech_weave_types.WEAVE_NODE_POSITION.FRONT);
 	}
@@ -17660,7 +17699,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.2.1";
+var version = "0.3.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -17697,7 +17736,7 @@ var WeaveSetupManager = class {
 		const plugins = this.instance.getRegisterManager().getPlugins();
 		for (const plugin of Object.keys(plugins)) {
 			const pluginInstance = plugins[plugin];
-			pluginInstance.init?.();
+			pluginInstance.onInit?.();
 		}
 	}
 	setupActions() {
@@ -17705,7 +17744,7 @@ var WeaveSetupManager = class {
 		const actionsHandlers = this.instance.getRegisterManager().getActionsHandlers();
 		for (const actionId of Object.keys(actionsHandlers)) {
 			const actionInstance = actionsHandlers[actionId];
-			actionInstance.init?.();
+			actionInstance.onInit?.();
 		}
 	}
 };
@@ -17887,7 +17926,7 @@ var WeaveExportManager = class {
 				const plugins = this.instance.getPlugins();
 				for (const pluginId of Object.keys(plugins)) {
 					const pluginInstance = plugins[pluginId];
-					pluginInstance.render?.();
+					pluginInstance.onRender?.();
 				}
 				const stageClientRect = stage.getClientRect({ relativeTo: stage });
 				background = new konva.default.Rect({
@@ -17917,7 +17956,7 @@ var WeaveExportManager = class {
 						const plugins$1 = this.instance.getPlugins();
 						for (const pluginId of Object.keys(plugins$1)) {
 							const pluginInstance = plugins$1[pluginId];
-							pluginInstance.render?.();
+							pluginInstance.onRender?.();
 						}
 						background?.destroy();
 						resolve(img);
@@ -18279,80 +18318,43 @@ function resetScale(node) {
 }
 
 //#endregion
-//#region src/nodes/stage/stage.ts
+//#region src/nodes/stage/constants.ts
 const WEAVE_STAGE_NODE_TYPE = "stage";
+
+//#endregion
+//#region src/nodes/stage/stage.ts
 var WeaveStageNode = class extends WeaveNode {
 	nodeType = WEAVE_STAGE_NODE_TYPE;
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const stage = new konva.default.Stage({ ...props });
 		stage.draw();
 		return stage;
 	}
-	updateInstance() {}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
-		const attrs = instance.getAttrs();
-		return {
-			key: attrs.id ?? "",
-			type: attrs.nodeType,
-			props: {
-				...attrs,
-				id: attrs.id ?? "",
-				nodeType: attrs.nodeType,
-				children: []
-			}
-		};
-	}
+	onUpdate() {}
 };
 
 //#endregion
-//#region src/nodes/layer/layer.ts
+//#region src/nodes/layer/constants.ts
 const WEAVE_LAYER_NODE_TYPE = "layer";
+
+//#endregion
+//#region src/nodes/layer/layer.ts
 var WeaveLayerNode = class extends WeaveNode {
 	nodeType = WEAVE_LAYER_NODE_TYPE;
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const layer = new konva.default.Layer({ ...props });
 		return layer;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
+	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const childrenMapped = [];
 		const children = [...instance.getChildren()];
 		for (const node of children) {
 			const handler = this.instance.getNodeHandler(node.getAttr("nodeType"));
-			childrenMapped.push(handler.toNode(node));
+			childrenMapped.push(handler.serialize(node));
 		}
 		return {
 			key: attrs.id ?? "",
@@ -18368,23 +18370,14 @@ var WeaveLayerNode = class extends WeaveNode {
 };
 
 //#endregion
-//#region src/nodes/group/group.ts
+//#region src/nodes/group/constants.ts
 const WEAVE_GROUP_NODE_TYPE = "group";
+
+//#endregion
+//#region src/nodes/group/group.ts
 var WeaveGroupNode = class extends WeaveNode {
 	nodeType = WEAVE_GROUP_NODE_TYPE;
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const group = new konva.default.Group({
 			...props,
 			name: "node"
@@ -18392,19 +18385,16 @@ var WeaveGroupNode = class extends WeaveNode {
 		this.setupDefaultNodeEvents(group);
 		return group;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
+	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const childrenMapped = [];
 		const children = [...instance.getChildren()];
 		for (const node of children) {
 			const handler = this.instance.getNodeHandler(node.getAttr("nodeType"));
-			childrenMapped.push(handler.toNode(node));
+			childrenMapped.push(handler.serialize(node));
 		}
 		return {
 			key: attrs.id ?? "",
@@ -18420,23 +18410,14 @@ var WeaveGroupNode = class extends WeaveNode {
 };
 
 //#endregion
-//#region src/nodes/rectangle/rectangle.ts
+//#region src/nodes/rectangle/constants.ts
 const WEAVE_RECTANGLE_NODE_TYPE = "rectangle";
+
+//#endregion
+//#region src/nodes/rectangle/rectangle.ts
 var WeaveRectangleNode = class extends WeaveNode {
 	nodeType = WEAVE_RECTANGLE_NODE_TYPE;
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const rectangle = new konva.default.Rect({
 			...props,
 			name: "node"
@@ -18444,47 +18425,20 @@ var WeaveRectangleNode = class extends WeaveNode {
 		this.setupDefaultNodeEvents(rectangle);
 		return rectangle;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
-		const attrs = instance.getAttrs();
-		const cleanedAttrs = { ...attrs };
-		delete cleanedAttrs.draggable;
-		return {
-			key: attrs.id ?? "",
-			type: attrs.nodeType,
-			props: {
-				...cleanedAttrs,
-				id: attrs.id ?? "",
-				nodeType: attrs.nodeType,
-				children: []
-			}
-		};
-	}
 };
 
 //#endregion
-//#region src/nodes/line/line.ts
+//#region src/nodes/line/constants.ts
 const WEAVE_LINE_NODE_TYPE = "line";
+
+//#endregion
+//#region src/nodes/line/line.ts
 var WeaveLineNode = class extends WeaveNode {
 	nodeType = WEAVE_LINE_NODE_TYPE;
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const line = new konva.default.Line({
 			...props,
 			name: "node"
@@ -18492,32 +18446,17 @@ var WeaveLineNode = class extends WeaveNode {
 		this.setupDefaultNodeEvents(line);
 		return line;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
-		const attrs = instance.getAttrs();
-		const cleanedAttrs = { ...attrs };
-		delete cleanedAttrs.draggable;
-		return {
-			key: attrs.id ?? "",
-			type: attrs.nodeType,
-			props: {
-				...cleanedAttrs,
-				id: attrs.id ?? "",
-				nodeType: attrs.nodeType,
-				children: []
-			}
-		};
-	}
 };
 
 //#endregion
-//#region src/nodes/text/text.ts
+//#region src/nodes/text/constants.ts
 const WEAVE_TEXT_NODE_TYPE = "text";
+
+//#endregion
+//#region src/nodes/text/text.ts
 var WeaveTextNode = class extends WeaveNode {
 	nodeType = WEAVE_TEXT_NODE_TYPE;
 	editing = false;
@@ -18525,28 +18464,13 @@ var WeaveTextNode = class extends WeaveNode {
 		super();
 		this.editing = false;
 	}
-	getType() {
-		return "text";
-	}
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
 	updateNode(nodeInstance) {
 		const clonedText = nodeInstance.clone();
 		clonedText.setAttr("triggerEditMode", void 0);
-		this.instance.updateNode(this.toNode(clonedText));
+		this.instance.updateNode(this.serialize(clonedText));
 		clonedText.destroy();
 	}
-	createInstance(props) {
+	onRender(props) {
 		const text = new konva.default.Text({
 			...props,
 			name: "node"
@@ -18572,20 +18496,17 @@ var WeaveTextNode = class extends WeaveNode {
 				});
 				resetScale(text);
 				text.fontSize(text.fontSize() * text.scaleY());
-				this.instance.updateNode(this.toNode(text));
+				this.instance.updateNode(this.serialize(text));
 				e.cancelBubble = true;
 			}
 		});
 		text.setAttr("triggerEditMode", this.triggerEditMode.bind(this));
 		return text;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
+	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const cleanedAttrs = { ...attrs };
 		delete cleanedAttrs.draggable;
@@ -18784,7 +18705,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			scaleY: 1
 		};
 	}
-	init() {
+	onInit() {
 		this.instance.addEventListener("onStageDrop", () => {
 			if (window.weaveDragImageURL) {
 				this.instance.triggerAction("imageTool", { imageURL: window.weaveDragImageURL });
@@ -18822,7 +18743,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					strokeWidth: 1
 				});
 				const nodeHandler = this.instance.getNodeHandler("rectangle");
-				this.instance.updateNode(nodeHandler.toNode(tempImage));
+				this.instance.updateNode(nodeHandler.serialize(tempImage));
 			}
 		});
 		this.initialized = true;
@@ -18864,7 +18785,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			const mousePos = stage.getRelativePointerPosition();
 			const nodeHandler = this.instance.getNodeHandler("rectangle");
 			this.tempImageId = v4_default();
-			const node = nodeHandler.createNode(this.tempImageId, {
+			const node = nodeHandler.create(this.tempImageId, {
 				...this.props,
 				x: (mousePos?.x ?? 0) + 5,
 				y: (mousePos?.y ?? 0) + 5,
@@ -18890,7 +18811,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			this.clickPoint = mousePoint;
 			this.container = container;
 			const nodeHandler = this.instance.getNodeHandler("image");
-			const node = nodeHandler.createNode(this.imageId, {
+			const node = nodeHandler.create(this.imageId, {
 				...this.props,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
@@ -18905,7 +18826,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			});
 			this.instance.addNode(node, this.container?.getAttrs().id);
 			const rectangleNodeHandler = this.instance.getNodeHandler("rectangle");
-			this.instance.removeNode(rectangleNodeHandler.toNode(tempImage));
+			this.instance.removeNode(rectangleNodeHandler.serialize(tempImage));
 			this.setState(IMAGE_TOOL_STATE.FINISHED);
 		}
 		this.cancelAction();
@@ -18935,7 +18856,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					strokeWidth: 1
 				});
 				const nodeHandler = this.instance.getNodeHandler("rectangle");
-				this.instance.updateNode(nodeHandler.toNode(tempImage));
+				this.instance.updateNode(nodeHandler.serialize(tempImage));
 			}
 		}
 	}
@@ -18945,7 +18866,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.toNode(tempImage));
+			this.instance.removeNode(nodeHandler.serialize(tempImage));
 		}
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
@@ -19178,14 +19099,17 @@ var WeaveImageClip = class {
 				x: clipRectPos.x,
 				y: clipRectPos.y
 			});
-			this.instance.updateNode(this.node.toNode(this.image));
+			this.instance.updateNode(this.node.serialize(this.image));
 		}
 	}
 };
 
 //#endregion
-//#region src/nodes/image/image.ts
+//#region src/nodes/image/constants.ts
 const WEAVE_IMAGE_NODE_TYPE = "image";
+
+//#endregion
+//#region src/nodes/image/image.ts
 var WeaveImageNode = class extends WeaveNode {
 	nodeType = WEAVE_IMAGE_NODE_TYPE;
 	constructor() {
@@ -19193,19 +19117,7 @@ var WeaveImageNode = class extends WeaveNode {
 		this.imageLoaded = false;
 		this.cropping = false;
 	}
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const imageProperties = props.imageProperties;
 		const imageProps = props;
 		const { id } = imageProps;
@@ -19289,12 +19201,12 @@ var WeaveImageNode = class extends WeaveNode {
 				width: preloadImg.width,
 				height: preloadImg.height
 			});
-			this.instance.updateNode(this.toNode(image));
+			this.instance.updateNode(this.serialize(image));
 		} else this.loadImage(imageProps, image);
 		image.setAttr("imageURL", imageProps.imageURL);
 		return image;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		const id = nodeInstance.getAttrs().id;
 		const node = nodeInstance;
 		nodeInstance.setAttrs({ ...nextProps });
@@ -19353,24 +19265,6 @@ var WeaveImageNode = class extends WeaveNode {
 			zIndex: 0
 		});
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
-		const attrs = instance.getAttrs();
-		const cleanedAttrs = { ...attrs };
-		delete cleanedAttrs.draggable;
-		return {
-			key: attrs.id ?? "",
-			type: attrs.nodeType,
-			props: {
-				...cleanedAttrs,
-				id: attrs.id ?? "",
-				nodeType: attrs.nodeType,
-				children: []
-			}
-		};
-	}
 	loadImage(params, image) {
 		const imageProps = params;
 		const imageGroup = image.findOne(`#${imageProps.id}`);
@@ -19402,7 +19296,7 @@ var WeaveImageNode = class extends WeaveNode {
 				width: imageObj.width,
 				height: imageObj.height
 			});
-			this.instance.updateNode(this.toNode(image));
+			this.instance.updateNode(this.serialize(image));
 		};
 		if (imageProps.imageURL) imageObj.src = imageProps.imageURL;
 	}
@@ -19421,19 +19315,7 @@ const WEAVE_FRAME_NODE_TYPE = "frame";
 //#region src/nodes/frame/frame.ts
 var WeaveFrameNode = class extends WeaveNode {
 	nodeType = WEAVE_FRAME_NODE_TYPE;
-	createNode(key, props) {
-		return {
-			key,
-			type: this.nodeType,
-			props: {
-				...props,
-				id: key,
-				nodeType: this.nodeType,
-				children: []
-			}
-		};
-	}
-	createInstance(props) {
+	onRender(props) {
 		const { id } = props;
 		const frameParams = { ...props };
 		delete frameParams.fontFamily;
@@ -19502,7 +19384,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		this.setupDefaultNodeEvents(frame);
 		return frame;
 	}
-	updateInstance(nodeInstance, nextProps) {
+	onUpdate(nodeInstance, nextProps) {
 		const { id } = nextProps;
 		const frameNode = nodeInstance;
 		const newProps = { ...nextProps };
@@ -19511,10 +19393,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		const frameTitle = frameNode.findOne(`#${id}-title`);
 		if (frameTitle) frameTitle.setAttrs({ text: nextProps.title });
 	}
-	removeInstance(nodeInstance) {
-		nodeInstance.destroy();
-	}
-	toNode(instance) {
+	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const frameInternal = instance.findOne(`#${attrs.containerId}`);
 		const childrenMapped = [];
@@ -19522,7 +19401,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			const children = [...frameInternal.getChildren()];
 			for (const node of children) {
 				const handler = this.instance.getNodeHandler(node.getAttr("nodeType"));
-				childrenMapped.push(handler.toNode(node));
+				childrenMapped.push(handler.serialize(node));
 			}
 		}
 		const cleanedAttrs = { ...attrs };
@@ -19540,6 +19419,10 @@ var WeaveFrameNode = class extends WeaveNode {
 	}
 };
 
+//#endregion
+//#region src/plugins/stage-zoom/constants.ts
+const WEAVE_STAGE_ZOOM_KEY = "stageZoom";
+
 //#endregion
 //#region src/plugins/stage-zoom/stage-zoom.ts
 var WeaveStageZoomPlugin = class extends WeavePlugin {
@@ -19565,9 +19448,9 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		this.onZoomChangeCb = onZoomChange;
 	}
 	getName() {
-		return "stageZoom";
+		return WEAVE_STAGE_ZOOM_KEY;
 	}
-	init() {
+	onInit() {
 		this.setZoom(this.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true) {
@@ -19598,7 +19481,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			const plugins = this.instance.getPlugins();
 			for (const pluginId of Object.keys(plugins)) {
 				const pluginInstance = plugins[pluginId];
-				pluginInstance.render?.();
+				pluginInstance.onRender?.();
 			}
 			const callbackParams = {
 				scale,
@@ -19729,7 +19612,7 @@ var WeaveZoomOutToolAction = class extends WeaveAction {
 	getStageZoomPlugin() {
 		return this.instance.getPlugin("stageZoom");
 	}
-	init() {
+	onInit() {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (!stageZoomPlugin) throw new Error("WeaveZoomOutToolAction requires the WeaveStageZoomPlugin to be loaded");
 	}
@@ -19758,7 +19641,7 @@ var WeaveZoomInToolAction = class extends WeaveAction {
 	getStageZoomPlugin() {
 		return this.instance.getPlugin("stageZoom");
 	}
-	init() {
+	onInit() {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (!stageZoomPlugin) throw new Error("WeaveZoomInToolAction requires the WeaveStageZoomPlugin to be loaded");
 	}
@@ -19787,7 +19670,7 @@ var WeaveFitToScreenToolAction = class extends WeaveAction {
 	getStageZoomPlugin() {
 		return this.instance.getPlugin("stageZoom");
 	}
-	init() {
+	onInit() {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (!stageZoomPlugin) throw new Error("WeaveFitToScreenToolAction requires the WeaveStageZoomPlugin to be loaded");
 	}
@@ -19818,7 +19701,7 @@ var WeaveFitToSelectionToolAction = class extends WeaveAction {
 	getStageZoomPlugin() {
 		return this.instance.getPlugin("stageZoom");
 	}
-	init() {
+	onInit() {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (!stageZoomPlugin) throw new Error("WeaveFitToSelectionTool requires the WeaveStageZoomPlugin to be loaded");
 		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
@@ -19851,7 +19734,7 @@ const MOVE_TOOL_STATE = {
 var WeaveMoveToolAction = class extends WeaveAction {
 	initialized = false;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor() {
 		super();
 		this.initialized = false;
@@ -19907,7 +19790,7 @@ const SELECTION_TOOL_STATE = {
 var WeaveSelectionToolAction = class extends WeaveAction {
 	initialized = false;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor() {
 		super();
 		this.initialized = false;
@@ -19971,7 +19854,7 @@ const RECTANGLE_TOOL_STATE = {
 var WeaveRectangleToolAction = class extends WeaveAction {
 	initialized = false;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor(callbacks) {
 		super(callbacks);
 		this.initialized = false;
@@ -20047,7 +19930,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 		this.container = container;
 		this.rectId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("rectangle");
-		const node = nodeHandler.createNode(this.rectId, {
+		const node = nodeHandler.create(this.rectId, {
 			...this.props,
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -20071,7 +19954,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				width: this.moved ? Math.abs(deltaX) : this.props.width,
 				height: this.moved ? Math.abs(deltaY) : this.props.height
 			});
-			this.instance.updateNode(nodeHandler.toNode(rectangle));
+			this.instance.updateNode(nodeHandler.serialize(rectangle));
 		}
 		this.cancelAction();
 	}
@@ -20087,7 +19970,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				width: deltaX,
 				height: deltaY
 			});
-			this.instance.updateNode(nodeHandler.toNode(rectangle));
+			this.instance.updateNode(nodeHandler.serialize(rectangle));
 		}
 	}
 	trigger(cancelAction) {
@@ -20133,7 +20016,7 @@ var WeavePenToolAction = class extends WeaveAction {
 	initialized = false;
 	initialCursor = null;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor(callbacks) {
 		super(callbacks);
 		this.initialized = false;
@@ -20211,7 +20094,7 @@ var WeavePenToolAction = class extends WeaveAction {
 		this.lineId = v4_default();
 		this.tempLineId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("line");
-		const node = nodeHandler.createNode(this.lineId, {
+		const node = nodeHandler.create(this.lineId, {
 			...this.props,
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -20227,7 +20110,7 @@ var WeavePenToolAction = class extends WeaveAction {
 			fill: "#cccccc"
 		});
 		this.measureContainer?.add(this.tempPoint);
-		const tempLine = nodeHandler.createNode(this.tempLineId, {
+		const tempLine = nodeHandler.create(this.tempLineId, {
 			...this.props,
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -20258,7 +20141,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				points: newPoints
 			});
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(nodeHandler.toNode(tempMainLine));
+			this.instance.updateNode(nodeHandler.serialize(tempMainLine));
 			this.tempPoint.setAttrs({
 				x: mousePoint.x,
 				y: mousePoint.y
@@ -20273,7 +20156,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				y: mousePoint.y,
 				points: [0, 0]
 			});
-			this.instance.updateNode(nodeHandler.toNode(tempLine));
+			this.instance.updateNode(nodeHandler.serialize(tempLine));
 		}
 		this.setState(PEN_TOOL_STATE.DEFINING_SIZE);
 	}
@@ -20292,7 +20175,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				]
 			});
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(nodeHandler.toNode(tempLine));
+			this.instance.updateNode(nodeHandler.serialize(tempLine));
 			this.tempNextPoint.setAttrs({
 				x: mousePoint.x,
 				y: mousePoint.y
@@ -20317,11 +20200,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.toNode(tempLine));
+			this.instance.removeNode(nodeHandler.serialize(tempLine));
 		}
 		if (this.lineId && tempMainLine && tempMainLine.points().length < 4) {
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.removeNode(nodeHandler.toNode(tempMainLine));
+			this.instance.removeNode(nodeHandler.serialize(tempMainLine));
 		}
 		if (this.lineId && tempMainLine && tempMainLine.points().length >= 4) {
 			const nodeHandler = this.instance.getNodeHandler("line");
@@ -20330,7 +20213,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				strokeWidth: 1,
 				hitStrokeWidth: 16
 			});
-			this.instance.updateNode(nodeHandler.toNode(tempMainLine));
+			this.instance.updateNode(nodeHandler.serialize(tempMainLine));
 		}
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
@@ -20363,7 +20246,7 @@ const BRUSH_TOOL_STATE = {
 var WeaveBrushToolAction = class extends WeaveAction {
 	initialized = false;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor(callbacks) {
 		super(callbacks);
 		this.initialized = false;
@@ -20428,7 +20311,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		this.measureContainer = measureContainer;
 		this.strokeId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("line");
-		const node = nodeHandler.createNode(this.strokeId, {
+		const node = nodeHandler.create(this.strokeId, {
 			...this.props,
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
@@ -20446,7 +20329,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				...this.props,
 				hitStrokeWidth: 10
 			});
-			this.instance.updateNode(nodeHandler.toNode(tempStroke));
+			this.instance.updateNode(nodeHandler.serialize(tempStroke));
 			this.clickPoint = null;
 			stage.container().tabIndex = 1;
 			stage.container().focus();
@@ -20464,7 +20347,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				mousePoint.y - tempStroke.y()
 			]);
 			const nodeHandler = this.instance.getNodeHandler("line");
-			this.instance.updateNode(nodeHandler.toNode(tempStroke));
+			this.instance.updateNode(nodeHandler.serialize(tempStroke));
 		}
 	}
 	trigger(cancel) {
@@ -20511,7 +20394,7 @@ var WeaveTextToolAction = class extends WeaveAction {
 	initialized = false;
 	initialCursor = null;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor() {
 		super();
 		this.initialized = false;
@@ -20564,7 +20447,7 @@ var WeaveTextToolAction = class extends WeaveAction {
 		this.container = container;
 		this.textId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("text");
-		const node = nodeHandler.createNode(this.textId, {
+		const node = nodeHandler.create(this.textId, {
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0,
 			text: "Your text here...",
@@ -20617,7 +20500,7 @@ const FRAME_TOOL_STATE = {
 var WeaveFrameToolAction = class extends WeaveAction {
 	initialized = false;
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	constructor(callbacks) {
 		super(callbacks);
 		this.initialized = false;
@@ -20676,7 +20559,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		this.container = container;
 		this.frameId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("frame");
-		const node = nodeHandler.createNode(this.frameId, {
+		const node = nodeHandler.create(this.frameId, {
 			...this.props,
 			x: this.clickPoint.x,
 			y: this.clickPoint.y
@@ -20721,7 +20604,7 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 		quality: 1
 	};
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	getName() {
 		return "exportStageTool";
 	}
@@ -20765,7 +20648,7 @@ var WeaveExportNodeToolAction = class extends WeaveAction {
 		quality: 1
 	};
 	internalUpdate = void 0;
-	init = void 0;
+	onInit = void 0;
 	getName() {
 		return "exportNodeTool";
 	}
@@ -20800,6 +20683,7 @@ var WeaveExportNodeToolAction = class extends WeaveAction {
 
 //#endregion
 //#region src/plugins/stage-grid/constants.ts
+const WEAVE_STAGE_GRID_KEY = "stageGrid";
 const WEAVE_GRID_DEFAULT_SIZE = 50;
 const WEAVE_GRID_LAYER_ID = "gridLayer";
 const WEAVE_GRID_TYPES = {
@@ -20822,7 +20706,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		this.gridSize = gridSize;
 	}
 	getName() {
-		return "stageGrid";
+		return WEAVE_STAGE_GRID_KEY;
 	}
 	getLayerName() {
 		return WEAVE_GRID_LAYER_ID;
@@ -20835,7 +20719,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		});
 		stage.add(layer);
 	}
-	init() {
+	onInit() {
 		this.initEvents();
 		this.renderGrid();
 	}
@@ -20872,17 +20756,17 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		stage.on("mousemove", (e) => {
 			e.evt.preventDefault();
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
-			this.render();
+			this.onRender();
 		});
 		stage.on("touchmove", (e) => {
 			e.evt.preventDefault();
 			if (!this.enabled) return;
-			this.render();
+			this.onRender();
 		});
 		stage.on("wheel", (e) => {
 			e.evt.preventDefault();
 			if (!this.enabled || this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed) return;
-			this.render();
+			this.onRender();
 		});
 	}
 	getLayer() {
@@ -20981,28 +20865,32 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			}
 		}
 	}
-	render() {
+	onRender() {
 		this.renderGrid();
 	}
 	enable() {
 		this.enabled = true;
 		this.getLayer()?.show();
-		this.render();
+		this.onRender();
 	}
 	disable() {
 		this.enabled = false;
 		this.getLayer()?.hide();
-		this.render();
+		this.onRender();
 	}
 	getType() {
 		return this.type;
 	}
 	setType(type) {
 		this.type = type;
-		this.render();
+		this.onRender();
 	}
 };
 
+//#endregion
+//#region src/plugins/stage-panning/constants.ts
+const WEAVE_STAGE_PANNING_KEY = "stagePanning";
+
 //#endregion
 //#region src/plugins/stage-panning/stage-panning.ts
 var WeaveStagePanningPlugin = class extends WeavePlugin {
@@ -21017,9 +20905,9 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		this.previousPointer = null;
 	}
 	getName() {
-		return "stagePanning";
+		return WEAVE_STAGE_PANNING_KEY;
 	}
-	init() {
+	onInit() {
 		this.initEvents();
 	}
 	enableMove() {
@@ -21133,15 +21021,19 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/plugins/stage-resize/constants.ts
+const WEAVE_STAGE_RESIZE_KEY = "stageResize";
+
 //#endregion
 //#region src/plugins/stage-resize/stage-resize.ts
 var WeaveStageResizePlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
 	getName() {
-		return "stageResize";
+		return WEAVE_STAGE_RESIZE_KEY;
 	}
-	init() {
+	onInit() {
 		const stage = this.instance.getStage();
 		window.addEventListener("resize", () => {
 			const containerParent = stage.container().parentNode;
@@ -21155,7 +21047,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 				const plugins = this.instance.getPlugins();
 				for (const pluginId of Object.keys(plugins)) {
 					const pluginInstance = plugins[pluginId];
-					pluginInstance.render?.();
+					pluginInstance.onRender?.();
 				}
 			}
 		});
@@ -21190,7 +21082,7 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 	getName() {
 		return "connectedUsers";
 	}
-	init() {
+	onInit() {
 		const store = this.instance.getStore();
 		const userInfo = this.getUser();
 		store.setAwarenessInfo(WEAVE_CONNECTED_USER_INFO_KEY, userInfo);
@@ -21223,6 +21115,7 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 
 //#endregion
 //#region src/plugins/users-pointers/constants.ts
+const WEAVE_USERS_POINTERS_KEY = "usersPointers";
 const WEAVE_USERS_POINTERS_LAYER_ID = "usersPointersLayer";
 const WEAVE_USER_POINTER_KEY = "userPointer";
 
@@ -21248,7 +21141,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		}));
 	}
 	getName() {
-		return "usersPointers";
+		return WEAVE_USERS_POINTERS_KEY;
 	}
 	getLayerName() {
 		return WEAVE_USERS_POINTERS_LAYER_ID;
@@ -21262,7 +21155,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		const stage = this.instance.getStage();
 		return stage.findOne(`#${WEAVE_USERS_POINTERS_LAYER_ID}`);
 	}
-	init() {
+	onInit() {
 		const store = this.instance.getStore();
 		const stage = this.instance.getStage();
 		store.onAwarenessChange((changes) => {
@@ -21446,6 +21339,10 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/plugins/stage-drop-area/constants.ts
+const WEAVE_STAGE_DROP_AREA_KEY = "stageDropArea";
+
 //#endregion
 //#region src/plugins/stage-drop-area/stage-drop-area.ts
 var WeaveStageDropAreaPlugin = class extends WeavePlugin {
@@ -21457,9 +21354,9 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 		this.enabled = true;
 	}
 	getName() {
-		return "stageDropArea";
+		return WEAVE_STAGE_DROP_AREA_KEY;
 	}
-	init() {
+	onInit() {
 		this.initEvents();
 	}
 	initEvents() {
@@ -21485,6 +21382,7 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 
 //#endregion
 //#region src/plugins/nodes-snapping/constants.ts
+const WEAVE_NODES_SNAPPING_KEY = "nodesSnapping";
 const GUIDE_LINE_NAME = "guide-line";
 const GUIDE_ORIENTATION = {
 	["HORIZONTAL"]: "H",
@@ -21505,9 +21403,9 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 		this.enabled = true;
 	}
 	getName() {
-		return "nodesSnapping";
+		return WEAVE_NODES_SNAPPING_KEY;
 	}
-	init() {
+	onInit() {
 		this.initEvents();
 	}
 	setEnabled(enabled) {
@@ -21733,11 +21631,15 @@ exports.RECTANGLE_TOOL_STATE = RECTANGLE_TOOL_STATE
 exports.SELECTION_TOOL_ACTION_NAME = SELECTION_TOOL_ACTION_NAME
 exports.SELECTION_TOOL_STATE = SELECTION_TOOL_STATE
 exports.TEXT_TOOL_STATE = TEXT_TOOL_STATE
+exports.WEAVE_COPY_PASTE_NODES_KEY = WEAVE_COPY_PASTE_NODES_KEY
 exports.WEAVE_FRAME_NODE_TYPE = WEAVE_FRAME_NODE_TYPE
 exports.WEAVE_GRID_DEFAULT_SIZE = WEAVE_GRID_DEFAULT_SIZE
 exports.WEAVE_GRID_LAYER_ID = WEAVE_GRID_LAYER_ID
 exports.WEAVE_GRID_TYPES = WEAVE_GRID_TYPES
+exports.WEAVE_NODES_SELECTION_KEY = WEAVE_NODES_SELECTION_KEY
 exports.WEAVE_NODES_SELECTION_LAYER_ID = WEAVE_NODES_SELECTION_LAYER_ID
+exports.WEAVE_NODES_SNAPPING_KEY = WEAVE_NODES_SNAPPING_KEY
+exports.WEAVE_STAGE_GRID_KEY = WEAVE_STAGE_GRID_KEY
 exports.Weave = Weave
 exports.WeaveAction = WeaveAction
 exports.WeaveBrushToolAction = WeaveBrushToolAction