@inditextech/weave-sdk 5.0.0-SNAPSHOT.336.1 → 5.0.0-SNAPSHOT.342.1

package/dist/sdk.js

@@ -9442,7 +9442,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.336.1";
+var version = "5.0.0-SNAPSHOT.342.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -9802,60 +9802,80 @@ var WeaveExportManager = class {
 			outH
 		};
 	}
+	cloneStageForExport() {
+		const originalStage = this.instance.getStage();
+		const stage = originalStage.clone();
+		const mainLayer = stage.findOne("#mainLayer");
+		if (!mainLayer) throw new Error("Main layer not found");
+		const selectionLayer = stage.findOne(`#${WEAVE_NODES_SELECTION_LAYER_ID}`);
+		selectionLayer?.destroy();
+		const gridLayer = stage.findOne(`#${WEAVE_GRID_LAYER_ID}`);
+		gridLayer?.destroy();
+		const scaleX = originalStage.scaleX();
+		const scaleY = originalStage.scaleY();
+		return {
+			stage,
+			mainLayer,
+			originalScale: {
+				scaleX,
+				scaleY
+			}
+		};
+	}
+	setupForExport({ nodes, bounds, stage, mainLayer, scaleX, scaleY, options, exportArea }) {
+		const { padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
+		const unscaledBounds = {
+			x: bounds.x / scaleX,
+			y: bounds.y / scaleY,
+			width: bounds.width / scaleX,
+			height: bounds.height / scaleY
+		};
+		const background = new Konva.Rect({
+			x: unscaledBounds.x - padding,
+			y: unscaledBounds.y - padding,
+			width: unscaledBounds.width + 2 * padding,
+			height: unscaledBounds.height + 2 * padding,
+			strokeWidth: 0,
+			fill: backgroundColor
+		});
+		const exportGroup = new Konva.Group();
+		if (!exportArea) {
+			exportGroup.add(background);
+			for (const node of nodes) {
+				const clonedNode = node.clone({ id: v4_default() });
+				const absPos = node.getAbsolutePosition();
+				clonedNode.absolutePosition({
+					x: absPos.x / scaleX,
+					y: absPos.y / scaleY
+				});
+				exportGroup.add(clonedNode);
+			}
+			mainLayer.add(exportGroup);
+		} else mainLayer.add(background);
+		const backgroundRect = background.getClientRect();
+		stage.batchDraw();
+		const { pixelRatio: finalPixelRatio } = this.fitKonvaPixelRatio(Math.round(backgroundRect.width), Math.round(backgroundRect.height), pixelRatio);
+		return {
+			exportGroup,
+			pixelRatio: finalPixelRatio,
+			backgroundRect
+		};
+	}
 	exportNodesAsImage(nodes, boundingNodes, options) {
 		return new Promise((resolve) => {
-			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
-			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
-			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
-			this.getNodesSelectionPlugin()?.disable();
-			this.getStageGridPlugin()?.disable();
-			const stage = this.instance.getStage();
-			const mainLayer = this.instance.getMainLayer();
-			const originalPosition = {
-				x: stage.x(),
-				y: stage.y()
-			};
-			const originalScale = {
-				x: stage.scaleX(),
-				y: stage.scaleY()
-			};
-			stage.scale({
-				x: 1,
-				y: 1
-			});
+			const { format = WEAVE_EXPORT_FORMATS.PNG } = options;
+			const { stage, mainLayer, originalScale: { scaleX, scaleY } } = this.cloneStageForExport();
 			if (mainLayer) {
-				const bounds = getExportBoundingBox(boundingNodes(nodes));
-				const scaleX = stage.scaleX();
-				const scaleY = stage.scaleY();
-				const unscaledBounds = {
-					x: bounds.x / scaleX,
-					y: bounds.y / scaleY,
-					width: bounds.width / scaleX,
-					height: bounds.height / scaleY
-				};
-				const exportGroup = new Konva.Group();
-				const background = new Konva.Rect({
-					x: unscaledBounds.x - padding,
-					y: unscaledBounds.y - padding,
-					width: unscaledBounds.width + 2 * padding,
-					height: unscaledBounds.height + 2 * padding,
-					strokeWidth: 0,
-					fill: backgroundColor
+				const { pixelRatio: finalPixelRatio, backgroundRect, exportGroup } = this.setupForExport({
+					nodes,
+					bounds: getExportBoundingBox(boundingNodes(nodes)),
+					stage,
+					mainLayer,
+					scaleX,
+					scaleY,
+					options,
+					exportArea: false
 				});
-				exportGroup.add(background);
-				for (const node of nodes) {
-					const clonedNode = node.clone({ id: v4_default() });
-					const absPos = node.getAbsolutePosition();
-					clonedNode.absolutePosition({
-						x: absPos.x / scaleX,
-						y: absPos.y / scaleY
-					});
-					exportGroup.add(clonedNode);
-				}
-				mainLayer.add(exportGroup);
-				const backgroundRect = background.getClientRect();
-				stage.batchDraw();
-				const { pixelRatio: finalPixelRatio } = this.fitKonvaPixelRatio(Math.round(backgroundRect.width), Math.round(backgroundRect.height), pixelRatio);
 				exportGroup.toImage({
 					x: Math.round(backgroundRect.x),
 					y: Math.round(backgroundRect.y),
@@ -9866,11 +9886,7 @@ var WeaveExportManager = class {
 					quality: options.quality ?? 1,
 					callback: (img) => {
 						exportGroup.destroy();
-						stage.position(originalPosition);
-						stage.scale(originalScale);
-						stage.batchDraw();
-						if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
-						if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+						stage.destroy();
 						resolve(img);
 					}
 				});
@@ -9879,58 +9895,19 @@ var WeaveExportManager = class {
 	}
 	exportNodesAsBlob(nodes, boundingNodes, options) {
 		return new Promise((resolve) => {
-			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
-			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
-			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
-			this.getNodesSelectionPlugin()?.disable();
-			this.getStageGridPlugin()?.disable();
-			const stage = this.instance.getStage();
-			const mainLayer = this.instance.getMainLayer();
-			const originalPosition = {
-				x: stage.x(),
-				y: stage.y()
-			};
-			const originalScale = {
-				x: stage.scaleX(),
-				y: stage.scaleY()
-			};
-			stage.scale({
-				x: 1,
-				y: 1
-			});
+			const { format = WEAVE_EXPORT_FORMATS.PNG } = options;
+			const { stage, mainLayer, originalScale: { scaleX, scaleY } } = this.cloneStageForExport();
 			if (mainLayer) {
-				const bounds = getExportBoundingBox(boundingNodes(nodes));
-				const scaleX = stage.scaleX();
-				const scaleY = stage.scaleY();
-				const unscaledBounds = {
-					x: bounds.x / scaleX,
-					y: bounds.y / scaleY,
-					width: bounds.width / scaleX,
-					height: bounds.height / scaleY
-				};
-				const exportGroup = new Konva.Group();
-				const background = new Konva.Rect({
-					x: unscaledBounds.x - padding,
-					y: unscaledBounds.y - padding,
-					width: unscaledBounds.width + 2 * padding,
-					height: unscaledBounds.height + 2 * padding,
-					strokeWidth: 0,
-					fill: backgroundColor
+				const { pixelRatio: finalPixelRatio, backgroundRect, exportGroup } = this.setupForExport({
+					nodes,
+					bounds: getExportBoundingBox(boundingNodes(nodes)),
+					stage,
+					mainLayer,
+					scaleX,
+					scaleY,
+					options,
+					exportArea: false
 				});
-				exportGroup.add(background);
-				for (const node of nodes) {
-					const clonedNode = node.clone({ id: v4_default() });
-					const absPos = node.getAbsolutePosition();
-					clonedNode.absolutePosition({
-						x: absPos.x / scaleX,
-						y: absPos.y / scaleY
-					});
-					exportGroup.add(clonedNode);
-				}
-				mainLayer.add(exportGroup);
-				const backgroundRect = background.getClientRect();
-				stage.batchDraw();
-				const { pixelRatio: finalPixelRatio } = this.fitKonvaPixelRatio(Math.round(backgroundRect.width), Math.round(backgroundRect.height), pixelRatio);
 				exportGroup.toBlob({
 					x: Math.round(backgroundRect.x),
 					y: Math.round(backgroundRect.y),
@@ -9941,11 +9918,7 @@ var WeaveExportManager = class {
 					quality: options.quality ?? 1,
 					callback: (blob) => {
 						exportGroup.destroy();
-						stage.position(originalPosition);
-						stage.scale(originalScale);
-						stage.batchDraw();
-						if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
-						if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+						stage.destroy();
 						if (!blob) {
 							(0, import_reject.default)(new Error("Failed to generate image blob"));
 							return;
@@ -9958,58 +9931,19 @@ var WeaveExportManager = class {
 	}
 	exportNodesAsCanvas(nodes, boundingNodes, options) {
 		return new Promise((resolve) => {
-			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
-			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
-			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
-			this.getNodesSelectionPlugin()?.disable();
-			this.getStageGridPlugin()?.disable();
-			const stage = this.instance.getStage();
-			const mainLayer = this.instance.getMainLayer();
-			const originalPosition = {
-				x: stage.x(),
-				y: stage.y()
-			};
-			const originalScale = {
-				x: stage.scaleX(),
-				y: stage.scaleY()
-			};
-			stage.scale({
-				x: 1,
-				y: 1
-			});
+			const { format = WEAVE_EXPORT_FORMATS.PNG } = options;
+			const { stage, mainLayer, originalScale: { scaleX, scaleY } } = this.cloneStageForExport();
 			if (mainLayer) {
-				const bounds = getExportBoundingBox(boundingNodes(nodes));
-				const scaleX = stage.scaleX();
-				const scaleY = stage.scaleY();
-				const unscaledBounds = {
-					x: bounds.x / scaleX,
-					y: bounds.y / scaleY,
-					width: bounds.width / scaleX,
-					height: bounds.height / scaleY
-				};
-				const exportGroup = new Konva.Group();
-				const background = new Konva.Rect({
-					x: unscaledBounds.x - padding,
-					y: unscaledBounds.y - padding,
-					width: unscaledBounds.width + 2 * padding,
-					height: unscaledBounds.height + 2 * padding,
-					strokeWidth: 0,
-					fill: backgroundColor
+				const { pixelRatio: finalPixelRatio, backgroundRect, exportGroup } = this.setupForExport({
+					nodes,
+					bounds: getExportBoundingBox(boundingNodes(nodes)),
+					stage,
+					mainLayer,
+					scaleX,
+					scaleY,
+					options,
+					exportArea: false
 				});
-				exportGroup.add(background);
-				for (const node of nodes) {
-					const clonedNode = node.clone({ id: v4_default() });
-					const absPos = node.getAbsolutePosition();
-					clonedNode.absolutePosition({
-						x: absPos.x / scaleX,
-						y: absPos.y / scaleY
-					});
-					exportGroup.add(clonedNode);
-				}
-				mainLayer.add(exportGroup);
-				const backgroundRect = background.getClientRect();
-				stage.batchDraw();
-				const { pixelRatio: finalPixelRatio } = this.fitKonvaPixelRatio(Math.round(backgroundRect.width), Math.round(backgroundRect.height), pixelRatio);
 				exportGroup.toCanvas({
 					x: Math.round(backgroundRect.x),
 					y: Math.round(backgroundRect.y),
@@ -10020,11 +9954,7 @@ var WeaveExportManager = class {
 					quality: options.quality ?? 1,
 					callback: (canvas) => {
 						exportGroup.destroy();
-						stage.position(originalPosition);
-						stage.scale(originalScale);
-						stage.batchDraw();
-						if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
-						if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+						stage.destroy();
 						resolve(canvas);
 					}
 				});
@@ -10033,180 +9963,99 @@ var WeaveExportManager = class {
 	}
 	exportAreaAsImage(area, options) {
 		return new Promise((resolve) => {
-			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
-			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
-			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
-			this.getNodesSelectionPlugin()?.disable();
-			this.getStageGridPlugin()?.disable();
-			const stage = this.instance.getStage();
-			const mainLayer = this.instance.getMainLayer();
-			if (!mainLayer) throw new Error("Main layer not found");
-			const originalPosition = {
-				x: stage.x(),
-				y: stage.y()
-			};
-			const originalScale = {
-				x: stage.scaleX(),
-				y: stage.scaleY()
-			};
-			stage.scale({
-				x: 1,
-				y: 1
-			});
-			stage.position({
-				x: 0,
-				y: 0
-			});
-			const bounds = area;
-			const background = new Konva.Rect({
-				x: bounds.x - padding,
-				y: bounds.y - padding,
-				width: bounds.width + 2 * padding,
-				height: bounds.height + 2 * padding,
-				strokeWidth: 0,
-				fill: backgroundColor
-			});
-			mainLayer.add(background);
-			background.moveToBottom();
-			stage.batchDraw();
-			stage.toImage({
-				x: area.x,
-				y: area.y,
-				width: area.width,
-				height: area.height,
-				mimeType: format,
-				pixelRatio,
-				quality: options.quality ?? 1,
-				callback: (img) => {
-					background.destroy();
-					stage.position(originalPosition);
-					stage.scale(originalScale);
-					stage.batchDraw();
-					if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
-					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
-					resolve(img);
-				}
-			});
+			const { format = WEAVE_EXPORT_FORMATS.PNG } = options;
+			const { stage, mainLayer, originalScale: { scaleX, scaleY } } = this.cloneStageForExport();
+			if (mainLayer) {
+				const { pixelRatio: finalPixelRatio } = this.setupForExport({
+					nodes: [],
+					bounds: area,
+					stage,
+					mainLayer,
+					scaleX,
+					scaleY,
+					options,
+					exportArea: true
+				});
+				stage.toImage({
+					x: area.x,
+					y: area.y,
+					width: area.width,
+					height: area.height,
+					mimeType: format,
+					pixelRatio: finalPixelRatio,
+					quality: options.quality ?? 1,
+					callback: (img) => {
+						stage.destroy();
+						resolve(img);
+					}
+				});
+			}
 		});
 	}
 	exportAreaAsBlob(area, options) {
 		return new Promise((resolve) => {
-			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
-			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
-			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
-			this.getNodesSelectionPlugin()?.disable();
-			this.getStageGridPlugin()?.disable();
-			const stage = this.instance.getStage();
-			const mainLayer = this.instance.getMainLayer();
-			if (!mainLayer) throw new Error("Main layer not found");
-			const originalPosition = {
-				x: stage.x(),
-				y: stage.y()
-			};
-			const originalScale = {
-				x: stage.scaleX(),
-				y: stage.scaleY()
-			};
-			stage.scale({
-				x: 1,
-				y: 1
-			});
-			stage.position({
-				x: 0,
-				y: 0
-			});
-			const bounds = area;
-			const background = new Konva.Rect({
-				x: bounds.x - padding,
-				y: bounds.y - padding,
-				width: bounds.width + 2 * padding,
-				height: bounds.height + 2 * padding,
-				strokeWidth: 0,
-				fill: backgroundColor
-			});
-			mainLayer.add(background);
-			background.moveToBottom();
-			stage.batchDraw();
-			stage.toBlob({
-				x: area.x,
-				y: area.y,
-				width: area.width,
-				height: area.height,
-				mimeType: format,
-				pixelRatio,
-				quality: options.quality ?? 1,
-				callback: (blob) => {
-					background.destroy();
-					stage.position(originalPosition);
-					stage.scale(originalScale);
-					stage.batchDraw();
-					if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
-					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
-					if (!blob) {
-						(0, import_reject.default)(new Error("Failed to generate image blob"));
-						return;
+			const { format = WEAVE_EXPORT_FORMATS.PNG } = options;
+			const { stage, mainLayer, originalScale: { scaleX, scaleY } } = this.cloneStageForExport();
+			if (mainLayer) {
+				const { pixelRatio: finalPixelRatio } = this.setupForExport({
+					nodes: [],
+					bounds: area,
+					stage,
+					mainLayer,
+					scaleX,
+					scaleY,
+					options,
+					exportArea: true
+				});
+				stage.toBlob({
+					x: area.x,
+					y: area.y,
+					width: area.width,
+					height: area.height,
+					mimeType: format,
+					pixelRatio: finalPixelRatio,
+					quality: options.quality ?? 1,
+					callback: (blob) => {
+						stage.destroy();
+						if (!blob) {
+							(0, import_reject.default)(new Error("Failed to generate image blob"));
+							return;
+						}
+						resolve(blob);
 					}
-					resolve(blob);
-				}
-			});
+				});
+			}
 		});
 	}
 	exportAreaAsCanvas(area, options) {
 		return new Promise((resolve) => {
-			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
-			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
-			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
-			this.getNodesSelectionPlugin()?.disable();
-			this.getStageGridPlugin()?.disable();
-			const stage = this.instance.getStage();
-			const mainLayer = this.instance.getMainLayer();
-			if (!mainLayer) throw new Error("Main layer not found");
-			const originalPosition = {
-				x: stage.x(),
-				y: stage.y()
-			};
-			const originalScale = {
-				x: stage.scaleX(),
-				y: stage.scaleY()
-			};
-			stage.scale({
-				x: 1,
-				y: 1
-			});
-			stage.position({
-				x: 0,
-				y: 0
-			});
-			const bounds = area;
-			const background = new Konva.Rect({
-				x: bounds.x - padding,
-				y: bounds.y - padding,
-				width: bounds.width + 2 * padding,
-				height: bounds.height + 2 * padding,
-				strokeWidth: 0,
-				fill: backgroundColor
-			});
-			mainLayer.add(background);
-			background.moveToBottom();
-			stage.batchDraw();
-			stage.toCanvas({
-				x: area.x,
-				y: area.y,
-				width: area.width,
-				height: area.height,
-				mimeType: format,
-				pixelRatio,
-				quality: options.quality ?? 1,
-				callback: (canvas) => {
-					background.destroy();
-					stage.position(originalPosition);
-					stage.scale(originalScale);
-					stage.batchDraw();
-					if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
-					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
-					resolve(canvas);
-				}
-			});
+			const { format = WEAVE_EXPORT_FORMATS.PNG } = options;
+			const { stage, mainLayer, originalScale: { scaleX, scaleY } } = this.cloneStageForExport();
+			if (mainLayer) {
+				const { pixelRatio: finalPixelRatio } = this.setupForExport({
+					nodes: [],
+					bounds: area,
+					stage,
+					mainLayer,
+					scaleX,
+					scaleY,
+					options,
+					exportArea: true
+				});
+				stage.toCanvas({
+					x: area.x,
+					y: area.y,
+					width: area.width,
+					height: area.height,
+					mimeType: format,
+					pixelRatio: finalPixelRatio,
+					quality: options.quality ?? 1,
+					callback: (canvas) => {
+						stage.destroy();
+						resolve(canvas);
+					}
+				});
+			}
 		});
 	}
 	async exportNodesServerSide(nodes, boundingNodes, options) {