@inditextech/weave-sdk 3.5.0 → 3.6.0

package/dist/sdk.js

@@ -21978,7 +21978,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.5.0";
+var version = "3.6.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22227,6 +22227,10 @@ var WeaveExportManager = class {
 	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 nodesDistanceSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesEdgeSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
 			this.getNodesSelectionPlugin()?.disable();
 			this.getNodesDistanceSnappingPlugin()?.disable();
 			this.getNodesEdgeSnappingPlugin()?.disable();
@@ -22291,16 +22295,80 @@ var WeaveExportManager = class {
 						stage.position(originalPosition);
 						stage.scale(originalScale);
 						stage.batchDraw();
-						this.getNodesSelectionPlugin()?.enable();
-						this.getNodesDistanceSnappingPlugin()?.enable();
-						this.getNodesEdgeSnappingPlugin()?.enable();
-						this.getStageGridPlugin()?.enable();
+						if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
+						if (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+						if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+						if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
 						resolve(img);
 					}
 				});
 			}
 		});
 	}
+	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 nodesDistanceSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesEdgeSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
+			this.getNodesSelectionPlugin()?.disable();
+			this.getNodesDistanceSnappingPlugin()?.disable();
+			this.getNodesEdgeSnappingPlugin()?.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 (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+					if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+					resolve(img);
+				}
+			});
+		});
+	}
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
 		this.getNodesSelectionPlugin()?.disable();
@@ -22403,6 +22471,91 @@ var WeaveExportManager = class {
 			height: imageHeight * pixelRatio
 		};
 	}
+	async exportAreaServerSide(area, options) {
+		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
+		this.getNodesSelectionPlugin()?.disable();
+		this.getNodesDistanceSnappingPlugin()?.disable();
+		this.getNodesEdgeSnappingPlugin()?.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
+		});
+		const bounds = area;
+		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 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
+		});
+		mainLayer.add(background);
+		background.moveToBottom();
+		const backgroundRect = background.getClientRect({ relativeTo: stage });
+		const composites = [];
+		const imageWidth = Math.round(backgroundRect.width);
+		const imageHeight = Math.round(backgroundRect.height);
+		const maxRenderSize = 1920;
+		const cols = Math.ceil(imageWidth / maxRenderSize);
+		const rows = Math.ceil(imageHeight / maxRenderSize);
+		const tileWidth = Math.floor(imageWidth / cols);
+		const tileHeight = Math.floor(imageHeight / rows);
+		for (let y = 0; y < imageHeight; y += tileHeight) for (let x = 0; x < imageWidth; x += tileWidth) {
+			const width = Math.min(tileWidth, imageWidth - x);
+			const height = Math.min(tileHeight, imageHeight - y);
+			const canvas = await mainLayer.toCanvas({
+				x: Math.round(backgroundRect.x) + x,
+				y: Math.round(backgroundRect.y) + y,
+				width,
+				height,
+				mimeType: format,
+				pixelRatio,
+				quality: options.quality ?? 1
+			});
+			let buffer = null;
+			if (globalThis._weave_serverSideBackend === WEAVE_KONVA_BACKEND.CANVAS) buffer = canvas.toBuffer();
+			if (globalThis._weave_serverSideBackend === WEAVE_KONVA_BACKEND.SKIA) buffer = await canvas.toBuffer();
+			if (!buffer) throw new Error("Failed to generate image buffer");
+			composites.push({
+				top: y * pixelRatio,
+				left: x * pixelRatio,
+				input: buffer
+			});
+		}
+		background.destroy();
+		stage.position(originalPosition);
+		stage.scale(originalScale);
+		stage.batchDraw();
+		this.getNodesSelectionPlugin()?.enable();
+		this.getNodesDistanceSnappingPlugin()?.enable();
+		this.getNodesEdgeSnappingPlugin()?.enable();
+		this.getStageGridPlugin()?.enable();
+		return {
+			composites,
+			width: imageWidth * pixelRatio,
+			height: imageHeight * pixelRatio
+		};
+	}
 	imageToBase64(img, mimeType) {
 		if (img.naturalWidth === 0 && img.naturalHeight === 0) throw new Error("Image has no content");
 		const canvas = document.createElement("canvas");
@@ -23440,9 +23593,15 @@ var Weave = class {
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		return await this.exportManager.exportNodesServerSide(nodes, boundingNodes, options);
 	}
+	async exportAreaServerSide(area, options) {
+		return await this.exportManager.exportAreaServerSide(area, options);
+	}
 	async exportNodes(nodes, boundingNodes, options) {
 		return await this.exportManager.exportNodesAsImage(nodes, boundingNodes, options);
 	}
+	async exportArea(area, options) {
+		return await this.exportManager.exportAreaAsImage(area, options);
+	}
 	getExportBoundingBox(nodesIds) {
 		const nodes = [];
 		for (const nodeId of nodesIds) {

package/dist/sdk.node.js

@@ -21977,7 +21977,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.5.0";
+var version = "3.6.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22226,6 +22226,10 @@ var WeaveExportManager = class {
 	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 nodesDistanceSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesEdgeSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
 			this.getNodesSelectionPlugin()?.disable();
 			this.getNodesDistanceSnappingPlugin()?.disable();
 			this.getNodesEdgeSnappingPlugin()?.disable();
@@ -22290,16 +22294,80 @@ var WeaveExportManager = class {
 						stage.position(originalPosition);
 						stage.scale(originalScale);
 						stage.batchDraw();
-						this.getNodesSelectionPlugin()?.enable();
-						this.getNodesDistanceSnappingPlugin()?.enable();
-						this.getNodesEdgeSnappingPlugin()?.enable();
-						this.getStageGridPlugin()?.enable();
+						if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
+						if (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+						if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+						if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
 						resolve(img);
 					}
 				});
 			}
 		});
 	}
+	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 nodesDistanceSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesEdgeSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
+			this.getNodesSelectionPlugin()?.disable();
+			this.getNodesDistanceSnappingPlugin()?.disable();
+			this.getNodesEdgeSnappingPlugin()?.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 (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+					if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+					resolve(img);
+				}
+			});
+		});
+	}
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
 		this.getNodesSelectionPlugin()?.disable();
@@ -22402,6 +22470,91 @@ var WeaveExportManager = class {
 			height: imageHeight * pixelRatio
 		};
 	}
+	async exportAreaServerSide(area, options) {
+		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
+		this.getNodesSelectionPlugin()?.disable();
+		this.getNodesDistanceSnappingPlugin()?.disable();
+		this.getNodesEdgeSnappingPlugin()?.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
+		});
+		const bounds = area;
+		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 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
+		});
+		mainLayer.add(background);
+		background.moveToBottom();
+		const backgroundRect = background.getClientRect({ relativeTo: stage });
+		const composites = [];
+		const imageWidth = Math.round(backgroundRect.width);
+		const imageHeight = Math.round(backgroundRect.height);
+		const maxRenderSize = 1920;
+		const cols = Math.ceil(imageWidth / maxRenderSize);
+		const rows = Math.ceil(imageHeight / maxRenderSize);
+		const tileWidth = Math.floor(imageWidth / cols);
+		const tileHeight = Math.floor(imageHeight / rows);
+		for (let y = 0; y < imageHeight; y += tileHeight) for (let x = 0; x < imageWidth; x += tileWidth) {
+			const width = Math.min(tileWidth, imageWidth - x);
+			const height = Math.min(tileHeight, imageHeight - y);
+			const canvas = await mainLayer.toCanvas({
+				x: Math.round(backgroundRect.x) + x,
+				y: Math.round(backgroundRect.y) + y,
+				width,
+				height,
+				mimeType: format,
+				pixelRatio,
+				quality: options.quality ?? 1
+			});
+			let buffer = null;
+			if (globalThis._weave_serverSideBackend === WEAVE_KONVA_BACKEND.CANVAS) buffer = canvas.toBuffer();
+			if (globalThis._weave_serverSideBackend === WEAVE_KONVA_BACKEND.SKIA) buffer = await canvas.toBuffer();
+			if (!buffer) throw new Error("Failed to generate image buffer");
+			composites.push({
+				top: y * pixelRatio,
+				left: x * pixelRatio,
+				input: buffer
+			});
+		}
+		background.destroy();
+		stage.position(originalPosition);
+		stage.scale(originalScale);
+		stage.batchDraw();
+		this.getNodesSelectionPlugin()?.enable();
+		this.getNodesDistanceSnappingPlugin()?.enable();
+		this.getNodesEdgeSnappingPlugin()?.enable();
+		this.getStageGridPlugin()?.enable();
+		return {
+			composites,
+			width: imageWidth * pixelRatio,
+			height: imageHeight * pixelRatio
+		};
+	}
 	imageToBase64(img, mimeType) {
 		if (img.naturalWidth === 0 && img.naturalHeight === 0) throw new Error("Image has no content");
 		const canvas = document.createElement("canvas");
@@ -23439,9 +23592,15 @@ var Weave = class {
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		return await this.exportManager.exportNodesServerSide(nodes, boundingNodes, options);
 	}
+	async exportAreaServerSide(area, options) {
+		return await this.exportManager.exportAreaServerSide(area, options);
+	}
 	async exportNodes(nodes, boundingNodes, options) {
 		return await this.exportManager.exportNodesAsImage(nodes, boundingNodes, options);
 	}
+	async exportArea(area, options) {
+		return await this.exportManager.exportAreaAsImage(area, options);
+	}
 	getExportBoundingBox(nodesIds) {
 		const nodes = [];
 		for (const nodeId of nodesIds) {

package/dist/types.d.ts

@@ -4,16 +4,16 @@ import { DeepPartial, ImageCrossOrigin, MappedTypeDescription, NodeSerializable,
 import * as Y$1 from "yjs";
 import * as Y from "yjs";
 import { Doc } from "yjs";
-import * as konva_lib_types8 from "konva/lib/types";
-import * as konva_lib_types22 from "konva/lib/types";
-import * as konva_lib_types23 from "konva/lib/types";
+import * as konva_lib_types10 from "konva/lib/types";
+import * as konva_lib_types16 from "konva/lib/types";
+import * as konva_lib_types17 from "konva/lib/types";
 import { Vector2d } from "konva/lib/types";
-import * as konva_lib_Node14 from "konva/lib/Node";
-import * as konva_lib_Node15 from "konva/lib/Node";
-import * as konva_lib_Node16 from "konva/lib/Node";
-import * as konva_lib_Node17 from "konva/lib/Node";
 import * as konva_lib_Node18 from "konva/lib/Node";
 import * as konva_lib_Node19 from "konva/lib/Node";
+import * as konva_lib_Node20 from "konva/lib/Node";
+import * as konva_lib_Node21 from "konva/lib/Node";
+import * as konva_lib_Node22 from "konva/lib/Node";
+import * as konva_lib_Node23 from "konva/lib/Node";
 import * as konva_lib_Node0 from "konva/lib/Node";
 import * as konva_lib_Node1 from "konva/lib/Node";
 import * as konva_lib_Node2 from "konva/lib/Node";
@@ -21,17 +21,17 @@ import * as konva_lib_Node3 from "konva/lib/Node";
 import * as konva_lib_Node5 from "konva/lib/Node";
 import * as konva_lib_Node6 from "konva/lib/Node";
 import { KonvaEventObject } from "konva/lib/Node";
-import * as konva_lib_Shape9 from "konva/lib/Shape";
-import * as konva_lib_Shape10 from "konva/lib/Shape";
-import * as konva_lib_Group11 from "konva/lib/Group";
-import * as konva_lib_Group7 from "konva/lib/Group";
+import * as konva_lib_Shape11 from "konva/lib/Shape";
+import * as konva_lib_Shape12 from "konva/lib/Shape";
+import * as konva_lib_Group13 from "konva/lib/Group";
+import * as konva_lib_Group8 from "konva/lib/Group";
 import { Stage, StageConfig } from "konva/lib/Stage";
 import * as konva_lib_shapes_Transformer4 from "konva/lib/shapes/Transformer";
 import { TransformerConfig } from "konva/lib/shapes/Transformer";
-import * as konva_lib_shapes_Rect12 from "konva/lib/shapes/Rect";
-import * as konva_lib_shapes_Line20 from "konva/lib/shapes/Line";
-import * as konva_lib_shapes_Line21 from "konva/lib/shapes/Line";
-import * as konva_lib_Layer13 from "konva/lib/Layer";
+import * as konva_lib_shapes_Rect7 from "konva/lib/shapes/Rect";
+import * as konva_lib_shapes_Line14 from "konva/lib/shapes/Line";
+import * as konva_lib_shapes_Line15 from "konva/lib/shapes/Line";
+import * as konva_lib_Layer9 from "konva/lib/Layer";
 
 //#region src/stores/store.d.ts
 declare abstract class WeaveStore implements WeaveStoreBase {
@@ -613,7 +613,7 @@ declare class WeaveStagePanningPlugin extends WeavePlugin {
   getNodesEdgeSnappingPlugin(): WeaveNodesEdgeSnappingPlugin | undefined;
   getNodesDistanceSnappingPlugin(): WeaveNodesDistanceSnappingPlugin | undefined;
   getStageGridPlugin(): WeaveStageGridPlugin | undefined;
-  getCurrentPointer(): konva_lib_types8.Vector2d | null;
+  getCurrentPointer(): konva_lib_types10.Vector2d | null;
   cleanupEdgeMoveIntervals(): void;
   enable(): void;
   disable(): void;
@@ -647,7 +647,7 @@ declare class WeaveNodesMultiSelectionFeedbackPlugin extends WeavePlugin {
   getName(): string;
   getLayerName(): string;
   initLayer(): void;
-  getSelectedHalos(): Record<string, konva_lib_shapes_Rect12.Rect>;
+  getSelectedHalos(): Record<string, konva_lib_shapes_Rect7.Rect>;
   cleanupSelectedHalos(): void;
   private getNodeRectInfo;
   private getNodeInfo;
@@ -781,7 +781,7 @@ declare class WeaveNodesSelectionPlugin extends WeavePlugin {
   getHoverTransformer(): Konva.Transformer;
   handleBehaviors(): void;
   setSelectedNodes(nodes: Konva.Node[]): void;
-  getSelectedNodes(): (konva_lib_Shape10.Shape<konva_lib_Shape9.ShapeConfig> | konva_lib_Group11.Group)[];
+  getSelectedNodes(): (konva_lib_Shape12.Shape<konva_lib_Shape11.ShapeConfig> | konva_lib_Group13.Group)[];
   getSelectedNodesExtended(): WeaveSelection[];
   selectAll(): void;
   selectNone(): void;
@@ -930,7 +930,7 @@ declare class WeaveTargetingManager {
   nodeIntersectsContainerElement(node: Konva.Node | Konva.Transformer, actualLayer?: Konva.Layer | Konva.Group): Konva.Node | undefined;
   getMousePointer(point?: Konva.Vector2d): WeaveMousePointInfo;
   getMousePointerRelativeToContainer(container: Konva.Node | Konva.Layer): WeaveMousePointInfoSimple;
-  getRealSelectedNode: (nodeTarget: Konva.Node) => konva_lib_Node15.Node<konva_lib_Node14.NodeConfig>;
+  getRealSelectedNode: (nodeTarget: Konva.Node) => konva_lib_Node19.Node<konva_lib_Node18.NodeConfig>;
 }
 
 //#endregion
@@ -949,8 +949,8 @@ declare class WeaveCloningManager {
   cloneNode(targetNode: Konva.Node): Konva.Node | undefined;
   addClone(node: Konva.Node): void;
   removeClone(node: Konva.Node): void;
-  getClones(): konva_lib_Node17.Node<konva_lib_Node16.NodeConfig>[];
-  isClone(node: Konva.Node): konva_lib_Node19.Node<konva_lib_Node18.NodeConfig> | undefined;
+  getClones(): konva_lib_Node21.Node<konva_lib_Node20.NodeConfig>[];
+  isClone(node: Konva.Node): konva_lib_Node23.Node<konva_lib_Node22.NodeConfig> | undefined;
   cleanupClones(): void;
 }
 
@@ -1216,7 +1216,27 @@ declare class Weave {
     width: number;
     height: number;
   }>;
+  exportAreaServerSide(area: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  }, options: WeaveExportNodesOptions): Promise<{
+    composites: {
+      input: Buffer;
+      left: number;
+      top: number;
+    }[];
+    width: number;
+    height: number;
+  }>;
   exportNodes(nodes: WeaveElementInstance[], boundingNodes: (nodes: Konva.Node[]) => Konva.Node[], options: WeaveExportNodesOptions): Promise<HTMLImageElement>;
+  exportArea(area: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  }, options: WeaveExportNodesOptions): Promise<HTMLImageElement>;
   getExportBoundingBox(nodesIds: string[]): {
     x: number;
     y: number;
@@ -2117,10 +2137,10 @@ declare class WeaveBaseLineTipManager {
   render(instance: Konva.Group, point: WeaveStrokeSingleNodeTipSide): void;
   update(instance: Konva.Group, point: WeaveStrokeSingleNodeTipSide): void;
   protected getTip(instance: Konva.Group, point: WeaveStrokeSingleNodeTipSide): Konva.Node | undefined;
-  protected getInternalLine(instance: Konva.Group): konva_lib_shapes_Line21.Line<konva_lib_shapes_Line20.LineConfig> | undefined;
+  protected getInternalLine(instance: Konva.Group): konva_lib_shapes_Line15.Line<konva_lib_shapes_Line14.LineConfig> | undefined;
   protected getLinePoints(instance: Konva.Group): {
-    lineStartPoint: konva_lib_types22.Vector2d;
-    lineEndPoint: konva_lib_types23.Vector2d;
+    lineStartPoint: konva_lib_types16.Vector2d;
+    lineEndPoint: konva_lib_types17.Vector2d;
   };
 }
 
@@ -2378,7 +2398,7 @@ declare class WeaveCommentNode<T> extends WeaveNode {
   protected commentDomVisible: boolean;
   protected showResolved: boolean;
   constructor(params: WeaveCommentNodeParams<T>);
-  onRender(props: WeaveElementAttributes): konva_lib_Group7.Group;
+  onRender(props: WeaveElementAttributes): konva_lib_Group8.Group;
   onUpdate(nodeInstance: WeaveElementInstance, nextProps: WeaveElementAttributes): void;
   onDestroy(nodeInstance: WeaveElementInstance): void;
   private expandNode;
@@ -4831,7 +4851,7 @@ declare class WeaveCommentsRendererPlugin<T> extends WeavePlugin {
   private initCommentsLayer;
   deleteComments(): void;
   render(): void;
-  getCommentsLayer(): konva_lib_Layer13.Layer;
+  getCommentsLayer(): konva_lib_Layer9.Layer;
   enable(): void;
   disable(): void;
 }