mudlet-map-renderer 1.1.0 → 1.2.0

package/dist/camera/Camera.d.ts

@@ -31,6 +31,8 @@ export declare class Camera extends TypedEventEmitter<CameraEventMap> {
     private dragStart;
     private positionAtDragStart;
     private animationId?;
+    private batchDepth;
+    private batchDirty;
     constructor(width: number, height: number);
     getScale(): number;
     setZoom(zoom: number): boolean;
@@ -102,5 +104,15 @@ export declare class Camera extends TypedEventEmitter<CameraEventMap> {
     private animate;
     cancelAnimation(): void;
     isAnimating(): boolean;
+    /**
+     * Run a function that performs multiple camera mutations and emit only one
+     * `change` event at the end (if anything actually mutated). Use this when a
+     * single logical operation needs to touch more than one camera field —
+     * resize-then-recenter, for example — so subscribers never observe a
+     * transient inconsistent state (new size with stale position).
+     *
+     * Nested batches are supported: only the outermost batch emits.
+     */
+    batch<T>(fn: () => T): T;
     private notify;
 }

package/dist/index.mjs

@@ -400,7 +400,7 @@ var D = class e extends S {
 		}, this.positionAtDragStart = {
 			x: 0,
 			y: 0
-		}, this.width = e, this.height = t;
+		}, this.batchDepth = 0, this.batchDirty = !1, this.width = e, this.height = t;
 	}
 	getScale() {
 		return 75 * this.zoom;
@@ -551,7 +551,19 @@ var D = class e extends S {
 	isAnimating() {
 		return this.animationId !== void 0;
 	}
+	batch(e) {
+		this.batchDepth++;
+		try {
+			return e();
+		} finally {
+			this.batchDepth--, this.batchDepth === 0 && this.batchDirty && (this.batchDirty = !1, this.emit("change", void 0));
+		}
+	}
 	notify() {
+		if (this.batchDepth > 0) {
+			this.batchDirty = !0;
+			return;
+		}
 		this.emit("change", void 0);
 	}
 }, O = (e, t) => ({
@@ -2255,10 +2267,12 @@ var ze = {
 	}
 	initViewportEvents() {
 		let e = this.container, t = this.camera, n = 1.1, r = () => {
-			if (t.setSize(e.clientWidth, e.clientHeight), t.centerOnResize && this.state.positionRoomId) {
-				let e = this.state.mapReader.getRoom(this.state.positionRoomId);
-				e && t.panToMapPoint(e.x, e.y);
-			}
+			t.batch(() => {
+				if (t.setSize(e.clientWidth, e.clientHeight), t.centerOnResize && this.state.positionRoomId) {
+					let e = this.state.mapReader.getRoom(this.state.positionRoomId);
+					e && t.panToMapPoint(e.x, e.y);
+				}
+			});
 		};
 		typeof window < "u" && this.listen(window, "resize", r), this.listen(e, "resize", r);
 		let i = !1, a;