@inditextech/weave-sdk 2.19.0 → 2.20.1

package/dist/sdk.js

@@ -20366,22 +20366,27 @@ var WeaveNode = class {
 				}
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
 				if (realNodeTarget.getAttrs().isCloned) return;
-				originalNode = realNodeTarget.clone();
-				originalContainer = realNodeTarget.getParent();
-				if (originalContainer?.getAttrs().nodeId) originalContainer = stage.findOne(`#${originalContainer.getAttrs().nodeId}`);
 				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1 && realNodeTarget.getAttr("dragStartOpacity") === void 0) {
 					realNodeTarget.setAttr("dragStartOpacity", realNodeTarget.opacity());
 					realNodeTarget.opacity(this.getNodesSelectionPlugin()?.getDragOpacity());
 				}
+				originalNode = realNodeTarget.clone();
+				originalContainer = realNodeTarget.getParent();
+				if (originalContainer?.getAttrs().nodeId) originalContainer = stage.findOne(`#${originalContainer.getAttrs().nodeId}`);
 				if (e.evt?.altKey) {
 					nodeTarget.setAttrs({ isCloneOrigin: true });
 					nodeTarget.setAttrs({ isCloned: false });
 					nodeTarget.stopDrag(e.evt);
 					e.cancelBubble = true;
 					const clone = this.instance.getCloningManager().cloneNode(realNodeTarget);
+					const originalNodeOpacity = realNodeTarget.getAttr("dragStartOpacity") ?? 1;
+					realNodeTarget.setAttrs({ opacity: originalNodeOpacity });
+					realNodeTarget.setAttr("dragStartOpacity", void 0);
 					if (clone && !this.instance.getCloningManager().isClone(clone)) {
-						clone.setAttrs({ isCloneOrigin: false });
-						clone.setAttrs({ isCloned: true });
+						clone.setAttrs({
+							isCloneOrigin: false,
+							isCloned: true
+						});
 						this.instance.getCloningManager().addClone(clone);
 					}
 					stage.setPointersPositions(e.evt);
@@ -20704,6 +20709,9 @@ var WeaveNode = class {
 		const usersPresencePlugin = this.instance.getPlugin(WEAVE_USERS_PRESENCE_PLUGIN_KEY);
 		return usersPresencePlugin;
 	}
+	getIsAsync() {
+		return false;
+	}
 };
 
 //#endregion
@@ -22078,7 +22086,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "2.19.0";
+var version = "2.20.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22779,6 +22787,34 @@ var WeaveAsyncManager = class {
 		this.asyncElements = watchMap(() => {
 			this.instance.emitEvent("onAsyncElementChange");
 		}, new Map());
+		this.instance.addEventListener("onRoomLoaded", (isRoomLoaded) => {
+			if (!isRoomLoaded) return;
+			const roomHasResourcesToLoad = this.roomHasResourcesToLoad();
+			if (!roomHasResourcesToLoad && !this.asyncElementsLoadedEventEmitted) {
+				this.instance.emitEvent("onAsyncElementsLoaded");
+				this.asyncElementsLoadedEventEmitted = true;
+			}
+		});
+	}
+	extractAsyncElements(state) {
+		const asyncElements = [];
+		const traverse = (element) => {
+			const nodeHandler = this.instance.getNodeHandler(element.type);
+			if (nodeHandler?.getIsAsync()) asyncElements.push(element);
+			const children = element.props?.children;
+			if (Array.isArray(children)) for (const child of children) traverse(child);
+		};
+		if ("key" in state.weave && state.weave.key === "stage") {
+			const children = state.weave.props.children ?? [];
+			for (const child of children) traverse(child);
+		} else for (const element of Object.values(state.weave)) traverse(element);
+		return asyncElements;
+	}
+	roomHasResourcesToLoad() {
+		const roomData = this.instance.getStore().getState();
+		const jsonRoomData = JSON.parse(JSON.stringify(roomData));
+		const asyncElements = this.extractAsyncElements(jsonRoomData);
+		return asyncElements.length > 0;
 	}
 	asyncElementsLoaded() {
 		return [...this.asyncElements.values()].every((el) => el.status === WEAVE_ASYNC_STATUS.LOADED);
@@ -25247,7 +25283,7 @@ const WEAVE_IMAGE_CROP_END_TYPE = {
 	["CANCEL"]: "cancel"
 };
 const WEAVE_IMAGE_DEFAULT_CONFIG = {
-	performance: { caching: false },
+	performance: { cache: { enabled: false } },
 	crossOrigin: "anonymous"
 };
 
@@ -25271,7 +25307,7 @@ var WeaveImageNode = class extends WeaveNode {
 		this.imageCrop = null;
 	}
 	onRegister() {
-		this.logger.info(`image caching enabled: ${this.config.performance.caching}`);
+		this.logger.info(`image caching enabled: ${this.config.performance.cache.enabled}`);
 	}
 	triggerCrop(imageNode) {
 		const stage = this.instance.getStage();
@@ -25448,7 +25484,7 @@ var WeaveImageNode = class extends WeaveNode {
 			this.updatePlaceholderSize(image, imagePlaceholder);
 			this.loadImage(imageProps, image);
 		}
-		if (this.config.performance.caching) image.on("transformend", () => {
+		if (this.config.performance.cache.enabled) image.on("transformend", () => {
 			this.cacheNode(image);
 		});
 		image.setAttr("imageURL", imageProps.imageURL);
@@ -25461,12 +25497,12 @@ var WeaveImageNode = class extends WeaveNode {
 		return image;
 	}
 	clearCache(nodeInstance) {
-		if (this.config.performance.caching) nodeInstance.clearCache();
+		if (this.config.performance.cache.enabled) nodeInstance.clearCache();
 	}
 	cacheNode(nodeInstance) {
-		if (this.config.performance.caching) {
+		if (this.config.performance.cache.enabled) {
 			nodeInstance.clearCache();
-			nodeInstance.cache();
+			nodeInstance.cache({ pixelRatio: this.config.performance.cache.pixelRatio });
 		}
 	}
 	onUpdate(nodeInstance, nextProps) {
@@ -25765,6 +25801,9 @@ var WeaveImageNode = class extends WeaveNode {
 			y: 1
 		});
 	}
+	getIsAsync() {
+		return true;
+	}
 };
 
 //#endregion
@@ -27774,6 +27813,9 @@ var WeaveVideoNode = class extends WeaveNode {
 			y: 1
 		});
 	}
+	getIsAsync() {
+		return true;
+	}
 };
 
 //#endregion
@@ -29793,6 +29835,9 @@ var WeaveConnectorNode = class extends WeaveNode {
 		}
 		return result;
 	};
+	getIsAsync() {
+		return true;
+	}
 };
 
 //#endregion
@@ -31665,13 +31710,14 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-			if (e.code === "Space" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) this.isSpacePressed = true;
-			if (e.code === "Escape" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) {
-				this.cancelAction();
+			if (e.code === "Space" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) {
+				this.isSpacePressed = true;
 				return;
 			}
+			if (e.code === "Escape" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) this.cancelAction();
 		});
 		const handlePointerDown = (e) => {
+			if (this.state === BRUSH_TOOL_STATE.INACTIVE) return;
 			if (this.state !== BRUSH_TOOL_STATE.IDLE) return;
 			if (this.getZoomPlugin()?.isPinching()) return;
 			if (this.isSpacePressed) return;