@inditextech/weave-sdk 0.27.3 → 0.28.0

package/README.md

@@ -4,279 +4,48 @@ SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.
 SPDX-License-Identifier: Apache-2.0
 -->
 
-[![npm version](https://badge.fury.io/js/angular2-expandable-list.svg)](https://badge.fury.io/js/angular2-expandable-list)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+# Weave.js / SDK
 
-# Weave.js / React
+This package generates the `@inditextech/weave-sdk` package, the Weave SDK, designed power-lift all the necessary stuff to build collaborative applications using real-time data synchronization powered by [Yjs](https://github.com/yjs/yjs/tree/master), relying on [CRDTs](https://github.com/yjs/yjs/blob/master/README.md#Yjs-CRDT-Algorithm) (Conflict-Free Replicated Data Types).
 
-> Write a project description
+## Setup
 
-## Prerequisites
-
-This project requires NodeJS (version 8 or later) and NPM.
-[Node](http://nodejs.org/) and [NPM](https://npmjs.org/) are really easy to install.
-To make sure you have them available on your machine,
-try running the following command.
-
-```sh
-$ npm -v && node -v
-6.4.1
-v8.16.0
-```
-
-## Table of contents
-
-- [Project Name](#project-name)
-  - [Prerequisites](#prerequisites)
-  - [Table of contents](#table-of-contents)
-  - [Getting Started](#getting-started)
-  - [Installation](#installation)
-  - [Usage](#usage)
-    - [Serving the app](#serving-the-app)
-    - [Running the tests](#running-the-tests)
-    - [Building a distribution version](#building-a-distribution-version)
-    - [Serving the distribution version](#serving-the-distribution-version)
-  - [API](#api)
-    - [useBasicFetch](#usebasicfetch)
-      - [Options](#options)
-    - [fetchData](#fetchdata)
-  - [Contributing](#contributing)
-  - [Credits](#credits)
-  - [Built With](#built-with)
-  - [Versioning](#versioning)
-  - [Authors](#authors)
-  - [License](#license)
-
-## Getting Started
-
-These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
-
-## Installation
-
-**BEFORE YOU INSTALL:** please read the [prerequisites](#prerequisites)
-
-Start with cloning this repo on your local machine:
-
-```sh
-$ git clone https://github.com/ORG/PROJECT.git
-$ cd PROJECT
-```
-
-To install and set up the library, run:
-
-```sh
-$ npm install -S myLib
-```
-
-Or if you prefer using Yarn:
+This is a monorepo, to install this package dependencies, just setup the monorepo, this can be done by locating on the `/code` project and execute the following command.
 
 ```sh
-$ yarn add --dev myLib
+$ npm install
 ```
 
 ## Usage
 
-### Serving the app
+This is a monorepo, this commands need to be from the `/code` folder of the repo.
 
-```sh
-$ npm start
-```
-
-### Running the tests
+### Build the package
 
 ```sh
-$ npm test
+$ npm run build --workspace=@inditextech/weave-sdk
 ```
 
-### Building a distribution version
+### Link the package
 
 ```sh
-$ npm run build
+$ npm run link --workspace=@inditextech/weave-sdk
 ```
 
-This task will create a distribution version of the project
-inside your local `dist/` folder
-
-### Serving the distribution version
+### Lint the package
 
 ```sh
-$ npm run serve:dist
-```
-
-This will use `lite-server` for servign your already
-generated distribution version of the project.
-
-_Note_ this requires
-[Building a distribution version](#building-a-distribution-version) first.
-
-## API
-
-### useBasicFetch
-
-```js
-useBasicFetch(((url: string) = ''), ((delay: number) = 0));
+$ npm run lint --workspace=@inditextech/weave-sdk
 ```
 
-Supported options and result fields for the `useBasicFetch` hook are listed below.
-
-#### Options
-
-`url`
-
-| Type   | Default value |
-| ------ | ------------- |
-| string | ''            |
-
-If present, the request will be performed as soon as the component is mounted
-
-Example:
-
-```tsx
-const MyComponent: React.FC = () => {
-  const { data, error, loading } = useBasicFetch(
-    'https://api.icndb.com/jokes/random'
-  );
-
-  if (error) {
-    return <p>Error</p>;
-  }
-
-  if (loading) {
-    return <p>Loading...</p>;
-  }
+### Test the package
 
-  return (
-    <div className="App">
-      <h2>Chuck Norris Joke of the day</h2>
-      {data && data.value && <p>{data.value.joke}</p>}
-    </div>
-  );
-};
-```
-
-`delay`
-
-| Type   | Default value | Description          |
-| ------ | ------------- | -------------------- |
-| number | 0             | Time in milliseconds |
-
-If present, the request will be delayed by the given amount of time
-
-Example:
-
-```tsx
-type Joke = {
-  value: {
-    id: number;
-    joke: string;
-  };
-};
-
-const MyComponent: React.FC = () => {
-  const { data, error, loading } = useBasicFetch<Joke>(
-    'https://api.icndb.com/jokes/random',
-    2000
-  );
-
-  if (error) {
-    return <p>Error</p>;
-  }
-
-  if (loading) {
-    return <p>Loading...</p>;
-  }
-
-  return (
-    <div className="App">
-      <h2>Chuck Norris Joke of the day</h2>
-      {data && data.value && <p>{data.value.joke}</p>}
-    </div>
-  );
-};
-```
-
-### fetchData
-
-```js
-fetchData(url: string)
-```
-
-Perform an asynchronous http request against a given url
-
-```tsx
-type Joke = {
-  value: {
-    id: number;
-    joke: string;
-  };
-};
-
-const ChuckNorrisJokes: React.FC = () => {
-  const { data, fetchData, error, loading } = useBasicFetch<Joke>();
-  const [jokeId, setJokeId] = useState(1);
-
-  useEffect(() => {
-    fetchData(`https://api.icndb.com/jokes/${jokeId}`);
-  }, [jokeId, fetchData]);
-
-  const handleNext = () => setJokeId(jokeId + 1);
-
-  if (error) {
-    return <p>Error</p>;
-  }
-
-  const jokeData = data && data.value;
-
-  return (
-    <div className="Comments">
-      {loading && <p>Loading...</p>}
-      {!loading && jokeData && (
-        <div>
-          <p>Joke ID: {jokeData.id}</p>
-          <p>{jokeData.joke}</p>
-        </div>
-      )}
-      {!loading && jokeData && !jokeData.joke && <p>{jokeData}</p>}
-      <button disabled={loading} onClick={handleNext}>
-        Next Joke
-      </button>
-    </div>
-  );
-};
+```sh
+$ npm run test --workspace=@inditextech/weave-sdk
 ```
 
-## Contributing
-
-Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
-
-1.  Fork it!
-2.  Create your feature branch: `git checkout -b my-new-feature`
-3.  Add your changes: `git add .`
-4.  Commit your changes: `git commit -am 'Add some feature'`
-5.  Push to the branch: `git push origin my-new-feature`
-6.  Submit a pull request :sunglasses:
-
-## Credits
-
-TODO: Write credits
-
-## Built With
-
-- Dropwizard - Bla bla bla
-- Maven - Maybe
-- Atom - ergaerga
-- Love
-
-## Versioning
-
-We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/your/project/tags).
-
-## Authors
-
-- **John Doe** - _Initial work_ - [JohnDoe](https://github.com/JohnDoe)
-
-See also the list of [contributors](https://github.com/your/project/contributors) who participated in this project.
-
 ## License
 
-[MIT License](https://andreasonny.mit-license.org/2019) © Andrea SonnY
+This project is licensed under the terms of the [Apache-2.0](LICENSE) license.
+
+© 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)

package/dist/sdk.cjs

@@ -15810,6 +15810,26 @@ function moveNodeToContainer(instance, node) {
 	}
 	return void 0;
 }
+function 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";
+}
+function 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;
+}
 
 //#endregion
 //#region src/plugins/users-selection/constants.ts
@@ -16024,8 +16044,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 					stage.container().style.cursor = actualCursor;
 				});
 			}
-			const usersSelectionPlugin = this.instance.getPlugin(WEAVE_USERS_SELECTION_KEY);
-			if (usersSelectionPlugin) usersSelectionPlugin.sendSelectionAwarenessInfo(this.tr);
 			tr.forceUpdate();
 		});
 		this.tr = tr;
@@ -16516,9 +16534,6 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/nodes/node.ts
 const augmentKonvaStageClass = () => {
-	konva.default.Stage.prototype.isFocused = function() {
-		return false;
-	};
 	konva.default.Stage.prototype.isMouseWheelPressed = function() {
 		return false;
 	};
@@ -16604,10 +16619,9 @@ var WeaveNode = class {
 				this.scaleReset(node$1);
 				const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
 				this.instance.updateNode(nodeHandler.serialize(node$1));
-				e.cancelBubble = true;
 			}
 		};
-		node.on("transform", (0, import_lodash.throttle)(handleTransform, 50));
+		node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
 		node.on("transformend", (e) => {
 			const node$1 = e.target;
 			transforming = false;
@@ -16637,9 +16651,11 @@ var WeaveNode = class {
 				clearContainerTargets(this.instance);
 				const layerToMove = checkIfOverContainer(this.instance, e.target);
 				if (layerToMove) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+				this.instance.updateNode(nodeHandler.serialize(node));
 			}
 		};
-		node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 50));
+		node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
 		node.on("dragend", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
 				clearContainerTargets(this.instance);
@@ -18139,7 +18155,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.27.3";
+var version = "0.28.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -19643,8 +19659,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 		this.imageId = v4_default();
 		this.imageURL = imageURL;
 		this.preloadImgs[this.imageId] = new Image();
-		this.preloadImgs[this.imageId].onerror = (error) => {
-			console.error(error);
+		this.preloadImgs[this.imageId].onerror = () => {
+			this.instance.emitEvent("onImageLoadEnd", new Error("Error loading image"));
+			this.cancelAction();
 		};
 		this.preloadImgs[this.imageId].onload = () => {
 			this.instance.emitEvent("onImageLoadEnd", void 0);
@@ -19656,10 +19673,6 @@ var WeaveImageToolAction = class extends WeaveAction {
 			};
 			this.addImageNode(position);
 		};
-		this.preloadImgs[this.imageId].onerror = () => {
-			this.instance.emitEvent("onImageLoadEnd", new Error("Error loading image"));
-			this.cancelAction();
-		};
 		this.preloadImgs[this.imageId].src = imageURL;
 		this.instance.emitEvent("onImageLoadStart");
 	}
@@ -20625,64 +20638,6 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 //#endregion
 //#region src/nodes/frame/constants.ts
 const WEAVE_FRAME_NODE_TYPE = "frame";
-const WEAVE_FRAME_NODE_SIZES_MULTIPLIER = 5;
-const WEAVE_FRAME_NODE_SIZES_ORIENTATION = {
-	landscape: "landscape",
-	portrait: "portrait"
-};
-const WEAVE_FRAME_NODE_SIZES_TYPES = {
-	A1: "A1",
-	A2: "A2",
-	A3: "A3",
-	A4: "A4",
-	CUSTOM: "custom"
-};
-const WEAVE_FRAME_NODE_SIZES = {
-	landscape: {
-		A1: {
-			width: 841,
-			height: 594
-		},
-		A2: {
-			width: 592,
-			height: 420
-		},
-		A3: {
-			width: 420,
-			height: 297
-		},
-		A4: {
-			width: 297,
-			height: 210
-		},
-		custom: {
-			width: 0,
-			height: 0
-		}
-	},
-	portrait: {
-		A1: {
-			width: 594,
-			height: 841
-		},
-		A2: {
-			width: 420,
-			height: 594
-		},
-		A3: {
-			width: 297,
-			height: 420
-		},
-		A4: {
-			width: 210,
-			height: 297
-		},
-		custom: {
-			width: 0,
-			height: 0
-		}
-	}
-};
 const WEAVE_FRAME_NODE_DEFAULT_CONFIG = {
 	fontFamily: "Arial",
 	fontStyle: "bold",
@@ -20709,10 +20664,8 @@ const WEAVE_FRAME_NODE_DEFAULT_CONFIG = {
 };
 const WEAVE_FRAME_NODE_DEFAULT_PROPS = {
 	title: "Frame XXX",
-	frameWidth: WEAVE_FRAME_NODE_SIZES.landscape.A4.width * WEAVE_FRAME_NODE_SIZES_MULTIPLIER,
-	frameHeight: WEAVE_FRAME_NODE_SIZES.landscape.A4.height * WEAVE_FRAME_NODE_SIZES_MULTIPLIER,
-	frameType: WEAVE_FRAME_NODE_SIZES_TYPES.A4,
-	frameOrientation: WEAVE_FRAME_NODE_SIZES_ORIENTATION.landscape
+	frameWidth: 1920,
+	frameHeight: 1080
 };
 
 //#endregion
@@ -20740,8 +20693,6 @@ var WeaveFrameNode = class extends WeaveNode {
 				...props.title && { title: props.title },
 				...props.frameWidth && { frameWidth: props.frameWidth },
 				...props.frameHeight && { frameHeight: props.frameHeight },
-				...props.frameType && { frameType: props.frameType },
-				...props.frameOrientation && { frameOrientation: props.frameOrientation },
 				children: []
 			}
 		};
@@ -20989,10 +20940,10 @@ var WeaveFrameNode = class extends WeaveNode {
 	serialize(instance) {
 		const stage = this.instance.getStage();
 		const attrs = instance.getAttrs();
-		let mainNode = stage?.findOne(`#${attrs.id}`);
-		if (attrs.id?.indexOf("-selector-area") !== -1) mainNode = stage?.findOne(`#${attrs.nodeId}`);
-		let frameInternal = mainNode?.findOne(`#${attrs.containerId}`);
-		if (attrs.id?.indexOf("-selector-area") !== -1) frameInternal = mainNode?.findOne(`#${attrs.containerId}`);
+		let mainNode = instance;
+		if (attrs.id?.indexOf("-selector-area") !== -1) mainNode = stage.findOne(`#${attrs.nodeId}`);
+		let frameInternal = stage.findOne(`#${attrs.containerId}`);
+		if (attrs.id?.indexOf("-selector-area") !== -1) frameInternal = stage.findOne(`#${attrs.containerId}`);
 		const childrenMapped = [];
 		if (frameInternal) {
 			const children = [...frameInternal.getChildren()];
@@ -23842,6 +23793,7 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 		return stage.findOne(`#${this.getLayerName()}`);
 	}
 	onInit() {
+		const stage = this.instance.getStage();
 		this.instance.addEventListener("onAwarenessChange", (changes) => {
 			const selfUser = this.config.getUser();
 			const allActiveUsers = [];
@@ -23850,15 +23802,18 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 				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
-					};
+					this.usersSelection[userSelection.user] = userSelection;
 				}
 			}
+			const allNodesSelections = Object.keys(this.usersSelection);
+			const inactiveUsers = allNodesSelections.filter((user) => !allNodesSelections.includes(user));
+			for (let i = 0; i < inactiveUsers.length; i++) delete this.usersSelection[inactiveUsers[i]];
+			this.renderSelectors();
+		});
+		stage.on("dragstart dragmove dragend", () => {
+			this.renderSelectors();
+		});
+		stage.on("transformstart transform transformend", () => {
 			this.renderSelectors();
 		});
 		this.renderSelectors();
@@ -23875,18 +23830,6 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 		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 = {
@@ -23925,10 +23868,10 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 		for (const selector of selectors) selector.destroy();
 		for (const userPointerKey of Object.keys(this.usersSelection)) {
 			const userSelector = this.usersSelection[userPointerKey];
-			const selectionRect = this.getSelectedNodesRect(userSelector.actualNodes.nodes);
+			const selectionRect = this.getSelectedNodesRect(userSelector.nodes);
 			const userSelectorNode = new konva.default.Group({
 				name: "selector",
-				id: `selector_${userSelector.actualNodes.user}`,
+				id: `selector_${userSelector.user}`,
 				x: selectionRect.x,
 				y: selectionRect.y,
 				listening: false
@@ -23937,12 +23880,12 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 			const userSelectorRect = new konva.default.Rect({
 				x: -this.padding / stage.scaleX(),
 				y: -this.padding / stage.scaleY(),
-				id: `selector_${userSelector.actualNodes.user}_rect`,
+				id: `selector_${userSelector.user}_rect`,
 				width: (selectionRect.width + 2 * this.padding) / stage.scaleX(),
 				height: (selectionRect.height + 2 * this.padding) / stage.scaleY(),
 				fill: "transparent",
 				listening: false,
-				stroke: this.stringToColor(userSelector.actualNodes.user),
+				stroke: stringToColor(userSelector.user),
 				strokeWidth: 3,
 				strokeScaleEnabled: false
 			});
@@ -24033,14 +23976,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 				if (change[WEAVE_USER_POINTER_KEY] && selfUser.name !== change[WEAVE_USER_POINTER_KEY].user) {
 					const userPointer = change[WEAVE_USER_POINTER_KEY];
 					allActiveUsers.push(userPointer.user);
-					this.usersPointers[userPointer.user] = {
-						oldPos: this.usersPointers[userPointer.user]?.actualPos ?? {
-							user: userPointer.user,
-							x: 0,
-							y: 0
-						},
-						actualPos: userPointer
-					};
+					this.usersPointers[userPointer.user] = userPointer;
 				}
 			}
 			const allPointers = Object.keys(this.usersPointers);
@@ -24070,26 +24006,6 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		});
 		this.renderPointers();
 	}
-	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 color = "#";
-		for (let i = 0; i < 3; i++) {
-			const value = hash >> i * 8 & 255;
-			color += value.toString(16).padStart(2, "0");
-		}
-		return color;
-	}
 	renderPointers() {
 		const stage = this.instance.getStage();
 		const pointersLayer = this.getLayer();
@@ -24100,9 +24016,9 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			const userPointer = this.usersPointers[userPointerKey];
 			const userPointerNode = new konva.default.Group({
 				name: "pointer",
-				id: `pointer_${userPointer.actualPos.user}`,
-				x: userPointer.actualPos.x,
-				y: userPointer.actualPos.y,
+				id: `pointer_${userPointer.user}`,
+				x: userPointer.x,
+				y: userPointer.y,
 				opacity: 1,
 				listening: false,
 				scaleX: 1 / stage.scaleX(),
@@ -24110,10 +24026,10 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			});
 			userPointerNode.moveToTop();
 			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 userColor = stringToColor(userPointer.user);
+			const userContrastColor = getContrastTextColor(userColor);
 			const userPointNode = new konva.default.Circle({
-				id: `pointer_${userPointer.actualPos.user}_userPoint`,
+				id: `pointer_${userPointer.user}_userPoint`,
 				x: 0,
 				y: 0,
 				radius: circleRadius,
@@ -24124,10 +24040,10 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 				listening: false
 			});
 			const userNameNode = new konva.default.Text({
-				id: `pointer_${userPointer.actualPos.user}_userPointName`,
+				id: `pointer_${userPointer.user}_userPointName`,
 				x: separation,
 				y: -circleRadius * 2 + backgroundPaddingY,
-				text: userPointer.actualPos.user.trim(),
+				text: userPointer.user.trim(),
 				fontSize,
 				fontFamily,
 				lineHeight: .9,
@@ -24143,7 +24059,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			userNameNode.width(textWidth + backgroundPaddingX * 2);
 			userNameNode.height(textHeight + backgroundPaddingY * 2);
 			const userNameBackground = new konva.default.Rect({
-				id: `pointer_${userPointer.actualPos.user}_userPointRect`,
+				id: `pointer_${userPointer.user}_userPointRect`,
 				x: separation,
 				y: -backgroundPaddingY,
 				width: textWidth + backgroundPaddingX * 2,
@@ -24297,7 +24213,10 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 			node = nodesSelectionPlugin.getTransformer();
 			skipNodes = [...nodes];
 		}
-		if (e.type === "transform") node = e.target;
+		if (e.type === "transform") {
+			node = e.target;
+			skipNodes.push(node.getAttrs().id ?? "");
+		}
 		if (typeof node === "undefined") return;
 		const lineGuideStops = this.getLineGuideStops(skipNodes);
 		const itemBounds = this.getObjectSnappingEdges(node);
@@ -24612,10 +24531,6 @@ exports.WEAVE_DEFAULT_USER_INFO_FUNCTION = WEAVE_DEFAULT_USER_INFO_FUNCTION
 exports.WEAVE_ELLIPSE_NODE_TYPE = WEAVE_ELLIPSE_NODE_TYPE
 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
-exports.WEAVE_FRAME_NODE_SIZES_MULTIPLIER = WEAVE_FRAME_NODE_SIZES_MULTIPLIER
-exports.WEAVE_FRAME_NODE_SIZES_ORIENTATION = WEAVE_FRAME_NODE_SIZES_ORIENTATION
-exports.WEAVE_FRAME_NODE_SIZES_TYPES = WEAVE_FRAME_NODE_SIZES_TYPES
 exports.WEAVE_FRAME_NODE_TYPE = WEAVE_FRAME_NODE_TYPE
 exports.WEAVE_GRID_DEFAULT_COLOR = WEAVE_GRID_DEFAULT_COLOR
 exports.WEAVE_GRID_DEFAULT_ORIGIN_COLOR = WEAVE_GRID_DEFAULT_ORIGIN_COLOR
@@ -24692,5 +24607,7 @@ exports.WeaveZoomInToolAction = WeaveZoomInToolAction
 exports.WeaveZoomOutToolAction = WeaveZoomOutToolAction
 exports.checkIfOverContainer = checkIfOverContainer
 exports.clearContainerTargets = clearContainerTargets
+exports.getContrastTextColor = getContrastTextColor
 exports.moveNodeToContainer = moveNodeToContainer
-exports.resetScale = resetScale
+exports.resetScale = resetScale
+exports.stringToColor = stringToColor