@rpgjs/client 5.0.0-alpha.2 → 5.0.0-alpha.20

package/src/services/standalone.ts

@@ -12,18 +12,32 @@ type ClientIo = any;
 class BridgeWebsocket extends AbstractWebsocket {
   private room: ServerIo;
   private socket: ClientIo;
+  private rooms = {
+    partyFn: async (roomId: string) => {
+      this.room = new ServerIo(roomId, this.rooms);
+      const server = new this.server(this.room)
+      await server.onStart();
+      this.context.set('server', server)
+      return server
+    }   
+  }
 
   constructor(protected context: Context, private server: any) {
     super(context);
     // fake room
-    this.room = new ServerIo("lobby-1");
+    this.room = new ServerIo("lobby-1", this.rooms);
   }
 
   async connection(listeners?: (data: any) => void) {
     const server = new this.server(this.room);
     await server.onStart();
     this.context.set('server', server)
-    this.socket = new ClientIo(server);
+    return this._connection(listeners)
+  }
+
+  private async _connection(listeners?: (data: any) => void) {
+    const server = this.context.get('server')
+    this.socket = new ClientIo(server, 'player-client-id');
     const url = new URL('http://localhost')
     const request = new Request(url.toString(), {
       method: 'GET',
@@ -57,12 +71,45 @@ class BridgeWebsocket extends AbstractWebsocket {
     });
   }
 
+  /**
+   * Update underlying connection properties before a reconnect
+   *
+   * Design
+   * - Dynamically register a factory for the requested room to ensure a fresh server instance
+   * - Swap the internal ServerIo to target the new room
+   *
+   * @param params - Properties to update
+   * @param params.room - The target room id (e.g. `map-simplemap2`)
+   *
+   * @example
+   * ```ts
+   * websocket.updateProperties({ room: 'map-simplemap2' })
+   * await websocket.reconnect()
+   * ```
+   */
   updateProperties({ room }: { room: any }) {
-    this.room = new ServerIo(room);
+    // empty
   }
 
+  /**
+   * Reconnect the client to the current Party room
+   *
+   * Design
+   * - Must be called after `updateProperties()` when switching rooms
+   * - Rebuilds the client <-> server bridge and re-triggers connection listeners
+   *
+   * @param listeners - Optional callback to re-bind event handlers on the new socket
+   *
+   * @example
+   * ```ts
+   * websocket.updateProperties({ room: 'map-dungeon' })
+   * await websocket.reconnect((socket) => {
+   *   // re-bind events here
+   * })
+   * ```
+   */
   async reconnect(listeners?: (data: any) => void) {
-    await this.connection((socket) => {
+    await this._connection((socket) => {
       listeners?.(socket)
     })
   }
@@ -71,10 +118,25 @@ class BridgeWebsocket extends AbstractWebsocket {
 class UpdateMapStandaloneService extends UpdateMapService {
   private server: any;
 
-  async update(mapId: string, map: any) {
+  /**
+   * Update the current room map data on the server side
+   *
+   * Design
+   * - Uses the in-memory server instance stored in context (standalone mode)
+   * - Builds a local HTTP-like request to the current Party room endpoint
+   *
+   * @param map - The map payload to apply on the server
+   *
+   * @example
+   * ```ts
+   * await updateMapService.update({ width: 1024, height: 768, events: [] })
+   * ```
+   */
+  async update(map: any) {
     this.server = this.context.get('server')
+    const roomId = this.server?.room?.id ?? 'lobby-1'
     const req = {
-      url: `http://localhost/parties/main/${mapId}/map/update`,
+      url: `http://localhost/parties/main/${roomId}/map/update`,
       method: 'POST',
       headers: new Headers({}),
       json: async () => {

package/tsconfig.json

@@ -30,6 +30,6 @@
     ],
     "typeRoots": [
         "node_modules/@types",
-        "src/types"
+        "node_modules/@rpgjs/client"
     ],
   }

package/vite.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
       fileName: 'index'
     },
     rollupOptions: {
-      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs'],
+      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs', 'pixi.js'],
       output: {
         preserveModules: true,
         preserveModulesRoot: 'src'

package/dist/Game/EffectManager.d.ts

@@ -1,5 +0,0 @@
-import { RpgCommonPlayer } from '@rpgjs/common';
-export declare class EffectManager {
-    current: import('canvasengine').WritableArraySignal<any[]>;
-    displayEffect(params: any, player: RpgCommonPlayer): void;
-}

package/dist/components/effects/index.d.ts

@@ -1,4 +0,0 @@
-export declare const PrebuiltEffects: {
-    Hit: any;
-    Animation: any;
-};

package/src/components/scenes/element-map.ce

@@ -1,23 +0,0 @@
-<Sprite image rectangle x y zIndex />
-
-<script>
-const {
-    image,
-    rect,
-    drawIn,
-    id,
-} = defineProps()
-
-const rectangle = {
-    x: rect[0],
-    y: rect[1],
-    width: rect[2],
-    height: rect[3]
-}
-
-const x = drawIn[0]
-const y = drawIn[1]
-
-const zIndex = y + rectangle.height
-</script>
-