@inditextech/weave-sdk 0.23.0 → 0.24.0

package/dist/sdk.cjs

@@ -16362,11 +16362,13 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				if (!this.enabled) return;
 				try {
 					const continueToPaste = await this.readClipboardData();
-					if (!continueToPaste) {
-						this.instance.emitEvent("onPaste", new Error("Invalid elements to paste"));
-						return;
+					if (continueToPaste) {
+						const position = this.instance.getStage().getPointerPosition();
+						if (position) {
+							this.state = COPY_PASTE_NODES_PLUGIN_STATE.PASTING;
+							this.handlePaste(position);
+						}
 					}
-					this.performPaste();
 				} catch (ex) {
 					this.instance.emitEvent("onPaste", ex);
 				}
@@ -16374,11 +16376,17 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 					const items = await navigator.clipboard.read();
 					if (items && items.length === 1) {
 						const item = items[0];
-						this.instance.emitEvent("onPasteExternal", item);
+						this.instance.getStage().setPointersPositions(e);
+						const position = this.instance.getStage().getPointerPosition();
+						if (position) this.instance.emitEvent("onPasteExternal", {
+							position,
+							item
+						});
 					}
 				} catch (ex) {
 					this.instance.emitEvent("onPaste", ex);
 				}
+				stage.container().focus();
 				return;
 			}
 			if (e.key === "Escape") {
@@ -16386,14 +16394,6 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				return;
 			}
 		});
-		stage.on("click tap", (e) => {
-			e.evt.preventDefault();
-			if (this.state === COPY_PASTE_NODES_PLUGIN_STATE.IDLE) return;
-			if (this.state === COPY_PASTE_NODES_PLUGIN_STATE.PASTING) {
-				this.handlePaste();
-				return;
-			}
-		});
 	}
 	mapToPasteNodes() {
 		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
@@ -16414,9 +16414,9 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 			if (child.props.children) this.recursivelyUpdateKeys(child.props.children);
 		}
 	}
-	handlePaste() {
+	handlePaste(position) {
 		if (this.toPaste) {
-			const { mousePoint, container } = this.instance.getMousePointer();
+			const { mousePoint, container } = this.instance.getMousePointer(position);
 			for (const element of Object.keys(this.toPaste.weave)) {
 				const node = this.toPaste.weave[element];
 				if (node.props.children) this.recursivelyUpdateKeys(node.props.children);
@@ -16463,23 +16463,28 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 			}
 		}
 	}
-	performPaste() {
-		if (!this.enabled) return;
-		const stage = this.instance.getStage();
-		stage.container().style.cursor = "crosshair";
-		stage.container().focus();
-		this.state = COPY_PASTE_NODES_PLUGIN_STATE.PASTING;
-	}
 	async copy() {
 		await this.performCopy();
 	}
-	async paste() {
-		const continueToPaste = await this.readClipboardData();
-		if (!continueToPaste) {
-			this.instance.emitEvent("onPaste", new Error("Invalid elements to paste"));
-			return;
+	async paste(position) {
+		try {
+			const continueToPaste = await this.readClipboardData();
+			if (continueToPaste) this.handlePaste(position);
+		} catch (ex) {
+			this.instance.emitEvent("onPaste", ex);
+		}
+		try {
+			const items = await navigator.clipboard.read();
+			if (items && items.length === 1) {
+				const item = items[0];
+				if (position) this.instance.emitEvent("onPasteExternal", {
+					position,
+					item
+				});
+			}
+		} catch (ex) {
+			this.instance.emitEvent("onPaste", ex);
 		}
-		this.performPaste();
 	}
 	getSelectedNodes() {
 		return this.mapToPasteNodes();
@@ -16509,12 +16514,12 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 
 //#endregion
 //#region src/nodes/node.ts
-const setStageDefaultConfiguration = () => {
+const augmentKonvaStageClass = () => {
 	konva.default.Stage.prototype.isMouseWheelPressed = function() {
 		return false;
 	};
 };
-const setNodesDefaultConfiguration = (config) => {
+const augmentKonvaNodeClass = (config) => {
 	const { transform } = config ?? {};
 	konva.default.Node.prototype.getTransformerProperties = function() {
 		return {
@@ -16550,6 +16555,14 @@ var WeaveNode = class {
 		const copyPastePlugin = this.instance.getPlugin("copyPasteNodes");
 		return copyPastePlugin.isPasting();
 	}
+	setupDefaultNodeAugmentation(node) {
+		node.getTransformerProperties = () => {
+			return __inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES;
+		};
+		node.movedToContainer = () => {};
+		node.updatePosition = () => {};
+		node.resetCrop = () => {};
+	}
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		let selected = false;
@@ -17399,32 +17412,8 @@ var WeaveCloningManager = class {
 		this.logger = this.instance.getChildLogger("cloning-manager");
 		this.logger.debug("Cloning manager created");
 	}
-	allInstancesInSameParent(nodes) {
-		if (nodes.length === 0) return {
-			allInSame: false,
-			nodeId: void 0,
-			parentId: void 0
-		};
-		let allInSame = true;
-		const parentId = nodes[0]?.getParent()?.getAttrs().id;
-		const nodeId = nodes[0]?.getParent()?.getAttrs().nodeId;
-		for (const node of nodes) {
-			const nodeParentId = node?.getParent()?.getAttrs().id;
-			if (nodeParentId !== parentId) {
-				allInSame = false;
-				break;
-			}
-		}
-		return {
-			allInSame,
-			nodeId,
-			parentId
-		};
-	}
 	nodesToGroupSerialized(instancesToClone) {
 		if (instancesToClone.length === 0) return;
-		const { allInSame } = this.allInstancesInSameParent(instancesToClone);
-		if (!allInSame) return;
 		const groupId = v4_default();
 		const newGroup = new konva.default.Group({ id: groupId });
 		const nodesWithZIndex = instancesToClone.map((node) => ({
@@ -17441,6 +17430,21 @@ var WeaveCloningManager = class {
 				});
 				const nodePos$1 = clonedNode$1.getAbsolutePosition();
 				const nodeRotation$1 = clonedNode$1.getAbsoluteRotation();
+				const parent$1 = node.getParent();
+				if (node.getAttrs().nodeId) {
+					const realParent = this.instance.getStage().findOne(`#${node.getAttrs().nodeId}`);
+					if (realParent) {
+						nodePos$1.x += realParent.x();
+						nodePos$1.y += realParent.y();
+					}
+				}
+				if (parent$1 && parent$1.getAttrs().nodeId) {
+					const realParent = this.instance.getStage().findOne(`#${parent$1.getAttrs().nodeId}`);
+					if (realParent) {
+						nodePos$1.x += realParent.x();
+						nodePos$1.y += realParent.y();
+					}
+				}
 				clonedNode$1.moveTo(newGroup);
 				clonedNode$1.zIndex(index);
 				clonedNode$1.setAbsolutePosition(nodePos$1);
@@ -17450,6 +17454,21 @@ var WeaveCloningManager = class {
 			const clonedNode = node.clone({ id: v4_default() });
 			const nodePos = clonedNode.getAbsolutePosition();
 			const nodeRotation = clonedNode.getAbsoluteRotation();
+			const parent = node.getParent();
+			if (node.getAttrs().nodeId) {
+				const realParent = this.instance.getStage().findOne(`#${node.getAttrs().nodeId}`);
+				if (realParent) {
+					nodePos.x += realParent.x();
+					nodePos.y += realParent.y();
+				}
+			}
+			if (parent && parent.getAttrs().nodeId) {
+				const realParent = this.instance.getStage().findOne(`#${parent.getAttrs().nodeId}`);
+				if (realParent) {
+					nodePos.x += realParent.x();
+					nodePos.y += realParent.y();
+				}
+			}
 			clonedNode.moveTo(newGroup);
 			clonedNode.zIndex(index);
 			clonedNode.setAbsolutePosition(nodePos);
@@ -17463,10 +17482,8 @@ var WeaveCloningManager = class {
 		newGroup.getChildren().forEach((node) => {
 			const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 			const nodePos = node.getClientRect();
-			if (nodePos.x < minPoint.x || nodePos.y < minPoint.y) {
-				minPoint.x = nodePos.x;
-				minPoint.y = nodePos.y;
-			}
+			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);
 		});
@@ -17479,8 +17496,6 @@ var WeaveCloningManager = class {
 	cloneNodes(instancesToClone, targetContainer, onPoint) {
 		if (instancesToClone.length === 0) return;
 		if (!targetContainer) return;
-		const { allInSame } = this.allInstancesInSameParent(instancesToClone);
-		if (!allInSame) return;
 		const groupId = v4_default();
 		const newGroup = new konva.default.Group({ id: groupId });
 		targetContainer.add(newGroup);
@@ -17498,6 +17513,14 @@ var WeaveCloningManager = class {
 				});
 				const nodePos$1 = clonedNode$1.getAbsolutePosition();
 				const nodeRotation$1 = clonedNode$1.getAbsoluteRotation();
+				const parent$1 = node.getParent();
+				if (parent$1 && parent$1.getAttrs().nodeId && !parent$1.getAttrs().containerId) {
+					const realParent = this.instance.getStage().findOne(`#${parent$1.getAttrs().nodeId}`);
+					if (realParent) {
+						nodePos$1.x += realParent.x();
+						nodePos$1.y += realParent.y();
+					}
+				}
 				clonedNode$1.moveTo(newGroup);
 				clonedNode$1.zIndex(index);
 				clonedNode$1.setAbsolutePosition(nodePos$1);
@@ -17507,6 +17530,14 @@ var WeaveCloningManager = class {
 			const clonedNode = node.clone({ id: v4_default() });
 			const nodePos = clonedNode.getAbsolutePosition();
 			const nodeRotation = clonedNode.getAbsoluteRotation();
+			const parent = node.getParent();
+			if (parent && parent.getAttrs().nodeId && !parent.getAttrs().containerId) {
+				const realParent = this.instance.getStage().findOne(`#${parent.getAttrs().nodeId}`);
+				if (realParent) {
+					nodePos.x += realParent.x();
+					nodePos.y += realParent.y();
+				}
+			}
 			clonedNode.moveTo(newGroup);
 			clonedNode.zIndex(index);
 			clonedNode.setAbsolutePosition(nodePos);
@@ -18102,7 +18133,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.23.0";
+var version = "0.24.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18513,7 +18544,8 @@ var Weave = class extends Emittery {
 		this.status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.STARTING;
 		this.emitEvent("onInstanceStatus", this.status);
 		this.registerManager.registerNodesHandlers();
-		this.setNodesDefaultConfiguration();
+		this.augmentKonvaStageClass();
+		this.augmentKonvaNodeClass();
 		this.registerManager.registerPlugins();
 		this.registerManager.registerActionsHandlers();
 		this.storeManager.registerStore(this.config.store);
@@ -18543,11 +18575,11 @@ var Weave = class extends Emittery {
 	getConfiguration() {
 		return this.config;
 	}
-	setStageDefaultConfiguration() {
-		setStageDefaultConfiguration();
+	augmentKonvaStageClass() {
+		augmentKonvaStageClass();
 	}
-	setNodesDefaultConfiguration(config) {
-		setNodesDefaultConfiguration(config);
+	augmentKonvaNodeClass(config) {
+		augmentKonvaNodeClass(config);
 	}
 	emitEvent(event, payload) {
 		this.moduleLogger.debug({ payload }, `Emitted event [${event}]`);
@@ -18848,6 +18880,7 @@ var WeaveGroupNode = class extends WeaveNode {
 			...props,
 			name: "node"
 		});
+		this.setupDefaultNodeAugmentation(group);
 		group.getTransformerProperties = () => {
 			return this.config.transform;
 		};
@@ -18901,6 +18934,7 @@ var WeaveRectangleNode = class extends WeaveNode {
 			...props,
 			name: "node"
 		});
+		this.setupDefaultNodeAugmentation(rectangle);
 		rectangle.getTransformerProperties = () => {
 			return this.config.transform;
 		};
@@ -18931,13 +18965,14 @@ var WeaveEllipseNode = class extends WeaveNode {
 		} };
 	}
 	onRender(props) {
-		const rectangle = new konva.default.Ellipse({
+		const ellipse = new konva.default.Ellipse({
 			...props,
 			name: "node",
 			radiusX: props.radiusX,
 			radiusY: props.radiusY
 		});
-		rectangle.getTransformerProperties = () => {
+		this.setupDefaultNodeAugmentation(ellipse);
+		ellipse.getTransformerProperties = () => {
 			const stage = this.instance.getStage();
 			const node = stage.findOne(`#${props.id}`);
 			if (node && node.getAttrs().keepAspectRatio) return {
@@ -18952,8 +18987,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 			};
 			return this.config.transform;
 		};
-		this.setupDefaultNodeEvents(rectangle);
-		return rectangle;
+		this.setupDefaultNodeEvents(ellipse);
+		return ellipse;
 	}
 	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
@@ -18994,6 +19029,7 @@ var WeaveLineNode = class extends WeaveNode {
 			...props,
 			name: "node"
 		});
+		this.setupDefaultNodeAugmentation(line);
 		line.getTransformerProperties = () => {
 			return this.config.transform;
 		};
@@ -19077,6 +19113,7 @@ var WeaveTextNode = class extends WeaveNode {
 			...props,
 			name: "node"
 		});
+		this.setupDefaultNodeAugmentation(text);
 		text.getTransformerProperties = () => {
 			const stage = this.instance.getStage();
 			const actualText = stage.findOne(`#${text.id()}`);
@@ -19482,9 +19519,14 @@ var WeaveImageToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", () => {
+		this.instance.addEventListener("onStageDrop", (e) => {
 			if (window.weaveDragImageURL) {
-				this.instance.triggerAction("imageTool", { imageURL: window.weaveDragImageURL });
+				this.instance.getStage().setPointersPositions(e);
+				const position = this.instance.getStage().getPointerPosition();
+				this.instance.triggerAction("imageTool", {
+					imageURL: window.weaveDragImageURL,
+					position
+				});
 				window.weaveDragImageURL = void 0;
 			}
 		});
@@ -19524,7 +19566,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 	setState(state) {
 		this.state = state;
 	}
-	loadImage(imageURL) {
+	loadImage(imageURL, position) {
 		const stage = this.instance.getStage();
 		stage.container().style.cursor = "crosshair";
 		stage.container().focus();
@@ -19542,7 +19584,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 				width: this.preloadImgs[this.imageId].width,
 				height: this.preloadImgs[this.imageId].height
 			};
-			this.addImageNode();
+			this.addImageNode(position);
 		};
 		this.preloadImgs[this.imageId].onerror = () => {
 			this.instance.emitEvent("onImageLoadEnd", new Error("Error loading image"));
@@ -19551,10 +19593,15 @@ var WeaveImageToolAction = class extends WeaveAction {
 		this.preloadImgs[this.imageId].src = imageURL;
 		this.instance.emitEvent("onImageLoadStart");
 	}
-	addImageNode() {
+	addImageNode(position) {
 		const stage = this.instance.getStage();
 		stage.container().style.cursor = "crosshair";
 		stage.container().focus();
+		if (position) {
+			this.handleAdding(position);
+			this.setState(IMAGE_TOOL_STATE.ADDING);
+			return;
+		}
 		if (this.imageId) {
 			const mousePos = stage.getRelativePointerPosition();
 			const nodeHandler = this.instance.getNodeHandler("image");
@@ -19578,13 +19625,14 @@ var WeaveImageToolAction = class extends WeaveAction {
 		this.clickPoint = null;
 		this.setState(IMAGE_TOOL_STATE.ADDING);
 	}
-	addImage() {
+	addImage(position) {
+		if (position) this.clickPoint = position;
 		this.setState(IMAGE_TOOL_STATE.UPLOADING);
 	}
-	handleAdding() {
+	handleAdding(position) {
 		const tempImage = this.instance.getStage().findOne(`#${this.tempImageId}`);
-		if (this.imageId && this.imageURL && this.preloadImgs[this.imageId] && tempImage) {
-			const { mousePoint, container } = this.instance.getMousePointer();
+		if (this.imageId && this.imageURL && this.preloadImgs[this.imageId] && (!position && tempImage || position)) {
+			const { mousePoint, container } = this.instance.getMousePointer(position);
 			this.clickPoint = mousePoint;
 			this.container = container;
 			const nodeHandler = this.instance.getNodeHandler("image");
@@ -19606,8 +19654,10 @@ var WeaveImageToolAction = class extends WeaveAction {
 				}
 			});
 			this.instance.addNode(node, this.container?.getAttrs().id);
-			const imageNodeHandler = this.instance.getNodeHandler("image");
-			this.instance.removeNode(imageNodeHandler.serialize(tempImage));
+			if (!position) {
+				const imageNodeHandler = this.instance.getNodeHandler("image");
+				this.instance.removeNode(imageNodeHandler.serialize(tempImage));
+			}
 			this.setState(IMAGE_TOOL_STATE.FINISHED);
 		}
 		this.cancelAction();
@@ -19619,7 +19669,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
 		if (params?.imageURL) {
-			this.loadImage(params.imageURL);
+			this.loadImage(params.imageURL, params?.position ?? void 0);
 			return;
 		}
 		this.props = this.initProps();
@@ -20001,6 +20051,7 @@ var WeaveImageNode = class extends WeaveNode {
 			id,
 			name: "node"
 		});
+		this.setupDefaultNodeAugmentation(image);
 		image.movedToContainer = () => {
 			const stage = this.instance.getStage();
 			const image$1 = stage.findOne(`#${id}`);
@@ -20307,6 +20358,7 @@ var WeaveStarNode = class extends WeaveNode {
 			innerRadius: props.innerRadius,
 			outerRadius: props.outerRadius
 		});
+		this.setupDefaultNodeAugmentation(star);
 		star.getTransformerProperties = () => {
 			const stage = this.instance.getStage();
 			const node = stage.findOne(`#${props.id}`);
@@ -20365,6 +20417,7 @@ var WeaveArrowNode = class extends WeaveNode {
 			name: "node",
 			points: props.points
 		});
+		this.setupDefaultNodeAugmentation(line);
 		line.getTransformerProperties = () => {
 			return this.config.transform;
 		};
@@ -20420,6 +20473,7 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 			sides: props.sides,
 			radius: props.radius
 		});
+		this.setupDefaultNodeAugmentation(regularPolygon);
 		regularPolygon.getTransformerProperties = () => {
 			return {
 				...this.config.transform,
@@ -20593,6 +20647,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			draggable: false,
 			clip: void 0
 		});
+		this.setupDefaultNodeAugmentation(frame);
 		const frameInternalGroup = new konva.default.Group({
 			id: `${id}-selector`,
 			x: 0,
@@ -22362,8 +22417,8 @@ var WeaveStarToolAction = class extends WeaveAction {
 			stroke: "#000000ff",
 			strokeWidth: 1,
 			numPoints: 5,
-			innerRadius: 70,
-			outerRadius: 184,
+			innerRadius: 35,
+			outerRadius: 92,
 			keepAspectRatio: false
 		};
 	}
@@ -23429,7 +23484,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			}
 		});
 		window.addEventListener("keyup", (e) => {
-			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = false;
+			if (e.key === "Meta" || e.key === "Control") this.isCtrlOrMetaPressed = false;
 			if (e.code === "Space") {
 				this.isSpaceKeyPressed = false;
 				this.disableMove();
@@ -23510,12 +23565,13 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			stage.y(stage.y() - deltaY);
 			this.instance.emit("onStageMove", void 0);
 		});
-		window.addEventListener("wheel", (e) => {
+		const handleWheel = (e) => {
 			if (!this.enabled || !this.overStage || this.isCtrlOrMetaPressed || this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed) return;
 			stage.x(stage.x() - e.deltaX);
 			stage.y(stage.y() - e.deltaY);
 			this.instance.emit("onStageMove", void 0);
-		});
+		};
+		window.addEventListener("wheel", (0, import_lodash.throttle)(handleWheel, 10));
 	}
 	enable() {
 		this.enabled = true;
@@ -23596,6 +23652,12 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 		const userInfo = this.config.getUser();
 		store.setAwarenessInfo(WEAVE_CONNECTED_USER_INFO_KEY, userInfo);
 		this.instance.emitEvent("onConnectedUsersChange", { [userInfo.name]: userInfo });
+		this.instance.addEventListener("onConnectionStatusChange", (status) => {
+			if (status === "connected") {
+				const userInfo$1 = this.config.getUser();
+				store.setAwarenessInfo(WEAVE_CONNECTED_USER_INFO_KEY, userInfo$1);
+			} else store.setAwarenessInfo(WEAVE_CONNECTED_USER_INFO_KEY, void 0);
+		});
 		this.instance.addEventListener("onAwarenessChange", (changes) => {
 			if (!this.enabled) {
 				this.connectedUsers = {};
@@ -23834,6 +23896,9 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 	onInit() {
 		const store = this.instance.getStore();
 		const stage = this.instance.getStage();
+		this.instance.addEventListener("onConnectionStatusChange", (status) => {
+			if (status === "disconnected") store.setAwarenessInfo(WEAVE_USER_POINTER_KEY, void 0);
+		});
 		this.instance.addEventListener("onAwarenessChange", (changes) => {
 			const selfUser = this.config.getUser();
 			const allActiveUsers = [];
@@ -23852,6 +23917,9 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 					};
 				}
 			}
+			const allPointers = Object.keys(this.usersPointers);
+			const inactiveUsers = allPointers.filter((user) => !allActiveUsers.includes(user));
+			for (let i = 0; i < inactiveUsers.length; i++) delete this.usersPointers[inactiveUsers[i]];
 			this.renderPointers();
 		});
 		stage.on("dragmove", (e) => {

package/dist/sdk.d.cts

@@ -291,6 +291,7 @@ declare abstract class WeaveNode implements WeaveNodeBase {
   getSelectionPlugin(): WeaveNodesSelectionPlugin;
   isSelecting(): boolean;
   isPasting(): boolean;
+  setupDefaultNodeAugmentation(node: Konva.Node): void;
   isNodeSelected(ele: Konva.Node): boolean;
   protected scaleReset(node: Konva.Node): void;
   setupDefaultNodeEvents(node: Konva.Node): void;
@@ -413,8 +414,8 @@ declare class Weave extends Emittery {
   destroy(): void;
   getId(): string;
   getConfiguration(): WeaveConfig;
-  setStageDefaultConfiguration(): void;
-  setNodesDefaultConfiguration(config?: WeaveNodeConfiguration): void;
+  augmentKonvaStageClass(): void;
+  augmentKonvaNodeClass(config?: WeaveNodeConfiguration): void;
   emitEvent<T>(event: string, payload?: T): void;
   addEventListener<T>(event: string, callback: (payload: T) => void): void;
   removeEventListener<T>(event: string, callback: (payload: T) => void): void;
@@ -1364,6 +1365,7 @@ type WeaveImageToolActionOnStartLoadImageEvent = undefined;
 type WeaveImageToolActionOnEndLoadImageEvent = Error | undefined;
 type WeaveImageToolActionTriggerParams = {
   imageURL?: string;
+  position?: Vector2d;
 };
 type WeaveImageToolActionTriggerReturn = {
   finishUploadCallback: (imageURL: string) => void;
@@ -2050,7 +2052,10 @@ type WeaveCopyPasteNodesPluginStateKeys = keyof typeof COPY_PASTE_NODES_PLUGIN_S
 type WeaveCopyPasteNodesPluginState = (typeof COPY_PASTE_NODES_PLUGIN_STATE)[WeaveCopyPasteNodesPluginStateKeys];
 type WeaveCopyPasteNodesPluginOnCopyEvent = Error | undefined;
 type WeaveCopyPasteNodesPluginOnPasteEvent = Error | undefined;
-type WeaveCopyPasteNodesPluginOnPasteExternalEvent = ClipboardItem;
+type WeaveCopyPasteNodesPluginOnPasteExternalEvent = {
+  item: ClipboardItem;
+  position: Vector2d;
+};
 type WeavePasteModel = {
   weaveInstanceId: string;
   weave: Record<string, WeaveStateElement>;
@@ -2081,9 +2086,8 @@ declare class WeaveCopyPasteNodesPlugin extends WeavePlugin {
   private recursivelyUpdateKeys;
   private handlePaste;
   private performCopy;
-  private performPaste;
   copy(): Promise<void>;
-  paste(): Promise<void>;
+  paste(position: Vector2d): Promise<void>;
   getSelectedNodes(): WeaveToPasteNode[];
   isPasting(): boolean;
   private cancel;