@inditextech/weave-sdk 2.1.1 → 2.2.0

package/dist/sdk.node.js

@@ -15008,6 +15008,7 @@ var require_lodash = __commonJS({ "../../node_modules/lodash/lodash.js"(exports,
 		} else root$8._ = _;
 	}).call(exports);
 } });
+var import_lodash$1 = __toESM(require_lodash());
 var import_lodash = __toESM(require_lodash(), 1);
 
 //#endregion
@@ -15152,13 +15153,13 @@ var WeaveStore = class {
 					node: JSON.parse(JSON.stringify(nodeInfo.node))
 				});
 			}
-			if (!this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) {
+			if (!this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) {
 				this.instance.setupRenderer();
 				this.isRoomLoaded = true;
 				this.emitOnRoomLoadedEvent();
 				return;
 			}
-			if (this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) this.instance.render();
+			if (this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) this.instance.render();
 		});
 	}
 	canUndoStateStep() {
@@ -17601,7 +17602,7 @@ var require_mergeWith = __commonJS({ "../../node_modules/lodash/mergeWith.js"(ex
 	});
 	module.exports = mergeWith;
 } });
-var import_mergeWith = __toESM(require_mergeWith(), 1);
+var import_mergeWith = __toESM(require_mergeWith());
 
 //#endregion
 //#region src/utils.ts
@@ -18451,7 +18452,7 @@ var require_throttle = __commonJS({ "../../node_modules/lodash/throttle.js"(expo
 	}
 	module.exports = throttle;
 } });
-var import_throttle = __toESM(require_throttle(), 1);
+var import_throttle = __toESM(require_throttle());
 
 //#endregion
 //#region src/nodes/stage/constants.ts
@@ -19347,11 +19348,11 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		}
 		if (nodesSelected === 1) {
 			transformerAttrs = mergeExceptArrays(transformerAttrs, nodes[0].getTransformerProperties());
-			transformerAttrs.enabledAnchors = nodes[0].allowedAnchors();
+			transformerAttrs.enabledAnchors = nodes[0]?.allowedAnchors() ?? [];
 		}
 		if (nodesSelected > 1) {
 			const anchorsArrays = [];
-			for (const node of nodes) anchorsArrays.push(node.allowedAnchors());
+			for (const node of nodes) anchorsArrays.push(node?.allowedAnchors() ?? []);
 			transformerAttrs.enabledAnchors = intersectArrays(anchorsArrays);
 		}
 		if (this.tr && this.tr.nodes().length > 0) {
@@ -19985,7 +19986,7 @@ var WeaveNode = class {
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesEdgeSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesEdgeSnappingPlugin.evaluateGuidelines(e);
 			};
-			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
+			node.on("transform", (0, import_lodash$1.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
 				this.instance.emitEvent("onTransform", null);
@@ -20077,7 +20078,7 @@ var WeaveNode = class {
 					if (layerToMove && !hasFrames(realNodeTarget) && realNodeTarget.isDragging()) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				}
 			};
-			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
+			node.on("dragmove", (0, import_lodash$1.throttle)(handleDragMove, 100));
 			node.on("dragend", (e) => {
 				const nodeTarget = e.target;
 				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
@@ -20394,29 +20395,50 @@ var WeaveReconciler = class {
 		const type = child.getAttrs().nodeType;
 		const handler = this.instance.getNodeHandler(type);
 		if (!handler) return;
+		let nodeAdded = false;
 		if (parentInstance instanceof Konva.Stage && child instanceof Konva.Layer) {
 			parentInstance.add(child);
 			handler.onAdd?.(child);
+			nodeAdded = true;
 		}
 		if (parentInstance instanceof Konva.Layer) {
 			parentInstance.add(child);
 			handler.onAdd?.(child);
+			nodeAdded = true;
 		}
 		if (parentInstance instanceof Konva.Group && typeof parentAttrs.containerId !== "undefined") {
 			const realParent = parentInstance.findOne(`#${parentAttrs.containerId}`);
 			realParent?.add(child);
 			handler.onAdd?.(child);
+			nodeAdded = true;
 		}
 		if (parentInstance instanceof Konva.Group && typeof parentAttrs.containerId === "undefined") {
 			parentInstance.add(child);
 			handler.onAdd?.(child);
+			nodeAdded = true;
 		}
 		if (childInitialZIndex) child.zIndex(childInitialZIndex);
+		if (nodeAdded) this.instance.emitEvent("onNodeRenderedAdded", child);
+	}
+	updateNode(instance, type, prevProps, nextProps) {
+		if (!(0, import_lodash.isEqual)(prevProps, nextProps)) {
+			const handler = this.instance.getNodeHandler(type);
+			if (!handler) return;
+			handler.onUpdate(instance, nextProps);
+			const childZIndex = nextProps.zIndex;
+			if (childZIndex) instance.zIndex(childZIndex);
+			this.instance.emitEvent("onNodeRenderedUpdated", instance);
+		}
+	}
+	removeNode(node) {
+		this.instance.emitEvent("onNodeRenderedRemoved", node);
 	}
 	getConfig() {
 		const weaveInstance = this.instance;
 		const logger = this.logger;
 		const addNode = this.addNode.bind(this);
+		const updateNode = this.updateNode.bind(this);
+		const removeNode = this.removeNode.bind(this);
 		return {
 			noTimeout: -1,
 			isPrimaryRenderer: true,
@@ -20610,13 +20632,7 @@ var WeaveReconciler = class {
 					nextProps
 				}, "commitUpdate");
 				if (instance instanceof Weave) return;
-				if (!(0, import_lodash.isEqual)(prevProps, nextProps)) {
-					const handler = weaveInstance.getNodeHandler(type);
-					if (!handler) return;
-					handler.onUpdate(instance, nextProps);
-					const childZIndex = nextProps.zIndex;
-					if (childZIndex) instance.zIndex(childZIndex);
-				}
+				updateNode(instance, type, prevProps, nextProps);
 			},
 			removeChildFromContainer() {
 				logger.debug("removeChildFromContainer");
@@ -20627,6 +20643,7 @@ var WeaveReconciler = class {
 				const handler = weaveInstance.getNodeHandler(type);
 				if (!handler) return;
 				handler.onDestroy(child);
+				removeNode(child);
 			}
 		};
 	}
@@ -21527,27 +21544,23 @@ var WeaveStateManager = class {
 			}, msg);
 			return;
 		}
-		const doc = getYjsDoc(state);
-		const userId = this.instance.getStore().getUser().id;
-		doc.transact(() => {
-			if (!parent.props.children) parent.props.children = [];
-			if (index) {
-				parent.props.children.splice(index, 0, node);
-				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
-			}
-			if (!index) {
-				const childrenAmount = parent.props.children.length;
-				const nodeToAdd = {
-					...node,
-					props: {
-						...node.props,
-						zIndex: childrenAmount
-					}
-				};
-				parent.props.children.push(nodeToAdd);
-			}
-			this.instance.emitEvent("onNodeAdded", node);
-		}, userId);
+		if (!parent.props.children) parent.props.children = [];
+		if (index) {
+			parent.props.children.splice(index, 0, node);
+			for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+		}
+		if (!index) {
+			const childrenAmount = parent.props.children.length;
+			const nodeToAdd = {
+				...node,
+				props: {
+					...node.props,
+					zIndex: childrenAmount
+				}
+			};
+			parent.props.children.push(nodeToAdd);
+		}
+		this.instance.emitEvent("onNodeAdded", node);
 	}
 	deepSyncSyncedStore(target, source) {
 		for (const key in target) if (!(key in source)) delete target[key];
@@ -21584,12 +21597,19 @@ var WeaveStateManager = class {
 			this.logger.warn({ node }, msg);
 			return;
 		}
+		this.deepSyncSyncedStore(nodeState.props, node.props);
+		this.instance.emitEvent("onNodeUpdated", node);
+	}
+	updateNodes(nodes) {
+		for (const node of nodes) this.updateNode(node);
+	}
+	stateTransactional(callback) {
+		const state = this.instance.getStore().getState();
 		const doc = getYjsDoc(state);
 		const userId = this.instance.getStore().getUser().id;
 		doc.transact(() => {
-			this.deepSyncSyncedStore(nodeState.props, node.props);
+			callback();
 		}, userId);
-		this.instance.emitEvent("onNodeUpdated", node);
 	}
 	removeNode(node) {
 		const state = this.instance.getStore().getState();
@@ -21609,21 +21629,14 @@ var WeaveStateManager = class {
 			this.logger.warn({ node }, msg);
 			return;
 		}
-		const doc = getYjsDoc(state);
-		const userId = this.instance.getStore().getUser().id;
-		doc.transact(() => {
-			if (parent.props.children) {
-				for (let i = parent.props.children.length - 1; i >= 0; i--) if (parent.props.children[i].key === node.key) {
-					parent.props.children.splice(i, 1);
-					break;
-				}
-				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
-				this.instance.emitEvent("onNodeRemoved", node);
+		if (parent.props.children) {
+			for (let i = parent.props.children.length - 1; i >= 0; i--) if (parent.props.children[i].key === node.key) {
+				parent.props.children.splice(i, 1);
+				break;
 			}
-		}, userId);
-	}
-	removeNodes(nodes) {
-		for (const node of nodes) this.removeNode(node);
+			for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+			this.instance.emitEvent("onNodeRemoved", node);
+		}
 	}
 	moveNode(node, position) {
 		const state = this.instance.getStore().getState();
@@ -21651,19 +21664,15 @@ var WeaveStateManager = class {
 				this.logger.warn({ node }, msg);
 				return;
 			}
-			const doc = getYjsDoc(state);
-			const userId = this.instance.getStore().getUser().id;
-			doc.transact(() => {
-				if (parent.props.children) {
-					const item = JSON.parse(JSON.stringify(parent.props.children[nodeIndex]));
-					parent.props.children.splice(nodeIndex, 1);
-					if (item && position === WEAVE_NODE_POSITION.UP) parent.props.children.splice(nodeIndex + 1, 0, item);
-					if (item && position === WEAVE_NODE_POSITION.DOWN) parent.props.children.splice(nodeIndex - 1, 0, item);
-					if (item && position === WEAVE_NODE_POSITION.FRONT) parent.props.children.splice(childrenAmount - 1, 0, item);
-					if (item && position === WEAVE_NODE_POSITION.BACK) parent.props.children.splice(0, 0, item);
-					for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
-				}
-			}, userId);
+			if (parent.props.children) {
+				const item = JSON.parse(JSON.stringify(parent.props.children[nodeIndex]));
+				parent.props.children.splice(nodeIndex, 1);
+				if (item && position === WEAVE_NODE_POSITION.UP) parent.props.children.splice(nodeIndex + 1, 0, item);
+				if (item && position === WEAVE_NODE_POSITION.DOWN) parent.props.children.splice(nodeIndex - 1, 0, item);
+				if (item && position === WEAVE_NODE_POSITION.FRONT) parent.props.children.splice(childrenAmount - 1, 0, item);
+				if (item && position === WEAVE_NODE_POSITION.BACK) parent.props.children.splice(0, 0, item);
+				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+			}
 		}
 	}
 	getElementsTree() {
@@ -21749,7 +21758,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "2.1.1";
+var version = "2.2.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22536,25 +22545,59 @@ var Weave = class {
 		return this.stateManager.getNode(nodeKey);
 	}
 	addNode(node, parentId = "mainLayer", index = void 0) {
+		this.stateTransactional(() => {
+			this.stateManager.addNode(node, parentId, index);
+		});
+	}
+	addNodeNT(node, parentId = "mainLayer", index = void 0) {
 		this.stateManager.addNode(node, parentId, index);
 	}
 	updateNode(node) {
+		this.stateTransactional(() => {
+			this.stateManager.updateNode(node);
+		});
+	}
+	updateNodeNT(node) {
 		this.stateManager.updateNode(node);
 	}
 	updateNodes(nodes) {
-		for (const node of nodes) this.updateNode(node);
+		this.stateTransactional(() => {
+			this.stateManager.updateNodes(nodes);
+		});
+	}
+	updateNodesNT(nodes) {
+		this.stateManager.updateNodes(nodes);
 	}
 	removeNode(node) {
+		this.stateTransactional(() => {
+			this.stateManager.removeNode(node);
+			const selectionPlugin = this.getPlugin("nodesSelection");
+			if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
+		});
+	}
+	removeNodeNT(node) {
 		this.stateManager.removeNode(node);
 		const selectionPlugin = this.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
 	}
 	removeNodes(nodes) {
-		for (const node of nodes) this.removeNode(node);
+		this.stateTransactional(() => {
+			for (const node of nodes) this.removeNodeNT(node);
+			const selectionPlugin = this.getPlugin("nodesSelection");
+			if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
+		});
+	}
+	removeNodesNT(nodes) {
+		for (const node of nodes) this.removeNodeNT(node);
 		const selectionPlugin = this.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
 	}
 	moveNode(node, position) {
+		this.stateTransactional(() => {
+			this.stateManager.moveNode(node, position);
+		});
+	}
+	moveNodeNT(node, position) {
 		this.stateManager.moveNode(node, position);
 	}
 	getElementsTree() {
@@ -22584,6 +22627,9 @@ var Weave = class {
 	getBoundingBox(nodes, config) {
 		return getBoundingBox(nodes, config);
 	}
+	stateTransactional(callback) {
+		this.stateManager.stateTransactional(callback);
+	}
 	moveUp(node) {
 		this.zIndexManager.moveUp(node);
 	}
@@ -23258,7 +23304,7 @@ var WeaveTextNode = class extends WeaveNode {
 		text.on("transformstart", (e) => {
 			this.instance.emitEvent("onTransform", e.target);
 		});
-		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, 50));
+		text.on("transform", (0, import_lodash$1.throttle)(handleTextTransform, 50));
 		text.on("transformend", () => {
 			this.instance.emitEvent("onTransform", null);
 		});
@@ -26553,7 +26599,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				this.config.zoomSteps = [minimumZoom, ...this.config.zoomSteps];
 			}
 		};
-		mainLayer?.on("draw", (0, import_lodash.throttle)(handleDraw, 50));
+		mainLayer?.on("draw", (0, import_lodash$1.throttle)(handleDraw, 50));
 		this.setZoom(this.config.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true, pointer) {
@@ -30271,7 +30317,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			this.onRender();
 		};
-		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
 		stage.on("pointermove", () => {
 			if (this.enabled) this.onRender();
 		});
@@ -30580,7 +30626,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			lastPos = pos;
 			this.instance.emitEvent("onStageMove");
 		};
-		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
 			this.isMouseLeftButtonPressed = false;
@@ -30844,7 +30890,7 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 		this.setupMinimap();
 	}
 	onInit() {
-		const throttledUpdateMinimap = (0, import_lodash.throttle)(async () => {
+		const throttledUpdateMinimap = (0, import_lodash$1.throttle)(async () => {
 			await this.updateMinimapContent();
 			this.updateMinimapViewportReference();
 		}, 100);
@@ -31137,7 +31183,7 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 					newConnectedUsers[userInformation.id] = userInformation;
 				}
 			}
-			if (!(0, import_lodash.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
+			if (!(0, import_lodash$1.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
 			this.connectedUsers = newConnectedUsers;
 		});
 	}
@@ -31385,7 +31431,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			for (let i = 0; i < inactiveUsers.length; i++) delete this.usersPointers[inactiveUsers[i]];
 			this.renderPointers();
 		});
-		const sendAwarenessUpdateThrottled = (0, import_lodash.throttle)(this.sendAwarenessUpdate.bind(this), this.config.awarenessThrottleMs);
+		const sendAwarenessUpdateThrottled = (0, import_lodash$1.throttle)(this.sendAwarenessUpdate.bind(this), this.config.awarenessThrottleMs);
 		stage.on("dragmove", () => {
 			const mousePos = stage.getRelativePointerPosition();
 			if (mousePos) sendAwarenessUpdateThrottled(mousePos);