@inditextech/weave-sdk 0.67.4 → 0.68.0

package/dist/sdk.js

@@ -19244,8 +19244,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		});
 	}
 	getSpeedFromEdge(distanceFromEdge) {
-		if (distanceFromEdge < this.config.panningWhenSelection.edgeThreshold) {
-			const factor = 1 - distanceFromEdge / this.config.panningWhenSelection.edgeThreshold;
+		const stage = this.instance.getStage();
+		const scaledDistance = distanceFromEdge / stage.scaleX();
+		if (scaledDistance < this.config.panningWhenSelection.edgeThreshold) {
+			const factor = 1 - scaledDistance / this.config.panningWhenSelection.edgeThreshold;
 			return this.config.panningWhenSelection.minScrollSpeed + (this.config.panningWhenSelection.maxScrollSpeed - this.config.panningWhenSelection.minScrollSpeed) * factor;
 		}
 		return 0;
@@ -21883,7 +21885,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.67.4";
+var version = "0.68.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -27413,7 +27415,6 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
 			const deltaX = Math.abs(mousePoint.x - this.clickPoint?.x);
 			const deltaY = Math.abs(mousePoint.y - this.clickPoint?.y);
-			const nodeHandler = this.instance.getNodeHandler("ellipse");
 			const ellipsePos = {
 				x: this.clickPoint.x,
 				y: this.clickPoint.y
@@ -27428,7 +27429,6 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 				radiusX: deltaX,
 				radiusY: deltaY
 			});
-			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(ellipse));
 		}
 	}
 	trigger(cancelAction) {
@@ -28244,7 +28244,6 @@ var WeaveStarToolAction = class extends WeaveAction {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
 			const deltaX = Math.abs(mousePoint.x - this.clickPoint?.x);
 			const deltaY = Math.abs(mousePoint.y - this.clickPoint?.y);
-			const nodeHandler = this.instance.getNodeHandler("star");
 			const starPos = {
 				x: this.clickPoint.x,
 				y: this.clickPoint.y
@@ -28259,7 +28258,6 @@ var WeaveStarToolAction = class extends WeaveAction {
 				outerRadius: deltaX,
 				innerRadius: deltaY
 			});
-			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(star));
 		}
 	}
 	trigger(cancelAction) {
@@ -28713,7 +28711,6 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 		if (this.regularPolygonId && this.container && this.clickPoint && regularPolygon) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
 			const deltaX = Math.abs(mousePoint.x - this.clickPoint?.x);
-			const nodeHandler = this.instance.getNodeHandler("regular-polygon");
 			const starPos = {
 				x: this.clickPoint.x,
 				y: this.clickPoint.y
@@ -28727,7 +28724,6 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 				y: starPos.y + deltaX,
 				radius: deltaX
 			});
-			if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(regularPolygon));
 		}
 	}
 	trigger(cancelAction) {
@@ -30386,18 +30382,21 @@ 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
+const WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS = {
+	awarenessThrottleMs: 50,
+	ui: {
+		separation: 8,
+		pointer: {
+			circleRadius: 4,
+			circleStrokeWidth: 0
+		},
+		name: {
+			fontFamily: "Arial",
+			fontSize: 10,
+			backgroundCornerRadius: 0,
+			backgroundPaddingX: 8,
+			backgroundPaddingY: 4
+		}
 	}
 };
 
@@ -30407,14 +30406,10 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		const { config } = params;
-		this.config = config;
+		this.config = (0, import_lodash.merge)(WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, config);
 		this.config.getUser = memoize(this.config.getUser);
 		this.config.getUserBackgroundColor = memoize(this.config.getUserBackgroundColor);
 		this.config.getUserForegroundColor = memoize(this.config.getUserForegroundColor);
-		this.uiConfig = {
-			...WEAVE_USER_POINTERS_DEFAULT_PROPS,
-			...this.config.ui
-		};
 		this.usersPointers = {};
 	}
 	getName() {
@@ -30460,30 +30455,28 @@ 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);
 		stage.on("dragmove", () => {
-			const userInfo = this.config.getUser();
 			const mousePos = stage.getRelativePointerPosition();
-			if (mousePos) store.setAwarenessInfo(WEAVE_USER_POINTER_KEY, {
-				rawUser: userInfo,
-				user: userInfo.id,
-				name: userInfo.name,
-				x: mousePos.x,
-				y: mousePos.y
-			});
+			if (mousePos) sendAwarenessUpdateThrottled(mousePos);
 		});
 		stage.on("pointermove", () => {
-			const userInfo = this.config.getUser();
 			const mousePos = stage.getRelativePointerPosition();
-			if (mousePos) store.setAwarenessInfo(WEAVE_USER_POINTER_KEY, {
-				rawUser: userInfo,
-				user: userInfo.id,
-				name: userInfo.name,
-				x: mousePos.x,
-				y: mousePos.y
-			});
+			if (mousePos) sendAwarenessUpdateThrottled(mousePos);
 		});
 		this.renderPointers();
 	}
+	sendAwarenessUpdate(mousePos) {
+		const store = this.instance.getStore();
+		const userInfo = this.config.getUser();
+		store.setAwarenessInfo(WEAVE_USER_POINTER_KEY, {
+			rawUser: userInfo,
+			user: userInfo.id,
+			name: userInfo.name,
+			x: mousePos.x,
+			y: mousePos.y
+		});
+	}
 	renderPointers() {
 		const stage = this.instance.getStage();
 		const pointersLayer = this.getLayer();
@@ -30503,7 +30496,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 				scaleY: 1 / stage.scaleY()
 			});
 			userPointerNode.moveToTop();
-			const { separation, pointer: { circleRadius, circleStrokeWidth }, name: { fontFamily, fontSize, backgroundCornerRadius, backgroundPaddingX, backgroundPaddingY } } = this.uiConfig;
+			const { separation, pointer: { circleRadius, circleStrokeWidth }, name: { fontFamily, fontSize, backgroundCornerRadius, backgroundPaddingX, backgroundPaddingY } } = this.config.ui;
 			const userBackgroundColor = this.config.getUserBackgroundColor(userPointer.rawUser);
 			const userForegroundColor = this.config.getUserForegroundColor(userPointer.rawUser);
 			const userPointNode = new Konva.Circle({
@@ -31629,5 +31622,5 @@ var WeaveCommentsRendererPlugin = class extends WeavePlugin {
 };
 
 //#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, 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, 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, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_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_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_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_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, 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_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTERS_DEFAULT_PROPS, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getExportBoundingBox, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, memoize, moveNodeToContainer, resetScale };
+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, 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, 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, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_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_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_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_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, 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_KEY, WEAVE_STAGE_NODE_TYPE, 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, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getExportBoundingBox, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, memoize, moveNodeToContainer, resetScale };
 //# sourceMappingURL=sdk.js.map