@inditextech/weave-sdk 0.40.2 → 0.42.0

package/dist/sdk.cjs

@@ -16961,11 +16961,7 @@ var WeaveNode = class {
 				const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesSnappingPlugin.evaluateGuidelines(e);
-				if (this.isSelecting() && this.isNodeSelected(node$1)) {
-					this.scaleReset(node$1);
-					const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
-					if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
-				}
+				if (this.isSelecting() && this.isNodeSelected(node$1)) this.scaleReset(node$1);
 			};
 			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
@@ -18454,28 +18450,57 @@ var WeaveStateManager = class {
 			return;
 		}
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent before init");
-		const newChildren = JSON.parse(JSON.stringify(parent.props.children ?? []));
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent before add");
-		if (index) {
-			newChildren?.splice(index, 0, node);
-			for (let i = 0; i < newChildren.length; i++) newChildren[i].props.zIndex = i;
-		}
-		if (!index) {
-			const childrenAmount = newChildren.length;
-			node.props.zIndex = childrenAmount;
-			const nodeToAdd = {
-				...node,
-				props: {
-					...node.props,
-					zIndex: childrenAmount
-				}
-			};
-			this.logger.info({ node: JSON.parse(JSON.stringify(nodeToAdd)) }, "addNode: node to add");
-			newChildren.push(nodeToAdd);
+		const doc = (0, __syncedstore_core.getYjsDoc)(state);
+		doc.transact(() => {
+			if (!parent.props.children) parent.props.children = [];
+			if (index) {
+				parent.props.children.splice(index, 0, node);
+				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+			}
+			if (!index) {
+				const childrenAmount = parent.props.children.length;
+				const nodeToAdd = {
+					...node,
+					props: {
+						...node.props,
+						zIndex: childrenAmount
+					}
+				};
+				this.logger.info({ node: JSON.parse(JSON.stringify(nodeToAdd)) }, "addNode: node to add");
+				parent.props.children.push(nodeToAdd);
+			}
+			this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent after add");
+			this.instance.emitEvent("onNodeAdded", node);
+		});
+	}
+	deepSyncSyncedStore(target, source) {
+		for (const key in target) if (!(key in source)) delete target[key];
+		for (const key in source) {
+			const srcVal = source[key];
+			const tgtVal = target[key];
+			const bothAreObjects = this.isObject(srcVal) && this.isObject(tgtVal);
+			if (bothAreObjects && !Array.isArray(srcVal)) this.deepSyncSyncedStore(tgtVal, srcVal);
+			else if (Array.isArray(srcVal)) this.syncArray(target, key, srcVal);
+			else if (tgtVal !== srcVal) target[key] = srcVal;
+		}
+	}
+	syncArray(target, key, sourceArr) {
+		const tgtArr = target[key];
+		if (!Array.isArray(tgtArr)) {
+			target[key] = [...sourceArr];
+			return;
+		}
+		while (tgtArr.length > sourceArr.length) tgtArr.pop();
+		for (let i = 0; i < sourceArr.length; i++) {
+			const srcItem = sourceArr[i];
+			const tgtItem = tgtArr[i];
+			if (this.isObject(srcItem) && this.isObject(tgtItem)) this.deepSyncSyncedStore(tgtItem, srcItem);
+			else if (tgtItem !== srcItem) tgtArr[i] = srcItem;
 		}
-		if (typeof newChildren !== "undefined") parent.props.children = newChildren;
-		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent after add");
-		this.instance.emitEvent("onNodeAdded", node);
+	}
+	isObject(val) {
+		return typeof val === "object" && val !== null;
 	}
 	updateNode(node) {
 		const state = this.instance.getStore().getState();
@@ -18491,13 +18516,14 @@ var WeaveStateManager = class {
 			this.logger.warn({ node }, msg);
 			return;
 		}
-		this.logger.info({ node: JSON.parse(JSON.stringify(nodeState)) }, "updateNode: before update");
-		const newNode = JSON.parse(JSON.stringify(nodeState));
-		newNode.props = {
-			...newNode.props,
-			...node.props
-		};
-		if (typeof newNode.props !== "undefined") nodeState.props = newNode.props;
+		this.logger.info({
+			node: JSON.parse(JSON.stringify(nodeState)),
+			toUpdate: node
+		}, "updateNode: before update");
+		const doc = (0, __syncedstore_core.getYjsDoc)(state);
+		doc.transact(() => {
+			this.deepSyncSyncedStore(nodeState.props, node.props);
+		});
 		this.logger.info({ node: JSON.parse(JSON.stringify(nodeState)) }, "updateNode: after update");
 		this.instance.emitEvent("onNodeUpdated", node);
 	}
@@ -18522,15 +18548,18 @@ var WeaveStateManager = class {
 		}
 		this.logger.info({ key: node.key }, "removeNode: node to remove");
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "removeNode: parent before remove");
-		const newChildren = JSON.parse(JSON.stringify(parent.props.children ?? []));
-		for (let i = newChildren.length - 1; i >= 0; i--) if (newChildren[i].key === node.key) {
-			newChildren.splice(i, 1);
-			break;
-		}
-		for (let i = 0; i < newChildren.length; i++) newChildren[i].props.zIndex = i;
-		if (typeof newChildren !== "undefined") parent.props.children = newChildren;
-		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "removeNode: parent after remove");
-		this.instance.emitEvent("onNodeRemoved", node);
+		const doc = (0, __syncedstore_core.getYjsDoc)(state);
+		doc.transact(() => {
+			if (parent.props.children) {
+				for (let i = parent.props.children.length - 1; i >= 0; i--) if (parent.props.children[i].key === node.key) {
+					parent.props.children.splice(i, 1);
+					break;
+				}
+				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+				this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "removeNode: parent after remove");
+				this.instance.emitEvent("onNodeRemoved", node);
+			}
+		});
 	}
 	removeNodes(nodes) {
 		for (const node of nodes) this.removeNode(node);
@@ -18549,18 +18578,32 @@ var WeaveStateManager = class {
 			this.logger.warn({ node }, msg);
 			return;
 		}
+		if (!parent) {
+			const msg = `Parent doesn't exists, cannot move it`;
+			this.logger.warn({ node }, msg);
+			return;
+		}
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "moveNode: parent before move");
-		if (parent && parent.props.children) {
+		if (parent.props.children) {
 			const childrenAmount = parent.props.children.length;
 			const nodeIndex = parent.props.children.findIndex((child) => child.key === node.key);
-			const newChildren = JSON.parse(JSON.stringify(parent.props.children ?? []));
-			newChildren.splice(nodeIndex, 1);
-			if (position === __inditextech_weave_types.WEAVE_NODE_POSITION.UP) newChildren.splice(nodeIndex + 1, 0, { ...node });
-			if (position === __inditextech_weave_types.WEAVE_NODE_POSITION.DOWN) newChildren.splice(nodeIndex - 1, 0, { ...node });
-			if (position === __inditextech_weave_types.WEAVE_NODE_POSITION.FRONT) newChildren.splice(childrenAmount - 1, 0, { ...node });
-			if (position === __inditextech_weave_types.WEAVE_NODE_POSITION.BACK) newChildren.splice(0, 0, { ...node });
-			for (let i = 0; i < newChildren.length; i++) newChildren[i].props.zIndex = i;
-			if (typeof newChildren !== "undefined") parent.props.children = newChildren;
+			if (nodeIndex === -1) {
+				const msg = `Element doesn't exists on parent, cannot move it`;
+				this.logger.warn({ node }, msg);
+				return;
+			}
+			const doc = (0, __syncedstore_core.getYjsDoc)(state);
+			doc.transact(() => {
+				if (parent.props.children) {
+					const item = JSON.parse(JSON.stringify(parent.props.children[nodeIndex]));
+					parent.props.children.splice(nodeIndex, 1);
+					if (item && position === __inditextech_weave_types.WEAVE_NODE_POSITION.UP) parent.props.children.splice(nodeIndex + 1, 0, item);
+					if (item && position === __inditextech_weave_types.WEAVE_NODE_POSITION.DOWN) parent.props.children.splice(nodeIndex - 1, 0, item);
+					if (item && position === __inditextech_weave_types.WEAVE_NODE_POSITION.FRONT) parent.props.children.splice(childrenAmount - 1, 0, item);
+					if (item && position === __inditextech_weave_types.WEAVE_NODE_POSITION.BACK) parent.props.children.splice(0, 0, item);
+					for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+				}
+			});
 		}
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "moveNode: parent after move");
 	}
@@ -18647,7 +18690,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.40.2";
+var version = "0.42.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -19791,7 +19834,6 @@ var WeaveTextNode = class extends WeaveNode {
 				});
 				resetScale(text);
 				text.fontSize(text.fontSize() * text.scaleY());
-				this.instance.updateNode(this.serialize(text));
 				e.cancelBubble = true;
 			}
 		});

package/dist/sdk.js

@@ -16961,11 +16961,7 @@ var WeaveNode = class {
 				const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesSnappingPlugin.evaluateGuidelines(e);
-				if (this.isSelecting() && this.isNodeSelected(node$1)) {
-					this.scaleReset(node$1);
-					const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
-					if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
-				}
+				if (this.isSelecting() && this.isNodeSelected(node$1)) this.scaleReset(node$1);
 			};
 			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
@@ -18454,28 +18450,57 @@ var WeaveStateManager = class {
 			return;
 		}
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent before init");
-		const newChildren = JSON.parse(JSON.stringify(parent.props.children ?? []));
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent before add");
-		if (index) {
-			newChildren?.splice(index, 0, node);
-			for (let i = 0; i < newChildren.length; i++) newChildren[i].props.zIndex = i;
-		}
-		if (!index) {
-			const childrenAmount = newChildren.length;
-			node.props.zIndex = childrenAmount;
-			const nodeToAdd = {
-				...node,
-				props: {
-					...node.props,
-					zIndex: childrenAmount
-				}
-			};
-			this.logger.info({ node: JSON.parse(JSON.stringify(nodeToAdd)) }, "addNode: node to add");
-			newChildren.push(nodeToAdd);
+		const doc = getYjsDoc(state);
+		doc.transact(() => {
+			if (!parent.props.children) parent.props.children = [];
+			if (index) {
+				parent.props.children.splice(index, 0, node);
+				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+			}
+			if (!index) {
+				const childrenAmount = parent.props.children.length;
+				const nodeToAdd = {
+					...node,
+					props: {
+						...node.props,
+						zIndex: childrenAmount
+					}
+				};
+				this.logger.info({ node: JSON.parse(JSON.stringify(nodeToAdd)) }, "addNode: node to add");
+				parent.props.children.push(nodeToAdd);
+			}
+			this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent after add");
+			this.instance.emitEvent("onNodeAdded", node);
+		});
+	}
+	deepSyncSyncedStore(target, source) {
+		for (const key in target) if (!(key in source)) delete target[key];
+		for (const key in source) {
+			const srcVal = source[key];
+			const tgtVal = target[key];
+			const bothAreObjects = this.isObject(srcVal) && this.isObject(tgtVal);
+			if (bothAreObjects && !Array.isArray(srcVal)) this.deepSyncSyncedStore(tgtVal, srcVal);
+			else if (Array.isArray(srcVal)) this.syncArray(target, key, srcVal);
+			else if (tgtVal !== srcVal) target[key] = srcVal;
+		}
+	}
+	syncArray(target, key, sourceArr) {
+		const tgtArr = target[key];
+		if (!Array.isArray(tgtArr)) {
+			target[key] = [...sourceArr];
+			return;
+		}
+		while (tgtArr.length > sourceArr.length) tgtArr.pop();
+		for (let i = 0; i < sourceArr.length; i++) {
+			const srcItem = sourceArr[i];
+			const tgtItem = tgtArr[i];
+			if (this.isObject(srcItem) && this.isObject(tgtItem)) this.deepSyncSyncedStore(tgtItem, srcItem);
+			else if (tgtItem !== srcItem) tgtArr[i] = srcItem;
 		}
-		if (typeof newChildren !== "undefined") parent.props.children = newChildren;
-		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "addNode: parent after add");
-		this.instance.emitEvent("onNodeAdded", node);
+	}
+	isObject(val) {
+		return typeof val === "object" && val !== null;
 	}
 	updateNode(node) {
 		const state = this.instance.getStore().getState();
@@ -18491,13 +18516,14 @@ var WeaveStateManager = class {
 			this.logger.warn({ node }, msg);
 			return;
 		}
-		this.logger.info({ node: JSON.parse(JSON.stringify(nodeState)) }, "updateNode: before update");
-		const newNode = JSON.parse(JSON.stringify(nodeState));
-		newNode.props = {
-			...newNode.props,
-			...node.props
-		};
-		if (typeof newNode.props !== "undefined") nodeState.props = newNode.props;
+		this.logger.info({
+			node: JSON.parse(JSON.stringify(nodeState)),
+			toUpdate: node
+		}, "updateNode: before update");
+		const doc = getYjsDoc(state);
+		doc.transact(() => {
+			this.deepSyncSyncedStore(nodeState.props, node.props);
+		});
 		this.logger.info({ node: JSON.parse(JSON.stringify(nodeState)) }, "updateNode: after update");
 		this.instance.emitEvent("onNodeUpdated", node);
 	}
@@ -18522,15 +18548,18 @@ var WeaveStateManager = class {
 		}
 		this.logger.info({ key: node.key }, "removeNode: node to remove");
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "removeNode: parent before remove");
-		const newChildren = JSON.parse(JSON.stringify(parent.props.children ?? []));
-		for (let i = newChildren.length - 1; i >= 0; i--) if (newChildren[i].key === node.key) {
-			newChildren.splice(i, 1);
-			break;
-		}
-		for (let i = 0; i < newChildren.length; i++) newChildren[i].props.zIndex = i;
-		if (typeof newChildren !== "undefined") parent.props.children = newChildren;
-		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "removeNode: parent after remove");
-		this.instance.emitEvent("onNodeRemoved", node);
+		const doc = getYjsDoc(state);
+		doc.transact(() => {
+			if (parent.props.children) {
+				for (let i = parent.props.children.length - 1; i >= 0; i--) if (parent.props.children[i].key === node.key) {
+					parent.props.children.splice(i, 1);
+					break;
+				}
+				for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+				this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "removeNode: parent after remove");
+				this.instance.emitEvent("onNodeRemoved", node);
+			}
+		});
 	}
 	removeNodes(nodes) {
 		for (const node of nodes) this.removeNode(node);
@@ -18549,18 +18578,32 @@ var WeaveStateManager = class {
 			this.logger.warn({ node }, msg);
 			return;
 		}
+		if (!parent) {
+			const msg = `Parent doesn't exists, cannot move it`;
+			this.logger.warn({ node }, msg);
+			return;
+		}
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "moveNode: parent before move");
-		if (parent && parent.props.children) {
+		if (parent.props.children) {
 			const childrenAmount = parent.props.children.length;
 			const nodeIndex = parent.props.children.findIndex((child) => child.key === node.key);
-			const newChildren = JSON.parse(JSON.stringify(parent.props.children ?? []));
-			newChildren.splice(nodeIndex, 1);
-			if (position === WEAVE_NODE_POSITION.UP) newChildren.splice(nodeIndex + 1, 0, { ...node });
-			if (position === WEAVE_NODE_POSITION.DOWN) newChildren.splice(nodeIndex - 1, 0, { ...node });
-			if (position === WEAVE_NODE_POSITION.FRONT) newChildren.splice(childrenAmount - 1, 0, { ...node });
-			if (position === WEAVE_NODE_POSITION.BACK) newChildren.splice(0, 0, { ...node });
-			for (let i = 0; i < newChildren.length; i++) newChildren[i].props.zIndex = i;
-			if (typeof newChildren !== "undefined") parent.props.children = newChildren;
+			if (nodeIndex === -1) {
+				const msg = `Element doesn't exists on parent, cannot move it`;
+				this.logger.warn({ node }, msg);
+				return;
+			}
+			const doc = getYjsDoc(state);
+			doc.transact(() => {
+				if (parent.props.children) {
+					const item = JSON.parse(JSON.stringify(parent.props.children[nodeIndex]));
+					parent.props.children.splice(nodeIndex, 1);
+					if (item && position === WEAVE_NODE_POSITION.UP) parent.props.children.splice(nodeIndex + 1, 0, item);
+					if (item && position === WEAVE_NODE_POSITION.DOWN) parent.props.children.splice(nodeIndex - 1, 0, item);
+					if (item && position === WEAVE_NODE_POSITION.FRONT) parent.props.children.splice(childrenAmount - 1, 0, item);
+					if (item && position === WEAVE_NODE_POSITION.BACK) parent.props.children.splice(0, 0, item);
+					for (let i = 0; i < parent.props.children.length; i++) parent.props.children[i].props.zIndex = i;
+				}
+			});
 		}
 		this.logger.info({ parent: JSON.parse(JSON.stringify(parent)) }, "moveNode: parent after move");
 	}
@@ -18647,7 +18690,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.40.2";
+var version = "0.42.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -19791,7 +19834,6 @@ var WeaveTextNode = class extends WeaveNode {
 				});
 				resetScale(text);
 				text.fontSize(text.fontSize() * text.scaleY());
-				this.instance.updateNode(this.serialize(text));
 				e.cancelBubble = true;
 			}
 		});