@rpgjs/client 5.0.0-beta.15 → 5.0.0-beta.17

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @rpgjs/client
 
+## 5.0.0-beta.17
+
+### Patch Changes
+
+- Release the next RPGJS beta while keeping the physics package on its stable release line.
+- Updated dependencies
+  - @rpgjs/common@5.0.0-beta.16
+  - @rpgjs/server@5.0.0-beta.17
+  - @rpgjs/ui-css@5.0.0-beta.14
+
+## 5.0.0-beta.16
+
+### Patch Changes
+
+- Release the next RPGJS beta with terrain rendering performance improvements and a unified server tick loop.
+- Updated dependencies
+  - @rpgjs/common@5.0.0-beta.15
+  - @rpgjs/server@5.0.0-beta.16
+  - @rpgjs/ui-css@5.0.0-beta.13
+
 ## 5.0.0-beta.15
 
 ### Patch Changes

package/dist/RpgClientEngine.d.ts

@@ -66,6 +66,9 @@ export declare class RpgClientEngine<T = any> {
     private predictionEnabled;
     private prediction?;
     private readonly SERVER_CORRECTION_THRESHOLD;
+    private localMovementAuthority;
+    private lastLocalMovementInputAt;
+    private readonly LOCAL_MOVEMENT_AUTHORITY_ACK_GRACE_MS;
     private inputFrameCounter;
     private pendingPredictionFrames;
     private lastClientPhysicsStepAt;
@@ -103,6 +106,7 @@ export declare class RpgClientEngine<T = any> {
     private i18nService;
     private locale?;
     constructor(context: any);
+    private resolveLocalMovementAuthority;
     setLocale(locale: string): void;
     getLocale(): string;
     t(key: string, params?: I18nParams): string;
@@ -145,11 +149,17 @@ export declare class RpgClientEngine<T = any> {
      */
     setKeyboardControls(controlInstance: any): void;
     start(): Promise<void>;
+    private installCanvasResizeGuard;
+    private readCanvasResizeTargetSize;
+    private readCanvasRendererSize;
+    private cancelCanvasResizeFrame;
     private resolveSceneMapComponent;
     private setupPointerTracking;
     updatePointerFromInteractionEvent(event: any): void;
     private findViewportInstance;
     private prepareSyncPayload;
+    private shouldPreserveLocalPlayerPosition;
+    private shouldKeepLocalPlayerMovement;
     private normalizeAckWithSyncState;
     private initListeners;
     private beginMapTransfer;

package/dist/RpgClientEngine.js

@@ -111,6 +111,9 @@ var RpgClientEngine = class {
 		this.gamePause = signal(false);
 		this.predictionEnabled = false;
 		this.SERVER_CORRECTION_THRESHOLD = 30;
+		this.localMovementAuthority = false;
+		this.lastLocalMovementInputAt = 0;
+		this.LOCAL_MOVEMENT_AUTHORITY_ACK_GRACE_MS = 250;
 		this.inputFrameCounter = 0;
 		this.pendingPredictionFrames = [];
 		this.lastClientPhysicsStepAt = 0;
@@ -164,8 +167,16 @@ var RpgClientEngine = class {
 		this.registerSpriteComponent("rpg:shape", __ce_component$4);
 		this.registerSpriteComponent("rpg:image", __ce_component$5);
 		this.predictionEnabled = this.globalConfig?.prediction?.enabled !== false;
+		this.localMovementAuthority = this.resolveLocalMovementAuthority();
 		this.initializePredictionController();
 	}
+	resolveLocalMovementAuthority() {
+		const predictionConfig = this.globalConfig?.prediction;
+		const configured = this.globalConfig?.movementAuthority ?? predictionConfig?.movementAuthority ?? predictionConfig?.authority ?? predictionConfig?.mode;
+		if (configured === "server" || configured === "network" || configured === false) return false;
+		if (configured === "client" || configured === "local" || configured === true) return true;
+		return this.webSocket.mode === "standalone";
+	}
 	setLocale(locale) {
 		this.locale = locale;
 	}
@@ -240,6 +251,7 @@ var RpgClientEngine = class {
 		this.selector = document.body.querySelector("#rpg");
 		const bootstrapOptions = this.globalConfig?.bootstrapCanvasOptions;
 		const { app, canvasElement } = await bootstrapCanvas(this.selector, __ce_component, bootstrapOptions);
+		this.installCanvasResizeGuard(app);
 		this.canvasApp = app;
 		this.canvasElement = canvasElement;
 		this.renderer = app.renderer;
@@ -289,6 +301,45 @@ var RpgClientEngine = class {
 		this.tickSubscriptions.push(tickSubscription);
 		this.startPingPong();
 	}
+	installCanvasResizeGuard(app) {
+		if (!app || typeof app.resize !== "function") return;
+		const originalResize = app.resize.bind(app);
+		app.resize = () => {
+			const targetSize = this.readCanvasResizeTargetSize(app);
+			const rendererSize = this.readCanvasRendererSize(app);
+			if (targetSize && rendererSize && targetSize.width === rendererSize.width && targetSize.height === rendererSize.height) {
+				this.cancelCanvasResizeFrame(app);
+				return;
+			}
+			originalResize();
+		};
+	}
+	readCanvasResizeTargetSize(app) {
+		const resizeTarget = app?.resizeTo;
+		if (!resizeTarget || typeof window === "undefined") return null;
+		const rawWidth = resizeTarget === window ? window.innerWidth : resizeTarget.clientWidth;
+		const rawHeight = resizeTarget === window ? window.innerHeight : resizeTarget.clientHeight;
+		const width = Math.round(Number(rawWidth));
+		const height = Math.round(Number(rawHeight));
+		if (!Number.isFinite(width) || !Number.isFinite(height) || width < 0 || height < 0) return null;
+		return {
+			width,
+			height
+		};
+	}
+	readCanvasRendererSize(app) {
+		const screen = app?.renderer?.screen;
+		const width = Math.round(Number(screen?.width));
+		const height = Math.round(Number(screen?.height));
+		if (!Number.isFinite(width) || !Number.isFinite(height)) return null;
+		return {
+			width,
+			height
+		};
+	}
+	cancelCanvasResizeFrame(app) {
+		if (typeof app?._cancelResize === "function") app._cancelResize();
+	}
 	resolveSceneMapComponent() {
 		const components = this.hooks.getHookFunctions("client-sceneMap-component");
 		const component = components[components.length - 1];
@@ -382,7 +433,8 @@ var RpgClientEngine = class {
 		delete payload.timestamp;
 		const myId = this.playerIdSignal();
 		const players = payload.players;
-		if (this.predictionEnabled && !!this.prediction?.hasPendingInputs() && myId && players && players[myId]) {
+		const localPatch = myId && players ? players[myId] : void 0;
+		if (this.shouldPreserveLocalPlayerPosition(localPatch) && myId && players && players[myId]) {
 			const localPatch = { ...players[myId] };
 			delete localPatch.x;
 			delete localPatch.y;
@@ -395,6 +447,18 @@ var RpgClientEngine = class {
 		}
 		return payload;
 	}
+	shouldPreserveLocalPlayerPosition(localPatch) {
+		if (!localPatch) return false;
+		if (this.predictionEnabled && !!this.prediction?.hasPendingInputs()) return true;
+		return this.shouldKeepLocalPlayerMovement();
+	}
+	shouldKeepLocalPlayerMovement() {
+		if (!this.localMovementAuthority || this.mapTransitionInProgress) return false;
+		const myId = this.playerIdSignal();
+		if (!(myId ? this.sceneMap?.players?.()?.[myId] : void 0)) return false;
+		if (this.prediction?.hasPendingInputs()) return true;
+		return Date.now() - this.lastLocalMovementInputAt <= this.LOCAL_MOVEMENT_AUTHORITY_ACK_GRACE_MS;
+	}
 	normalizeAckWithSyncState(ack, syncData) {
 		const myId = this.playerIdSignal();
 		if (!myId) return ack;
@@ -1321,6 +1385,7 @@ var RpgClientEngine = class {
 			if (timestamp < this.dashLockedUntil) return;
 			this.dashLockedUntil = timestamp + cooldown;
 		}
+		this.lastLocalMovementInputAt = timestamp;
 		let frame;
 		let tick;
 		if (this.predictionEnabled && this.prediction) {
@@ -1693,11 +1758,12 @@ var RpgClientEngine = class {
 	}
 	applyServerAck(ack) {
 		this.updateServerTickEstimate(ack.serverTick);
+		const keepLocalMovement = this.shouldKeepLocalPlayerMovement();
 		if (this.predictionEnabled && this.prediction) {
 			const result = this.prediction.applyServerAck({
 				frame: ack.frame,
 				serverTick: ack.serverTick,
-				state: typeof ack.x === "number" && typeof ack.y === "number" ? {
+				state: !keepLocalMovement && typeof ack.x === "number" && typeof ack.y === "number" ? {
 					x: ack.x,
 					y: ack.y,
 					direction: ack.direction
@@ -1707,6 +1773,7 @@ var RpgClientEngine = class {
 			return;
 		}
 		if (typeof ack.x !== "number" || typeof ack.y !== "number") return;
+		if (keepLocalMovement) return;
 		const player = this.getCurrentPlayer();
 		const myId = this.playerIdSignal();
 		if (!player || !myId) return;