@inditextech/weave-sdk 0.14.3 → 0.16.0

package/dist/sdk.cjs

@@ -15506,6 +15506,7 @@ var WeaveStore = class {
 		this.instance = instance;
 		this.logger = this.instance.getChildLogger(this.getName());
 		this.instance.getMainLogger().info(`Store with name [${this.getName()}] registered`);
+		this.instance.emitEvent("onRoomLoaded", this.isRoomLoaded);
 		return this;
 	}
 	getUser() {
@@ -15530,8 +15531,7 @@ var WeaveStore = class {
 		return JSON.parse(JSON.stringify(this.state, void 0, 2));
 	}
 	setup() {
-		const config = this.instance.getConfiguration();
-		config.callbacks?.onRoomLoaded?.(this.isRoomLoaded);
+		this.isRoomLoaded = false;
 		this.instance.emitEvent("onRoomLoaded", this.isRoomLoaded);
 		if (this.supportsUndoManager) {
 			const weaveStateValues = (0, __syncedstore_core.getYjsValue)(
@@ -15552,7 +15552,6 @@ var WeaveStore = class {
 						redoStackLength: this.undoManager.redoStack.length,
 						undoStackLength: this.undoManager.undoStack.length
 					};
-					config.callbacks?.onUndoManagerStatusChange?.(change);
 					this.instance.emitEvent("onUndoManagerStatusChange", change);
 				});
 				this.undoManager.on("stack-item-popped", () => {
@@ -15562,14 +15561,12 @@ var WeaveStore = class {
 						redoStackLength: this.undoManager.redoStack.length,
 						undoStackLength: this.undoManager.undoStack.length
 					};
-					config.callbacks?.onUndoManagerStatusChange?.(change);
 					this.instance.emitEvent("onUndoManagerStatusChange", change);
 				});
 			}
 		}
 		(0, __syncedstore_core.observeDeep)(this.getState(), () => {
 			const newState = JSON.parse(JSON.stringify(this.getState()));
-			config.callbacks?.onStateChange?.(newState);
 			this.instance.emitEvent("onStateChange", newState);
 			const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
 			if (this.isRoomLoaded && nodesSelectionPlugin && nodesSelectionPlugin.getSelectedNodes().length === 1) {
@@ -15583,7 +15580,6 @@ var WeaveStore = class {
 			if (!this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) {
 				this.instance.setupRenderer();
 				this.isRoomLoaded = true;
-				config.callbacks?.onRoomLoaded?.(this.isRoomLoaded);
 				this.instance.emitEvent("onRoomLoaded", this.isRoomLoaded);
 			}
 			if (this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) this.instance.render();
@@ -15765,7 +15761,7 @@ function clearContainerTargets(instance) {
 	for (const container of getContainers) container.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
 }
 function checkIfOverContainer(instance, node) {
-	const nodesIntersected = instance.pointIntersectsContainerElement();
+	const nodesIntersected = instance.pointIntersectsContainerElement(node.getParent());
 	let nodeActualContainer = node.getParent();
 	if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
 	let layerToMove = void 0;
@@ -15795,6 +15791,12 @@ function moveNodeToContainer(instance, node) {
 	return layerToMove;
 }
 
+//#endregion
+//#region src/plugins/users-selection/constants.ts
+const WEAVE_USERS_SELECTION_KEY = "usersSelection";
+const WEAVE_USERS_SELECTION_LAYER_ID = "usersPointersLayer";
+const WEAVE_USER_SELECTION_KEY = "userSelection";
+
 //#endregion
 //#region src/plugins/nodes-selection/nodes-selection.ts
 var WeaveNodesSelectionPlugin = class extends WeavePlugin {
@@ -15959,6 +15961,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				node: nodeHandler.serialize(node)
 			};
 		});
+		const usersSelectionPlugin = this.instance.getPlugin(WEAVE_USERS_SELECTION_KEY);
+		if (usersSelectionPlugin) usersSelectionPlugin.sendSelectionAwarenessInfo(this.tr);
 		this.instance.emitEvent("onNodesChange", selectedNodes);
 	}
 	removeSelectedNodes() {
@@ -17135,7 +17139,7 @@ var WeaveTargetingManager = class {
 		this.logger = this.instance.getChildLogger("targeting-manager");
 		this.logger.debug("Targeting manager created");
 	}
-	pointIntersectsContainerElement(point) {
+	pointIntersectsContainerElement(actualLayer, point) {
 		const stage = this.instance.getStage();
 		const relativeMousePointer = point ? point : stage.getPointerPosition() ?? {
 			x: 0,
@@ -17147,11 +17151,11 @@ var WeaveTargetingManager = class {
 			if (node.getAttrs().nodeId) {
 				const parent = stage.findOne(`#${node.getAttrs().nodeId}`);
 				intersectedNode = parent;
-				break;
+				continue;
 			}
-			if (node.getAttrs().containerId) {
+			if (node.getAttrs().containerId && node.getAttrs().id !== actualLayer?.getAttrs().id) {
 				intersectedNode = node;
-				break;
+				continue;
 			}
 		}
 		return intersectedNode;
@@ -17916,7 +17920,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.14.3";
+var version = "0.16.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18035,7 +18039,6 @@ var WeaveActionsManager = class {
 		return this.activeAction;
 	}
 	triggerAction(actionName, params) {
-		const config = this.instance.getConfiguration();
 		const actionsHandlers = this.instance.getActionsHandlers();
 		if (!actionsHandlers[actionName]) {
 			const msg = `Action handler with name [${actionName}] not registered`;
@@ -18045,7 +18048,6 @@ var WeaveActionsManager = class {
 		if (typeof this.activeAction !== "undefined") this.cancelAction(this.activeAction);
 		this.activeAction = actionName;
 		const payload = actionsHandlers[actionName].trigger(this.cancelActionCallback(actionName), params);
-		config.callbacks?.onActiveActionChange?.(this.activeAction);
 		this.instance.emitEvent("onActiveActionChange", this.activeAction);
 		return payload;
 	}
@@ -18080,7 +18082,6 @@ var WeaveActionsManager = class {
 		return actionsHandlers[actionName].getProps?.();
 	}
 	cancelAction(actionName) {
-		const config = this.instance.getConfiguration();
 		const actionsHandlers = this.instance.getActionsHandlers();
 		if (!actionsHandlers[actionName]) {
 			const msg = `Action handler with name [${actionName}] not registered`;
@@ -18089,7 +18090,6 @@ var WeaveActionsManager = class {
 		}
 		this.activeAction = void 0;
 		actionsHandlers[actionName].cleanup?.();
-		config.callbacks?.onActiveActionChange?.(this.activeAction);
 		this.instance.emitEvent("onActiveActionChange", this.activeAction);
 	}
 	cancelActionCallback(actionName) {
@@ -18313,7 +18313,6 @@ var Weave = class extends Emittery {
 			this.setupManager.setupActions();
 			this.moduleLogger.info("Instance started");
 			this.status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.RUNNING;
-			this.getConfiguration().callbacks?.onInstanceStatus?.(this.status);
 			this.emitEvent("onInstanceStatus", this.status);
 		});
 	}
@@ -18328,15 +18327,14 @@ var Weave = class extends Emittery {
 	}
 	async start() {
 		this.moduleLogger.info("Start instance");
+		this.emitEvent("onRoomLoaded", false);
 		this.status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.STARTING;
-		this.getConfiguration().callbacks?.onInstanceStatus?.(this.status);
 		this.emitEvent("onInstanceStatus", this.status);
 		this.registerManager.registerNodesHandlers();
 		this.registerManager.registerPlugins();
 		this.registerManager.registerActionsHandlers();
 		this.storeManager.registerStore(this.config.store);
 		this.status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.LOADING_FONTS;
-		this.getConfiguration().callbacks?.onInstanceStatus?.(this.status);
 		this.emitEvent("onInstanceStatus", this.status);
 		await this.fontsManager.loadFonts();
 		this.setupManager.setupLog();
@@ -18345,6 +18343,17 @@ var Weave = class extends Emittery {
 		store.setup();
 		store.connect();
 	}
+	destroy() {
+		this.moduleLogger.info(`Destroying the instance`);
+		this.clearListeners();
+		this.status = __inditextech_weave_types.WEAVE_INSTANCE_STATUS.IDLE;
+		this.emitEvent("onInstanceStatus", this.status);
+		const store = this.storeManager.getStore();
+		store.disconnect();
+		const stage = this.getStage();
+		if (stage) stage.destroy();
+		this.moduleLogger.info(`Instance destroyed`);
+	}
 	getId() {
 		return this.id;
 	}
@@ -18459,13 +18468,11 @@ var Weave = class extends Emittery {
 	update(newState) {
 		this.getStore().setState(newState);
 		this.renderer.render(() => {
-			this.config.callbacks?.onRender?.();
 			this.emitEvent("onRender", {});
 		});
 	}
 	render() {
 		this.renderer.render(() => {
-			this.config.callbacks?.onRender?.();
 			this.emitEvent("onRender", {});
 		});
 	}
@@ -18519,8 +18526,8 @@ var Weave = class extends Emittery {
 	unGroup(group) {
 		this.groupsManager.unGroup(group);
 	}
-	pointIntersectsContainerElement(point) {
-		return this.targetingManager.pointIntersectsContainerElement(point);
+	pointIntersectsContainerElement(actualLayer, point) {
+		return this.targetingManager.pointIntersectsContainerElement(actualLayer, point);
 	}
 	getMousePointer(point) {
 		return this.targetingManager.getMousePointer(point);
@@ -21616,27 +21623,223 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/plugins/users-selection/users-selection.ts
+var WeaveUsersSelectionPlugin = class extends WeavePlugin {
+	constructor(params) {
+		super();
+		const { config } = params;
+		this.config = config;
+		this.usersSelection = {};
+	}
+	getName() {
+		return WEAVE_USERS_SELECTION_KEY;
+	}
+	getLayerName() {
+		return WEAVE_USERS_SELECTION_LAYER_ID;
+	}
+	initLayer() {
+		const stage = this.instance.getStage();
+		const layer = new konva.default.Layer({
+			id: this.getLayerName(),
+			listening: false
+		});
+		stage.add(layer);
+	}
+	onRender() {
+		this.renderSelectors();
+	}
+	getLayer() {
+		const stage = this.instance.getStage();
+		return stage.findOne(`#${WEAVE_USERS_SELECTION_LAYER_ID}`);
+	}
+	onInit() {
+		this.instance.addEventListener("onAwarenessChange", (changes) => {
+			const selfUser = this.config.getUser();
+			const allActiveUsers = [];
+			for (const change of changes) {
+				if (!change[WEAVE_USER_SELECTION_KEY]) continue;
+				if (change[WEAVE_USER_SELECTION_KEY] && selfUser.name !== change[WEAVE_USER_SELECTION_KEY].user) {
+					const userSelection = change[WEAVE_USER_SELECTION_KEY];
+					allActiveUsers.push(userSelection.user);
+					this.usersSelection[userSelection.user] = {
+						oldNodes: this.usersSelection[userSelection.user]?.actualNodes ?? {
+							user: userSelection.user,
+							nodes: []
+						},
+						actualNodes: userSelection
+					};
+				}
+			}
+			const allActiveUsersSelections = Object.keys(this.usersSelection).map((userSelectionKey) => {
+				const selectionInfo = this.usersSelection[userSelectionKey];
+				return selectionInfo.actualNodes.user;
+			});
+			const inactiveSelections = import_lodash.default.differenceWith(allActiveUsersSelections, allActiveUsers, import_lodash.default.isEqual);
+			const selectionsLayer = this.getLayer();
+			for (const inactiveSelection of inactiveSelections) {
+				const userPointerNode = selectionsLayer?.findOne(`#${inactiveSelection}`);
+				if (userPointerNode) userPointerNode.destroy();
+				delete this.usersSelection[inactiveSelection];
+			}
+			this.renderSelectors();
+		});
+		this.renderSelectors();
+	}
+	sendSelectionAwarenessInfo(tr) {
+		const userInfo = this.config.getUser();
+		const store = this.instance.getStore();
+		store.setAwarenessInfo(WEAVE_USER_SELECTION_KEY, {
+			user: userInfo.name,
+			nodes: tr.nodes().map((node) => node.getAttrs().id)
+		});
+	}
+	removeSelectionAwarenessInfo() {
+		const store = this.instance.getStore();
+		store.setAwarenessInfo(WEAVE_USER_SELECTION_KEY, void 0);
+	}
+	stringToColor(str) {
+		let hash = 0;
+		str.split("").forEach((char) => {
+			hash = char.charCodeAt(0) + ((hash << 5) - hash);
+		});
+		let color = "#";
+		for (let i = 0; i < 3; i++) {
+			const value = hash >> i * 8 & 255;
+			color += value.toString(16).padStart(2, "0");
+		}
+		return color;
+	}
+	getSelectedNodesRect(nodes) {
+		const stage = this.instance.getStage();
+		const maxPoint = {
+			x: -Infinity,
+			y: -Infinity
+		};
+		const minPoint = {
+			x: Infinity,
+			y: Infinity
+		};
+		for (const nodeId of nodes) {
+			const node = stage.findOne(`#${nodeId}`);
+			if (node) {
+				const nodeRect = node.getClientRect({
+					relativeTo: stage,
+					skipStroke: true
+				});
+				if (nodeRect.x < minPoint.x) minPoint.x = nodeRect.x;
+				if (nodeRect.y < minPoint.y) minPoint.y = nodeRect.y;
+				if (nodeRect.x + nodeRect.width > maxPoint.x) maxPoint.x = nodeRect.x + nodeRect.width;
+				if (nodeRect.y + nodeRect.height > maxPoint.y) maxPoint.y = nodeRect.y + nodeRect.height;
+			}
+		}
+		return {
+			x: minPoint.x,
+			y: minPoint.y,
+			width: Math.abs(maxPoint.x - minPoint.x) * stage.scaleX(),
+			height: Math.abs(maxPoint.y - minPoint.y) * stage.scaleY()
+		};
+	}
+	renderSelectors() {
+		const stage = this.instance.getStage();
+		const selectorsLayer = this.getLayer();
+		if (!this.enabled) return;
+		const selectors = selectorsLayer?.find(".selector") ?? [];
+		for (const selector of selectors) selector.destroy();
+		for (const userPointerKey of Object.keys(this.usersSelection)) {
+			const userSelector = this.usersSelection[userPointerKey];
+			const userSelectorNode = selectorsLayer?.findOne(`#selector_${userSelector.actualNodes.user}`);
+			if (!userSelectorNode) {
+				const selectionRect = this.getSelectedNodesRect(userSelector.actualNodes.nodes);
+				const userSelectorNode$1 = new konva.default.Group({
+					name: "selector",
+					id: `selector_${userSelector.actualNodes.user}`,
+					x: selectionRect.x,
+					y: selectionRect.y,
+					width: selectionRect.width / stage.scaleX(),
+					height: selectionRect.height / stage.scaleY(),
+					listening: false
+				});
+				const userSelectorRect$1 = new konva.default.Rect({
+					x: 0,
+					y: 0,
+					id: `selector_${userSelector.actualNodes.user}_rect`,
+					width: selectionRect.width / stage.scaleX(),
+					height: selectionRect.height / stage.scaleY(),
+					fill: "transparent",
+					stroke: this.stringToColor(userSelector.actualNodes.user),
+					strokeWidth: 3,
+					strokeScaleEnabled: false
+				});
+				userSelectorNode$1.add(userSelectorRect$1);
+				selectorsLayer?.add(userSelectorNode$1);
+				continue;
+			}
+			const userSelectorRect = selectorsLayer?.findOne(`#selector_${userSelector.actualNodes.user}_rect`);
+			if (userSelectorRect) {
+				const selectionRect = this.getSelectedNodesRect(userSelector.actualNodes.nodes);
+				userSelectorNode.setAttrs({
+					x: selectionRect.x,
+					y: selectionRect.y,
+					width: selectionRect.width,
+					height: selectionRect.height,
+					scale: 1
+				});
+				userSelectorRect.setAttrs({
+					x: 0,
+					y: 0,
+					width: selectionRect.width,
+					height: selectionRect.height
+				});
+			}
+		}
+	}
+	enable() {
+		this.getLayer()?.show();
+		this.enabled = true;
+	}
+	disable() {
+		this.getLayer()?.hide();
+		this.enabled = false;
+	}
+};
+
 //#endregion
 //#region src/plugins/users-pointers/constants.ts
 const WEAVE_USERS_POINTERS_KEY = "usersPointers";
 const WEAVE_USERS_POINTERS_LAYER_ID = "usersPointersLayer";
 const WEAVE_USER_POINTER_KEY = "userPointer";
+const WEAVE_DEFAULT_USER_INFO_FUNCTION = () => ({
+	name: "Unknown",
+	email: "unknown@domain.com"
+});
+const WEAVE_USER_POINTERS_DEFAULT_PROPS = {
+	separation: 8,
+	pointer: {
+		circleRadius: 4,
+		circleStrokeWidth: 0
+	},
+	name: {
+		fontFamily: "Arial",
+		fontSize: 10,
+		backgroundCornerRadius: 0,
+		backgroundPaddingX: 8,
+		backgroundPaddingY: 4
+	}
+};
 
 //#endregion
 //#region src/plugins/users-pointers/users-pointers.ts
 var WeaveUsersPointersPlugin = class extends WeavePlugin {
-	userPointerCircleRadius = 4;
-	userPointerSeparation = 8;
-	userPointerCircleStrokeWidth = 1;
-	userPointerNameFontSize = 10;
-	userPointerBackgroundCornerRadius = 4;
-	userPointerBackgroundPaddingX = 4;
-	userPointerBackgroundPaddingY = 8;
 	constructor(params) {
 		super();
 		const { config } = params;
-		this.usersPointers = {};
 		this.config = config;
+		this.uiConfig = {
+			...WEAVE_USER_POINTERS_DEFAULT_PROPS,
+			...this.config.ui
+		};
+		this.usersPointers = {};
 	}
 	getName() {
 		return WEAVE_USERS_POINTERS_KEY;
@@ -21687,7 +21890,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			const inactivePointers = import_lodash.default.differenceWith(allActiveUsersPointers, allActiveUsers, import_lodash.default.isEqual);
 			const pointersLayer = this.getLayer();
 			for (const inactivePointer of inactivePointers) {
-				const userPointerNode = pointersLayer?.findOne(`#${inactivePointer}`);
+				const userPointerNode = pointersLayer?.findOne(`#pointer_${inactivePointer}`);
 				if (userPointerNode) userPointerNode.destroy();
 				delete this.usersPointers[inactivePointer];
 			}
@@ -21715,17 +21918,25 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		});
 		this.renderPointers();
 	}
-	stringToColour(str) {
+	getContrastTextColor(hex) {
+		const cleaned = hex.replace(/^#/, "");
+		const r = parseInt(cleaned.slice(0, 2), 16);
+		const g = parseInt(cleaned.slice(2, 4), 16);
+		const b = parseInt(cleaned.slice(4, 6), 16);
+		const luminance = (.299 * r + .587 * g + .114 * b) / 255;
+		return luminance > .5 ? "black" : "white";
+	}
+	stringToColor(str) {
 		let hash = 0;
 		str.split("").forEach((char) => {
 			hash = char.charCodeAt(0) + ((hash << 5) - hash);
 		});
-		let colour = "#";
+		let color = "#";
 		for (let i = 0; i < 3; i++) {
 			const value = hash >> i * 8 & 255;
-			colour += value.toString(16).padStart(2, "0");
+			color += value.toString(16).padStart(2, "0");
 		}
-		return colour;
+		return color;
 	}
 	renderPointers() {
 		const stage = this.instance.getStage();
@@ -21733,52 +21944,61 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		if (!this.enabled) return;
 		for (const userPointerKey of Object.keys(this.usersPointers)) {
 			const userPointer = this.usersPointers[userPointerKey];
-			const userPointerNode = pointersLayer?.findOne(`#${userPointer.actualPos.user}`);
+			const userPointerNode = pointersLayer?.findOne(`#pointer_${userPointer.actualPos.user}`);
 			if (!userPointerNode) {
 				const userPointerNode$1 = new konva.default.Group({
 					name: "pointer",
-					id: userPointer.actualPos.user,
+					id: `pointer_${userPointer.actualPos.user}`,
 					x: userPointer.actualPos.x,
 					y: userPointer.actualPos.y,
 					opacity: 1,
 					listening: false
 				});
-				const userPointNode$1 = new konva.default.Circle({
-					id: "userPoint",
+				const { separation, pointer: { circleRadius, circleStrokeWidth }, name: { fontFamily, fontSize, backgroundCornerRadius, backgroundPaddingX, backgroundPaddingY } } = this.uiConfig;
+				const userColor = this.stringToColor(userPointer.actualPos.user);
+				const userContrastColor = this.getContrastTextColor(userColor);
+				const userPointNode = new konva.default.Circle({
+					id: `pointer_${userPointer.actualPos.user}_userPoint`,
 					x: 0,
 					y: 0,
-					radius: this.userPointerCircleRadius / stage.scaleX(),
-					fill: this.stringToColour(userPointer.actualPos.user),
+					radius: circleRadius,
+					fill: userColor,
 					stroke: "black",
-					strokeWidth: this.userPointerCircleStrokeWidth / stage.scaleX(),
+					strokeWidth: circleStrokeWidth,
+					strokeScaleEnabled: false,
 					listening: false
 				});
 				const userNameNode = new konva.default.Text({
-					id: "userPointName",
-					x: (this.userPointerSeparation + this.userPointerBackgroundPaddingX) / stage.scaleX(),
-					y: 0 / stage.scaleX(),
-					height: userPointNode$1.height() * 2 / stage.scaleX(),
-					text: userPointer.actualPos.user,
-					fontSize: this.userPointerNameFontSize / stage.scaleX(),
-					fontFamily: "NotoSansMono, monospace",
-					fill: "black",
-					align: "left",
+					id: `pointer_${userPointer.actualPos.user}_userPointName`,
+					x: separation,
+					y: -circleRadius * 2 + backgroundPaddingY,
+					text: userPointer.actualPos.user.trim(),
+					fontSize,
+					fontFamily,
+					lineHeight: .9,
+					fill: userContrastColor,
+					align: "center",
 					verticalAlign: "middle",
-					listening: false
+					listening: false,
+					strokeScaleEnabled: false,
+					ellipsis: true
 				});
+				const textWidth = userNameNode.getTextWidth();
+				const textHeight = userNameNode.getTextHeight();
+				userNameNode.width(textWidth + backgroundPaddingX * 2);
+				userNameNode.height(textHeight + backgroundPaddingY * 2);
 				const userNameBackground = new konva.default.Rect({
-					id: "userPointRect",
-					x: this.userPointerSeparation / stage.scaleX(),
-					y: -this.userPointerBackgroundPaddingY / stage.scaleX(),
-					width: (userNameNode.width() + this.userPointerBackgroundPaddingX * 2) / stage.scaleX(),
-					height: (userNameNode.height() + this.userPointerBackgroundPaddingY * 2) / stage.scaleX(),
-					cornerRadius: this.userPointerBackgroundCornerRadius / stage.scaleX(),
-					fill: "rgba(0,0,0,0.2)",
-					strokeWidth: 0,
+					id: `pointer_${userPointer.actualPos.user}_userPointRect`,
+					x: separation,
+					y: -backgroundPaddingY,
+					width: textWidth + backgroundPaddingX * 2,
+					height: textHeight + backgroundPaddingY * 2,
+					cornerRadius: backgroundCornerRadius,
+					fill: userColor,
 					listening: false
 				});
-				userPointNode$1.setAttrs({ y: userNameBackground.y() + userNameBackground.height() / 2 });
-				userPointerNode$1.add(userPointNode$1);
+				userPointNode.setAttrs({ y: userNameBackground.y() + userNameBackground.height() / 2 });
+				userPointerNode$1.add(userPointNode);
 				userPointerNode$1.add(userNameBackground);
 				userPointerNode$1.add(userNameNode);
 				pointersLayer?.add(userPointerNode$1);
@@ -21793,27 +22013,8 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 				y: userPointer.actualPos.y
 			};
 			const hasChanged = !import_lodash.default.isEqual(actualPos, oldPos);
-			const userPointNode = userPointerNode.getChildren((node) => node.getAttrs().id === "userPoint");
-			userPointNode[0]?.setAttrs({
-				radius: this.userPointerCircleRadius / stage.scaleX(),
-				strokeWidth: this.userPointerCircleStrokeWidth / stage.scaleX()
-			});
-			const userPointNodeText = userPointerNode.getChildren((node) => node.getAttrs().id === "userPointName");
-			userPointNodeText[0]?.setAttrs({
-				x: (this.userPointerSeparation + this.userPointerBackgroundPaddingX) / stage.scaleX(),
-				y: 0 / stage.scaleX(),
-				height: userPointNode[0]?.height(),
-				fontSize: this.userPointerNameFontSize / stage.scaleX()
-			});
-			const userPointNodeBackground = userPointerNode.getChildren((node) => node.getAttrs().id === "userPointRect");
-			userPointNodeBackground[0]?.setAttrs({
-				x: this.userPointerSeparation / stage.scaleX(),
-				y: -this.userPointerBackgroundPaddingY / stage.scaleX(),
-				cornerRadius: this.userPointerBackgroundCornerRadius / stage.scaleX(),
-				width: userPointNodeText[0]?.width() + this.userPointerBackgroundPaddingX * 2,
-				height: userPointNodeText[0]?.height() + this.userPointerBackgroundPaddingY * 2
-			});
-			userPointNode[0]?.setAttrs({ y: userPointNodeBackground[0]?.y() + userPointNodeBackground[0]?.height() / 2 });
+			userPointerNode.scaleX(1 / stage.scaleX());
+			userPointerNode.scaleY(1 / stage.scaleY());
 			if (hasChanged) userPointerNode.setAttrs({
 				x: userPointer.actualPos.x,
 				y: userPointer.actualPos.y,
@@ -22249,6 +22450,7 @@ exports.SELECTION_TOOL_STATE = SELECTION_TOOL_STATE
 exports.TEXT_TOOL_ACTION_NAME = TEXT_TOOL_ACTION_NAME
 exports.TEXT_TOOL_STATE = TEXT_TOOL_STATE
 exports.WEAVE_COPY_PASTE_NODES_KEY = WEAVE_COPY_PASTE_NODES_KEY
+exports.WEAVE_DEFAULT_USER_INFO_FUNCTION = WEAVE_DEFAULT_USER_INFO_FUNCTION
 exports.WEAVE_FRAME_NODE_DEFAULT_CONFIG = WEAVE_FRAME_NODE_DEFAULT_CONFIG
 exports.WEAVE_FRAME_NODE_DEFAULT_PROPS = WEAVE_FRAME_NODE_DEFAULT_PROPS
 exports.WEAVE_FRAME_NODE_SIZES = WEAVE_FRAME_NODE_SIZES
@@ -22266,6 +22468,13 @@ exports.WEAVE_NODES_SELECTION_KEY = WEAVE_NODES_SELECTION_KEY
 exports.WEAVE_NODES_SELECTION_LAYER_ID = WEAVE_NODES_SELECTION_LAYER_ID
 exports.WEAVE_NODES_SNAPPING_KEY = WEAVE_NODES_SNAPPING_KEY
 exports.WEAVE_STAGE_GRID_KEY = WEAVE_STAGE_GRID_KEY
+exports.WEAVE_USERS_POINTERS_KEY = WEAVE_USERS_POINTERS_KEY
+exports.WEAVE_USERS_POINTERS_LAYER_ID = WEAVE_USERS_POINTERS_LAYER_ID
+exports.WEAVE_USERS_SELECTION_KEY = WEAVE_USERS_SELECTION_KEY
+exports.WEAVE_USERS_SELECTION_LAYER_ID = WEAVE_USERS_SELECTION_LAYER_ID
+exports.WEAVE_USER_POINTERS_DEFAULT_PROPS = WEAVE_USER_POINTERS_DEFAULT_PROPS
+exports.WEAVE_USER_POINTER_KEY = WEAVE_USER_POINTER_KEY
+exports.WEAVE_USER_SELECTION_KEY = WEAVE_USER_SELECTION_KEY
 exports.Weave = Weave
 exports.WeaveAction = WeaveAction
 exports.WeaveBrushToolAction = WeaveBrushToolAction
@@ -22302,6 +22511,7 @@ exports.WeaveStore = WeaveStore
 exports.WeaveTextNode = WeaveTextNode
 exports.WeaveTextToolAction = WeaveTextToolAction
 exports.WeaveUsersPointersPlugin = WeaveUsersPointersPlugin
+exports.WeaveUsersSelectionPlugin = WeaveUsersSelectionPlugin
 exports.WeaveZoomInToolAction = WeaveZoomInToolAction
 exports.WeaveZoomOutToolAction = WeaveZoomOutToolAction
 exports.checkIfOverContainer = checkIfOverContainer