@inditextech/weave-sdk 4.0.0 → 4.1.0

package/dist/sdk.node.js

@@ -4,6 +4,7 @@ import pino from "pino";
 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 simplify from "simplify-js";
 import "konva/lib/types";
 import "konva/lib/Stage";
 
@@ -18952,7 +18953,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const nodesSelected = tr.nodes();
 			if (nodesSelected.length === 1) {
 				const node = nodesSelected[0];
-				stage.container().style.cursor = node.defineMousePointer?.() ?? "grab";
+				stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "grab";
 			} else stage.container().style.cursor = "grab";
 		});
 		tr.on("mouseout", (e) => {
@@ -19015,8 +19016,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		let selectedNodes = [];
 		tr.on("dragstart", (e) => {
 			this.dragInProcess = true;
+			if (!e?.evt) return;
 			let isWheelMousePressed = false;
-			if (e.evt.button === 1) isWheelMousePressed = true;
+			if (e.evt?.button === 1) isWheelMousePressed = true;
 			const mainLayer = this.instance.getMainLayer();
 			if (!mainLayer) return;
 			initialPos = {
@@ -19057,7 +19059,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				y: e.target.y()
 			};
 			let isWheelMousePressed = false;
-			if (e.evt.button === 1) isWheelMousePressed = true;
+			if (e.evt?.button === 1) isWheelMousePressed = true;
 			e.cancelBubble = true;
 			this.instance.getHooks().callHook("weave:onTransformerDragMove", {
 				e,
@@ -19414,8 +19416,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.handledClickOrTap = false;
 			this.pointers[e.evt.pointerId] = e.evt;
 			if (e.evt.pointerType === "touch" && Object.keys(this.pointers).length > 1) return;
-			if (e.evt.pointerType === "mouse" && e.evt.button !== 0) return;
-			if (e.evt.pointerType === "pen" && e.evt.pressure <= .05) return;
+			if (e.evt.pointerType === "mouse" && e.evt?.button !== 0) return;
+			if (e.evt.pointerType === "pen" && e.evt?.pressure <= .05) return;
 			if (!this.initialized) return;
 			if (!this.active) return;
 			if (stage.mode() !== WEAVE_STAGE_DEFAULT_MODE) return;
@@ -19468,8 +19470,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.panLoopId = requestAnimationFrame(() => this.panLoop());
 		});
 		const handleMouseMove = (e) => {
+			if (!e?.evt) return;
 			const moved = this.checkMoved(e);
-			if (e.evt.buttons === 0) return;
+			if (e.evt?.buttons === 0) return;
 			if (e.evt.pointerType === "touch" && Object.keys(this.pointers).length > 1) return;
 			if (!this.initialized) return;
 			if (!this.active) return;
@@ -19635,7 +19638,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.hideHoverState();
 		const selectedGroup = getTargetedNode(this.instance);
 		if (!this.initialized) return;
-		if (e.evt.pointerType === "mouse" && e.evt.button && e.evt.button !== 0) return;
+		if (e.evt.pointerType === "mouse" && e.evt?.button && e.evt?.button !== 0) return;
 		let areNodesSelected = false;
 		let nodeTargeted = selectedGroup && !(selectedGroup.getAttrs().active ?? false) ? selectedGroup : e.target;
 		if (e.target === this.instance.getStage()) {
@@ -19698,7 +19701,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		if (areNodesSelected) {
 			stage.container().tabIndex = 1;
 			stage.container().focus();
-			stage.container().style.cursor = nodeTargeted.defineMousePointer?.() ?? "grab";
+			stage.container().style.cursor = (typeof nodeTargeted?.defineMousePointer === "function" ? nodeTargeted.defineMousePointer() : null) ?? "grab";
 		}
 		this.triggerSelectedNodesEvent();
 	}
@@ -19858,6 +19861,10 @@ const WEAVE_COPY_PASTE_CONFIG_DEFAULT = {
 	}
 };
 
+//#endregion
+//#region src/actions/fit-to-selection-tool/constants.ts
+const FIT_TO_SELECTION_TOOL_ACTION_NAME = "fitToSelectionTool";
+
 //#endregion
 //#region src/plugins/copy-paste-nodes/copy-paste-nodes.ts
 var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
@@ -20069,8 +20076,8 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 					}
 					const nodesSelectionPlugin = this.getNodesSelectionPlugin();
 					nodesSelectionPlugin?.setSelectedNodes(realNodes);
-					this.instance?.triggerAction("fitToSelectionTool", {
-						previousAction: "selectionTool",
+					this.instance?.triggerAction(FIT_TO_SELECTION_TOOL_ACTION_NAME, {
+						previousAction: SELECTION_TOOL_ACTION_NAME,
 						smartZoom: true
 					});
 					this.instance.emitEvent("onPaste", {
@@ -20345,6 +20352,33 @@ const augmentKonvaNodeClass = (config) => {
 	Konva.Node.prototype.closeCrop = function() {};
 	Konva.Node.prototype.resetCrop = function() {};
 	Konva.Node.prototype.dblClick = function() {};
+	Konva.Node.prototype.allowedAnchors = function() {
+		return [];
+	};
+	Konva.Node.prototype.isSelectable = function() {
+		return true;
+	};
+	Konva.Node.prototype.handleMouseover = function() {};
+	Konva.Node.prototype.handleMouseout = function() {};
+	Konva.Node.prototype.handleSelectNode = function() {};
+	Konva.Node.prototype.handleDeselectNode = function() {};
+	Konva.Node.prototype.defineMousePointer = function() {
+		return "default";
+	};
+	Konva.Node.prototype.canBeHovered = function() {
+		return false;
+	};
+	Konva.Node.prototype.canDrag = function() {
+		return false;
+	};
+	Konva.Node.prototype.canMoveToContainer = function() {
+		return false;
+	};
+	Konva.Node.prototype.getNodeAnchors = function() {
+		return [];
+	};
+	Konva.Node.prototype.lockMutex = function() {};
+	Konva.Node.prototype.releaseMutex = function() {};
 };
 var WeaveNode = class {
 	async register(instance) {
@@ -20629,10 +20663,11 @@ var WeaveNode = class {
 			node.off("dragstart");
 			node.on("dragstart", (e) => {
 				const nodeTarget = e.target;
+				if (!e.evt) return;
 				let isWheelMousePressed = false;
-				if (e.evt.button === 1) isWheelMousePressed = true;
+				if (e.evt?.button === 1) isWheelMousePressed = true;
 				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
-				const canMove = nodeTarget?.canDrag() ?? false;
+				const canMove = typeof nodeTarget?.canDrag === "function" ? nodeTarget.canDrag() : false;
 				if (!canMove) {
 					nodeTarget.stopDrag();
 					return;
@@ -20684,7 +20719,7 @@ var WeaveNode = class {
 					nodesSelectionPlugin?.setSelectedNodes([]);
 					requestAnimationFrame(() => {
 						nodesSelectionPlugin?.setSelectedNodes(this.instance.getCloningManager().getClones());
-						clone?.startDrag(e.evt);
+						if (clone?.getStage()) clone.startDrag(e.evt);
 					});
 				}
 				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1) this.instance.setMutexLock({
@@ -20695,7 +20730,7 @@ var WeaveNode = class {
 			const handleDragMove = (e) => {
 				const nodeTarget = e.target;
 				let isWheelMousePressed = false;
-				if (e.evt.button === 1) isWheelMousePressed = true;
+				if (e.evt?.button === 1) isWheelMousePressed = true;
 				e.cancelBubble = true;
 				if (e.evt?.buttons === 0) {
 					nodeTarget.stopDrag();
@@ -20883,12 +20918,12 @@ var WeaveNode = class {
 		}
 		if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage.container().style.cursor = realNode?.defineMousePointer() ?? "pointer";
+			stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "pointer";
 			cancelBubble = true;
 		}
 		if (isNodeSelectionEnabled && this.isSelecting() && this.isNodeSelected(realNode) && !this.isPasting() && isTargetable && !(isLocked || isMutexLocked) && stage.mode() === WEAVE_STAGE_DEFAULT_MODE) {
 			showHover = true;
-			stage.container().style.cursor = realNode?.defineMousePointer() ?? "grab";
+			stage.container().style.cursor = (typeof node?.defineMousePointer === "function" ? node.defineMousePointer() : null) ?? "grab";
 			cancelBubble = true;
 		}
 		if (!isTargetable) cancelBubble = true;
@@ -22152,7 +22187,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "4.0.0";
+var version = "4.1.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -24293,6 +24328,7 @@ function loadImageSource(image, options) {
 }
 async function downscaleImageFile(file, ratio) {
 	const bitmap = await createImageBitmap(file);
+	if (bitmap.width === 0) throw new Error("Invalid image", { cause: "InvalidImage" });
 	const width = Math.round(bitmap.width * ratio);
 	const height = Math.round(bitmap.height * ratio);
 	const canvas = document.createElement("canvas");
@@ -24309,13 +24345,19 @@ function getImageSizeFromFile(file) {
 		const img = new Image();
 		const url = URL.createObjectURL(file);
 		img.onload = () => {
+			if (img.naturalWidth === 0) {
+				reject(new Error("Invalid image", { cause: "InvalidImage" }));
+				return;
+			}
 			resolve({
 				width: img.naturalWidth,
 				height: img.naturalHeight
 			});
 			URL.revokeObjectURL(url);
 		};
-		img.onerror = reject;
+		img.onerror = () => {
+			reject(new Error("Invalid image", { cause: "InvalidImage" }));
+		};
 		img.src = url;
 	});
 }
@@ -24339,6 +24381,10 @@ const downscaleImageFromURL = (url, options) => {
 		const img = new Image();
 		img.crossOrigin = crossOrigin;
 		img.onload = () => {
+			if (img.naturalWidth === 0) {
+				reject(new Error("Invalid image", { cause: "InvalidImage" }));
+				return;
+			}
 			const ratio = Math.min(maxWidth / img.width, maxHeight / img.height, 1);
 			const width = Math.round(img.width * ratio);
 			const height = Math.round(img.height * ratio);
@@ -24349,7 +24395,9 @@ const downscaleImageFromURL = (url, options) => {
 			ctx.drawImage(img, 0, 0, width, height);
 			resolve(canvas.toDataURL(type));
 		};
-		img.onerror = reject;
+		img.onerror = () => {
+			reject(new Error("Invalid image", { cause: "InvalidImage" }));
+		};
 		img.src = url;
 	});
 };
@@ -27229,15 +27277,24 @@ var WeaveImageNode = class extends WeaveNode {
 		const imageURLToLoad = imageURL ?? "http://localhost/false-image";
 		this.imageFallback[imageId] = Konva.Util.createImageElement();
 		this.imageFallback[imageId].crossOrigin = this.config.crossOrigin;
-		this.imageFallback[imageId].onerror = (error) => {
+		this.imageFallback[imageId].onerror = () => {
 			this.imageState[imageId] = {
 				status: "error-fallback",
 				loaded: false,
 				error: true
 			};
-			onError(error);
+			onError(new Error(`Failed to load fallback image from provided URL`, { cause: "ErrorLoadingFallbackImage" }));
 		};
 		this.imageFallback[imageId].onload = async () => {
+			if (this.imageFallback[imageId].width === 0) {
+				this.imageState[imageId] = {
+					status: "error-fallback",
+					loaded: false,
+					error: true
+				};
+				onError(new Error(`Invalid fallback image provided`, { cause: "InvalidFallbackImage" }));
+				return;
+			}
 			this.imageState[imageId] = {
 				status: "loading",
 				loaded: true,
@@ -27264,15 +27321,19 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 		this.imageSource[imageId] = Konva.Util.createImageElement();
 		this.imageSource[imageId].crossOrigin = this.config.crossOrigin;
-		this.imageSource[imageId].onerror = (error) => {
+		this.imageSource[imageId].onerror = () => {
 			if (!loadingTryout) {
 				const stage = this.instance.getStage();
 				const image = stage.findOne(`#${imageId}`);
 				if (image) this.setErrorState(imageId, image);
 			}
-			onError(error);
+			onError(new Error(`Failed to load image from provided URL`, { cause: "ErrorLoadingImage" }));
 		};
 		this.imageSource[imageId].onload = async () => {
+			if (this.imageSource[imageId].width === 0) {
+				onError(new Error(`Invalid image provided`, { cause: "InvalidImage" }));
+				return;
+			}
 			const stage = this.instance.getStage();
 			if (!this.instance.isServerSide()) stage.container().style.cursor = "pointer";
 			this.imageState[imageId] = {
@@ -27364,14 +27425,16 @@ var WeaveImageNode = class extends WeaveNode {
 				}
 			},
 			onError: (error) => {
-				if (!this.config.useFallbackImage) {
+				let isInvalidImage = false;
+				if (error.cause === "InvalidImage") isInvalidImage = true;
+				if (!this.config.useFallbackImage && !isInvalidImage) {
 					const tryoutAttempts = this.imageTryoutAttempts[id] ?? 0;
 					if (tryoutAttempts - 1 < this.config.imageLoading.maxRetryAttempts) {
 						this.loadImageTryout(id);
 						return;
 					} else this.setErrorState(id, image);
 				}
-				if (loadTryout) {
+				if (loadTryout && !isInvalidImage) {
 					const tryoutAttempts = this.imageTryoutAttempts[id] ?? 0;
 					if (tryoutAttempts - 1 < this.config.imageLoading.maxRetryAttempts) {
 						this.loadImageTryout(id);
@@ -27384,12 +27447,7 @@ var WeaveImageNode = class extends WeaveNode {
 					return;
 				}
 				this.setErrorState(id, image);
-				image.setAttrs({ image: void 0 });
-				console.error("Error loading image", error);
 				this.resolveAsyncElement(id);
-				imagePlaceholder?.setAttrs({ visible: true });
-				internalImage?.setAttrs({ visible: false });
-				this.cacheNode(image);
 			}
 		}, loadTryout);
 	}
@@ -28384,8 +28442,8 @@ var WeaveStrokeNode = class extends WeaveNode {
 			const segLen = Math.hypot(dx, dy) || 1;
 			const nx = -dy / segLen;
 			const ny = dx / segLen;
-			const w0 = baseW * p0.pressure / 2;
-			const w1 = baseW * p1.pressure / 2;
+			const w0 = Math.max(baseW * p0.pressure / 2, .5);
+			const w1 = Math.max(baseW * p1.pressure / 2, .5);
 			let traveled = 0;
 			while (traveled < segLen) {
 				const step = Math.min(dashRemaining, segLen - traveled);
@@ -30075,8 +30133,7 @@ var WeaveVideoNode = class extends WeaveNode {
 		this.videoPlaceholder[id] = Konva.Util.createImageElement();
 		this.videoPlaceholder[id].crossOrigin = this.config.crossOrigin;
 		this.videoPlaceholder[id].src = realVideoPlaceholderURL;
-		this.videoPlaceholder[id].onerror = (error) => {
-			console.error("Error loading video placeholder", realVideoPlaceholderURL, error);
+		this.videoPlaceholder[id].onerror = () => {
 			this.resolveAsyncElement(id);
 		};
 		this.videoPlaceholder[id].onload = () => {
@@ -33115,13 +33172,13 @@ var WeaveZoomOutToolAction = class extends WeaveAction {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (!stageZoomPlugin.canZoomOut()) return;
 		stageZoomPlugin.zoomOut();
-		this.previousAction = params.previousAction;
+		this.previousAction = params?.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
-		if (this.previousAction !== void 0) this.instance.triggerAction(this.previousAction);
+		if (this.previousAction) this.instance.triggerAction(this.previousAction);
 		stage.container().style.cursor = "default";
 	}
 };
@@ -33153,13 +33210,13 @@ var WeaveZoomInToolAction = class extends WeaveAction {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (!stageZoomPlugin.canZoomIn()) return;
 		stageZoomPlugin.zoomIn();
-		this.previousAction = params.previousAction;
+		this.previousAction = params?.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
-		if (this.previousAction !== void 0) this.instance.triggerAction(this.previousAction);
+		if (this.previousAction) this.instance.triggerAction(this.previousAction);
 		stage.container().style.cursor = "default";
 	}
 };
@@ -33190,21 +33247,17 @@ var WeaveFitToScreenToolAction = class extends WeaveAction {
 	trigger(cancelAction, params) {
 		const stageZoomPlugin = this.getStageZoomPlugin();
 		if (stageZoomPlugin) stageZoomPlugin.fitToScreen({ overrideZoom: params?.overrideZoom ?? true });
-		this.previousAction = params.previousAction;
+		this.previousAction = params?.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
-		if (this.previousAction !== void 0) this.instance.triggerAction(this.previousAction);
+		if (this.previousAction) this.instance.triggerAction(this.previousAction);
 		stage.container().style.cursor = "default";
 	}
 };
 
-//#endregion
-//#region src/actions/fit-to-selection-tool/constants.ts
-const FIT_TO_SELECTION_TOOL_ACTION_NAME = "fitToSelectionTool";
-
 //#endregion
 //#region src/actions/fit-to-selection-tool/fit-to-selection-tool.ts
 var WeaveFitToSelectionToolAction = class extends WeaveAction {
@@ -33236,13 +33289,13 @@ var WeaveFitToSelectionToolAction = class extends WeaveAction {
 			smartZoom: params?.smartZoom ?? false,
 			overrideZoom: params?.overrideZoom ?? true
 		});
-		this.previousAction = params.previousAction;
+		this.previousAction = params?.previousAction;
 		this.cancelAction = cancelAction;
 		this.cancelAction();
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
-		if (this.previousAction !== void 0) this.instance.triggerAction(this.previousAction);
+		if (this.previousAction) this.instance.triggerAction(this.previousAction);
 		stage.container().style.cursor = "default";
 	}
 };
@@ -34468,6 +34521,11 @@ const BRUSH_TOOL_DEFAULT_CONFIG = { interpolationSteps: 10 };
 var WeaveBrushToolAction = class extends WeaveAction {
 	initialized = false;
 	isSpacePressed = false;
+	penActive = false;
+	lastSmoothedPressure = .5;
+	lastPointerPos = null;
+	lastPointerTime = 0;
+	predictedCount = 0;
 	onPropsChange = void 0;
 	onInit = void 0;
 	constructor(params) {
@@ -34497,11 +34555,29 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		};
 	}
 	getEventPressure(e) {
-		if (e.evt.pointerType && e.evt.pointerType === "pen") return e.evt.pressure || .5;
-		return .5;
+		const now$2 = performance.now();
+		let velocity = 0;
+		if (this.lastPointerPos && now$2 - this.lastPointerTime > 0) {
+			const dx = e.evt.clientX - this.lastPointerPos.x;
+			const dy = e.evt.clientY - this.lastPointerPos.y;
+			velocity = Math.hypot(dx, dy) / (now$2 - this.lastPointerTime) * 1e3;
+		}
+		this.lastPointerPos = {
+			x: e.evt.clientX,
+			y: e.evt.clientY
+		};
+		this.lastPointerTime = now$2;
+		const alpha = Math.min(Math.max(velocity / 1500, .15), .6);
+		let raw;
+		if (e.evt.pointerType === "pen") raw = e.evt.pressure || .5;
+		else raw = .5;
+		this.lastSmoothedPressure = alpha * raw + (1 - alpha) * this.lastSmoothedPressure;
+		return Math.max(this.lastSmoothedPressure, .15);
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
+		this.prevTouchAction = stage.container().style.touchAction;
+		stage.container().style.touchAction = "none";
 		window.addEventListener("keyup", (e) => {
 			if (e.code === "Space" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) this.isSpacePressed = false;
 		}, { signal: this.instance.getEventsController()?.signal });
@@ -34526,7 +34602,9 @@ var WeaveBrushToolAction = class extends WeaveAction {
 			if (this.state !== BRUSH_TOOL_STATE.IDLE) return;
 			if (this.getZoomPlugin()?.isPinching()) return;
 			if (this.isSpacePressed) return;
-			if (e.evt.button !== 0) return;
+			if (e?.evt?.button !== 0) return;
+			if (e.evt.pointerType === "touch" && this.penActive) return;
+			if (e.evt.pointerType === "pen") this.penActive = true;
 			const pointPressure = this.getEventPressure(e);
 			this.handleStartStroke(pointPressure);
 			e.evt.stopPropagation();
@@ -34537,12 +34615,27 @@ var WeaveBrushToolAction = class extends WeaveAction {
 			this.setCursor();
 			if (this.state !== BRUSH_TOOL_STATE.DEFINE_STROKE) return;
 			if (this.getZoomPlugin()?.isPinching()) return;
-			const pointPressure = this.getEventPressure(e);
-			this.handleMovement(pointPressure);
+			const coalescedEvents = e.evt.getCoalescedEvents ? e.evt.getCoalescedEvents() : [];
+			if (coalescedEvents.length > 1) {
+				for (const ce of coalescedEvents) {
+					const pointPressure = ce.pointerType === "pen" && typeof ce.pressure === "number" ? ce.pressure : .5;
+					this.handleMovement(pointPressure, void 0, false);
+				}
+				const predictedEvents = e.evt.getPredictedEvents ? e.evt.getPredictedEvents() : [];
+				if (predictedEvents.length > 0) {
+					const last = predictedEvents[predictedEvents.length - 1];
+					const predPressure = last.pointerType === "pen" && typeof last.pressure === "number" ? last.pressure : .5;
+					this.handleMovement(predPressure, last, true);
+				}
+			} else {
+				const pointPressure = this.getEventPressure(e);
+				this.handleMovement(pointPressure, void 0, false);
+			}
 			e.evt.stopPropagation();
 		};
 		stage.on("pointermove", handlePointerMove);
 		const handlePointerUp = (e) => {
+			this.penActive = false;
 			if (this.state !== BRUSH_TOOL_STATE.DEFINE_STROKE) return;
 			if (this.getZoomPlugin()?.isPinching()) return;
 			this.handleEndStroke();
@@ -34579,6 +34672,10 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		};
 	}
 	handleStartStroke(pressure) {
+		this.lastSmoothedPressure = .5;
+		this.lastPointerPos = null;
+		this.lastPointerTime = 0;
+		this.predictedCount = 0;
 		const { mousePoint, container, measureContainer } = this.instance.getMousePointer();
 		this.clickPoint = mousePoint;
 		this.container = container;
@@ -34607,17 +34704,25 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		}
 		this.setState(BRUSH_TOOL_STATE.DEFINE_STROKE);
 	}
-	handleMovement(pressure) {
+	handleMovement(pressure, predictedEvent, isPredicted = false) {
 		if (this.state !== BRUSH_TOOL_STATE.DEFINE_STROKE) return;
+		const stage = this.instance.getStage();
 		const tempStroke = this.instance.getStage().findOne(`#${this.strokeId}`);
 		if (this.measureContainer && tempStroke) {
+			if (predictedEvent) stage.setPointersPositions(predictedEvent);
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.measureContainer);
 			const currentPoint = {
 				x: mousePoint.x - tempStroke.x(),
 				y: mousePoint.y - tempStroke.y(),
 				pressure
 			};
-			const newStrokeElements = [...tempStroke.getAttrs().strokeElements, currentPoint];
+			let newStrokeElements = [...tempStroke.getAttrs().strokeElements];
+			if (!isPredicted && this.predictedCount > 0) {
+				newStrokeElements = newStrokeElements.slice(0, -1 * this.predictedCount);
+				this.predictedCount = 0;
+			}
+			newStrokeElements.push(currentPoint);
+			if (isPredicted) this.predictedCount++;
 			const box = this.getBoundingBox(newStrokeElements);
 			tempStroke.setAttrs({
 				width: box.width,
@@ -34637,17 +34742,22 @@ var WeaveBrushToolAction = class extends WeaveAction {
 			if (nodeHandler) {
 				const box = this.getBoundingBox(tempStroke.getAttrs().strokeElements);
 				let newStrokeElements = [...tempStroke.getAttrs().strokeElements];
+				if (this.predictedCount > 0) {
+					newStrokeElements = newStrokeElements.slice(0, -1 * this.predictedCount);
+					this.predictedCount = 0;
+				}
 				newStrokeElements = newStrokeElements.map((point) => ({
 					...point,
 					x: point.x - box.x,
 					y: point.y - box.y
 				}));
+				const compressedPoints = simplify(newStrokeElements, 1, true);
 				tempStroke.setAttrs({
 					width: box.width,
 					height: box.height,
 					x: box.x,
 					y: box.y,
-					strokeElements: newStrokeElements
+					strokeElements: compressedPoints
 				});
 				const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
 				if (realNode) realNode.destroy();
@@ -34683,6 +34793,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
+		stage.container().style.touchAction = this.prevTouchAction;
 		stage.container().style.cursor = "default";
 		this.instance.emitEvent("onAddedBrush");
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -39105,13 +39216,13 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		});
 		stage.on("pointerdown", (e) => {
 			const activeAction = this.instance.getActiveAction();
-			if (e && e.evt.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = true;
-			if (e && (e.evt.button === 2 || e.evt.buttons === 4)) this.isMouseMiddleButtonPressed = true;
+			if (e && e?.evt?.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = true;
+			if (e && (e?.evt?.button === 2 || e?.evt?.buttons === 4)) this.isMouseMiddleButtonPressed = true;
 		});
 		stage.on("pointerup", (e) => {
 			const activeAction = this.instance.getActiveAction();
-			if (e && e.evt.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = false;
-			if (e && (e.evt.button === 1 || e.evt.buttons === 0)) this.isMouseMiddleButtonPressed = false;
+			if (e && e?.evt?.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = false;
+			if (e && (e?.evt?.button === 1 || e?.evt?.buttons === 0)) this.isMouseMiddleButtonPressed = false;
 		});
 		const handleMouseMove = () => {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
@@ -39428,16 +39539,16 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		let lastPos = null;
 		stage.on("pointerdown", (e) => {
 			this.pointers.set(e.evt.pointerId, {
-				x: e.evt.clientX,
-				y: e.evt.clientY
+				x: e?.evt?.clientX ?? 0,
+				y: e?.evt?.clientY ?? 0
 			});
 			if (this.pointers.size > 1) return;
 			const activeAction = this.instance.getActiveAction();
 			this.enableMove = false;
 			if (activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = true;
-			if (e.evt.pointerType === "mouse" && e.evt.buttons === 1) this.isMouseLeftButtonPressed = true;
-			if (e.evt.pointerType === "mouse" && e.evt.buttons === 4) this.isMouseMiddleButtonPressed = true;
-			const isTouchOrPen = ["touch", "pen"].includes(e.evt.pointerType);
+			if (e.evt.pointerType === "mouse" && e?.evt?.buttons === 1) this.isMouseLeftButtonPressed = true;
+			if (e.evt.pointerType === "mouse" && e?.evt?.buttons === 4) this.isMouseMiddleButtonPressed = true;
+			const isTouchOrPen = ["touch", "pen"].includes(e?.evt?.pointerType);
 			if (this.enabled && (this.isSpaceKeyPressed || this.moveToolActive && (this.isMouseLeftButtonPressed || isTouchOrPen) || this.isMouseMiddleButtonPressed)) this.enableMove = true;
 			if (this.enableMove) {
 				this.isDragging = true;
@@ -39446,7 +39557,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			}
 		});
 		stage.on("pointercancel", (e) => {
-			this.pointers.delete(e.evt.pointerId);
+			if (e?.evt?.pointerId) this.pointers.delete(e.evt.pointerId);
 			lastPos = null;
 		});
 		const handleMouseMove = (e) => {