@inditextech/weave-sdk 2.20.0 → 2.20.2

package/dist/sdk.node.js

@@ -20365,22 +20365,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);
@@ -20703,6 +20708,9 @@ var WeaveNode = class {
 		const usersPresencePlugin = this.instance.getPlugin(WEAVE_USERS_PRESENCE_PLUGIN_KEY);
 		return usersPresencePlugin;
 	}
+	getIsAsync() {
+		return false;
+	}
 };
 
 //#endregion
@@ -22077,7 +22085,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "2.20.0";
+var version = "2.20.2";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22778,6 +22786,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);
@@ -25456,7 +25492,6 @@ var WeaveImageNode = class extends WeaveNode {
 				if (this.imageCrop) this.closeCrop(image, WEAVE_IMAGE_CROP_END_TYPE.CANCEL);
 			}
 		});
-		this.cacheNode(image);
 		return image;
 	}
 	clearCache(nodeInstance) {
@@ -25764,6 +25799,9 @@ var WeaveImageNode = class extends WeaveNode {
 			y: 1
 		});
 	}
+	getIsAsync() {
+		return true;
+	}
 };
 
 //#endregion
@@ -27773,6 +27811,9 @@ var WeaveVideoNode = class extends WeaveNode {
 			y: 1
 		});
 	}
+	getIsAsync() {
+		return true;
+	}
 };
 
 //#endregion
@@ -29792,6 +29833,9 @@ var WeaveConnectorNode = class extends WeaveNode {
 		}
 		return result;
 	};
+	getIsAsync() {
+		return true;
+	}
 };
 
 //#endregion
@@ -29894,6 +29938,8 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			actScale.y = scale;
 			stage.scale(actScale);
 			this.actualScale = scale;
+			this.actualStep = this.findClosestStepIndex(oldScale < scale ? "zoomOut" : "zoomIn");
+			this.actualScale = scale;
 			if (centered) {
 				const stageCenter = {
 					x: stage.width() / 2,
@@ -29939,13 +29985,13 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	canZoomOut() {
 		if (!this.enabled) return false;
 		const actualZoomIsStep = this.config.zoomSteps.findIndex((scale) => scale === this.actualScale);
-		if (actualZoomIsStep === -1) this.actualStep = this.findClosestStepIndex("zoomOut");
+		if (actualZoomIsStep === -1) this.actualStep = this.findClosestStepIndex("zoomIn");
 		return this.actualStep - 1 >= 0;
 	}
 	canZoomIn() {
 		if (!this.enabled) return false;
 		const actualZoomIsStep = this.config.zoomSteps.findIndex((scale) => scale === this.actualScale);
-		if (actualZoomIsStep === -1) this.actualStep = this.findClosestStepIndex("zoomIn");
+		if (actualZoomIsStep === -1) this.actualStep = this.findClosestStepIndex("zoomOut");
 		return this.actualStep + 1 < this.config.zoomSteps.length;
 	}
 	zoomToStep(step) {
@@ -29995,7 +30041,8 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		const scale = Math.min(scaleX, scaleY);
 		return scale;
 	}
-	fitToScreen() {
+	fitToScreen(options) {
+		const finalOptions = mergeExceptArrays({ overrideZoom: true }, options);
 		if (!this.enabled) return;
 		const stage = this.instance.getStage();
 		const mainLayer = this.instance.getMainLayer();
@@ -30032,8 +30079,12 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		const upscaleScale = stage.getAttr("upscaleScale");
 		const stageWidth = stage.width();
 		const stageHeight = stage.height();
-		const scaleX = (stageWidth - this.config.fitToScreen.padding * 2 / upscaleScale) / bounds.width;
-		const scaleY = (stageHeight - this.config.fitToScreen.padding * 2 / upscaleScale) / bounds.height;
+		let scaleX = (stageWidth - this.config.fitToScreen.padding * 2 / upscaleScale) / bounds.width;
+		let scaleY = (stageHeight - this.config.fitToScreen.padding * 2 / upscaleScale) / bounds.height;
+		if (!finalOptions.overrideZoom) {
+			scaleX = this.clamp(scaleX, this.config.zoomSteps[0], this.config.zoomSteps[this.config.zoomSteps.length - 1]);
+			scaleY = this.clamp(scaleY, this.config.zoomSteps[0], this.config.zoomSteps[this.config.zoomSteps.length - 1]);
+		}
 		const scale = Math.min(scaleX, scaleY);
 		const offsetX = bounds.x + bounds.width / 2;
 		const offsetY = bounds.y + bounds.height / 2;
@@ -30047,7 +30098,11 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		});
 		this.setZoom(scale, false);
 	}
-	fitToElements(box, smartZoom = false) {
+	fitToElements(box, options) {
+		const finalOptions = mergeExceptArrays({
+			smartZoom: false,
+			overrideZoom: true
+		}, options);
 		const stage = this.instance.getStage();
 		const container = stage.container();
 		const scale = stage.scale();
@@ -30060,7 +30115,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			x: box.x + box.width / 2,
 			y: box.y + box.height / 2
 		};
-		if (smartZoom && fitsInView) {
+		if (finalOptions.smartZoom && fitsInView) {
 			const newPosition = {
 				x: containerWidth / 2 - selectionCenter.x * scale.x,
 				y: containerHeight / 2 - selectionCenter.y * scale.y
@@ -30080,8 +30135,12 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		};
 		const availableScreenWidth = stageBox.width - 2 * this.config.fitToSelection.padding / upscaleScale;
 		const availableScreenHeight = stageBox.height - 2 * this.config.fitToSelection.padding / upscaleScale;
-		const scaleX = availableScreenWidth / box.width;
-		const scaleY = availableScreenHeight / box.height;
+		let scaleX = availableScreenWidth / box.width;
+		let scaleY = availableScreenHeight / box.height;
+		if (!finalOptions.overrideZoom) {
+			scaleX = this.clamp(scaleX, this.config.zoomSteps[0], this.config.zoomSteps[this.config.zoomSteps.length - 1]);
+			scaleY = this.clamp(scaleY, this.config.zoomSteps[0], this.config.zoomSteps[this.config.zoomSteps.length - 1]);
+		}
 		const finalScale = Math.min(scaleX, scaleY);
 		stage.scale({
 			x: finalScale,
@@ -30099,16 +30158,24 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		});
 		this.setZoom(finalScale, false);
 	}
-	fitToNodes(nodes, smartZoom = false) {
+	fitToNodes(nodes, options) {
+		const finalOptions = mergeExceptArrays({
+			smartZoom: false,
+			overrideZoom: true
+		}, options);
 		if (!this.enabled) return;
 		const stage = this.instance.getStage();
 		if (nodes.length === 0) return;
 		const nodesInstances = nodes.map((nodeId) => this.instance.getStage().findOne(`#${nodeId}`)).filter((node) => node !== null);
 		const box = getBoundingBox(nodesInstances, { relativeTo: stage });
 		if (box.width === 0 || box.height === 0) return;
-		this.fitToElements(box, smartZoom);
+		this.fitToElements(box, finalOptions);
 	}
-	fitToSelection(smartZoom = false) {
+	fitToSelection(options) {
+		const finalOptions = mergeExceptArrays({
+			smartZoom: false,
+			overrideZoom: true
+		}, options);
 		if (!this.enabled) return;
 		const stage = this.instance.getStage();
 		const selectionPlugin = this.getNodesSelectionPlugin();
@@ -30117,7 +30184,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		if (nodes.length === 0) return;
 		const box = getBoundingBox(selectionPlugin.getTransformer().getNodes(), { relativeTo: stage });
 		if (box.width === 0 || box.height === 0) return;
-		this.fitToElements(box, smartZoom);
+		this.fitToElements(box, finalOptions);
 	}
 	enable() {
 		this.enabled = true;
@@ -30283,6 +30350,12 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		const contextMenuPlugin = this.instance.getPlugin("contextMenu");
 		return contextMenuPlugin;
 	}
+	getZoomSteps() {
+		return this.config.zoomSteps;
+	}
+	clamp(value, min, max) {
+		return Math.min(Math.max(value, min), max);
+	}
 };
 
 //#endregion
@@ -30374,7 +30447,7 @@ var WeaveFitToScreenToolAction = class extends WeaveAction {
 	}
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
-		if (stageZoomPlugin) stageZoomPlugin.fitToScreen();
+		if (stageZoomPlugin) stageZoomPlugin.fitToScreen({ overrideZoom: params?.overrideZoom ?? true });
 		this.previousAction = params.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();
@@ -30413,7 +30486,10 @@ var WeaveFitToSelectionToolAction = class extends WeaveAction {
 	}
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
-		stageZoomPlugin.fitToSelection(params?.smartZoom ?? false);
+		stageZoomPlugin.fitToSelection({
+			smartZoom: params?.smartZoom ?? false,
+			overrideZoom: params?.overrideZoom ?? true
+		});
 		this.previousAction = params.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();