@inditextech/weave-sdk 3.10.0 → 3.10.1

package/dist/sdk.js

@@ -17698,7 +17698,8 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 	const actualContainerAttrs = nodeActualContainer.getAttrs();
 	let layerToMove = void 0;
 	if (actualContainerAttrs.id !== containerToMove.getAttrs().id && !invalidOriginsTypes.includes(node.getAttrs().nodeType)) layerToMove = containerToMove;
-	if (layerToMove && actualContainerAttrs.id !== layerToMove.getAttrs().id && actualContainerAttrs.id !== layerToMove.getAttrs().containerId) {
+	const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
+	if (layerToMove && actualContainerAttrs.id !== layerToMove.getAttrs().id && actualContainerAttrs.id !== layerToMove.getAttrs().containerId && nodeHandler) {
 		const layerToMoveAttrs = layerToMove.getAttrs();
 		const nodePos = node.getAbsolutePosition();
 		const nodeRotation = node.getAbsoluteRotation();
@@ -17707,7 +17708,6 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 		node.rotation(nodeRotation);
 		node.x(node.x() - (layerToMoveAttrs.containerOffsetX ?? 0));
 		node.y(node.y() - (layerToMoveAttrs.containerOffsetY ?? 0));
-		node.destroy();
 		const newNode = node.clone();
 		instance.emitEvent("onNodeMovedToContainer", {
 			node: newNode,
@@ -17715,17 +17715,15 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 			originalNode,
 			originalContainer
 		});
-		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
-		if (nodeHandler) {
-			const actualNodeState = nodeHandler.serialize(node);
-			const newNodeState = nodeHandler.serialize(newNode);
-			instance.removeNodeNT(actualNodeState, { emitUserChangeEvent: false });
-			instance.addNodeNT(newNodeState, layerToMoveAttrs.id, {
-				emitUserChangeEvent: false,
-				overrideUserChangeType: WEAVE_NODE_CHANGE_TYPE.UPDATE
-			});
-			return true;
-		}
+		const actualNodeState = nodeHandler.serialize(node);
+		const newNodeState = nodeHandler.serialize(newNode);
+		node.destroy();
+		instance.removeNodeNT(actualNodeState, { emitUserChangeEvent: false });
+		instance.addNodeNT(newNodeState, layerToMoveAttrs.id, {
+			emitUserChangeEvent: false,
+			overrideUserChangeType: WEAVE_NODE_CHANGE_TYPE.UPDATE
+		});
+		return true;
 	}
 	return false;
 }
@@ -19288,10 +19286,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 			const isStage = e.target instanceof Konva.Stage;
 			const isTransformer = e.target?.getParent() instanceof Konva.Transformer;
-			const isTargetable = e.target.getAttrs().isTargetable !== false;
+			const canBeTargeted = e.target.getAttrs().canBeTargeted !== false;
 			const isContainerEmptyArea = e.target.getAttrs().isContainerPrincipal !== void 0 && !e.target.getAttrs().isContainerPrincipal;
 			if (isTransformer) return;
-			if (!isStage && !isContainerEmptyArea && isTargetable) {
+			if (!isStage && !isContainerEmptyArea && canBeTargeted) {
 				this.selecting = false;
 				this.stopPanLoop();
 				this.hideSelectorArea();
@@ -20403,6 +20401,9 @@ var WeaveNode = class {
 				mutexUserId: void 0
 			});
 		};
+		const isLocked = node.getAttrs().locked ?? false;
+		if (isLocked) node.listening(false);
+		else node.listening(true);
 	}
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -20787,27 +20788,27 @@ var WeaveNode = class {
 		const activeAction = this.instance.getActiveAction();
 		const isNodeSelectionEnabled = this.getSelectionPlugin()?.isEnabled();
 		const realNode = this.instance.getInstanceRecursive(node);
-		const isTargetable = node.getAttrs().isTargetable !== false;
-		const isLocked = node.getAttrs().locked ?? false;
+		const canBeTargeted = realNode.getAttrs().canBeTargeted !== false;
+		const isLocked = realNode.getAttrs().locked ?? false;
 		const isMutexLocked = realNode.getAttrs().mutexLocked && realNode.getAttrs().mutexUserId !== user.id;
 		if ([MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "")) return false;
 		let showHover = false;
 		let cancelBubble = false;
-		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && (isLocked || isMutexLocked)) {
+		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && realNode.hasName("node") && (isLocked || isMutexLocked)) {
 			stage.container().style.cursor = "default";
 			cancelBubble = true;
 		}
-		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
+		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && canBeTargeted && realNode.hasName("node") && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "pointer";
+			stage.container().style.cursor = (typeof realNode?.defineMousePointer === "function" ? realNode.defineMousePointer() : null) ?? "pointer";
 			cancelBubble = true;
 		}
-		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
+		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && realNode.hasName("node") && canBeTargeted && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "grab";
+			stage.container().style.cursor = (typeof realNode?.defineMousePointer === "function" ? realNode.defineMousePointer() : null) ?? "grab";
 			cancelBubble = true;
 		}
-		if (!isTargetable) cancelBubble = true;
+		if (!canBeTargeted) cancelBubble = true;
 		if (this.isPasting()) {
 			stage.container().style.cursor = "crosshair";
 			cancelBubble = true;
@@ -20895,7 +20896,12 @@ var WeaveNode = class {
 	}
 	lock(instance) {
 		if (instance.getAttrs().nodeType !== this.getNodeType()) return;
-		instance.setAttrs({ locked: true });
+		const isListening = instance.listening();
+		instance.setAttrs({
+			locked: true,
+			listening: false,
+			previousListening: isListening
+		});
 		this.instance.updateNode(this.serialize(instance));
 		const selectionPlugin = this.getSelectionPlugin();
 		if (selectionPlugin) {
@@ -20913,7 +20919,12 @@ var WeaveNode = class {
 		let realInstance = instance;
 		if (instance.getAttrs().nodeId) realInstance = this.instance.getStage().findOne(`#${instance.getAttrs().nodeId}`);
 		if (!realInstance) return;
-		realInstance.setAttrs({ locked: false });
+		const previousListening = realInstance.getAttrs().previousListening ?? true;
+		realInstance.setAttrs({
+			locked: false,
+			listening: previousListening,
+			previousListening: void 0
+		});
 		this.instance.updateNode(this.serialize(realInstance));
 		this.setupDefaultNodeEvents(realInstance);
 		const stage = this.instance.getStage();
@@ -22076,7 +22087,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.10.0";
+var version = "3.10.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -24264,6 +24275,7 @@ async function downscaleImageFile(file, ratio) {
 	ctx.drawImage(bitmap, 0, 0, width, height);
 	return new Promise((resolve) => {
 		canvas.toBlob((blob) => resolve(blob), file.type, .9);
+		canvas.remove();
 	});
 }
 function getImageSizeFromFile(file) {
@@ -24319,7 +24331,9 @@ const downscaleImageFromURL = (url, options) => {
 			canvas.height = height;
 			const ctx = canvas.getContext("2d");
 			ctx.drawImage(img, 0, 0, width, height);
-			resolve(canvas.toDataURL(type));
+			const dataURL = canvas.toDataURL(type);
+			canvas.remove();
+			resolve(dataURL);
 		};
 		img.onerror = () => {
 			reject(new Error("Invalid image", { cause: "InvalidImage" }));
@@ -24381,7 +24395,8 @@ var WeaveStageNode = class extends WeaveNode {
 	globalEventsInitialized = false;
 	initialize = void 0;
 	onRender(props) {
-		const stage = new Konva.Stage({
+		let stage = this.instance.getStage();
+		if (!stage) stage = new Konva.Stage({
 			...props,
 			mode: "default"
 		});
@@ -26431,6 +26446,7 @@ const doPreloadCursors = async (cursorsToPreload, setCursor, getFallbackCursor,
 			const ctx = canvas.getContext("2d");
 			ctx?.drawImage(img, 0, 0);
 			const dataURL = canvas.toDataURL("image/png");
+			canvas.remove();
 			const tokens = value.split(" ");
 			tokens[0] = `url(${dataURL})`;
 			setCursor(state, tokens.join(" "));
@@ -27791,7 +27807,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			strokeScaleEnabled: true,
 			listening: true,
 			draggable: false,
-			isTargetable: false
+			canBeTargeted: false
 		});
 		frameInternal.clip({
 			x: -(borderWidth / 2) * frameInternal.scaleX(),
@@ -29121,7 +29137,7 @@ var WeaveCommentNode = class extends WeaveNode {
 		const commentNode = new Konva.Group({
 			...commentParams,
 			name: "comment",
-			isTargetable: false,
+			canBeTargeted: false,
 			isExpanded: false,
 			commentAction: null,
 			listening: true,
@@ -29132,7 +29148,7 @@ var WeaveCommentNode = class extends WeaveNode {
 			id: `${id}-bg`,
 			x: 0,
 			y: -heightContracted,
-			isTargetable: false,
+			canBeTargeted: false,
 			fill: commentParams.userBackgroundColor ?? "#0000FF",
 			stroke: this.config.style.stroke,
 			strokeWidth: this.config.style.strokeWidth,
@@ -38672,7 +38688,9 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 			skipStroke: true
 		});
 		if (box.width === 0 || box.height === 0) return;
-		const fitScale = Math.min(this.minimapStage.width() / box.width, this.minimapStage.height() / box.height);
+		const width = this.minimapStage?.width();
+		const height = this.minimapStage?.height();
+		const fitScale = Math.min(width / box.width, height / box.height);
 		const centerOffset = {
 			x: (this.minimapStage.width() - box.width * fitScale) / 2,
 			y: (this.minimapStage.height() - box.height * fitScale) / 2

package/dist/sdk.node.js

@@ -17697,7 +17697,8 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 	const actualContainerAttrs = nodeActualContainer.getAttrs();
 	let layerToMove = void 0;
 	if (actualContainerAttrs.id !== containerToMove.getAttrs().id && !invalidOriginsTypes.includes(node.getAttrs().nodeType)) layerToMove = containerToMove;
-	if (layerToMove && actualContainerAttrs.id !== layerToMove.getAttrs().id && actualContainerAttrs.id !== layerToMove.getAttrs().containerId) {
+	const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
+	if (layerToMove && actualContainerAttrs.id !== layerToMove.getAttrs().id && actualContainerAttrs.id !== layerToMove.getAttrs().containerId && nodeHandler) {
 		const layerToMoveAttrs = layerToMove.getAttrs();
 		const nodePos = node.getAbsolutePosition();
 		const nodeRotation = node.getAbsoluteRotation();
@@ -17706,7 +17707,6 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 		node.rotation(nodeRotation);
 		node.x(node.x() - (layerToMoveAttrs.containerOffsetX ?? 0));
 		node.y(node.y() - (layerToMoveAttrs.containerOffsetY ?? 0));
-		node.destroy();
 		const newNode = node.clone();
 		instance.emitEvent("onNodeMovedToContainer", {
 			node: newNode,
@@ -17714,17 +17714,15 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 			originalNode,
 			originalContainer
 		});
-		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
-		if (nodeHandler) {
-			const actualNodeState = nodeHandler.serialize(node);
-			const newNodeState = nodeHandler.serialize(newNode);
-			instance.removeNodeNT(actualNodeState, { emitUserChangeEvent: false });
-			instance.addNodeNT(newNodeState, layerToMoveAttrs.id, {
-				emitUserChangeEvent: false,
-				overrideUserChangeType: WEAVE_NODE_CHANGE_TYPE.UPDATE
-			});
-			return true;
-		}
+		const actualNodeState = nodeHandler.serialize(node);
+		const newNodeState = nodeHandler.serialize(newNode);
+		node.destroy();
+		instance.removeNodeNT(actualNodeState, { emitUserChangeEvent: false });
+		instance.addNodeNT(newNodeState, layerToMoveAttrs.id, {
+			emitUserChangeEvent: false,
+			overrideUserChangeType: WEAVE_NODE_CHANGE_TYPE.UPDATE
+		});
+		return true;
 	}
 	return false;
 }
@@ -19287,10 +19285,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 			const isStage = e.target instanceof Konva.Stage;
 			const isTransformer = e.target?.getParent() instanceof Konva.Transformer;
-			const isTargetable = e.target.getAttrs().isTargetable !== false;
+			const canBeTargeted = e.target.getAttrs().canBeTargeted !== false;
 			const isContainerEmptyArea = e.target.getAttrs().isContainerPrincipal !== void 0 && !e.target.getAttrs().isContainerPrincipal;
 			if (isTransformer) return;
-			if (!isStage && !isContainerEmptyArea && isTargetable) {
+			if (!isStage && !isContainerEmptyArea && canBeTargeted) {
 				this.selecting = false;
 				this.stopPanLoop();
 				this.hideSelectorArea();
@@ -20402,6 +20400,9 @@ var WeaveNode = class {
 				mutexUserId: void 0
 			});
 		};
+		const isLocked = node.getAttrs().locked ?? false;
+		if (isLocked) node.listening(false);
+		else node.listening(true);
 	}
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -20786,27 +20787,27 @@ var WeaveNode = class {
 		const activeAction = this.instance.getActiveAction();
 		const isNodeSelectionEnabled = this.getSelectionPlugin()?.isEnabled();
 		const realNode = this.instance.getInstanceRecursive(node);
-		const isTargetable = node.getAttrs().isTargetable !== false;
-		const isLocked = node.getAttrs().locked ?? false;
+		const canBeTargeted = realNode.getAttrs().canBeTargeted !== false;
+		const isLocked = realNode.getAttrs().locked ?? false;
 		const isMutexLocked = realNode.getAttrs().mutexLocked && realNode.getAttrs().mutexUserId !== user.id;
 		if ([MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "")) return false;
 		let showHover = false;
 		let cancelBubble = false;
-		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && (isLocked || isMutexLocked)) {
+		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && realNode.hasName("node") && (isLocked || isMutexLocked)) {
 			stage.container().style.cursor = "default";
 			cancelBubble = true;
 		}
-		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
+		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && canBeTargeted && realNode.hasName("node") && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "pointer";
+			stage.container().style.cursor = (typeof realNode?.defineMousePointer === "function" ? realNode.defineMousePointer() : null) ?? "pointer";
 			cancelBubble = true;
 		}
-		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
+		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && realNode.hasName("node") && canBeTargeted && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "grab";
+			stage.container().style.cursor = (typeof realNode?.defineMousePointer === "function" ? realNode.defineMousePointer() : null) ?? "grab";
 			cancelBubble = true;
 		}
-		if (!isTargetable) cancelBubble = true;
+		if (!canBeTargeted) cancelBubble = true;
 		if (this.isPasting()) {
 			stage.container().style.cursor = "crosshair";
 			cancelBubble = true;
@@ -20894,7 +20895,12 @@ var WeaveNode = class {
 	}
 	lock(instance) {
 		if (instance.getAttrs().nodeType !== this.getNodeType()) return;
-		instance.setAttrs({ locked: true });
+		const isListening = instance.listening();
+		instance.setAttrs({
+			locked: true,
+			listening: false,
+			previousListening: isListening
+		});
 		this.instance.updateNode(this.serialize(instance));
 		const selectionPlugin = this.getSelectionPlugin();
 		if (selectionPlugin) {
@@ -20912,7 +20918,12 @@ var WeaveNode = class {
 		let realInstance = instance;
 		if (instance.getAttrs().nodeId) realInstance = this.instance.getStage().findOne(`#${instance.getAttrs().nodeId}`);
 		if (!realInstance) return;
-		realInstance.setAttrs({ locked: false });
+		const previousListening = realInstance.getAttrs().previousListening ?? true;
+		realInstance.setAttrs({
+			locked: false,
+			listening: previousListening,
+			previousListening: void 0
+		});
 		this.instance.updateNode(this.serialize(realInstance));
 		this.setupDefaultNodeEvents(realInstance);
 		const stage = this.instance.getStage();
@@ -22075,7 +22086,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.10.0";
+var version = "3.10.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -24263,6 +24274,7 @@ async function downscaleImageFile(file, ratio) {
 	ctx.drawImage(bitmap, 0, 0, width, height);
 	return new Promise((resolve) => {
 		canvas.toBlob((blob) => resolve(blob), file.type, .9);
+		canvas.remove();
 	});
 }
 function getImageSizeFromFile(file) {
@@ -24318,7 +24330,9 @@ const downscaleImageFromURL = (url, options) => {
 			canvas.height = height;
 			const ctx = canvas.getContext("2d");
 			ctx.drawImage(img, 0, 0, width, height);
-			resolve(canvas.toDataURL(type));
+			const dataURL = canvas.toDataURL(type);
+			canvas.remove();
+			resolve(dataURL);
 		};
 		img.onerror = () => {
 			reject(new Error("Invalid image", { cause: "InvalidImage" }));
@@ -24380,7 +24394,8 @@ var WeaveStageNode = class extends WeaveNode {
 	globalEventsInitialized = false;
 	initialize = void 0;
 	onRender(props) {
-		const stage = new Konva.Stage({
+		let stage = this.instance.getStage();
+		if (!stage) stage = new Konva.Stage({
 			...props,
 			mode: "default"
 		});
@@ -26430,6 +26445,7 @@ const doPreloadCursors = async (cursorsToPreload, setCursor, getFallbackCursor,
 			const ctx = canvas.getContext("2d");
 			ctx?.drawImage(img, 0, 0);
 			const dataURL = canvas.toDataURL("image/png");
+			canvas.remove();
 			const tokens = value.split(" ");
 			tokens[0] = `url(${dataURL})`;
 			setCursor(state, tokens.join(" "));
@@ -27790,7 +27806,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			strokeScaleEnabled: true,
 			listening: true,
 			draggable: false,
-			isTargetable: false
+			canBeTargeted: false
 		});
 		frameInternal.clip({
 			x: -(borderWidth / 2) * frameInternal.scaleX(),
@@ -29120,7 +29136,7 @@ var WeaveCommentNode = class extends WeaveNode {
 		const commentNode = new Konva.Group({
 			...commentParams,
 			name: "comment",
-			isTargetable: false,
+			canBeTargeted: false,
 			isExpanded: false,
 			commentAction: null,
 			listening: true,
@@ -29131,7 +29147,7 @@ var WeaveCommentNode = class extends WeaveNode {
 			id: `${id}-bg`,
 			x: 0,
 			y: -heightContracted,
-			isTargetable: false,
+			canBeTargeted: false,
 			fill: commentParams.userBackgroundColor ?? "#0000FF",
 			stroke: this.config.style.stroke,
 			strokeWidth: this.config.style.strokeWidth,
@@ -38671,7 +38687,9 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 			skipStroke: true
 		});
 		if (box.width === 0 || box.height === 0) return;
-		const fitScale = Math.min(this.minimapStage.width() / box.width, this.minimapStage.height() / box.height);
+		const width = this.minimapStage?.width();
+		const height = this.minimapStage?.height();
+		const fitScale = Math.min(width / box.width, height / box.height);
 		const centerOffset = {
 			x: (this.minimapStage.width() - box.width * fitScale) / 2,
 			y: (this.minimapStage.height() - box.height * fitScale) / 2