@inditextech/weave-sdk 2.12.1 → 2.13.0

package/dist/sdk.node.js

@@ -1,7 +1,7 @@
 import Konva from "konva";
 import { randomFillSync, randomUUID } from "crypto";
 import pino from "pino";
-import { WEAVE_AWARENESS_LAYER_ID, WEAVE_EXPORT_BACKGROUND_COLOR, WEAVE_EXPORT_FORMATS, WEAVE_INSTANCE_STATUS, WEAVE_KONVA_BACKEND, WEAVE_NODE_CUSTOM_EVENTS, WEAVE_NODE_LAYER_ID, WEAVE_NODE_POSITION, WEAVE_STORE_CONNECTION_STATUS, WEAVE_UTILITY_LAYER_ID } from "@inditextech/weave-types";
+import { WEAVE_ASYNC_STATUS, WEAVE_AWARENESS_LAYER_ID, WEAVE_EXPORT_BACKGROUND_COLOR, WEAVE_EXPORT_FORMATS, WEAVE_INSTANCE_STATUS, WEAVE_KONVA_BACKEND, WEAVE_NODE_CUSTOM_EVENTS, WEAVE_NODE_LAYER_ID, WEAVE_NODE_POSITION, WEAVE_STORE_CONNECTION_STATUS, WEAVE_UTILITY_LAYER_ID } from "@inditextech/weave-types";
 import { getYjsDoc, getYjsValue, observeDeep, syncedStore } from "@syncedstore/core";
 import * as Y from "yjs";
 import React from "react";
@@ -18562,6 +18562,7 @@ const WEAVE_GRID_LAYER_ID = "gridLayer";
 //#endregion
 //#region src/plugins/stage-panning/constants.ts
 const WEAVE_STAGE_PANNING_KEY = "stagePanning";
+const WEAVE_STAGE_PANNING_THROTTLE_MS = 20;
 const WEAVE_STAGE_PANNING_DEFAULT_CONFIG = {
 	edgePanOffset: 50,
 	edgePanSpeed: 10
@@ -18577,6 +18578,16 @@ const WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG = { style: {
 	fill: "transparent"
 } };
 
+//#endregion
+//#region src/constants.ts
+const DEFAULT_THROTTLE_MS = 50;
+
+//#endregion
+//#region src/plugins/users-presence/constants.ts
+const WEAVE_USER_PRESENCE_KEY = "userPresence";
+const WEAVE_USERS_PRESENCE_PLUGIN_KEY = "usersPresence";
+const WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS = { awarenessThrottleMs: DEFAULT_THROTTLE_MS };
+
 //#endregion
 //#region src/plugins/nodes-selection/nodes-selection.ts
 var WeaveNodesSelectionPlugin = class extends WeavePlugin {
@@ -18703,6 +18714,15 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		});
 		tr.on("transformstart", () => {
 			this.triggerSelectedNodesEvent();
+			const selectedNodes = tr.nodes();
+			for (const node of selectedNodes) if (node.getAttrs().strokeScaleEnabled !== false) {
+				node.setAttr("strokeScaleEnabled", false);
+				node.setAttr("_revertStrokeScaleEnabled", true);
+			}
+			if (this.getSelectedNodes().length > 1) this.instance.setMutexLock({
+				nodeIds: selectedNodes.map((node) => node.id()),
+				operation: "nodes-transform"
+			});
 		});
 		let nodeHovered = void 0;
 		tr.on("mousemove", () => {
@@ -18740,9 +18760,26 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const moved = this.checkMoved(e);
 			if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
 			this.triggerSelectedNodesEvent();
+			if (this.getUsersPresencePlugin()) for (const node of tr.nodes()) this.getUsersPresencePlugin()?.setPresence(node.id(), {
+				x: node.x(),
+				y: node.y(),
+				width: node.width(),
+				height: node.height(),
+				scaleX: node.scaleX(),
+				scaleY: node.scaleY(),
+				rotation: node.rotation(),
+				strokeScaleEnabled: false
+			});
 		};
-		tr.on("transform", (0, import_throttle.default)(handleTransform, 50));
+		tr.on("transform", (0, import_throttle.default)(handleTransform, DEFAULT_THROTTLE_MS));
 		tr.on("transformend", () => {
+			if (this.getSelectedNodes().length > 1) this.instance.releaseMutexLock();
+			const selectedNodes = tr.nodes();
+			for (const node of selectedNodes) {
+				if (node.getAttrs()._revertStrokeScaleEnabled === true) node.setAttr("strokeScaleEnabled", true);
+				node.setAttr("_revertStrokeScaleEnabled", void 0);
+				if (this.getUsersPresencePlugin()) this.getUsersPresencePlugin()?.removePresence(node.id());
+			}
 			this.triggerSelectedNodesEvent();
 		});
 		let initialPos = null;
@@ -18776,6 +18813,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 			e.cancelBubble = true;
 			tr.forceUpdate();
+			if (this.getSelectedNodes().length > 1) this.instance.setMutexLock({
+				nodeIds: selectedNodes.map((node) => node.id()),
+				operation: "nodes-drag"
+			});
 		});
 		const handleDragMove = (e) => {
 			const actualPos = {
@@ -18808,6 +18849,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (this.isSelecting() && selectedNodes.length > 1) {
 				clearContainerTargets(this.instance);
 				const layerToMove = containerOverCursor(this.instance, selectedNodes);
+				if (this.getUsersPresencePlugin()) for (const node of selectedNodes) this.getUsersPresencePlugin()?.setPresence(node.id(), {
+					x: node.x(),
+					y: node.y()
+				});
 				if (layerToMove && !selectionContainsFrames) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 			}
 			tr.forceUpdate();
@@ -18815,12 +18860,14 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		tr.on("dragmove", handleDragMove);
 		tr.on("dragend", (e) => {
 			if (!this.didMove) return;
+			if (this.getSelectedNodes().length > 1) this.instance.releaseMutexLock();
 			e.cancelBubble = true;
 			if (tr.nodes().length > 1) {
 				const nodes$1 = tr.nodes();
 				for (const node of nodes$1) {
 					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(node);
 					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(node);
+					this.getUsersPresencePlugin()?.removePresence(node.id());
 				}
 			}
 			this.instance.getCloningManager().cleanupClones();
@@ -19194,6 +19241,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		stage.on("pointermove", handleMouseMove);
 		this.panLoop();
 		stage.on("pointerup", (e) => {
+			const store = this.instance.getStore();
+			const actUser = store.getUser();
 			this.tr.setAttrs({ listening: true });
 			this.selecting = false;
 			this.stopPanLoop();
@@ -19258,6 +19307,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const box = this.selectionRectangle.getClientRect();
 			this.selectionRectangle.visible(false);
 			const selected = shapes.filter((shape) => {
+				const shapeMutex = this.instance.getNodeMutexLock(shape.id());
+				if (shapeMutex && shapeMutex.user.id !== actUser.id) return false;
 				let parent = this.instance.getInstanceRecursive(shape.getParent());
 				if (parent.getAttrs().nodeId) parent = this.instance.getStage().findOne(`#${parent.getAttrs().nodeId}`);
 				if (shape.getAttrs().nodeType && shape.getAttrs().nodeType === "frame") {
@@ -19360,7 +19411,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			return node.getAttrs().id === nodeTargeted.getAttrs().id;
 		});
 		const isSelected = nodeSelectedIndex !== -1;
-		if (nodeTargeted.getAttrs().locked) return;
+		const user = this.instance.getStore().getUser();
+		const isLocked = nodeTargeted.getAttrs().locked ?? false;
+		const isMutexLocked = nodeTargeted.getAttrs().mutexLocked && nodeTargeted.getAttrs().mutexUserId !== user.id;
+		if (isLocked || isMutexLocked) return;
 		if (nodeTargeted.getAttrs().nodeId) {
 			const realNode = stage.findOne(`#${nodeTargeted.getAttrs().nodeId}`);
 			if (realNode) nodeTargeted = realNode;
@@ -19491,6 +19545,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const stagePanning = this.instance.getPlugin(WEAVE_STAGE_PANNING_KEY);
 		return stagePanning;
 	}
+	getUsersPresencePlugin() {
+		const usersPresencePlugin = this.instance.getPlugin(WEAVE_USERS_PRESENCE_PLUGIN_KEY);
+		return usersPresencePlugin;
+	}
 	getSelectorConfig() {
 		return this.config.selection;
 	}
@@ -20112,6 +20170,25 @@ var WeaveNode = class {
 			});
 			return anchors;
 		};
+		node.lockMutex = function(user) {
+			const actUser = actInstance.getStore().getUser();
+			this.setAttrs({
+				mutexLocked: true,
+				mutexUserId: user.id
+			});
+			const selectionPlugin = actInstance.getPlugin("nodesSelection");
+			if (selectionPlugin && actUser.id !== user.id) {
+				const selectedNodes = selectionPlugin.getSelectedNodes();
+				const filteredNodes = selectedNodes.filter((n) => n.getAttrs().id !== this.getAttrs().id);
+				selectionPlugin.setSelectedNodes(filteredNodes);
+			}
+		};
+		node.releaseMutex = function() {
+			this.setAttrs({
+				mutexLocked: false,
+				mutexUserId: void 0
+			});
+		};
 	}
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -20165,8 +20242,16 @@ var WeaveNode = class {
 			let transforming = false;
 			node.on("transformstart", (e) => {
 				transforming = true;
+				if (e.target.getAttrs().strokeScaleEnabled !== false) {
+					e.target.setAttr("strokeScaleEnabled", false);
+					e.target.setAttr("_revertStrokeScaleEnabled", true);
+				}
 				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(node);
 				this.instance.emitEvent("onTransform", e.target);
+				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) this.instance.setMutexLock({
+					nodeIds: [e.target.id()],
+					operation: "node-transform"
+				});
 			});
 			const handleTransform = (e) => {
 				const node$1 = e.target;
@@ -20174,11 +20259,24 @@ var WeaveNode = class {
 				const nodesEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesEdgeSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesEdgeSnappingPlugin.evaluateGuidelines(e);
+				this.getUsersPresencePlugin()?.setPresence(node$1.id(), {
+					x: node$1.x(),
+					y: node$1.y(),
+					width: node$1.width(),
+					height: node$1.height(),
+					scaleX: node$1.scaleX(),
+					scaleY: node$1.scaleY(),
+					rotation: node$1.rotation(),
+					strokeScaleEnabled: false
+				});
 			};
-			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
+			node.on("transform", (0, import_lodash.throttle)(handleTransform, DEFAULT_THROTTLE_MS));
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
-				e.target.setAttr("strokeScaleEnabled", true);
+				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) this.instance.releaseMutexLock();
+				this.getUsersPresencePlugin()?.removePresence(node$1.id());
+				if (e.target.getAttrs()._revertStrokeScaleEnabled === true) e.target.setAttr("strokeScaleEnabled", true);
+				e.target.setAttr("_revertStrokeScaleEnabled", void 0);
 				this.instance.emitEvent("onTransform", null);
 				transforming = false;
 				const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -20258,6 +20356,10 @@ var WeaveNode = class {
 						clone?.startDrag(e.evt);
 					});
 				}
+				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1) this.instance.setMutexLock({
+					nodeIds: [e.target.id()],
+					operation: "node-drag"
+				});
 			});
 			const handleDragMove = (e) => {
 				const nodeTarget = e.target;
@@ -20281,14 +20383,19 @@ var WeaveNode = class {
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
 				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					clearContainerTargets(this.instance);
+					this.getUsersPresencePlugin()?.setPresence(realNodeTarget.id(), {
+						x: realNodeTarget.x(),
+						y: realNodeTarget.y()
+					});
 					const layerToMove = containerOverCursor(this.instance, [realNodeTarget]);
 					if (layerToMove && !hasFrames(realNodeTarget) && realNodeTarget.isDragging() && !realNodeTarget.getAttrs().lockToContainer) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { node: realNodeTarget });
 				}
 			};
-			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
+			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, DEFAULT_THROTTLE_MS));
 			node.on("dragend", (e) => {
 				const nodeTarget = e.target;
 				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
+					this.instance.releaseMutexLock();
 					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(nodeTarget);
 					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(nodeTarget);
 				}
@@ -20308,6 +20415,7 @@ var WeaveNode = class {
 				}
 				this.instance.emitEvent("onDrag", null);
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
+				this.getUsersPresencePlugin()?.removePresence(realNodeTarget.id());
 				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1 && realNodeTarget.getAttr("dragStartOpacity") !== void 0) {
 					const originalNodeOpacity = realNodeTarget.getAttr("dragStartOpacity") ?? 1;
 					realNodeTarget.setAttrs({ opacity: originalNodeOpacity });
@@ -20376,35 +20484,33 @@ var WeaveNode = class {
 	}
 	handleMouseOver(node) {
 		const stage = this.instance.getStage();
+		const user = this.instance.getStore().getUser();
 		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 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) {
-			const stage$1 = this.instance.getStage();
-			stage$1.container().style.cursor = "default";
+		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && (isLocked || isMutexLocked)) {
+			stage.container().style.cursor = "default";
 			cancelBubble = true;
 		}
-		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !isLocked && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
-			const stage$1 = this.instance.getStage();
+		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage$1.container().style.cursor = "pointer";
+			stage.container().style.cursor = "pointer";
 			cancelBubble = true;
 		}
-		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !isLocked && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
-			const stage$1 = this.instance.getStage();
+		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage$1.container().style.cursor = "grab";
+			stage.container().style.cursor = "grab";
 			cancelBubble = true;
 		}
 		if (!isTargetable) cancelBubble = true;
 		if (this.isPasting()) {
-			const stage$1 = this.instance.getStage();
-			stage$1.container().style.cursor = "crosshair";
+			stage.container().style.cursor = "crosshair";
 			cancelBubble = true;
 		}
 		if (showHover) this.setHoverState(realNode);
@@ -20435,6 +20541,8 @@ var WeaveNode = class {
 	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		return {
 			key: attrs.id ?? "",
@@ -20555,6 +20663,10 @@ var WeaveNode = class {
 		const selectionFeedbackPlugin = this.instance.getPlugin(WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY);
 		return selectionFeedbackPlugin;
 	}
+	getUsersPresencePlugin() {
+		const usersPresencePlugin = this.instance.getPlugin(WEAVE_USERS_PRESENCE_PLUGIN_KEY);
+		return usersPresencePlugin;
+	}
 };
 
 //#endregion
@@ -21991,7 +22103,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "2.12.1";
+var version = "2.13.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22470,7 +22582,163 @@ var WeavePluginsManager = class {
 };
 
 //#endregion
-//#region src/watch-map.ts
+//#region src/plugins/connected-users/constants.ts
+const WEAVE_CONNECTED_USERS_KEY = "connectedUsers";
+const WEAVE_CONNECTED_USER_INFO_KEY = "userInfo";
+
+//#endregion
+//#region src/managers/mutex/mutex.ts
+var WeaveMutexManager = class {
+	userMutexLocked = new Map();
+	nodeMutexLocked = new Map();
+	WEAVE_USER_MUTEX_LOCK_KEY = "userMutexLock";
+	constructor(instance) {
+		this.instance = instance;
+		this.logger = this.instance.getChildLogger("mutex-manager");
+		this.logger.debug("Mutex manager created");
+		this.init();
+	}
+	init() {
+		this.setupMutexManager();
+	}
+	setupMutexManager() {
+		this.instance.addEventListener("onConnectedUsersChange", (users) => {
+			const actUser = this.instance.getStore().getUser();
+			const userMutexKeys = Array.from(this.userMutexLocked.keys());
+			for (const userMutexKey of userMutexKeys) if (actUser.id !== userMutexKey && !users[userMutexKey]) {
+				const info = this.userMutexLocked.get(userMutexKey);
+				if (info) {
+					const user = info.user;
+					this.releaseMutexLockRemote(user);
+				}
+			}
+		});
+		this.instance.addEventListener(
+			"onAwarenessChange",
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			(changes) => {
+				const actUser = this.instance.getStore().getUser();
+				for (const change of changes) {
+					if (!change[this.WEAVE_USER_MUTEX_LOCK_KEY] && change[WEAVE_CONNECTED_USER_INFO_KEY] && actUser.id !== change[WEAVE_CONNECTED_USER_INFO_KEY].id) {
+						const user = change[WEAVE_CONNECTED_USER_INFO_KEY];
+						this.releaseMutexLockRemote(user);
+						continue;
+					}
+					if (change[WEAVE_CONNECTED_USER_INFO_KEY] && actUser.id !== change[WEAVE_CONNECTED_USER_INFO_KEY].id) {
+						const user = change[WEAVE_CONNECTED_USER_INFO_KEY];
+						const mutexInfo = change[this.WEAVE_USER_MUTEX_LOCK_KEY];
+						this.setMutexLockRemote({
+							nodeIds: mutexInfo.nodeIds,
+							operation: mutexInfo.operation,
+							metadata: mutexInfo.metadata
+						}, user);
+					}
+				}
+			}
+);
+	}
+	async acquireMutexLock({ nodeIds, operation }, action) {
+		const lockAcquired = this.setMutexLock({
+			nodeIds,
+			operation
+		});
+		if (lockAcquired) {
+			await Promise.resolve(action());
+			this.releaseMutexLock();
+		}
+	}
+	getUserMutexLock(userMutexKey) {
+		if (this.userMutexLocked.get(userMutexKey)) return this.userMutexLocked.get(userMutexKey);
+		return void 0;
+	}
+	getNodeMutexLock(nodeMutexKey) {
+		if (this.nodeMutexLocked.get(nodeMutexKey)) return this.nodeMutexLocked.get(nodeMutexKey);
+		return void 0;
+	}
+	getUserMutexKey(user) {
+		const store = this.instance.getStore();
+		let userInfo = store.getUser();
+		if (user !== void 0) userInfo = user;
+		return userInfo.id;
+	}
+	getNodeMutexKey(nodeId) {
+		return nodeId;
+	}
+	setMutexLockRemote({ nodeIds, operation, metadata }, user) {
+		return this.setMutexLock({
+			nodeIds,
+			operation,
+			metadata
+		}, user, false);
+	}
+	setMutexLock({ nodeIds, operation, metadata }, userInfo = void 0, sendAwareness = true) {
+		const store = this.instance.getStore();
+		let user = store.getUser();
+		if (userInfo !== void 0) user = userInfo;
+		const userMutexKey = this.getUserMutexKey(user);
+		if (this.userMutexLocked.has(userMutexKey)) return false;
+		const preLockedNodes = [];
+		for (const nodeId of nodeIds) {
+			const nodeMutexKey = this.getNodeMutexKey(nodeId);
+			if (this.nodeMutexLocked.has(nodeMutexKey)) break;
+			else {
+				this.nodeMutexLocked.set(nodeMutexKey, {
+					user,
+					operation,
+					metadata
+				});
+				const nodeInstance = this.instance.getStage().findOne(`#${nodeId}`);
+				if (nodeInstance) nodeInstance.lockMutex(user);
+				preLockedNodes.push(nodeMutexKey);
+			}
+		}
+		if (preLockedNodes.length === nodeIds.length && !this.userMutexLocked.has(userMutexKey)) {
+			this.userMutexLocked.set(userMutexKey, {
+				user,
+				nodeIds,
+				operation,
+				metadata
+			});
+			if (sendAwareness) store.setAwarenessInfo(this.WEAVE_USER_MUTEX_LOCK_KEY, {
+				user,
+				nodeIds,
+				operation,
+				metadata
+			});
+			this.instance.emitEvent("onMutexLockChange", { locks: [...this.userMutexLocked.keys()] });
+			return true;
+		}
+		if (preLockedNodes.length !== nodeIds.length) {
+			this.userMutexLocked.delete(userMutexKey);
+			for (const nodeMutexKey of preLockedNodes) this.nodeMutexLocked.delete(nodeMutexKey);
+		}
+		return false;
+	}
+	releaseMutexLockRemote(user) {
+		this.releaseMutexLock(user, false);
+	}
+	releaseMutexLock(userInfo = void 0, sendAwareness = true) {
+		const store = this.instance.getStore();
+		let user = store.getUser();
+		if (userInfo !== void 0) user = userInfo;
+		const userMutexKey = this.getUserMutexKey(user);
+		if (this.userMutexLocked.has(userMutexKey)) {
+			const nodeIds = this.userMutexLocked.get(userMutexKey).nodeIds;
+			for (const nodeId of nodeIds) {
+				const nodeMutexKey = this.getNodeMutexKey(nodeId);
+				this.nodeMutexLocked.delete(nodeMutexKey);
+				const nodeInstance = this.instance.getStage().findOne(`#${nodeId}`);
+				if (nodeInstance) nodeInstance.releaseMutex();
+			}
+			this.userMutexLocked.delete(userMutexKey);
+			if (sendAwareness) store.setAwarenessInfo(this.WEAVE_USER_MUTEX_LOCK_KEY, void 0);
+			this.instance.emitEvent("onMutexLockChange", { locks: [...this.userMutexLocked.keys()] });
+		}
+	}
+};
+
+//#endregion
+//#region src/managers/async/watch-map.ts
 function watchMap(onChange, map = new Map()) {
 	const handler = { get(target, prop, receiver) {
 		if (prop === "set") return (key, value$1) => {
@@ -22514,12 +22782,70 @@ function watchMap(onChange, map = new Map()) {
 	return new Proxy(map, handler);
 }
 
+//#endregion
+//#region src/managers/async/async.ts
+var WeaveAsyncManager = class {
+	constructor(instance) {
+		this.instance = instance;
+		this.logger = this.instance.getChildLogger("async-manager");
+		this.logger.debug("Async manager created");
+		this.asyncElements = watchMap(() => {
+			this.instance.emitEvent("onAsyncElementChange");
+		}, new Map());
+	}
+	asyncElementsLoaded() {
+		return [...this.asyncElements.values()].every((el) => el.status === WEAVE_ASYNC_STATUS.LOADED);
+	}
+	loadAsyncElement(nodeId, type) {
+		let element = this.asyncElements.get(nodeId);
+		if (element) element.status = WEAVE_ASYNC_STATUS.LOADING;
+		else element = {
+			type,
+			status: WEAVE_ASYNC_STATUS.LOADING
+		};
+		this.asyncElements.set(nodeId, element);
+	}
+	resolveAsyncElement(nodeId, type) {
+		let element = this.asyncElements.get(nodeId);
+		if (element) element.status = WEAVE_ASYNC_STATUS.LOADED;
+		else element = {
+			type,
+			status: WEAVE_ASYNC_STATUS.LOADED
+		};
+		this.asyncElements.set(nodeId, element);
+	}
+};
+
+//#endregion
+//#region src/managers/hooks.ts
+var WeaveHooksManager = class {
+	registeredHooks = new Map();
+	constructor(instance) {
+		this.instance = instance;
+		this.logger = this.instance.getChildLogger("hooks-manager");
+		this.logger.debug("Hooks manager created");
+	}
+	registerHook(hookName, hook) {
+		const exists = this.registeredHooks.has(hookName);
+		if (!exists) this.registeredHooks.set(hookName, hook);
+	}
+	runPhaseHooks(phaseName, execution) {
+		const hooks = [...this.registeredHooks.keys()].filter((key) => key.startsWith(`${phaseName}:`)).map((key) => this.registeredHooks.get(key));
+		for (const hook of hooks) execution(hook);
+	}
+	getHook(hookName) {
+		return this.registeredHooks.get(hookName);
+	}
+	unregisterHook(hookName) {
+		this.registeredHooks.delete(hookName);
+	}
+};
+
 //#endregion
 //#region src/weave.ts
 var Weave = class {
 	initialized = false;
 	status = WEAVE_INSTANCE_STATUS.IDLE;
-	registeredHooks = new Map();
 	constructor(weaveConfig, stageConfig) {
 		globalThis._weave_isServerSide = false;
 		if (typeof window === "undefined") globalThis._weave_isServerSide = true;
@@ -22527,9 +22853,6 @@ var Weave = class {
 		Konva.showWarnings = false;
 		this.id = v4_default();
 		this.initialized = false;
-		this.asyncElements = watchMap(() => {
-			this.emitEvent("onAsyncElementChange");
-		}, new Map());
 		this.config = mergeExceptArrays({}, weaveConfig);
 		this.logger = new WeaveLogger(this.config?.logger ?? {
 			disabled: false,
@@ -22552,6 +22875,9 @@ var Weave = class {
 		this.exportManager = new WeaveExportManager(this);
 		this.actionsManager = new WeaveActionsManager(this);
 		this.pluginsManager = new WeavePluginsManager(this);
+		this.mutexManager = new WeaveMutexManager(this);
+		this.asyncManager = new WeaveAsyncManager(this);
+		this.hooksManager = new WeaveHooksManager(this);
 		this.setupManager.welcomeLog();
 	}
 	getRenderer() {
@@ -23041,42 +23367,50 @@ var Weave = class {
 		}
 	}
 	asyncElementsLoaded() {
-		return [...this.asyncElements.values()].every((el) => el.status === "loaded");
+		return this.asyncManager.asyncElementsLoaded();
 	}
 	loadAsyncElement(nodeId, type) {
-		let element = this.asyncElements.get(nodeId);
-		if (element) element.status = "loading";
-		else element = {
-			type,
-			status: "loading"
-		};
-		this.asyncElements.set(nodeId, element);
+		this.asyncManager.loadAsyncElement(nodeId, type);
 	}
 	resolveAsyncElement(nodeId, type) {
-		let element = this.asyncElements.get(nodeId);
-		if (element) element.status = "loaded";
-		else element = {
-			type,
-			status: "loaded"
-		};
-		this.asyncElements.set(nodeId, element);
+		this.asyncManager.resolveAsyncElement(nodeId, type);
 	}
 	isServerSide() {
 		return globalThis._weave_isServerSide === true;
 	}
 	registerHook(hookName, hook) {
-		const exists = this.registeredHooks.has(hookName);
-		if (!exists) this.registeredHooks.set(hookName, hook);
+		this.hooksManager.registerHook(hookName, hook);
 	}
 	runPhaseHooks(phaseName, execution) {
-		const hooks = [...this.registeredHooks.keys()].filter((key) => key.startsWith(`${phaseName}:`)).map((key) => this.registeredHooks.get(key));
-		for (const hook of hooks) execution(hook);
+		this.hooksManager.runPhaseHooks(phaseName, execution);
 	}
 	getHook(hookName) {
-		return this.registeredHooks.get(hookName);
+		return this.hooksManager.getHook(hookName);
 	}
 	unregisterHook(hookName) {
-		this.registeredHooks.delete(hookName);
+		this.hooksManager.unregisterHook(hookName);
+	}
+	async acquireMutexLock({ nodeIds, operation }, action) {
+		return await this.mutexManager.acquireMutexLock({
+			nodeIds,
+			operation
+		}, action);
+	}
+	setMutexLock({ nodeIds, operation, metadata }) {
+		return this.mutexManager.setMutexLock({
+			nodeIds,
+			operation,
+			metadata
+		});
+	}
+	releaseMutexLock() {
+		this.mutexManager.releaseMutexLock();
+	}
+	getLockDetails(lockId) {
+		return this.mutexManager.getUserMutexLock(lockId);
+	}
+	getNodeMutexLock(nodeId) {
+		return this.mutexManager.getNodeMutexLock(nodeId);
 	}
 };
 
@@ -23225,11 +23559,15 @@ var WeaveLayerNode = class extends WeaveNode {
 			if (!handler) continue;
 			childrenMapped.push(handler.serialize(node));
 		}
+		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
+		delete cleanedAttrs.draggable;
 		return {
 			key: attrs.id ?? "",
 			type: attrs.nodeType,
 			props: {
-				...attrs,
+				...cleanedAttrs,
 				id: attrs.id ?? "",
 				nodeType: attrs.nodeType,
 				children: childrenMapped
@@ -23302,11 +23640,15 @@ var WeaveGroupNode = class extends WeaveNode {
 			if (!handler) continue;
 			childrenMapped.push(handler.serialize(node));
 		}
+		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
+		delete cleanedAttrs.draggable;
 		return {
 			key: attrs.id ?? "",
 			type: attrs.nodeType,
 			props: {
-				...attrs,
+				...cleanedAttrs,
 				id: attrs.id ?? "",
 				nodeType: attrs.nodeType,
 				sceneFunc: void 0,
@@ -23918,7 +24260,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.throttle)(handleTextTransform, DEFAULT_THROTTLE_MS));
 		text.on("transformend", () => {
 			this.instance.emitEvent("onTransform", null);
 		});
@@ -23987,6 +24329,8 @@ var WeaveTextNode = class extends WeaveNode {
 	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.triggerEditMode;
 		delete cleanedAttrs.cancelEditMode;
@@ -24145,6 +24489,13 @@ var WeaveTextNode = class extends WeaveNode {
 		const correctionY = (actualFont === void 0 ? 0 : actualFont.offsetY ?? 0) * stage.scaleX();
 		this.textArea.style.left = `${correctionX - 1}px`;
 		this.textArea.style.top = `${correctionY}px`;
+		const updateTextNode = () => {
+			if (!this.textArea) return;
+			updateTextNodeSize();
+			textNode.text(this.textArea.value);
+			textNode.visible(true);
+			this.instance.updateNode(this.serialize(textNode));
+		};
 		this.textArea.onfocus = () => {
 			this.textAreaDomResize(textNode);
 		};
@@ -24156,9 +24507,11 @@ var WeaveTextNode = class extends WeaveNode {
 		};
 		this.textArea.onpaste = () => {
 			this.textAreaDomResize(textNode);
+			updateTextNode();
 		};
 		this.textArea.oninput = () => {
 			this.textAreaDomResize(textNode);
+			updateTextNode();
 		};
 		this.textAreaSuperContainer.addEventListener("scroll", () => {
 			if (this.textAreaSuperContainer) {
@@ -24287,6 +24640,7 @@ var WeaveTextNode = class extends WeaveNode {
 		else textNode.visible(true);
 	}
 	removeTextAreaDOM(textNode) {
+		this.instance.releaseMutexLock();
 		this.editing = false;
 		const stage = this.instance.getStage();
 		delete window.weaveTextEditing[textNode.id()];
@@ -24309,6 +24663,11 @@ var WeaveTextNode = class extends WeaveNode {
 		this.instance.emitEvent("onExitTextNodeEditMode", { node: textNode });
 	}
 	triggerEditMode(textNode) {
+		const lockAcquired = this.instance.setMutexLock({
+			nodeIds: [textNode.id()],
+			operation: "text-edit"
+		});
+		if (!lockAcquired) return;
 		this.editing = true;
 		textNode.visible(false);
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -24533,6 +24892,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
 		if (nodesSelectionPlugin) nodesSelectionPlugin.enable();
 		stage.mode(WEAVE_STAGE_DEFAULT_MODE);
+		this.instance.releaseMutexLock();
 		this.instance.emitEvent("onImageCropEnd", { instance: this.image });
 	}
 	drawGridLines(x, y, width, height) {
@@ -24714,6 +25074,11 @@ var WeaveImageNode = class extends WeaveNode {
 		const stage = this.instance.getStage();
 		if (imageNode.getAttrs().cropping ?? false) return;
 		if (!(this.isSelecting() && this.isNodeSelected(imageNode))) return;
+		const lockAcquired = this.instance.setMutexLock({
+			nodeIds: [imageNode.id()],
+			operation: "image-crop"
+		});
+		if (!lockAcquired) return;
 		stage.mode("cropping");
 		const image = stage.findOne(`#${imageNode.getAttrs().id}`);
 		const internalImage = image?.findOne(`#${image.getAttrs().id}-image`);
@@ -25688,6 +26053,8 @@ var WeaveFrameNode = class extends WeaveNode {
 		}
 		const realAttrs = mainNode?.getAttrs();
 		const cleanedAttrs = { ...realAttrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.onTargetEnter;
 		return {
@@ -25920,6 +26287,8 @@ var WeaveStrokeNode = class extends WeaveNode {
 	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.sceneFunc;
 		delete cleanedAttrs.hitFunc;
@@ -29092,6 +29461,8 @@ var WeaveConnectorNode = class extends WeaveNode {
 	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const cleanedAttrs = { ...attrs };
+		delete cleanedAttrs.mutexLocked;
+		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.sceneFunc;
 		delete cleanedAttrs.hitFunc;
@@ -29272,7 +29643,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.throttle)(handleDraw, DEFAULT_THROTTLE_MS));
 		this.setZoom(this.config.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true, pointer) {
@@ -29438,15 +29809,8 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		});
 		this.setZoom(scale, false);
 	}
-	fitToSelection(smartZoom = false) {
-		if (!this.enabled) return;
+	fitToElements(box, smartZoom = false) {
 		const stage = this.instance.getStage();
-		const selectionPlugin = this.getNodesSelectionPlugin();
-		if (!selectionPlugin) return;
-		const nodes = selectionPlugin.getTransformer().getNodes();
-		if (nodes.length === 0) return;
-		const box = getBoundingBox(selectionPlugin.getTransformer().getNodes(), { relativeTo: stage });
-		if (box.width === 0 || box.height === 0) return;
 		const container = stage.container();
 		const scale = stage.scale();
 		const containerWidth = container.clientWidth;
@@ -29497,6 +29861,26 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		});
 		this.setZoom(finalScale, false);
 	}
+	fitToNodes(nodes, smartZoom = false) {
+		if (!this.enabled) return;
+		const stage = this.instance.getStage();
+		if (nodes.length === 0) return;
+		const nodesInstances = nodes.map((nodeId) => this.instance.getStage().findOne(`#${nodeId}`)).filter((node) => node !== null);
+		const box = getBoundingBox(nodesInstances, { relativeTo: stage });
+		if (box.width === 0 || box.height === 0) return;
+		this.fitToElements(box, smartZoom);
+	}
+	fitToSelection(smartZoom = false) {
+		if (!this.enabled) return;
+		const stage = this.instance.getStage();
+		const selectionPlugin = this.getNodesSelectionPlugin();
+		if (!selectionPlugin) return;
+		const nodes = selectionPlugin.getTransformer().getNodes();
+		if (nodes.length === 0) return;
+		const box = getBoundingBox(selectionPlugin.getTransformer().getNodes(), { relativeTo: stage });
+		if (box.width === 0 || box.height === 0) return;
+		this.fitToElements(box, smartZoom);
+	}
 	enable() {
 		this.enabled = true;
 	}
@@ -29618,7 +30002,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				requestAnimationFrame(this.zoomTick.bind(this));
 			}
 		};
-		const throttledHandleWheel = (0, import_lodash.throttle)(handleWheel, 30);
+		const throttledHandleWheel = (0, import_lodash.throttle)(handleWheel, DEFAULT_THROTTLE_MS);
 		window.addEventListener("wheel", throttledHandleWheel, { passive: true });
 	}
 	getInertiaScale() {
@@ -32075,12 +32459,12 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				this.instance.addNode(finalArrow, this.container?.getAttrs().id);
 				this.instance.emitEvent("onAddedArrow");
 			}
-		}
-		const selectionPlugin = this.instance.getPlugin("nodesSelection");
-		if (selectionPlugin) {
-			const node = stage.findOne(`#${this.arrowId}`);
-			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
+			const selectionPlugin = this.instance.getPlugin("nodesSelection");
+			if (selectionPlugin) {
+				const node = stage.findOne(`#${this.arrowId}`);
+				if (node) selectionPlugin.setSelectedNodes([node]);
+				this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
+			}
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -33953,7 +34337,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.throttle)(handleMouseMove, DEFAULT_THROTTLE_MS));
 		stage.on("pointermove", () => {
 			if (this.enabled) this.onRender();
 		});
@@ -34260,7 +34644,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.throttle)(handleMouseMove, DEFAULT_THROTTLE_MS));
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
 			this.isMouseLeftButtonPressed = false;
@@ -34286,7 +34670,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			stage.y(stage.y() - e.deltaY);
 			this.instance.emitEvent("onStageMove");
 		};
-		const handleWheelThrottled = (0, import_lodash.throttle)(handleWheel, 20);
+		const handleWheelThrottled = (0, import_lodash.throttle)(handleWheel, WEAVE_STAGE_PANNING_THROTTLE_MS);
 		window.addEventListener("wheel", handleWheelThrottled, { passive: true });
 		stage.on("dragstart", (e) => {
 			const duration = 1e3 / 60;
@@ -34528,7 +34912,7 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 		const throttledUpdateMinimap = (0, import_lodash.throttle)(async () => {
 			await this.updateMinimapContent();
 			this.updateMinimapViewportReference();
-		}, 100);
+		}, DEFAULT_THROTTLE_MS);
 		this.instance.addEventListener("onStateChange", throttledUpdateMinimap);
 		if (this.instance.isServerSide()) return;
 		const workerPath = new URL("./stage-minimap.worker.js", import.meta.url);
@@ -34622,7 +35006,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 	onInit() {
 		const throttledResize = (0, import_lodash.throttle)(() => {
 			this.resizeStage();
-		}, 100);
+		}, DEFAULT_THROTTLE_MS);
 		window.addEventListener("resize", () => {
 			throttledResize();
 		});
@@ -34809,11 +35193,6 @@ var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
 	}
 };
 
-//#endregion
-//#region src/plugins/connected-users/constants.ts
-const WEAVE_CONNECTED_USERS_KEY = "connectedUsers";
-const WEAVE_CONNECTED_USER_INFO_KEY = "userInfo";
-
 //#endregion
 //#region src/plugins/connected-users/connected-users.ts
 var WeaveConnectedUsersPlugin = class extends WeavePlugin {
@@ -35029,7 +35408,7 @@ const WEAVE_DEFAULT_USER_INFO_FUNCTION = () => ({
 	email: "unknown@domain.com"
 });
 const WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS = {
-	awarenessThrottleMs: 100,
+	awarenessThrottleMs: DEFAULT_THROTTLE_MS,
 	ui: {
 		separation: 8,
 		pointer: {
@@ -35042,8 +35421,10 @@ const WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS = {
 			backgroundCornerRadius: 0,
 			backgroundPaddingX: 8,
 			backgroundPaddingY: 4
-		}
-	}
+		},
+		operationSeparation: 4
+	},
+	getOperationName: (operation) => operation
 };
 
 //#endregion
@@ -35057,6 +35438,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		this.config.getUserBackgroundColor = memoize(this.config.getUserBackgroundColor);
 		this.config.getUserForegroundColor = memoize(this.config.getUserForegroundColor);
 		this.usersPointers = {};
+		this.usersOperations = {};
 	}
 	getName() {
 		return WEAVE_USERS_POINTERS_KEY;
@@ -35113,6 +35495,16 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		};
 		const throttledHandleOnPointerMove = (0, import_lodash.throttle)(handleOnPointerMove, this.config.awarenessThrottleMs);
 		stage.on("pointermove", throttledHandleOnPointerMove);
+		const handleUsersLocksChange = ({ locks }) => {
+			const actUsersLocks = {};
+			for (const lockKey of locks) {
+				const mutexInfo = this.instance?.getLockDetails(lockKey);
+				if (mutexInfo) actUsersLocks[lockKey] = mutexInfo;
+			}
+			this.usersOperations = actUsersLocks;
+			this.renderPointers();
+		};
+		this.instance.addEventListener("onMutexLockChange", handleUsersLocksChange);
 		this.renderPointers();
 	}
 	sendAwarenessUpdate(mousePos) {
@@ -35146,7 +35538,8 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 				scaleY: 1 / stage.scaleY()
 			});
 			userPointerNode.moveToTop();
-			const { separation, pointer: { circleRadius, circleStrokeWidth }, name: { fontFamily, fontSize, backgroundCornerRadius, backgroundPaddingX, backgroundPaddingY } } = this.config.ui;
+			const { separation, pointer: { circleRadius, circleStrokeWidth }, name: { fontFamily, fontSize, backgroundCornerRadius, backgroundPaddingX, backgroundPaddingY }, operationSeparation } = this.config.ui;
+			const getOperationName = this.config.getOperationName;
 			const userBackgroundColor = this.config.getUserBackgroundColor(userPointer.rawUser);
 			const userForegroundColor = this.config.getUserForegroundColor(userPointer.rawUser);
 			const userPointNode = new Konva.Circle({
@@ -35196,6 +35589,41 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			userPointerNode.add(userPointNode);
 			userPointerNode.add(userNameBackground);
 			userPointerNode.add(userNameNode);
+			if (this.usersOperations[userPointer.user]) {
+				const userOperationNode = new Konva.Text({
+					id: `pointer_${userPointer.user}_userPointOperation`,
+					x: separation,
+					y: -circleRadius * 2 + backgroundPaddingY + operationSeparation + textHeight + backgroundPaddingY * 2,
+					text: getOperationName(this.usersOperations[userPointer.user].operation),
+					fontSize,
+					fontFamily,
+					lineHeight: .9,
+					fill: userForegroundColor,
+					align: "center",
+					verticalAlign: "middle",
+					draggable: false,
+					listening: false,
+					strokeScaleEnabled: false,
+					ellipsis: true
+				});
+				const textOperationWidth = userOperationNode.getTextWidth();
+				const textOperationHeight = userOperationNode.getTextHeight();
+				userOperationNode.width(textOperationWidth + backgroundPaddingX * 2);
+				userOperationNode.height(textOperationHeight + backgroundPaddingY * 2);
+				const userOperationBackground = new Konva.Rect({
+					id: `pointer_${userPointer.user}_userPointOperationRect`,
+					x: separation,
+					y: -backgroundPaddingY + 4 + userNameBackground.height(),
+					width: textOperationWidth + backgroundPaddingX * 2,
+					height: textOperationHeight + backgroundPaddingY * 2,
+					cornerRadius: backgroundCornerRadius,
+					fill: userBackgroundColor,
+					draggable: false,
+					listening: false
+				});
+				userPointerNode.add(userOperationBackground);
+				userPointerNode.add(userOperationNode);
+			}
 			pointersLayer?.add(userPointerNode);
 		}
 		const selectors = pointersLayer?.find(".selector") ?? [];
@@ -35211,6 +35639,78 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/plugins/users-presence/users-presence.ts
+var WeaveUsersPresencePlugin = class extends WeavePlugin {
+	userPresence = {};
+	onRender = void 0;
+	constructor(params) {
+		super();
+		const { config } = params;
+		this.config = mergeExceptArrays(WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, config);
+		this.userPresence = {};
+	}
+	getName() {
+		return WEAVE_USERS_PRESENCE_PLUGIN_KEY;
+	}
+	registerHooks() {
+		this.instance.registerHook("onPresenceUpdate:usersPresencePlugin", ({ node, presenceData }) => {
+			const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+			const newProps = {
+				...node.getAttrs(),
+				...presenceData
+			};
+			nodeHandler?.onUpdate(node, newProps);
+		});
+	}
+	onInit() {
+		const stage = this.instance.getStage();
+		this.registerHooks();
+		this.instance.addEventListener("onAwarenessChange", (changes) => {
+			for (const change of changes) {
+				if (!change[WEAVE_USER_PRESENCE_KEY]) continue;
+				const userPresence = change[WEAVE_USER_PRESENCE_KEY];
+				const nodes = Object.keys(userPresence);
+				if (nodes.length === 0) continue;
+				for (const nodeId of nodes) {
+					const presenceInfo = userPresence[nodeId];
+					if (this.config.getUser().id === presenceInfo.userId) continue;
+					const nodeInstance = stage.findOne(`#${presenceInfo.nodeId}`);
+					if (nodeInstance) this.instance.runPhaseHooks("onPresenceUpdate", (hook) => {
+						hook({
+							node: nodeInstance,
+							presenceData: presenceInfo.attrs
+						});
+					});
+				}
+			}
+		});
+	}
+	sendPresence() {
+		const store = this.instance.getStore();
+		store.setAwarenessInfo(WEAVE_USER_PRESENCE_KEY, this.userPresence);
+	}
+	setPresence(nodeId, attrs) {
+		const userInfo = this.config.getUser();
+		this.userPresence[nodeId] = {
+			userId: userInfo.id,
+			nodeId,
+			attrs
+		};
+		this.sendPresence();
+	}
+	removePresence(nodeId) {
+		if (this.userPresence[nodeId]) delete this.userPresence[nodeId];
+		this.sendPresence();
+	}
+	enable() {
+		this.enabled = true;
+	}
+	disable() {
+		this.enabled = false;
+	}
+};
+
 //#endregion
 //#region src/plugins/stage-drop-area/constants.ts
 const WEAVE_STAGE_DROP_AREA_KEY = "stageDropArea";
@@ -36358,5 +36858,5 @@ const setupCanvasBackend = async () => {
 };
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, getBoundingBox, getExportBoundingBox, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, setupCanvasBackend, setupSkiaBackend };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, getBoundingBox, getExportBoundingBox, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, setupCanvasBackend, setupSkiaBackend };
 //# sourceMappingURL=sdk.node.js.map