@inditextech/weave-sdk 3.6.0 → 3.7.0

package/dist/sdk.node.js

@@ -1,7 +1,7 @@
 import Konva from "konva";
 import { randomFillSync, randomUUID } from "crypto";
 import pino from "pino";
-import { WEAVE_ASYNC_STATUS, WEAVE_AWARENESS_LAYER_ID, WEAVE_EXPORT_BACKGROUND_COLOR, WEAVE_EXPORT_FORMATS, WEAVE_INSTANCE_STATUS, WEAVE_KONVA_BACKEND, WEAVE_LOG_LEVEL, WEAVE_NODE_CHANGE_TYPE, WEAVE_NODE_CUSTOM_EVENTS, WEAVE_NODE_LAYER_ID, WEAVE_NODE_POSITION, WEAVE_STORE_CONNECTION_STATUS, WEAVE_UTILITY_LAYER_ID } from "@inditextech/weave-types";
+import { WEAVE_ASYNC_STATUS, WEAVE_AWARENESS_LAYER_ID, WEAVE_EXPORT_BACKGROUND_COLOR, WEAVE_EXPORT_FORMATS, WEAVE_EXPORT_RETURN_FORMAT, WEAVE_INSTANCE_STATUS, WEAVE_KONVA_BACKEND, WEAVE_LOG_LEVEL, WEAVE_NODE_CHANGE_TYPE, WEAVE_NODE_CUSTOM_EVENTS, WEAVE_NODE_LAYER_ID, WEAVE_NODE_POSITION, WEAVE_STORE_CONNECTION_STATUS, WEAVE_UTILITY_LAYER_ID } from "@inditextech/weave-types";
 import { getYjsDoc, getYjsValue, observeDeep, syncedStore } from "@syncedstore/core";
 import * as Y from "yjs";
 import "konva/lib/types";
@@ -15083,6 +15083,11 @@ var WeaveStore = class {
 	getDocument() {
 		return this.document;
 	}
+	restartDocument() {
+		this.latestState = { weave: {} };
+		this.state = syncedStore({ weave: {} });
+		this.document = getYjsDoc(this.state);
+	}
 	loadDocument(roomData) {
 		yjs_default.applyUpdate(this.document, roomData);
 	}
@@ -17958,6 +17963,15 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor(params) {
 		super();
+		const { config } = params ?? {};
+		this.config = {
+			xOffset: WEAVE_CONTEXT_MENU_X_OFFSET_DEFAULT,
+			yOffset: WEAVE_CONTEXT_MENU_Y_OFFSET_DEFAULT,
+			...config
+		};
+		this.initialize();
+	}
+	initialize() {
 		this.timer = null;
 		this.tapHold = false;
 		this.contextMenuVisible = false;
@@ -17967,12 +17981,6 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 			time: 0
 		};
 		this.tapHoldTimeout = WEAVE_CONTEXT_MENU_TAP_HOLD_TIMEOUT;
-		const { config } = params ?? {};
-		this.config = {
-			xOffset: WEAVE_CONTEXT_MENU_X_OFFSET_DEFAULT,
-			yOffset: WEAVE_CONTEXT_MENU_Y_OFFSET_DEFAULT,
-			...config
-		};
 		this.pointers = {};
 	}
 	getName() {
@@ -18623,7 +18631,10 @@ const DEFAULT_ADD_NODE_OPTIONS = { emitUserChangeEvent: false };
 const DEFAULT_UPDATE_NODE_OPTIONS = { emitUserChangeEvent: false };
 const DEFAULT_REMOVE_NODE_OPTIONS = { emitUserChangeEvent: false };
 const DEFAULT_MOVE_NODE_OPTIONS = { emitUserChangeEvent: false };
-const WEAVE_DEFAULT_CONFIG = { behaviors: { axisLockThreshold: 5 } };
+const WEAVE_DEFAULT_CONFIG = {
+	behaviors: { axisLockThreshold: 5 },
+	performance: { upscale: { enabled: false } }
+};
 
 //#endregion
 //#region src/plugins/users-presence/constants.ts
@@ -18652,6 +18663,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_NODES_SELECTION_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.defaultEnabledAnchors = this.config.selection?.enabledAnchors ?? [
 			"top-left",
 			"top-center",
@@ -18815,7 +18829,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				nodeHovered = void 0;
 			}
 			this.instance.getStage().handleMouseover?.();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const handleTransform = (e) => {
 			const moved = this.checkMoved(e);
 			if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
@@ -19221,6 +19235,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	initEvents() {
 		this.selecting = false;
 		const stage = this.instance.getStage();
+		window.addEventListener("blur", () => {
+			this.isCtrlMetaPressed = false;
+			this.isSpaceKeyPressed = false;
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("keydown", (e) => {
 			if (e.ctrlKey || e.metaKey) this.isCtrlMetaPressed = true;
 			if (e.code === "Space") this.isSpaceKeyPressed = true;
@@ -19230,11 +19248,11 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				});
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) this.isCtrlMetaPressed = false;
 			if (e.code === "Space") this.isSpaceKeyPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.handledClickOrTap = false;
@@ -19441,7 +19459,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (existNode) newSelectedNodes.push(existNode);
 		}
 		this.tr.nodes([...newSelectedNodes]);
-		this.tr.forceUpdate();
+		if (newSelectedNodes.length > 0) this.tr.forceUpdate();
 		this.triggerSelectedNodesEvent();
 	}
 	getSelectionPlugin() {
@@ -19694,6 +19712,9 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 		super();
 		this.getImageBase64 = params.getImageBase64;
 		this.config = mergeExceptArrays(WEAVE_COPY_PASTE_CONFIG_DEFAULT, params?.config);
+		this.initialize();
+	}
+	initialize() {
 		this.actualInternalPaddingX = 0;
 		this.actualInternalPaddingY = 0;
 		this.lastInternalPasteSnapshot = "";
@@ -19799,7 +19820,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				this.focusPasteCatcher();
 				if (!this.enabled) return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		if (catcher) catcher.addEventListener("paste", async (e) => {
 			e.preventDefault();
 			let items = void 0;
@@ -19818,7 +19839,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				return;
 			}
 			this.sendExternalPasteEvent(void 0, items);
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 	}
 	sendExternalPasteEvent(dataList, items) {
 		const stage = this.instance.getStage();
@@ -21973,11 +21994,34 @@ var WeaveRegisterManager = class {
 			}
 		}
 	}
+	resetNodesHandlers() {
+		for (const nodeHandlerId of Object.keys(this.nodesHandlers)) {
+			const nodeHandler = this.nodesHandlers[nodeHandlerId];
+			nodeHandler.initialize?.();
+		}
+	}
+	resetActionsHandlers() {
+		for (const actionHandlerId of Object.keys(this.actionsHandlers)) {
+			const actionHandler = this.actionsHandlers[actionHandlerId];
+			actionHandler.initialize?.();
+		}
+	}
+	resetPlugins() {
+		for (const pluginId of Object.keys(this.plugins)) {
+			const plugin = this.plugins[pluginId];
+			plugin.initialize?.();
+		}
+	}
+	reset() {
+		this.resetNodesHandlers();
+		this.resetActionsHandlers();
+		this.resetPlugins();
+	}
 };
 
 //#endregion
 //#region package.json
-var version = "3.6.0";
+var version = "3.7.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22094,6 +22138,11 @@ var WeaveStageManager = class {
 			initialZIndex: void 0
 		};
 		const stage = new Konva.Stage({ ...props });
+		if (!this.instance.isServerSide()) {
+			const containerParent = stage.container().parentNode;
+			stage.width(containerParent.clientWidth);
+			stage.height(containerParent.clientHeight);
+		}
 		const realContainer = stage.container();
 		if (realContainer !== void 0 && realContainer.style?.position !== "relative") realContainer.style.position = "relative";
 		this.setStage(stage);
@@ -22304,6 +22353,172 @@ 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 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();
+			const originalPosition = {
+				x: stage.x(),
+				y: stage.y()
+			};
+			const originalScale = {
+				x: stage.scaleX(),
+				y: stage.scaleY()
+			};
+			stage.scale({
+				x: 1,
+				y: 1
+			});
+			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
+				});
+				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),
+					width: Math.round(backgroundRect.width),
+					height: Math.round(backgroundRect.height),
+					mimeType: format,
+					pixelRatio: finalPixelRatio,
+					quality: options.quality ?? 1,
+					callback: (blob) => {
+						exportGroup.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();
+						if (!blob) {
+							(0, import_lodash.reject)(new Error("Failed to generate image blob"));
+							return;
+						}
+						resolve(blob);
+					}
+				});
+			}
+		});
+	}
+	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 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();
+			const originalPosition = {
+				x: stage.x(),
+				y: stage.y()
+			};
+			const originalScale = {
+				x: stage.scaleX(),
+				y: stage.scaleY()
+			};
+			stage.scale({
+				x: 1,
+				y: 1
+			});
+			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
+				});
+				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),
+					width: Math.round(backgroundRect.width),
+					height: Math.round(backgroundRect.height),
+					mimeType: format,
+					pixelRatio: finalPixelRatio,
+					quality: options.quality ?? 1,
+					callback: (canvas) => {
+						exportGroup.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(canvas);
+					}
+				});
+			}
+		});
+	}
 	exportAreaAsImage(area, options) {
 		return new Promise((resolve) => {
 			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
@@ -22368,6 +22583,138 @@ var WeaveExportManager = class {
 			});
 		});
 	}
+	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 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.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 (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+					if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+					if (!blob) {
+						(0, import_lodash.reject)(new Error("Failed to generate image blob"));
+						return;
+					}
+					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 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.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 (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+					if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+					resolve(canvas);
+				}
+			});
+		});
+	}
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
 		this.getNodesSelectionPlugin()?.disable();
@@ -22583,6 +22930,14 @@ var WeaveExportManager = class {
 		const snappingPlugin = this.instance.getPlugin(WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY);
 		return snappingPlugin;
 	}
+	blobToDataURL(blob) {
+		return new Promise((resolve, reject) => {
+			const reader = new FileReader();
+			reader.onloadend = () => resolve(reader.result);
+			reader.onerror = () => reject(new Error("Failed to convert blob to data URL"));
+			reader.readAsDataURL(blob);
+		});
+	}
 };
 
 //#endregion
@@ -22834,7 +23189,12 @@ var WeaveAsyncManager = class {
 			this.instance.emitEvent("onAsyncElementChange");
 		}, new Map());
 	}
+	reset() {
+		this.asyncElements.clear();
+		this.asyncElementsLoadedEventEmitted = false;
+	}
 	checkForAsyncElements(elements) {
+		this.instance.emitEvent("onAsyncElementsIdle");
 		const amountAsyncResourcesExtracted = this.extractAsyncResources(elements);
 		if (amountAsyncResourcesExtracted === 0 && !this.asyncElementsLoadedEventEmitted) {
 			this.instance.emitEvent("onAsyncElementsLoaded");
@@ -22887,7 +23247,7 @@ var WeaveAsyncManager = class {
 			status: WEAVE_ASYNC_STATUS.LOADING
 		};
 		this.asyncElements.set(nodeId, element);
-		this.instance.emitEvent("onAsyncElementsLoading", {
+		if (!this.asyncElementsLoadedEventEmitted) this.instance.emitEvent("onAsyncElementsLoading", {
 			loaded: this.getAmountAsyncElementsLoaded(),
 			total: this.getAmountAsyncElements()
 		});
@@ -22900,11 +23260,11 @@ var WeaveAsyncManager = class {
 			status: WEAVE_ASYNC_STATUS.LOADED
 		};
 		this.asyncElements.set(nodeId, element);
-		this.instance.emitEvent("onAsyncElementsLoading", {
-			loaded: this.getAmountAsyncElementsLoaded(),
-			total: this.getAmountAsyncElements()
-		});
 		if (!this.asyncElementsLoadedEventEmitted) {
+			this.instance.emitEvent("onAsyncElementsLoading", {
+				loaded: this.getAmountAsyncElementsLoaded(),
+				total: this.getAmountAsyncElements()
+			});
 			const allLoaded = this.asyncElementsLoaded();
 			if (allLoaded) {
 				this.instance.emitEvent("onAsyncElementsLoaded");
@@ -23029,6 +23389,7 @@ var Weave = class {
 	constructor(weaveConfig, stageConfig) {
 		globalThis._weave_isServerSide = false;
 		if (typeof window === "undefined") globalThis._weave_isServerSide = true;
+		this.eventsController = void 0;
 		this.emitter = new Emittery();
 		Konva.showWarnings = false;
 		this.id = v4_default();
@@ -23074,6 +23435,7 @@ var Weave = class {
 			this.initialized = true;
 			this.status = WEAVE_INSTANCE_STATUS.RUNNING;
 			this.emitEvent("onInstanceStatus", this.status);
+			this.emitEvent("onRender");
 		});
 	}
 	setStatus(status) {
@@ -23098,6 +23460,7 @@ var Weave = class {
 	async start() {
 		this.moduleLogger.info("Start instance");
 		if (!this.isServerSide()) {
+			this.eventsController = new AbortController();
 			if (!window.weave) window.weave = this;
 		}
 		this.emitEvent("onRoomLoaded", false);
@@ -23121,8 +23484,39 @@ var Weave = class {
 		store.setup();
 		store.connect();
 	}
+	async switchRoom() {
+		this.moduleLogger.info(`Switching room`);
+		const nodeHandlers = this.registerManager.getNodesHandlers();
+		for (const nodeHandlerKey of Object.keys(nodeHandlers)) {
+			const nodeHandler = nodeHandlers[nodeHandlerKey];
+			nodeHandler?.onDestroyInstance();
+		}
+		const stage = this.getStage();
+		if (stage) stage.destroy();
+		if (this.eventsController) this.eventsController.abort();
+		if (!this.isServerSide()) this.eventsController = new AbortController();
+		this.registerManager.reset();
+		this.asyncManager.reset();
+		this.moduleLogger.info("Switching room instance");
+		if (!this.isServerSide()) {
+			if (!window.weave) window.weave = this;
+		}
+		this.emitEvent("onRoomLoaded", false);
+		this.status = WEAVE_INSTANCE_STATUS.STARTING;
+		this.emitEvent("onInstanceStatus", this.status);
+		this.registerManager.reset();
+		this.status = WEAVE_INSTANCE_STATUS.LOADING_FONTS;
+		this.emitEvent("onInstanceStatus", this.status);
+		await this.fontsManager.loadFonts();
+		this.setupManager.setupLog();
+		this.stageManager.initStage();
+		this.status = WEAVE_INSTANCE_STATUS.CONNECTING_TO_ROOM;
+		this.emitEvent("onInstanceStatus", this.status);
+		this.addEventListener("onStoreConnectionStatusChange", this.handleStoreConnectionStatusChange.bind(this));
+	}
 	destroy() {
 		this.moduleLogger.info(`Destroying the instance`);
+		if (this.eventsController) this.eventsController.abort();
 		this.emitter.clearListeners();
 		this.status = WEAVE_INSTANCE_STATUS.IDLE;
 		this.emitEvent("onInstanceStatus", this.status);
@@ -23595,11 +23989,27 @@ var Weave = class {
 	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 exportNodes(nodes, boundingNodes, options, returnFormat = WEAVE_EXPORT_RETURN_FORMAT.IMAGE) {
+		switch (returnFormat) {
+			case WEAVE_EXPORT_RETURN_FORMAT.BLOB: return await this.exportManager.exportNodesAsBlob(nodes, boundingNodes, options);
+			case WEAVE_EXPORT_RETURN_FORMAT.CANVAS: return await this.exportManager.exportNodesAsCanvas(nodes, boundingNodes, options);
+			case WEAVE_EXPORT_RETURN_FORMAT.DATA_URL: {
+				const blob = await this.exportManager.exportNodesAsBlob(nodes, boundingNodes, options);
+				return await this.exportManager.blobToDataURL(blob);
+			}
+			case WEAVE_EXPORT_RETURN_FORMAT.IMAGE: return await this.exportManager.exportNodesAsImage(nodes, boundingNodes, options);
+		}
 	}
-	async exportArea(area, options) {
-		return await this.exportManager.exportAreaAsImage(area, options);
+	async exportArea(area, options, returnFormat = WEAVE_EXPORT_RETURN_FORMAT.IMAGE) {
+		switch (returnFormat) {
+			case WEAVE_EXPORT_RETURN_FORMAT.BLOB: return await this.exportManager.exportAreaAsBlob(area, options);
+			case WEAVE_EXPORT_RETURN_FORMAT.CANVAS: return await this.exportManager.exportAreaAsCanvas(area, options);
+			case WEAVE_EXPORT_RETURN_FORMAT.DATA_URL: {
+				const blob = await this.exportManager.exportAreaAsBlob(area, options);
+				return await this.exportManager.blobToDataURL(blob);
+			}
+			case WEAVE_EXPORT_RETURN_FORMAT.IMAGE: return await this.exportManager.exportAreaAsImage(area, options);
+		}
 	}
 	getExportBoundingBox(nodesIds) {
 		const nodes = [];
@@ -23763,6 +24173,9 @@ var Weave = class {
 	getDragProperties() {
 		return this.dragAndDropManager.getDragProperties();
 	}
+	getEventsController() {
+		return this.eventsController;
+	}
 };
 
 //#endregion
@@ -23854,6 +24267,7 @@ const downscaleImageFromURL = (url, options) => {
 //#endregion
 //#region src/internal-utils/upscale.ts
 const setupUpscaleStage = (instance, stage) => {
+	if (instance.isServerSide()) return;
 	const config = instance.getConfiguration();
 	const doUpscale = config.performance?.upscale?.enabled ?? false;
 	if (doUpscale) {
@@ -23885,7 +24299,14 @@ const setupUpscaleStage = (instance, stage) => {
 			innerElement.style.transformOrigin = "0 0";
 			innerElement.style.transform = `scale(${scaleToCover})`;
 		}
-	} else stage.setAttrs({ upscaleScale: 1 });
+	} else {
+		const realContainer = stage.container();
+		const containerWidth = realContainer.offsetWidth;
+		const containerHeight = realContainer.offsetHeight;
+		stage.width(containerWidth);
+		stage.height(containerHeight);
+		stage.setAttrs({ upscaleScale: 1 });
+	}
 };
 
 //#endregion
@@ -23896,6 +24317,7 @@ var WeaveStageNode = class extends WeaveNode {
 	wheelMousePressed = false;
 	isCmdCtrlPressed = false;
 	globalEventsInitialized = false;
+	initialize = void 0;
 	onRender(props) {
 		const stage = new Konva.Stage({
 			...props,
@@ -23914,10 +24336,10 @@ var WeaveStageNode = class extends WeaveNode {
 			container.setAttribute("tabindex", "0");
 			stage.container().addEventListener("focus", () => {
 				this.stageFocused = true;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 			stage.container().addEventListener("blur", () => {
 				this.stageFocused = false;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 		}
 		Konva.Stage.prototype.mode = function(mode) {
 			if (typeof mode !== "undefined") this._mode = mode;
@@ -23977,6 +24399,9 @@ var WeaveStageNode = class extends WeaveNode {
 	setupEvents() {
 		if (this.globalEventsInitialized) return;
 		if (this.instance.isServerSide()) return;
+		window.addEventListener("blur", () => {
+			this.isCmdCtrlPressed = false;
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
 			if (this.isOnlyCtrlOrMeta(e)) {
 				this.isCmdCtrlPressed = true;
@@ -23987,7 +24412,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlPressed");
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) {
 				this.isCmdCtrlPressed = false;
@@ -23998,7 +24423,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlReleased");
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.globalEventsInitialized = true;
 	}
 	isOnlyCtrlOrMeta(event) {
@@ -24018,6 +24443,7 @@ const WEAVE_LAYER_NODE_TYPE = "layer";
 //#region src/nodes/layer/layer.ts
 var WeaveLayerNode = class extends WeaveNode {
 	nodeType = WEAVE_LAYER_NODE_TYPE;
+	initialize = void 0;
 	onRender(props) {
 		const layer = new Konva.Layer({ ...props });
 		layer.canMoveToContainer = function() {
@@ -24065,6 +24491,7 @@ const WEAVE_GROUP_NODE_TYPE = "group";
 //#region src/nodes/group/group.ts
 var WeaveGroupNode = class extends WeaveNode {
 	nodeType = WEAVE_GROUP_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -24157,6 +24584,7 @@ const WEAVE_RECTANGLE_NODE_TYPE = "rectangle";
 //#region src/nodes/rectangle/rectangle.ts
 var WeaveRectangleNode = class extends WeaveNode {
 	nodeType = WEAVE_RECTANGLE_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -24200,6 +24628,7 @@ const WEAVE_ELLIPSE_NODE_TYPE = "ellipse";
 //#region src/nodes/ellipse/ellipse.ts
 var WeaveEllipseNode = class extends WeaveNode {
 	nodeType = WEAVE_ELLIPSE_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -24345,13 +24774,16 @@ var WeaveLineNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_LINE_NODE_DEFAULT_CONFIG, params?.config ?? {});
-		this.handleNodeChanges = null;
-		this.handleZoomChanges = null;
 		this.snapper = new GreedySnapper({
 			snapAngles: this.config.snapAngles.angles,
 			activateThreshold: this.config.snapAngles.activateThreshold,
 			releaseThreshold: this.config.snapAngles.releaseThreshold
 		});
+		this.initialize();
+	}
+	initialize() {
+		this.handleNodeChanges = null;
+		this.handleZoomChanges = null;
 	}
 	onRender(props) {
 		const line = new Konva.Line({
@@ -24656,28 +25088,33 @@ const TEXT_LAYOUT = {
 //#region src/nodes/text/text.ts
 var WeaveTextNode = class extends WeaveNode {
 	nodeType = WEAVE_TEXT_NODE_TYPE;
-	editing = false;
-	textAreaSuperContainer = null;
-	textAreaContainer = null;
-	textArea = null;
-	eventsInitialized = false;
-	isCtrlMetaPressed = false;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = (0, import_lodash.merge)({}, WEAVE_TEXT_NODE_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
 		this.keyPressHandler = void 0;
+		this.eventsInitialized = false;
+		this.isCtrlMetaPressed = false;
+		this.textAreaSuperContainer = null;
+		this.textAreaContainer = null;
+		this.textArea = null;
 		this.editing = false;
 		this.textArea = null;
 	}
 	initEvents() {
 		if (!this.eventsInitialized && !globalThis._weave_isServerSide) {
+			window.addEventListener("blur", () => {
+				this.isCtrlMetaPressed = false;
+			}, { signal: this.instance.getEventsController()?.signal });
 			window.addEventListener("keydown", (e) => {
 				if (e.ctrlKey || e.metaKey) this.isCtrlMetaPressed = true;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 			window.addEventListener("keyup", (e) => {
 				if (!(e.ctrlKey || e.metaKey)) this.isCtrlMetaPressed = false;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 			this.eventsInitialized = true;
 		}
 	}
@@ -24705,7 +25142,7 @@ var WeaveTextNode = class extends WeaveNode {
 	onAdd() {
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
-			window.addEventListener("keypress", this.keyPressHandler);
+			window.addEventListener("keypress", this.keyPressHandler, { signal: this.instance.getEventsController()?.signal });
 		}
 	}
 	onRender(props) {
@@ -24859,7 +25296,7 @@ var WeaveTextNode = class extends WeaveNode {
 		});
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
-			window.addEventListener("keypress", this.keyPressHandler);
+			window.addEventListener("keypress", this.keyPressHandler, { signal: this.instance.getEventsController()?.signal });
 		}
 		return text;
 	}
@@ -25118,17 +25555,17 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textAreaSuperContainer.scrollTop = 0;
 				this.textAreaSuperContainer.scrollLeft = 0;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.textAreaContainer.addEventListener("scroll", () => {
 			if (!this.textAreaContainer) return;
 			this.textAreaContainer.scrollTop = 0;
 			this.textAreaContainer.scrollLeft = 0;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.textArea.addEventListener("scroll", () => {
 			if (!this.textArea) return;
 			this.textArea.scrollTop = 0;
 			this.textArea.scrollLeft = 0;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const rotation = textNode.getAbsoluteRotation();
 		if (rotation) {
 			const transform = "rotate(" + rotation + "deg)";
@@ -25177,8 +25614,8 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textAreaDomResize(textNode);
 			}
 		};
-		this.textArea.addEventListener("keydown", handleKeyDown);
-		this.textArea.addEventListener("keyup", handleKeyUp);
+		this.textArea.addEventListener("keydown", handleKeyDown, { signal: this.instance.getEventsController()?.signal });
+		this.textArea.addEventListener("keyup", handleKeyUp, { signal: this.instance.getEventsController()?.signal });
 		this.textArea.tabIndex = 1;
 		this.textArea.focus();
 		const handleOutsideClick = (e) => {
@@ -25204,7 +25641,7 @@ var WeaveTextNode = class extends WeaveNode {
 			}
 		};
 		setTimeout(() => {
-			window.addEventListener("pointerup", handleOutsideClick);
+			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController()?.signal });
 		}, 0);
 		this.instance.getStage().mode(WEAVE_STAGE_TEXT_EDITION_MODE);
 		this.editing = true;
@@ -25540,7 +25977,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 		utilityLayer?.add(this.transformer);
 		this.transformer?.forceUpdate();
 		this.cropGroup.show();
-		window.addEventListener("keydown", this.handleHide);
+		window.addEventListener("keydown", this.handleHide, { signal: this.instance.getEventsController()?.signal });
 		if (options.cmdCtrl.triggered) {
 			utilityLayer?.hide();
 			const stage = this.instance.getStage();
@@ -25990,24 +26427,21 @@ const isAllowedUrl = (value) => {
 //#endregion
 //#region src/nodes/image/image.ts
 var WeaveImageNode = class extends WeaveNode {
-	imageBitmapCache = {};
-	imageSource = {};
-	imageFallback = {};
-	imageState = {};
-	imageTryoutAttempts = {};
-	imageTryoutIds = {};
 	nodeType = WEAVE_IMAGE_NODE_TYPE;
 	cursorsFallback = { loading: "wait" };
 	cursors = {};
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
+		this.config = mergeExceptArrays(WEAVE_IMAGE_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
 		this.tapStart = {
 			x: 0,
 			y: 0,
 			time: 0
 		};
-		this.config = mergeExceptArrays(WEAVE_IMAGE_DEFAULT_CONFIG, config);
 		this.imageCrop = null;
 		this.imageBitmapCache = {};
 		this.imageSource = {};
@@ -26231,7 +26665,7 @@ var WeaveImageNode = class extends WeaveNode {
 			};
 			this.updateImageCrop(image);
 		} else {
-			this.updatePlaceholderSize(image, imagePlaceholder);
+			this.updatePlaceholderSize(image);
 			this.loadImage(imageProps, image, true);
 		}
 		if (this.config.performance.cache.enabled) image.on("transformend", () => {
@@ -26614,7 +27048,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 		this.loadAsyncElement(id);
 		preloadFunction(id, realImageURL ?? "", {
-			onLoad: () => {
+			onLoad: async () => {
 				if (useFallback) this.imageTryoutIds[id] = setTimeout(() => {
 					const node = this.instance.getStage().findOne(`#${id}`);
 					if (node) {
@@ -26665,7 +27099,7 @@ var WeaveImageNode = class extends WeaveNode {
 						error: false
 					};
 					this.updateImageCrop(image);
-					this.resolveAsyncElement(id);
+					if (!useFallback) this.resolveAsyncElement(id);
 					this.cacheNode(image);
 				}
 			},
@@ -26706,13 +27140,9 @@ var WeaveImageNode = class extends WeaveNode {
 			}
 		}, loadTryout);
 	}
-	updatePlaceholderSize(image, imagePlaceholder) {
+	updatePlaceholderSize(image) {
 		const imageAttrs = image.getAttrs();
 		if (!this.imageState[imageAttrs.id ?? ""]?.loaded) return;
-		if (!imageAttrs.adding && !imageAttrs.cropInfo) {
-			imagePlaceholder.width(imageAttrs.uncroppedImage.width);
-			imagePlaceholder.height(imageAttrs.uncroppedImage.height);
-		}
 	}
 	updateImageCrop(image) {
 		const imageAttrs = image.getAttrs();
@@ -26846,6 +27276,7 @@ const WEAVE_STAR_NODE_TYPE = "star";
 //#region src/nodes/star/star.ts
 var WeaveStarNode = class extends WeaveNode {
 	nodeType = WEAVE_STAR_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -26931,6 +27362,7 @@ const WEAVE_ARROW_NODE_TYPE = "arrow";
 //#region src/nodes/arrow/arrow.ts
 var WeaveArrowNode = class extends WeaveNode {
 	nodeType = WEAVE_ARROW_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -26987,6 +27419,7 @@ const WEAVE_REGULAR_POLYGON_NODE_TYPE = "regular-polygon";
 //#region src/nodes/regular-polygon/regular-polygon.ts
 var WeaveRegularPolygonNode = class extends WeaveNode {
 	nodeType = WEAVE_REGULAR_POLYGON_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -27100,6 +27533,7 @@ var GroupFrame = class extends Konva.Group {
 //#region src/nodes/frame/frame.ts
 var WeaveFrameNode = class extends WeaveNode {
 	nodeType = WEAVE_FRAME_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -27208,15 +27642,16 @@ var WeaveFrameNode = class extends WeaveNode {
 			width: props.frameWidth - borderWidth * 2,
 			height: props.frameHeight - borderWidth * 2,
 			strokeScaleEnabled: true,
-			clipFunc: (ctx) => {
-				const width = (frameInternal.width() + borderWidth) * frameInternal.scaleX();
-				const height = (frameInternal.height() + borderWidth) * frameInternal.scaleY();
-				ctx.rect(-(borderWidth / 2) * frameInternal.scaleX(), -(borderWidth / 2) * frameInternal.scaleY(), width, height);
-			},
 			listening: true,
 			draggable: false,
 			isTargetable: false
 		});
+		frameInternal.clip({
+			x: -(borderWidth / 2) * frameInternal.scaleX(),
+			y: -(borderWidth / 2) * frameInternal.scaleX(),
+			width: (frameInternal.width() + borderWidth) * frameInternal.scaleX(),
+			height: (frameInternal.height() + borderWidth) * frameInternal.scaleY()
+		});
 		frame.add(frameInternal);
 		const selectionArea = new Konva.Rect({
 			...frameParams,
@@ -27316,6 +27751,12 @@ var WeaveFrameNode = class extends WeaveNode {
 		frame.getNodeAnchors = function() {
 			return [];
 		};
+		frame.clip({
+			x: 0,
+			y: text.y(),
+			width: frame.width(),
+			height: frame.height() + text.height()
+		});
 		return frame;
 	}
 	onUpdate(nodeInstance, nextProps) {
@@ -27400,6 +27841,7 @@ const WEAVE_STROKE_NODE_DEFAULT_CONFIG = {
 //#region src/nodes/stroke/stroke.ts
 var WeaveStrokeNode = class extends WeaveNode {
 	nodeType = WEAVE_STROKE_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -27976,8 +28418,6 @@ var WeaveSquareLineTipManager = class extends WeaveBaseLineTipManager {
 //#endregion
 //#region src/nodes/stroke-single/stroke-single.ts
 var WeaveStrokeSingleNode = class extends WeaveNode {
-	startHandle = null;
-	endHandle = null;
 	nodeType = WEAVE_STROKE_SINGLE_NODE_TYPE;
 	tipManagers = {
 		[WEAVE_STROKE_SINGLE_NODE_TIP_TYPE.ARROW]: new WeaveArrowLineTipManager(),
@@ -27988,24 +28428,29 @@ var WeaveStrokeSingleNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, params?.config ?? {});
-		this.handleNodeChanges = null;
-		this.handleZoomChanges = null;
-		this.shiftPressed = false;
 		this.snapper = new GreedySnapper({
 			snapAngles: this.config.snapAngles.angles,
 			activateThreshold: this.config.snapAngles.activateThreshold,
 			releaseThreshold: this.config.snapAngles.releaseThreshold
 		});
+		this.initialize();
+	}
+	initialize() {
 		this.eventsInitialized = false;
+		this.startHandle = null;
+		this.endHandle = null;
+		this.handleNodeChanges = null;
+		this.handleZoomChanges = null;
+		this.shiftPressed = false;
 	}
 	initEvents() {
 		if (this.eventsInitialized) return;
 		window.addEventListener("keydown", (e) => {
 			if (e.key === "Shift") this.shiftPressed = true;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Shift") this.shiftPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.eventsInitialized = true;
 	}
 	onRender(props) {
@@ -28492,6 +28937,9 @@ var WeaveCommentNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_COMMENT_NODE_DEFAULTS, params.config);
+		this.initialize();
+	}
+	initialize() {
 		this.commentDomVisibleId = null;
 		this.commentDomVisible = false;
 		this.commentDomAction = null;
@@ -29120,10 +29568,6 @@ const WEAVE_VIDEO_DEFAULT_CONFIG = {
 //#endregion
 //#region src/nodes/video/video.ts
 var WeaveVideoNode = class extends WeaveNode {
-	videoState = {};
-	videoSourceFrameId = {};
-	videoSource = {};
-	videoPlaceholder = {};
 	nodeType = WEAVE_VIDEO_NODE_TYPE;
 	constructor(params) {
 		super();
@@ -29136,6 +29580,13 @@ var WeaveVideoNode = class extends WeaveNode {
 			this.videoIconImage.src = this.config.style.icon.dataURL;
 		}
 	}
+	initialize() {
+		this.videoState = {};
+		this.videoSource = {};
+		this.videoSourceFrameId = {};
+		this.videoPlaceholder = {};
+		this.videoIconImage = void 0;
+	}
 	async loadPlaceholder(params, video) {
 		const videoProps = params;
 		const { id } = videoProps;
@@ -29630,6 +30081,7 @@ const WEAVE_MEASURE_NODE_DEFAULT_CONFIG = { style: {
 var WeaveMeasureNode = class extends WeaveNode {
 	nodeType = WEAVE_MEASURE_NODE_TYPE;
 	handlePointCircleRadius = 6;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_MEASURE_NODE_DEFAULT_CONFIG, params?.config ?? {});
@@ -30920,6 +31372,7 @@ var WeaveConnectorNode = class extends WeaveNode {
 		[WEAVE_CONNECTOR_NODE_DECORATOR_TYPE.DOT]: setupNodeDecoratorDot,
 		[WEAVE_CONNECTOR_NODE_DECORATOR_TYPE.ARROW]: setupNodeDecoratorArrow
 	};
+	initialize = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, params?.config);
@@ -31670,10 +32123,6 @@ const WEAVE_STAGE_ZOOM_DEFAULT_CONFIG = {
 var WeaveStageZoomPlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
-	pinching = false;
-	zooming = false;
-	isTrackpad = false;
-	zoomVelocity = 0;
 	zoomInertiaType = WEAVE_STAGE_ZOOM_TYPE.MOUSE_WHEEL;
 	defaultStep = 3;
 	constructor(params) {
@@ -31681,8 +32130,13 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		const { config } = params ?? {};
 		this.config = mergeExceptArrays(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
 		if (!this.config.zoomSteps.includes(this.config.defaultZoom)) throw new Error(`Default zoom ${this.config.defaultZoom} is not in zoom steps`);
+		this.initialize();
+	}
+	initialize() {
 		this.pinching = false;
+		this.zooming = false;
 		this.isTrackpad = false;
+		this.zoomVelocity = 0;
 		this.isCtrlOrMetaPressed = false;
 		this.updatedMinimumZoom = false;
 		this.actualStep = this.config.zoomSteps.findIndex((step) => step === this.config.defaultZoom);
@@ -31969,6 +32423,15 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		if (box.width === 0 || box.height === 0) return;
 		this.fitToElements(box, finalOptions);
 	}
+	fitToArea(area, options) {
+		const finalOptions = mergeExceptArrays({
+			smartZoom: false,
+			overrideZoom: true
+		}, options);
+		if (!this.enabled) return;
+		if (area.width === 0 || area.height === 0) return;
+		this.fitToElements(area, finalOptions);
+	}
 	enable() {
 		this.enabled = true;
 	}
@@ -31985,12 +32448,15 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		};
 	}
 	initEvents() {
+		window.addEventListener("blur", () => {
+			this.isCtrlOrMetaPressed = false;
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
 			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = true;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) this.isCtrlOrMetaPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const stage = this.instance.getStage();
 		let lastCenter = null;
 		let lastDist = 0;
@@ -32015,7 +32481,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 					return;
 				}
 			}
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 		stage.getContent().addEventListener("touchmove", (e) => {
 			e.preventDefault();
 			if (e.touches.length === 2) {
@@ -32055,12 +32524,18 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				lastDist = dist;
 				lastCenter = newCenter;
 			}
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 		stage.getContent().addEventListener("touchend", () => {
 			this.pinching = false;
 			lastDist = 0;
 			lastCenter = null;
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 		let doZoom = false;
 		const handleWheelImmediate = (e) => {
 			const performZoom = this.isCtrlOrMetaPressed || !this.isCtrlOrMetaPressed && e.ctrlKey && e.deltaMode === 0;
@@ -32078,7 +32553,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			e.preventDefault();
 			doZoom = true;
 		};
-		window.addEventListener("wheel", handleWheelImmediate, { passive: false });
+		window.addEventListener("wheel", handleWheelImmediate, {
+			signal: this.instance.getEventsController()?.signal,
+			passive: false
+		});
 		const handleWheel = (e) => {
 			if (!doZoom) return;
 			const delta = e.deltaY > 0 ? 1 : -1;
@@ -32091,7 +32569,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			}
 		};
 		const throttledHandleWheel = (0, import_lodash.throttle)(handleWheel, DEFAULT_THROTTLE_MS);
-		window.addEventListener("wheel", throttledHandleWheel, { passive: true });
+		window.addEventListener("wheel", throttledHandleWheel, {
+			signal: this.instance.getEventsController()?.signal,
+			passive: true
+		});
 	}
 	getInertiaScale() {
 		const stage = this.instance.getStage();
@@ -32149,6 +32630,7 @@ const ZOOM_OUT_TOOL_ACTION_NAME = "zoomOutTool";
 //#region src/actions/zoom-out-tool/zoom-out-tool.ts
 var WeaveZoomOutToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
 	getName() {
 		return ZOOM_OUT_TOOL_ACTION_NAME;
 	}
@@ -32183,6 +32665,10 @@ const ZOOM_IN_TOOL_ACTION_NAME = "zoomInTool";
 //#region src/actions/zoom-in-tool/zoom-in-tool.ts
 var WeaveZoomInToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return ZOOM_IN_TOOL_ACTION_NAME;
 	}
@@ -32217,6 +32703,10 @@ const FIT_TO_SCREEN_TOOL_ACTION_NAME = "fitToScreenTool";
 //#region src/actions/fit-to-screen-tool/fit-to-screen-tool.ts
 var WeaveFitToScreenToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return FIT_TO_SCREEN_TOOL_ACTION_NAME;
 	}
@@ -32250,6 +32740,10 @@ const FIT_TO_SELECTION_TOOL_ACTION_NAME = "fitToSelectionTool";
 //#region src/actions/fit-to-selection-tool/fit-to-selection-tool.ts
 var WeaveFitToSelectionToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return FIT_TO_SELECTION_TOOL_ACTION_NAME;
 	}
@@ -32292,6 +32786,9 @@ var WeaveMoveToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = MOVE_TOOL_STATE.IDLE;
 	}
@@ -32305,7 +32802,7 @@ var WeaveMoveToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", () => {
 			if ([MOVE_TOOL_ACTION_NAME].includes(this.instance.getActiveAction() ?? "")) stage.container().style.cursor = "grabbing";
 		});
@@ -32364,6 +32861,9 @@ var WeaveSelectionToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = SELECTION_TOOL_STATE.IDLE;
 	}
@@ -32427,6 +32927,9 @@ var WeaveEraserToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.erasing = false;
 		this.state = ERASER_TOOL_STATE.IDLE;
@@ -32460,7 +32963,7 @@ var WeaveEraserToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.initialized = true;
 	}
 	setState(state) {
@@ -32527,6 +33030,9 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = RECTANGLE_TOOL_STATE.IDLE;
@@ -32562,7 +33068,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === RECTANGLE_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -32736,6 +33242,9 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = ELLIPSE_TOOL_STATE.IDLE;
@@ -32771,7 +33280,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -32952,6 +33461,9 @@ var WeavePenToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = PEN_TOOL_STATE.IDLE;
@@ -32987,7 +33499,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -33224,6 +33736,9 @@ var WeaveLineToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(LINE_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = LINE_TOOL_STATE.IDLE;
@@ -33268,13 +33783,13 @@ var WeaveLineToolAction = class extends WeaveAction {
 				this.snappedAngle = null;
 				this.shiftPressed = true;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Shift" && this.instance.getActiveAction() === LINE_TOOL_ACTION_NAME) {
 				this.snappedAngle = null;
 				this.shiftPressed = false;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -33489,6 +34004,9 @@ var WeaveBrushToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(BRUSH_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = BRUSH_TOOL_STATE.INACTIVE;
 		this.strokeId = null;
@@ -33517,7 +34035,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		window.addEventListener("keyup", (e) => {
 			if (e.code === "Space" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) this.isSpacePressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
 			if (e.code === "Enter" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) {
 				e.stopPropagation();
@@ -33533,7 +34051,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				e.stopPropagation();
 				this.cancelAction();
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const handlePointerDown = (e) => {
 			if (this.state === BRUSH_TOOL_STATE.INACTIVE) return;
 			if (this.state !== BRUSH_TOOL_STATE.IDLE) return;
@@ -33742,6 +34260,9 @@ var WeaveTextToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = TEXT_TOOL_STATE.IDLE;
 		this.textId = null;
@@ -33771,7 +34292,7 @@ var WeaveTextToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === TEXT_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -33899,6 +34420,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.imageId = null;
@@ -33942,7 +34466,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			if (this.ignorePointerEvents) return;
@@ -34339,6 +34863,9 @@ var WeaveImagesToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, params ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.tempPointerFeedbackNode = null;
@@ -34385,7 +34912,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		stage.container().addEventListener("keydown", (e) => {
 			if (e.key === "Escape" && this.instance.getActiveAction() === WEAVE_IMAGES_TOOL_ACTION_NAME) this.cancelAction();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -34767,6 +35294,9 @@ var WeaveStarToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = STAR_TOOL_STATE.IDLE;
@@ -34803,7 +35333,7 @@ var WeaveStarToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -34968,8 +35498,8 @@ var WeaveStarToolAction = class extends WeaveAction {
 
 //#endregion
 //#region src/actions/arrow-tool/constants.ts
-const ARROW_TOOL_ACTION_NAME = "arrowTool";
-const ARROW_TOOL_STATE = {
+const WEAVE_ARROW_TOOL_ACTION_NAME = "arrowTool";
+const WEAVE_ARROW_TOOL_STATE = {
 	["IDLE"]: "idle",
 	["ADDING"]: "adding",
 	["DEFINING_SIZE"]: "definingSize",
@@ -34985,9 +35515,12 @@ var WeaveArrowToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
-		this.state = ARROW_TOOL_STATE.IDLE;
+		this.state = WEAVE_ARROW_TOOL_STATE.IDLE;
 		this.arrowId = null;
 		this.tempArrowId = null;
 		this.tempMainArrowNode = null;
@@ -35000,7 +35533,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.props = this.initProps();
 	}
 	getName() {
-		return ARROW_TOOL_ACTION_NAME;
+		return WEAVE_ARROW_TOOL_ACTION_NAME;
 	}
 	initProps() {
 		return {
@@ -35017,40 +35550,37 @@ var WeaveArrowToolAction = class extends WeaveAction {
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
+			if (e.code === "Enter" && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
 				this.cancelAction();
 				return;
 			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
-				this.cancelAction();
-				return;
-			}
-		});
+			if (e.code === "Escape" && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) this.cancelAction();
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
 				x: e.evt.clientX,
 				y: e.evt.clientY
 			});
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
-				this.state = ARROW_TOOL_STATE.ADDING;
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
+				this.state = WEAVE_ARROW_TOOL_STATE.ADDING;
 				return;
 			}
-			if (!this.tempMainArrowNode && this.state === ARROW_TOOL_STATE.ADDING) this.handleAdding();
-			if (this.tempMainArrowNode && this.state === ARROW_TOOL_STATE.ADDING) this.state = ARROW_TOOL_STATE.DEFINING_SIZE;
+			if (!this.tempMainArrowNode && this.state === WEAVE_ARROW_TOOL_STATE.ADDING) this.handleAdding();
+			if (this.tempMainArrowNode && this.state === WEAVE_ARROW_TOOL_STATE.ADDING) this.state = WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE;
 		});
 		stage.on("pointermove", () => {
-			if (this.state === ARROW_TOOL_STATE.IDLE) return;
+			if (this.state === WEAVE_ARROW_TOOL_STATE.IDLE) return;
 			this.setCursor();
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
-				this.state = ARROW_TOOL_STATE.ADDING;
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
+				this.state = WEAVE_ARROW_TOOL_STATE.ADDING;
 				return;
 			}
-			if (this.state === ARROW_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
+			if (this.state === WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
 		});
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
-			if (this.state === ARROW_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
+			if (this.state === WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
 		});
 		this.initialized = true;
 	}
@@ -35064,7 +35594,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.tempPoint = void 0;
 		this.tempNextPoint = void 0;
 		this.clickPoint = null;
-		this.setState(ARROW_TOOL_STATE.ADDING);
+		this.setState(WEAVE_ARROW_TOOL_STATE.ADDING);
 	}
 	handleAdding() {
 		const stage = this.instance.getStage();
@@ -35115,7 +35645,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.measureContainer?.add(this.tempNextPoint);
 			this.tempPoint.moveToTop();
 			this.tempNextPoint.moveToTop();
-			this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
+			this.setState(WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE);
 		}
 	}
 	handleSettingSize() {
@@ -35142,11 +35672,11 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				y: mousePoint.y,
 				points: [0, 0]
 			});
-			this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
+			this.setState(WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE);
 		}
 	}
 	handleMovement() {
-		if (this.state !== ARROW_TOOL_STATE.DEFINING_SIZE) return;
+		if (this.state !== WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) return;
 		if (this.arrowId && this.tempArrowNode && this.measureContainer && this.tempNextPoint) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.measureContainer);
 			this.tempArrowNode.setAttrs({
@@ -35213,7 +35743,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.container = void 0;
 		this.measureContainer = void 0;
 		this.clickPoint = null;
-		this.setState(ARROW_TOOL_STATE.IDLE);
+		this.setState(WEAVE_ARROW_TOOL_STATE.IDLE);
 	}
 	setCursor() {
 		const stage = this.instance.getStage();
@@ -35257,13 +35787,15 @@ const WEAVE_STROKE_TOOL_DEFAULT_CONFIG = { snapAngles: {
 var WeaveStrokeToolAction = class extends WeaveAction {
 	initialized = false;
 	initialCursor = null;
-	snappedAngle = null;
 	shiftPressed = false;
 	onPropsChange = void 0;
 	onInit = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STROKE_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = WEAVE_STROKE_TOOL_STATE.IDLE;
@@ -35272,7 +35804,6 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 		this.tempLineId = null;
 		this.tempLineNode = null;
 		this.container = void 0;
-		this.snappedAngle = null;
 		this.measureContainer = void 0;
 		this.clickPoint = null;
 		this.snapper = new GreedySnapper({
@@ -35285,6 +35816,9 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	getName() {
 		return WEAVE_STROKE_TOOL_ACTION_NAME;
 	}
+	getNames() {
+		return [WEAVE_STROKE_TOOL_ACTION_NAME, ...WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES];
+	}
 	hasAliases() {
 		return true;
 	}
@@ -35303,32 +35837,26 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (e.code === "Enter" && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.cancelAction();
 				return;
 			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (e.code === "Escape" && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.cancelAction();
 				return;
 			}
-			if (e.key === "Shift" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
-				this.snappedAngle = null;
-				this.shiftPressed = true;
-			}
-		});
+			if (e.key === "Shift" && this.getNames().includes(this.instance.getActiveAction() ?? "")) this.shiftPressed = true;
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
-			if (e.key === "Shift" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
-				this.snappedAngle = null;
-				this.shiftPressed = false;
-			}
-		});
+			if (e.key === "Shift" && this.getNames().includes(this.instance.getActiveAction() ?? "")) this.shiftPressed = false;
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
 				x: e.evt.clientX,
 				y: e.evt.clientY
 			});
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (this.pointers.size === 2 && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.state = WEAVE_STROKE_TOOL_STATE.ADDING;
 				return;
 			}
@@ -35338,7 +35866,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 		stage.on("pointermove", () => {
 			if (this.state === WEAVE_STROKE_TOOL_STATE.IDLE) return;
 			this.setCursor();
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (this.pointers.size === 2 && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.state = WEAVE_STROKE_TOOL_STATE.ADDING;
 				return;
 			}
@@ -35356,7 +35884,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	addLine() {
 		this.setCursor();
 		this.setFocusStage();
-		this.instance.emitEvent("onAddingStroke", { actionName: this.instance.getActiveAction() ?? WEAVE_STROKE_TOOL_ACTION_NAME });
+		this.instance.emitEvent("onAddingStroke", { actionName: this.instance.getActiveAction() ?? "not-defined" });
 		this.shiftPressed = false;
 		this.clickPoint = null;
 		this.setState(WEAVE_STROKE_TOOL_STATE.ADDING);
@@ -35464,7 +35992,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 				});
 				delete finalLine.props.dragBoundFunc;
 				this.instance.addNode(finalLine, this.container?.getAttrs().id);
-				this.instance.emitEvent("onAddedStroke", { actionName: this.instance.getActiveAction() ?? WEAVE_STROKE_TOOL_ACTION_NAME });
+				this.instance.emitEvent("onAddedStroke", { actionName: this.instance.getActiveAction() ?? "not-defined" });
 				nodeCreated = true;
 			}
 		}
@@ -35514,6 +36042,9 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = REGULAR_POLYGON_TOOL_STATE.IDLE;
@@ -35548,7 +36079,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -35722,6 +36253,9 @@ var WeaveFrameToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = FRAME_TOOL_STATE.IDLE;
 		this.frameId = null;
@@ -35749,7 +36283,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === FRAME_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -35851,12 +36385,16 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return EXPORT_STAGE_TOOL_ACTION_NAME;
 	}
 	async exportStage(boundingNodes) {
 		const mainLayer = this.instance.getMainLayer();
-		const img = await this.instance.exportNodes(mainLayer?.getChildren() ?? [], boundingNodes, this.options);
+		const img = await this.instance.exportNodes(mainLayer?.getChildren() ?? [], boundingNodes, this.options, WEAVE_EXPORT_RETURN_FORMAT.IMAGE);
 		return img;
 	}
 	async trigger(cancelAction, { boundingNodes, options }) {
@@ -35898,11 +36436,15 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return EXPORT_NODES_TOOL_ACTION_NAME;
 	}
 	async exportNodes(nodes, boundingNodes) {
-		const img = await this.instance.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1), this.options);
+		const img = await this.instance.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1), this.options, WEAVE_EXPORT_RETURN_FORMAT.IMAGE);
 		return img;
 	}
 	async trigger(cancelAction, { nodes, boundingNodes, options, triggerSelectionTool = true }) {
@@ -35950,6 +36492,9 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = ALIGN_NODES_TOOL_STATE.IDLE;
 	}
@@ -36199,6 +36744,9 @@ var WeaveCommentToolAction = class extends WeaveAction {
 		super();
 		const { config } = params ?? {};
 		this.config = mergeExceptArrays(WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = WEAVE_COMMENT_TOOL_STATE.IDLE;
@@ -36276,7 +36824,7 @@ var WeaveCommentToolAction = class extends WeaveAction {
 				return;
 			}
 			if (e.code === "Escape" && this.state === WEAVE_COMMENT_TOOL_STATE.CREATING_COMMENT) this.setState(WEAVE_COMMENT_TOOL_STATE.ADDING);
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", (e) => {
 			if (this.state === WEAVE_COMMENT_TOOL_STATE.IDLE) return;
 			if (commentNodeHandler?.isCommentViewing()) {
@@ -36427,6 +36975,9 @@ var WeaveVideoToolAction = class extends WeaveAction {
 	update = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = VIDEO_TOOL_STATE.IDLE;
@@ -36473,7 +37024,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -36606,6 +37157,9 @@ var WeaveMeasureToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = MEASURE_TOOL_STATE.IDLE;
 		this.measureId = null;
@@ -36632,7 +37186,7 @@ var WeaveMeasureToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
 			if (e.code === "Escape" && this.instance.getActiveAction() === MEASURE_TOOL_ACTION_NAME) this.cancelAction();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === MEASURE_TOOL_STATE.IDLE) return;
 			if (this.state === MEASURE_TOOL_STATE.SET_TO) {
@@ -36902,6 +37456,9 @@ var WeaveConnectorToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(CONNECTOR_TOOL_DEFAULT_CONFIG, params?.config);
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.tempLineNode = null;
@@ -36940,7 +37497,7 @@ var WeaveConnectorToolAction = class extends WeaveAction {
 				return;
 			}
 			if (e.code === "Escape" && this.instance.getActiveAction() === CONNECTOR_TOOL_ACTION_NAME) this.cancelAction();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		let nodeHovered = void 0;
 		stage.on("pointermove", () => {
 			if (!(this.state === CONNECTOR_TOOL_STATE.SELECTING_INITIAL || this.state === CONNECTOR_TOOL_STATE.SELECTING_FINAL)) return;
@@ -37255,10 +37812,6 @@ var WeaveConnectorToolAction = class extends WeaveAction {
 //#endregion
 //#region src/plugins/stage-grid/stage-grid.ts
 var WeaveStageGridPlugin = class extends WeavePlugin {
-	actStageZoomX = 1;
-	actStageZoomY = 1;
-	actStagePosX = 0;
-	actStagePosY = 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -37274,6 +37827,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		this.isMouseMiddleButtonPressed = false;
 		this.isSpaceKeyPressed = false;
 		this.forceStageChange = false;
+		this.actStagePosX = 0;
+		this.actStagePosY = 0;
+		this.actStageZoomX = 1;
+		this.actStageZoomY = 1;
 	}
 	getName() {
 		return WEAVE_STAGE_GRID_PLUGIN_KEY;
@@ -37298,10 +37855,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
 			if (e.code === "Space") this.isSpaceKeyPressed = true;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.code === "Space") this.isSpaceKeyPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.instance.addEventListener("onStageMove", () => {
 			this.onRender();
 		});
@@ -37567,15 +38124,14 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/stage-panning/stage-panning.ts
 var WeaveStagePanningPlugin = class extends WeavePlugin {
-	panning = false;
-	currentPointer = null;
-	stageScrollInterval = void 0;
-	panEdgeTargets = {};
 	getLayerName = void 0;
 	initLayer = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STAGE_PANNING_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.panning = false;
 		this.isDragging = false;
@@ -37587,6 +38143,9 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		this.isCtrlOrMetaPressed = false;
 		this.isSpaceKeyPressed = false;
 		this.previousPointer = null;
+		this.currentPointer = null;
+		this.stageScrollInterval = void 0;
+		this.panEdgeTargets = {};
 	}
 	getName() {
 		return WEAVE_STAGE_PANNING_KEY;
@@ -37610,6 +38169,9 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 	}
 	initEvents() {
 		const stage = this.instance.getStage();
+		window.addEventListener("blur", () => {
+			this.isCtrlOrMetaPressed = false;
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
 			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = true;
 			if (e.code === "Space") {
@@ -37620,7 +38182,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				this.isSpaceKeyPressed = true;
 				this.setCursor();
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Meta" || e.key === "Control") this.isCtrlOrMetaPressed = false;
 			if (e.code === "Space") {
@@ -37631,7 +38193,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				this.isSpaceKeyPressed = false;
 				this.disableMove();
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		let lastPos = null;
 		stage.on("pointerdown", (e) => {
 			this.pointers.set(e.evt.pointerId, {
@@ -37704,7 +38266,10 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			this.instance.emitEvent("onStageMove");
 		};
 		const handleWheelThrottled = (0, import_lodash.throttle)(handleWheel, WEAVE_STAGE_PANNING_THROTTLE_MS);
-		window.addEventListener("wheel", handleWheelThrottled, { passive: true });
+		window.addEventListener("wheel", handleWheelThrottled, {
+			passive: true,
+			signal: this.instance.getEventsController()?.signal
+		});
 		stage.on("dragstart", (e) => {
 			const duration = 1e3 / 60;
 			if (this.panEdgeTargets[e.target.getAttrs().id ?? ""] !== void 0) return;
@@ -37762,7 +38327,10 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		stage.container().style.setProperty("-webkit-user-drag", "none");
 		stage.getContent().addEventListener("touchmove", function(e) {
 			e.preventDefault();
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 	}
 	isPanning() {
 		return this.panning;
@@ -37840,6 +38408,9 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(STAGE_MINIMAP_DEFAULT_CONFIG, params.config);
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 	}
 	getName() {
@@ -38017,6 +38588,7 @@ const WEAVE_STAGE_RESIZE_KEY = "stageResize";
 var WeaveStageResizePlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
+	initialize = void 0;
 	getName() {
 		return WEAVE_STAGE_RESIZE_KEY;
 	}
@@ -38036,6 +38608,10 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 				const pluginInstance = plugins[pluginId];
 				pluginInstance.onRender?.();
 			}
+			this.instance.emitEvent("onStageResize", {
+				width: stage.width(),
+				height: stage.height()
+			});
 		}
 	}
 	onInit() {
@@ -38044,7 +38620,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 		}, DEFAULT_THROTTLE_MS);
 		window.addEventListener("resize", () => {
 			throttledResize();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const resizeObserver = new ResizeObserver(() => {
 			throttledResize();
 		});
@@ -38062,10 +38638,12 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/nodes-multi-selection-feedback/nodes-multi-selection-feedback.ts
 var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
-	selectedHalos = {};
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.selectedHalos = {};
 	}
 	getName() {
@@ -38231,12 +38809,14 @@ var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/connected-users/connected-users.ts
 var WeaveConnectedUsersPlugin = class extends WeavePlugin {
-	connectedUsers = {};
 	getLayerName = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = config;
+		this.initialize();
+	}
+	initialize() {
 		this.connectedUsers = {};
 	}
 	getName() {
@@ -38283,6 +38863,9 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 		this.config = config;
 		this.config.getUser = memoize(this.config.getUser);
 		this.config.getUserColor = memoize(this.config.getUserColor);
+		this.initialize();
+	}
+	initialize() {
 		this.usersSelection = {};
 	}
 	getName() {
@@ -38475,6 +39058,9 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		this.config.getUser = memoize(this.config.getUser);
 		this.config.getUserBackgroundColor = memoize(this.config.getUserBackgroundColor);
 		this.config.getUserForegroundColor = memoize(this.config.getUserForegroundColor);
+		this.initialize();
+	}
+	initialize() {
 		this.usersPointers = {};
 		this.usersOperations = {};
 	}
@@ -38685,6 +39271,9 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 		super();
 		const { config } = params;
 		this.config = mergeExceptArrays(WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, config);
+		this.initialize();
+	}
+	initialize() {
 		this.userPresence = {};
 	}
 	getName() {
@@ -38760,6 +39349,9 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -38773,14 +39365,20 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 		stage.container().addEventListener("dragover", (e) => {
 			e.preventDefault();
 			e.stopPropagation();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("drop", (e) => {
 			e.preventDefault();
 			e.stopPropagation();
 			this.instance.emitEvent("onStageDrop", e);
+		}, { signal: this.instance.getEventsController()?.signal });
+		window.addEventListener("dragover", (e) => e.preventDefault(), {
+			signal: this.instance.getEventsController()?.signal,
+			passive: false
+		});
+		window.addEventListener("drop", (e) => e.preventDefault(), {
+			signal: this.instance.getEventsController()?.signal,
+			passive: false
 		});
-		window.addEventListener("dragover", (e) => e.preventDefault(), { passive: false });
-		window.addEventListener("drop", (e) => e.preventDefault(), { passive: false });
 	}
 	enable() {
 		this.enabled = true;
@@ -38799,6 +39397,9 @@ var WeaveNodesEdgeSnappingPlugin = class extends WeavePlugin {
 		this.guideLineConfig = config?.guideLine ?? GUIDE_LINE_DEFAULT_CONFIG;
 		this.dragSnappingThreshold = config?.dragSnappingThreshold ?? GUIDE_LINE_DRAG_SNAPPING_THRESHOLD;
 		this.transformSnappingThreshold = config?.transformSnappingThreshold ?? GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD;
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -39175,6 +39776,9 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 		this.enterSnappingTolerance = config?.enterSnappingTolerance ?? GUIDE_ENTER_SNAPPING_TOLERANCE;
 		this.exitSnappingTolerance = config?.exitSnappingTolerance ?? GUIDE_EXIT_SNAPPING_TOLERANCE;
 		this.uiConfig = mergeExceptArrays(GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, config?.ui);
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -39821,12 +40425,14 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/comments-renderer/comments-renderer.ts
 var WeaveCommentsRendererPlugin = class extends WeavePlugin {
-	comments = [];
 	getLayerName = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = config;
+		this.initialize();
+	}
+	initialize() {
 		this.comments = [];
 	}
 	getName() {
@@ -39917,6 +40523,7 @@ const WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG = { movementDelta: 5 };
 var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, params?.config ?? {});
@@ -39955,7 +40562,7 @@ var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 			if (e.code === "ArrowLeft" && e.shiftKey) this.handleNodesMovement("left");
 			if (e.code === "ArrowRight" && e.shiftKey) this.handleNodesMovement("right");
 			if (e.code === "ArrowDown" && e.shiftKey) this.handleNodesMovement("down");
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 	}
 	enable() {
 		this.enabled = true;
@@ -39977,4 +40584,4 @@ const setupCanvasBackend = async () => {
 };
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_ARROW_TOOL_ACTION_NAME, WEAVE_ARROW_TOOL_STATE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend };