@rpgjs/client 5.0.0-alpha.24 → 5.0.0-alpha.26

package/dist/{index35.js → presets/animation.js}

@@ -24,4 +24,4 @@ const AnimationSpritesheetPreset = (framesWidth, framesHeight) => {
 };
 
 export { AnimationSpritesheetPreset };
-//# sourceMappingURL=index35.js.map
+//# sourceMappingURL=animation.js.map

package/dist/presets/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sources":["../../src/presets/animation.ts"],"sourcesContent":["/**\n * Creates an animation spritesheet preset with automatic frame generation\n * \n * This function generates animation frames based on the provided width and height dimensions.\n * It creates a sequence of frames that progresses through the spritesheet from left to right,\n * top to bottom, with each frame having a 10ms time increment.\n * \n * @param {number} framesWidth - The number of frames horizontally in the spritesheet\n * @param {number} framesHeight - The number of frames vertically in the spritesheet\n * @returns {Object} Animation preset configuration object\n * \n * @example\n * ```javascript\n * // For a 4x4 spritesheet\n * const preset = AnimationSpritesheetPreset(4, 4);\n * // This will generate 16 frames with coordinates from (0,0) to (3,3)\n * ```\n */\nexport const AnimationSpritesheetPreset = (framesWidth: number, framesHeight: number) => {\n    \n    const animations: Array<{ time: number; frameX: number; frameY: number }> = [];\n\n    for (let y = 0; y < framesHeight; y++) {\n        for (let x = 0; x < framesWidth; x++) {\n            const frameIndex = y * framesWidth + x;\n            animations.push({ \n                time: frameIndex * 10, \n                frameX: x, \n                frameY: y \n            });\n        }\n    }\n    \n    return {\n        framesWidth,\n        framesHeight,\n        textures: {\n            default: {\n                animations: () => [\n                    animations\n                ],\n            }\n        }\n    };\n};\n  "],"names":[],"mappings":"AAkBO,MAAM,0BAAA,GAA6B,CAAC,WAAA,EAAqB,YAAA,KAAyB;AAErF,EAAA,MAAM,aAAsE,EAAC;AAE7E,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,YAAA,EAAc,CAAA,EAAA,EAAK;AACnC,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,EAAa,CAAA,EAAA,EAAK;AAClC,MAAA,MAAM,UAAA,GAAa,IAAI,WAAA,GAAc,CAAA;AACrC,MAAA,UAAA,CAAW,IAAA,CAAK;AAAA,QACZ,MAAM,UAAA,GAAa,EAAA;AAAA,QACnB,MAAA,EAAQ,CAAA;AAAA,QACR,MAAA,EAAQ;AAAA,OACX,CAAA;AAAA,IACL;AAAA,EACJ;AAEA,EAAA,OAAO;AAAA,IACH,WAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACN,OAAA,EAAS;AAAA,QACL,YAAY,MAAM;AAAA,UACd;AAAA;AACJ;AACJ;AACJ,GACJ;AACJ;;;;"}

package/dist/{index38.js → presets/faceset.js}

@@ -21,4 +21,4 @@ const FacesetPreset = (options, framesWidth, framesHeight, expressions) => {
 };
 
 export { FacesetPreset };
-//# sourceMappingURL=index38.js.map
+//# sourceMappingURL=faceset.js.map

package/dist/presets/faceset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"faceset.js","sources":["../../src/presets/faceset.ts"],"sourcesContent":["/**\n * Creates a faceset preset for character expressions\n * \n * This preset allows you to define multiple facial expressions for a character,\n * where each expression corresponds to a specific frame position (frameX, frameY)\n * within a single faceset texture. Each expression is defined by its position\n * in the faceset grid.\n * \n * @param options - Object containing the faceset configuration\n * @param framesWidth - Number of frames horizontally in the faceset texture\n * @param framesHeight - Number of frames vertically in the faceset texture\n * @param expressions - Object mapping expression names to their frame positions as tuples [frameX, frameY]\n * @returns Faceset configuration with animations for each expression\n * \n * @example\n * ```typescript\n * const faceset = FacesetPreset({\n *   id: \"facesetId\",\n *   image: \"faceset.png\",\n *   width: 1024,\n *   height: 1024,\n * }, 4, 2, {\n *   happy: [0, 0],\n *   sad: [1, 0],\n *   angry: [2, 0],\n *   surprised: [3, 0]\n * });\n * ```\n */\nexport const FacesetPreset = (\n    options: any,\n    framesWidth: number, \n    framesHeight: number,\n    expressions: Record<string, [number, number]>,\n) => {\n    \n    const textures: Record<string, any> = {};\n    \n    // Create texture configuration for each expression\n    Object.keys(expressions).forEach((expressionName) => {\n        const [frameX, frameY] = expressions[expressionName];\n        textures[expressionName] = {\n            animations: () => [\n                [{ \n                    time: 0, \n                    frameX: frameX, \n                    frameY: frameY \n                }]\n            ],\n        };\n    });\n    \n    return {\n        ...options,\n        framesWidth,\n        framesHeight,\n        textures\n    };\n};\n  "],"names":[],"mappings":"AA6BO,MAAM,aAAA,GAAgB,CACzB,OAAA,EACA,WAAA,EACA,cACA,WAAA,KACC;AAED,EAAA,MAAM,WAAgC,EAAC;AAGvC,EAAA,MAAA,CAAO,IAAA,CAAK,WAAW,CAAA,CAAE,OAAA,CAAQ,CAAC,cAAA,KAAmB;AACjD,IAAA,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAA,GAAI,YAAY,cAAc,CAAA;AACnD,IAAA,QAAA,CAAS,cAAc,CAAA,GAAI;AAAA,MACvB,YAAY,MAAM;AAAA,QACd,CAAC;AAAA,UACG,IAAA,EAAM,CAAA;AAAA,UACN,MAAA;AAAA,UACA;AAAA,SACH;AAAA;AACL,KACJ;AAAA,EACJ,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IACH,GAAG,OAAA;AAAA,IACH,WAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACJ;AACJ;;;;"}

package/dist/presets/index.js

@@ -0,0 +1,14 @@
+import { AnimationSpritesheetPreset } from './animation.js';
+import { LPCSpritesheetPreset } from './lpc.js';
+import { RMSpritesheet } from './rmspritesheet.js';
+import { FacesetPreset } from './faceset.js';
+
+const Presets = {
+  RMSpritesheet,
+  LPCSpritesheetPreset,
+  AnimationSpritesheetPreset,
+  FacesetPreset
+};
+
+export { Presets };
+//# sourceMappingURL=index.js.map

package/dist/presets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/presets/index.ts"],"sourcesContent":["import { AnimationSpritesheetPreset } from \"./animation\";\nimport { LPCSpritesheetPreset } from \"./lpc\";\nimport { RMSpritesheet } from \"./rmspritesheet\";\nimport { FacesetPreset } from \"./faceset\";\n\nexport const Presets = {\n    RMSpritesheet,\n    LPCSpritesheetPreset,\n    AnimationSpritesheetPreset,\n    FacesetPreset\n}"],"names":[],"mappings":";;;;;AAKO,MAAM,OAAA,GAAU;AAAA,EACnB,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACJ;;;;"}

package/dist/{index36.js → presets/lpc.js}

@@ -92,4 +92,4 @@ const LPCSpritesheetPreset = (options) => {
 };
 
 export { LPCSpritesheetPreset };
-//# sourceMappingURL=index36.js.map
+//# sourceMappingURL=lpc.js.map

package/dist/presets/lpc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpc.js","sources":["../../src/presets/lpc.ts"],"sourcesContent":["import { Animation, Direction } from \"@rpgjs/common\";\n\nexport const LPCSpritesheetPreset = (options: {\n    id: string;\n    imageSource: string;\n    width: number;\n    height: number;\n    ratio?: number;\n  }) => {\n    const ratio = options.ratio ?? 1;\n\n    const frameY = (direction: Direction) => {\n      return {\n        [Direction.Down]: 2,\n        [Direction.Left]: 1,\n        [Direction.Right]: 3,\n        [Direction.Up]: 0,\n      }[direction];\n    };\n  \n    const stand = (direction: Direction) => [\n      { time: 0, frameX: 0, frameY: frameY(direction) },\n    ];\n    const anim = (\n      direction: Direction,\n      framesWidth: number,\n      speed: number = 5\n    ) => {\n      const array: any = [];\n      for (let i = 0; i < framesWidth; i++) {\n        array.push({ time: i * speed, frameX: i, frameY: frameY(direction) });\n      }\n      return array;\n    };\n  \n    return {\n      id: options.id,\n      image: options.imageSource,\n      width: options.width,\n      height: options.height,\n      opacity: 1,\n      rectWidth: 64 * ratio,\n      rectHeight: 64 * ratio,\n      framesWidth: 6,\n      framesHeight: 4,\n      spriteRealSize: {\n        width: 48 * ratio,\n        height: 52 * ratio,\n      },\n      textures: {\n        [Animation.Stand]: {\n          offset: {\n            x: 0,\n            y: 512 * ratio,\n          },\n          animations: ({ direction }) => [stand(direction)],\n        },\n        [Animation.Walk]: {\n          offset: {\n            x: 0,\n            y: 512 * ratio,\n          },\n          framesWidth: 9,\n          framesHeight: 4,\n          animations: ({ direction }) => [anim(direction, 9)],\n        },\n        [Animation.Attack]: {\n          offset: {\n            x: 0,\n            y: 768 * ratio,\n          },\n          framesWidth: 6,\n          framesHeight: 4,\n          animations: ({ direction }) => [anim(direction, 6, 3)],\n        },\n        [Animation.Skill]: {\n          framesWidth: 7,\n          framesHeight: 4,\n          animations: ({ direction }) => [anim(direction, 7, 3)],\n        },\n        attack2: {\n          offset: {\n            x: 0,\n            y: 256 * ratio,\n          },\n          framesWidth: 7,\n          framesHeight: 8,\n          animations: ({ direction }) => [anim(direction, 7, 3)],\n        },\n        ...(options.height > 3000\n          ? {\n              attack3: {\n                offset: {\n                  x: 0,\n                  y: 5568 - 288 * 4,\n                },\n                rectWidth: 288,\n                rectHeight: 288,\n                framesWidth: 6,\n                framesHeight: 4,\n                animations: ({ direction }) => [anim(direction, 6, 3)],\n              },\n            }\n          : {}),\n      },\n    };\n  };\n  "],"names":[],"mappings":"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"}

package/dist/{index37.js → presets/rmspritesheet.js}

@@ -38,4 +38,4 @@ const RMSpritesheet = (framesWidth, framesHeight, frameStand = 1) => {
 };
 
 export { RMSpritesheet };
-//# sourceMappingURL=index37.js.map
+//# sourceMappingURL=rmspritesheet.js.map

package/dist/presets/rmspritesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rmspritesheet.js","sources":["../../src/presets/rmspritesheet.ts"],"sourcesContent":["import { Direction, Animation } from '@rpgjs/common'\n\nexport const RMSpritesheet = (framesWidth: number, framesHeight: number, frameStand: number = 1) => {\n\n    if (framesWidth <= frameStand) {\n        frameStand = framesWidth - 1\n    }\n\n    const frameY = direction => {\n        const gap = Math.max(4 - framesHeight, 0)\n        return {\n            [Direction.Down]: 0,\n            [Direction.Left]: Math.max(0, 1 - gap),\n            [Direction.Right]: Math.max(0, 2 - gap),\n            [Direction.Up]: Math.max(0, 3 - gap)\n        }[direction]\n    }\n\n    const stand = (direction: number) => [{ time: 0, frameX: frameStand, frameY: frameY(direction) }]\n    const walk = direction => {\n        const array: any = []\n        const durationFrame = 10\n        for (let i = 0; i < framesWidth; i++) {\n            array.push({ time: i * durationFrame, frameX: i, frameY: frameY(direction) })\n        }\n        array.push({ time: array[array.length - 1].time + durationFrame })\n        return array\n    }\n\n    return {\n        textures: {\n            [Animation.Stand]: {\n                animations: ({direction}) => [stand(direction)]\n            },\n            [Animation.Walk]: {\n                animations: ({direction}) => [walk(direction)]\n            }\n        },\n        framesHeight,\n        framesWidth\n    }\n}"],"names":[],"mappings":";;AAEO,MAAM,aAAA,GAAgB,CAAC,WAAA,EAAqB,YAAA,EAAsB,aAAqB,CAAA,KAAM;AAEhG,EAAA,IAAI,eAAe,UAAA,EAAY;AAC3B,IAAA,UAAA,GAAa,WAAA,GAAc,CAAA;AAAA,EAC/B;AAEA,EAAA,MAAM,SAAS,CAAA,SAAA,KAAa;AACxB,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,GAAI,cAAc,CAAC,CAAA;AACxC,IAAA,OAAO;AAAA,MACH,CAAC,SAAA,CAAU,IAAI,GAAG,CAAA;AAAA,MAClB,CAAC,UAAU,IAAI,GAAG,KAAK,GAAA,CAAI,CAAA,EAAG,IAAI,GAAG,CAAA;AAAA,MACrC,CAAC,UAAU,KAAK,GAAG,KAAK,GAAA,CAAI,CAAA,EAAG,IAAI,GAAG,CAAA;AAAA,MACtC,CAAC,UAAU,EAAE,GAAG,KAAK,GAAA,CAAI,CAAA,EAAG,IAAI,GAAG;AAAA,MACrC,SAAS,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,CAAC,SAAA,KAAsB,CAAC,EAAE,IAAA,EAAM,CAAA,EAAG,MAAA,EAAQ,UAAA,EAAY,MAAA,EAAQ,MAAA,CAAO,SAAS,GAAG,CAAA;AAChG,EAAA,MAAM,OAAO,CAAA,SAAA,KAAa;AACtB,IAAA,MAAM,QAAa,EAAC;AACpB,IAAA,MAAM,aAAA,GAAgB,EAAA;AACtB,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,EAAa,CAAA,EAAA,EAAK;AAClC,MAAA,KAAA,CAAM,IAAA,CAAK,EAAE,IAAA,EAAM,CAAA,GAAI,aAAA,EAAe,MAAA,EAAQ,CAAA,EAAG,MAAA,EAAQ,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,IAChF;AACA,IAAA,KAAA,CAAM,IAAA,CAAK,EAAE,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,SAAS,CAAC,CAAA,CAAE,IAAA,GAAO,aAAA,EAAe,CAAA;AACjE,IAAA,OAAO,KAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO;AAAA,IACH,QAAA,EAAU;AAAA,MACN,CAAC,SAAA,CAAU,KAAK,GAAG;AAAA,QACf,UAAA,EAAY,CAAC,EAAC,SAAA,OAAe,CAAC,KAAA,CAAM,SAAS,CAAC;AAAA,OAClD;AAAA,MACA,CAAC,SAAA,CAAU,IAAI,GAAG;AAAA,QACd,UAAA,EAAY,CAAC,EAAC,SAAA,OAAe,CAAC,IAAA,CAAK,SAAS,CAAC;AAAA;AACjD,KACJ;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACJ;AACJ;;;;"}

package/dist/{index27.js → services/AbstractSocket.js}

@@ -6,4 +6,4 @@ class AbstractWebsocket {
 }
 
 export { AbstractWebsocket, WebSocketToken };
-//# sourceMappingURL=index27.js.map
+//# sourceMappingURL=AbstractSocket.js.map

package/dist/services/AbstractSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractSocket.js","sources":["../../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport abstract class AbstractWebsocket {\n  constructor(protected context: Context) {}\n\n  abstract connection(listeners?: (data: any) => void): Promise<void>;\n  abstract emit(event: string, data: any): void;\n  abstract on(event: string, callback: (data: any) => void): void;\n  abstract off(event: string, callback: (data: any) => void): void;\n  abstract updateProperties(params: { room: string, host?: string }): void;\n  abstract reconnect(listeners?: (data: any) => void): void;\n}\n"],"names":[],"mappings":"AAEO,MAAM,cAAA,GAAiB;AAEvB,MAAe,iBAAA,CAAkB;AAAA,EACtC,YAAsB,OAAA,EAAkB;AAAlB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAAA,EAAmB;AAQ3C;;;;"}

package/dist/{index21.js → services/keyboardControls.js}

@@ -18,4 +18,4 @@ function provideKeyboardControls() {
 }
 
 export { Control, provideKeyboardControls };
-//# sourceMappingURL=index21.js.map
+//# sourceMappingURL=keyboardControls.js.map

package/dist/services/keyboardControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardControls.js","sources":["../../src/services/keyboardControls.ts"],"sourcesContent":["import { KeyboardControls  } from \"canvasengine\";\n\nexport enum Control {\n  Action = 'action',\n  Attack = 'attack',\n  Defense = 'defense',\n  Skill = 'skill',\n  Back = 'back',\n  Up = 1,\n  Down = 3,\n  Right = 2,\n  Left = 4\n}\n\nexport function provideKeyboardControls() {\n  return {\n    provide: 'KeyboardControls',\n    useValue: null,\n  };\n}"],"names":["Control"],"mappings":"AAEO,IAAK,OAAA,qBAAAA,QAAAA,KAAL;AACL,EAAAA,SAAA,QAAA,CAAA,GAAS,QAAA;AACT,EAAAA,SAAA,QAAA,CAAA,GAAS,QAAA;AACT,EAAAA,SAAA,SAAA,CAAA,GAAU,SAAA;AACV,EAAAA,SAAA,OAAA,CAAA,GAAQ,OAAA;AACR,EAAAA,SAAA,MAAA,CAAA,GAAO,MAAA;AACP,EAAAA,QAAAA,CAAAA,QAAAA,CAAA,QAAK,CAAA,CAAA,GAAL,IAAA;AACA,EAAAA,QAAAA,CAAAA,QAAAA,CAAA,UAAO,CAAA,CAAA,GAAP,MAAA;AACA,EAAAA,QAAAA,CAAAA,QAAAA,CAAA,WAAQ,CAAA,CAAA,GAAR,OAAA;AACA,EAAAA,QAAAA,CAAAA,QAAAA,CAAA,UAAO,CAAA,CAAA,GAAP,MAAA;AATU,EAAA,OAAAA,QAAAA;AAAA,CAAA,EAAA,OAAA,IAAA,EAAA;AAYL,SAAS,uBAAA,GAA0B;AACxC,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,kBAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACZ;AACF;;;;"}

package/dist/{index7.js → services/loadMap.js}

@@ -1,4 +1,4 @@
-import { inject } from './index20.js';
+import { inject } from '../node_modules/.pnpm/@signe_di@2.7.2/node_modules/@signe/di/dist/index.js';
 import { UpdateMapToken } from '@rpgjs/common';
 
 const LoadMapToken = "LoadMapToken";
@@ -36,4 +36,4 @@ function provideLoadMap(options) {
 }
 
 export { LoadMapService, LoadMapToken, provideLoadMap };
-//# sourceMappingURL=index7.js.map
+//# sourceMappingURL=loadMap.js.map

package/dist/services/loadMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadMap.js","sources":["../../src/services/loadMap.ts"],"sourcesContent":["import { Context, inject } from \"@signe/di\";\nimport { UpdateMapToken, UpdateMapService } from \"@rpgjs/common\";\n\nexport const LoadMapToken = 'LoadMapToken'\n\n/**\n * Represents the structure of map data that should be returned by the load map callback.\n * This interface defines all the properties that can be provided when loading a custom map.\n * \n * @interface MapData\n */\ntype MapData = {\n  /** Raw map data that will be passed to the map component */\n  data: any;\n  /** CanvasEngine component that will render the map */\n  component: any;\n  /** Optional map width in pixels, used for viewport calculations */\n  width?: number;\n  /** Optional map height in pixels, used for viewport calculations */\n  height?: number;\n  /** Optional map events data (NPCs, interactive objects, etc.) */\n  events?: any;\n  /** Optional map identifier, defaults to the mapId parameter if not provided */\n  id?: string;\n}\n\n/**\n * Callback function type for loading map data.\n * This function receives a map ID and should return either a MapData object directly\n * or a Promise that resolves to a MapData object.\n * \n * @callback LoadMapOptions\n * @param {string} mapId - The identifier of the map to load\n * @returns {Promise<MapData> | MapData} The map data object or a promise resolving to it\n */\nexport type LoadMapOptions = (mapId: string) => Promise<MapData> | MapData \n\nexport class LoadMapService {\n  private updateMapService: UpdateMapService;\n\n  constructor(private context: Context, private options: LoadMapOptions) {\n    if (context['side'] === 'server') {\n      return\n    }\n    this.updateMapService = inject(context, UpdateMapToken);\n  }\n\n  async load(mapId: string) {\n    const map = await this.options(mapId.replace('map-', ''))\n    await this.updateMapService.update(map);\n    return map;\n  }\n}\n\n/**\n * Creates a dependency injection configuration for custom map loading on the client side.\n * \n * This function allows you to customize how maps are loaded and displayed by providing\n * a callback that defines custom map data and rendering components. It's designed to work\n * with the RPG-JS dependency injection system and enables integration of custom map formats\n * like Tiled TMX files or any other map data structure.\n * \n * The function sets up the necessary service providers for map loading, including:\n * - UpdateMapToken: Handles map updates in the client context\n * - LoadMapToken: Provides the LoadMapService with your custom loading logic\n * \n * **Design Concept:**\n * The function follows the provider pattern, creating a modular way to inject custom\n * map loading behavior into the RPG-JS client engine. It separates the concern of\n * map data fetching from map rendering, allowing developers to focus on their specific\n * map format while leveraging the engine's rendering capabilities.\n * \n * @param {LoadMapOptions} options - Callback function that handles map loading logic\n * @returns {Array<Object>} Array of dependency injection provider configurations\n * \n * @example\n * ```typescript\n * import { provideLoadMap } from '@rpgjs/client'\n * import { createModule } from '@rpgjs/common'\n * import MyTiledMapComponent from './MyTiledMapComponent.ce'\n * \n * // Basic usage with JSON map data\n * export function provideCustomMap() {\n *   return createModule(\"CustomMap\", [\n *     provideLoadMap(async (mapId) => {\n *       const response = await fetch(`/maps/${mapId}.json`)\n *       const mapData = await response.json()\n *       \n *       return {\n *         data: mapData,\n *         component: MyTiledMapComponent,\n *         width: mapData.width,\n *         height: mapData.height,\n *         events: mapData.events\n *       }\n *     })\n *   ])\n * }\n * \n * // Advanced usage with Tiled TMX files\n * export function provideTiledMap() {\n *   return createModule(\"TiledMap\", [\n *     provideLoadMap(async (mapId) => {\n *       // Load TMX file\n *       const tmxResponse = await fetch(`/tiled/${mapId}.tmx`)\n *       const tmxData = await tmxResponse.text()\n *       \n *       // Parse TMX data (using a TMX parser)\n *       const parsedMap = parseTMX(tmxData)\n *       \n *       return {\n *         data: parsedMap,\n *         component: TiledMapRenderer,\n *         width: parsedMap.width * parsedMap.tilewidth,\n *         height: parsedMap.height * parsedMap.tileheight,\n *         events: parsedMap.objectGroups?.find(g => g.name === 'events')?.objects\n *       }\n *     })\n *   ])\n * }\n * \n * // Synchronous usage for static maps\n * export function provideStaticMap() {\n *   return createModule(\"StaticMap\", [\n *     provideLoadMap((mapId) => {\n *       const staticMaps = {\n *         'town': { tiles: [...], npcs: [...] },\n *         'dungeon': { tiles: [...], monsters: [...] }\n *       }\n *       \n *       return {\n *         data: staticMaps[mapId],\n *         component: StaticMapComponent,\n *         width: 800,\n *         height: 600\n *       }\n *     })\n *   ])\n * }\n * ```\n * \n * @since 4.0.0\n * @see {@link LoadMapOptions} for callback function signature\n * @see {@link MapData} for return data structure\n */\nexport function provideLoadMap(options: LoadMapOptions) {\n  return [\n    {\n      provide: UpdateMapToken,\n      useFactory: (context: Context) => {\n        if (context['side'] === 'client') {\n          console.warn('UpdateMapToken is not overridden')\n        }\n        return\n      },\n    },\n    {\n      provide: LoadMapToken,\n      useFactory: (context: Context) => new LoadMapService(context, options),\n    },\n  ];\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAA,GAAe;AAkCrB,MAAM,cAAA,CAAe;AAAA,EAG1B,WAAA,CAAoB,SAA0B,OAAA,EAAyB;AAAnD,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAA0B,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAC5C,IAAA,IAAI,OAAA,CAAQ,MAAM,CAAA,KAAM,QAAA,EAAU;AAChC,MAAA;AAAA,IACF;AACA,IAAA,IAAA,CAAK,gBAAA,GAAmB,MAAA,CAAO,OAAA,EAAS,cAAc,CAAA;AAAA,EACxD;AAAA,EAEA,MAAM,KAAK,KAAA,EAAe;AACxB,IAAA,MAAM,GAAA,GAAM,MAAM,IAAA,CAAK,OAAA,CAAQ,MAAM,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAC,CAAA;AACxD,IAAA,MAAM,IAAA,CAAK,gBAAA,CAAiB,MAAA,CAAO,GAAG,CAAA;AACtC,IAAA,OAAO,GAAA;AAAA,EACT;AACF;AA6FO,SAAS,eAAe,OAAA,EAAyB;AACtD,EAAA,OAAO;AAAA,IACL;AAAA,MACE,OAAA,EAAS,cAAA;AAAA,MACT,UAAA,EAAY,CAAC,OAAA,KAAqB;AAChC,QAAA,IAAI,OAAA,CAAQ,MAAM,CAAA,KAAM,QAAA,EAAU;AAChC,UAAA,OAAA,CAAQ,KAAK,kCAAkC,CAAA;AAAA,QACjD;AACA,QAAA;AAAA,MACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,OAAA,EAAS,YAAA;AAAA,MACT,YAAY,CAAC,OAAA,KAAqB,IAAI,cAAA,CAAe,SAAS,OAAO;AAAA;AACvE,GACF;AACF;;;;"}

package/dist/{index4.js → services/mmorpg.js}

@@ -1,9 +1,9 @@
-import { connectionRoom } from './index32.js';
-import { RpgGui } from './index9.js';
-import { RpgClientEngine } from './index2.js';
-import { WebSocketToken, AbstractWebsocket } from './index27.js';
+import { connectionRoom } from '../node_modules/.pnpm/@signe_sync@2.7.2/node_modules/@signe/sync/dist/client/index.js';
+import { RpgGui } from '../Gui/Gui.js';
+import { RpgClientEngine } from '../RpgClientEngine.js';
+import { WebSocketToken, AbstractWebsocket } from './AbstractSocket.js';
 import { UpdateMapToken, UpdateMapService } from '@rpgjs/common';
-import { provideKeyboardControls } from './index21.js';
+import { provideKeyboardControls } from './keyboardControls.js';
 
 class BridgeWebsocket extends AbstractWebsocket {
   constructor(context, options = {}) {
@@ -71,4 +71,4 @@ function provideMmorpg(options) {
 }
 
 export { provideMmorpg };
-//# sourceMappingURL=index4.js.map
+//# sourceMappingURL=mmorpg.js.map

package/dist/services/mmorpg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mmorpg.js","sources":["../../src/services/mmorpg.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\nimport { connectionRoom } from \"@signe/sync/client\";\nimport { RpgGui } from \"../Gui/Gui\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { AbstractWebsocket, WebSocketToken } from \"./AbstractSocket\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\n\ninterface MmorpgOptions {\n    host?: string;\n}\n\nclass BridgeWebsocket extends AbstractWebsocket {\n  private socket: any;\n  private privateId: string;\n\n  constructor(protected context: Context, private options: MmorpgOptions = {}) {\n    super(context);\n    const id = localStorage.getItem(\"rpgjs-user-id\") || crypto.randomUUID()\n    localStorage.setItem(\"rpgjs-user-id\", id)\n    this.privateId = id\n  }\n\n  async connection(listeners?: (data: any) => void) {\n    // tmp\n    class Room {\n        \n    }\n    const instance = new Room()\n    this.socket = await connectionRoom({\n        host: this.options.host || window.location.host,\n        room: \"lobby-1\",\n        id: this.privateId\n    }, instance)\n\n    listeners?.(this.socket)\n  }\n\n  on(key: string, callback: (data: any) => void) {\n    this.socket.on(key, callback);\n  }\n\n  off(event: string, callback: (data: any) => void) {\n    this.socket.off(event, callback);\n  }\n\n  emit(event: string, data: any) {\n    this.socket.emit(event, data);\n  }\n\n  updateProperties({ room }: { room: any }) {\n    this.socket.conn.updateProperties({\n      room: room,\n      id: this.privateId,\n      host: this.options.host\n    })\n  }\n\n  async reconnect(listeners?: (data: any) => void) {\n   this.socket.conn.reconnect()\n  }\n}\n\nclass UpdateMapStandaloneService extends UpdateMapService {\n  constructor(protected context: Context, private options: MmorpgOptions) {\n    super(context);\n  }\n\n  async update(map: any) {\n    // nothing\n  }\n}\n\nexport function provideMmorpg(options: MmorpgOptions) {\n  return [\n    {\n      provide: WebSocketToken,\n      useFactory: (context: Context) => new BridgeWebsocket(context, options),\n    },\n    {\n      provide: UpdateMapToken,\n      useFactory: (context: Context) => new UpdateMapStandaloneService(context, options),\n    },\n    provideKeyboardControls(),\n    RpgGui,\n    RpgClientEngine,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,wBAAwB,iBAAA,CAAkB;AAAA,EAI9C,WAAA,CAAsB,OAAA,EAA0B,OAAA,GAAyB,EAAC,EAAG;AAC3E,IAAA,KAAA,CAAM,OAAO,CAAA;AADO,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAA0B,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAE9C,IAAA,MAAM,KAAK,YAAA,CAAa,OAAA,CAAQ,eAAe,CAAA,IAAK,OAAO,UAAA,EAAW;AACtE,IAAA,YAAA,CAAa,OAAA,CAAQ,iBAAiB,EAAE,CAAA;AACxC,IAAA,IAAA,CAAK,SAAA,GAAY,EAAA;AAAA,EACnB;AAAA,EAEA,MAAM,WAAW,SAAA,EAAiC;AAAA,IAEhD,MAAM,IAAA,CAAK;AAAA;AAGX,IAAA,MAAM,QAAA,GAAW,IAAI,IAAA,EAAK;AAC1B,IAAA,IAAA,CAAK,MAAA,GAAS,MAAM,cAAA,CAAe;AAAA,MAC/B,IAAA,EAAM,IAAA,CAAK,OAAA,CAAQ,IAAA,IAAQ,OAAO,QAAA,CAAS,IAAA;AAAA,MAC3C,IAAA,EAAM,SAAA;AAAA,MACN,IAAI,IAAA,CAAK;AAAA,OACV,QAAQ,CAAA;AAEX,IAAA,SAAA,GAAY,KAAK,MAAM,CAAA;AAAA,EACzB;AAAA,EAEA,EAAA,CAAG,KAAa,QAAA,EAA+B;AAC7C,IAAA,IAAA,CAAK,MAAA,CAAO,EAAA,CAAG,GAAA,EAAK,QAAQ,CAAA;AAAA,EAC9B;AAAA,EAEA,GAAA,CAAI,OAAe,QAAA,EAA+B;AAChD,IAAA,IAAA,CAAK,MAAA,CAAO,GAAA,CAAI,KAAA,EAAO,QAAQ,CAAA;AAAA,EACjC;AAAA,EAEA,IAAA,CAAK,OAAe,IAAA,EAAW;AAC7B,IAAA,IAAA,CAAK,MAAA,CAAO,IAAA,CAAK,KAAA,EAAO,IAAI,CAAA;AAAA,EAC9B;AAAA,EAEA,gBAAA,CAAiB,EAAE,IAAA,EAAK,EAAkB;AACxC,IAAA,IAAA,CAAK,MAAA,CAAO,KAAK,gBAAA,CAAiB;AAAA,MAChC,IAAA;AAAA,MACA,IAAI,IAAA,CAAK,SAAA;AAAA,MACT,IAAA,EAAM,KAAK,OAAA,CAAQ;AAAA,KACpB,CAAA;AAAA,EACH;AAAA,EAEA,MAAM,UAAU,SAAA,EAAiC;AAChD,IAAA,IAAA,CAAK,MAAA,CAAO,KAAK,SAAA,EAAU;AAAA,EAC5B;AACF;AAEA,MAAM,mCAAmC,gBAAA,CAAiB;AAAA,EACxD,WAAA,CAAsB,SAA0B,OAAA,EAAwB;AACtE,IAAA,KAAA,CAAM,OAAO,CAAA;AADO,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAA0B,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAAA,EAEhD;AAAA,EAEA,MAAM,OAAO,GAAA,EAAU;AAAA,EAEvB;AACF;AAEO,SAAS,cAAc,OAAA,EAAwB;AACpD,EAAA,OAAO;AAAA,IACL;AAAA,MACE,OAAA,EAAS,cAAA;AAAA,MACT,YAAY,CAAC,OAAA,KAAqB,IAAI,eAAA,CAAgB,SAAS,OAAO;AAAA,KACxE;AAAA,IACA;AAAA,MACE,OAAA,EAAS,cAAA;AAAA,MACT,YAAY,CAAC,OAAA,KAAqB,IAAI,0BAAA,CAA2B,SAAS,OAAO;AAAA,KACnF;AAAA,IACA,uBAAA,EAAwB;AAAA,IACxB,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/services/standalone.d.ts

@@ -3,13 +3,17 @@ import { Context } from '@signe/di';
 import { RpgClientEngine } from '../RpgClientEngine';
 import { UpdateMapService } from '@rpgjs/common';
 import { RpgGui } from '../Gui/Gui';
+interface StandaloneOptions {
+    env?: Record<string, any>;
+}
 declare class BridgeWebsocket extends AbstractWebsocket {
     protected context: Context;
     private server;
     private room;
     private socket;
     private rooms;
-    constructor(context: Context, server: any);
+    private serverInstance;
+    constructor(context: Context, server: any, options?: StandaloneOptions);
     connection(listeners?: (data: any) => void): Promise<any>;
     private _connection;
     on(key: string, callback: (data: any) => void): void;
@@ -52,6 +56,8 @@ declare class BridgeWebsocket extends AbstractWebsocket {
      * ```
      */
     reconnect(listeners?: (data: any) => void): Promise<void>;
+    getServer(): any;
+    getSocket(): any;
 }
 declare class UpdateMapStandaloneService extends UpdateMapService {
     private server;
@@ -71,7 +77,7 @@ declare class UpdateMapStandaloneService extends UpdateMapService {
      */
     update(map: any): Promise<void>;
 }
-export declare function provideRpg(server: any): (typeof RpgClientEngine | typeof RpgGui | {
+export declare function provideRpg(server: any, options?: StandaloneOptions): (typeof RpgClientEngine | typeof RpgGui | {
     provide: string;
     useValue: null;
 } | {

package/dist/{index3.js → services/standalone.js}

@@ -1,12 +1,12 @@
-import { WebSocketToken, AbstractWebsocket } from './index27.js';
-import { ServerIo, ClientIo } from './index31.js';
-import { RpgClientEngine } from './index2.js';
+import { WebSocketToken, AbstractWebsocket } from './AbstractSocket.js';
+import { ServerIo, ClientIo } from '../node_modules/.pnpm/@signe_room@2.7.2/node_modules/@signe/room/dist/index.js';
+import { RpgClientEngine } from '../RpgClientEngine.js';
 import { UpdateMapToken, UpdateMapService } from '@rpgjs/common';
-import { RpgGui } from './index9.js';
-import { provideKeyboardControls } from './index21.js';
+import { RpgGui } from '../Gui/Gui.js';
+import { provideKeyboardControls } from './keyboardControls.js';
 
 class BridgeWebsocket extends AbstractWebsocket {
-  constructor(context, server) {
+  constructor(context, server, options = {}) {
     super(context);
     this.context = context;
     this.server = server;
@@ -17,19 +17,21 @@ class BridgeWebsocket extends AbstractWebsocket {
         await server.onStart();
         this.context.set("server", server);
         return server;
-      }
+      },
+      env: {}
     };
+    this.rooms.env = options.env || {};
     this.room = new ServerIo("lobby-1", this.rooms);
   }
   async connection(listeners) {
-    const server = new this.server(this.room);
-    await server.onStart();
-    this.context.set("server", server);
+    this.serverInstance = new this.server(this.room);
+    await this.serverInstance.onStart();
+    this.context.set("server", this.serverInstance);
     return this._connection(listeners);
   }
   async _connection(listeners) {
-    const server = this.context.get("server");
-    this.socket = new ClientIo(server, "player-client-id");
+    this.serverInstance = this.context.get("server");
+    this.socket = new ClientIo(this.serverInstance, "player-client-id");
     const url = new URL("http://localhost");
     const request = new Request(url.toString(), {
       method: "GET",
@@ -38,7 +40,7 @@ class BridgeWebsocket extends AbstractWebsocket {
       }
     });
     listeners?.(this.socket);
-    await server.onConnect(this.socket.conn, { request });
+    await this.serverInstance.onConnect(this.socket.conn, { request });
     this.room.clients.set(this.socket.id, this.socket);
     return this.socket;
   }
@@ -99,6 +101,12 @@ class BridgeWebsocket extends AbstractWebsocket {
       listeners?.(socket);
     });
   }
+  getServer() {
+    return this.serverInstance;
+  }
+  getSocket() {
+    return this.socket;
+  }
 }
 class UpdateMapStandaloneService extends UpdateMapService {
   /**
@@ -129,11 +137,11 @@ class UpdateMapStandaloneService extends UpdateMapService {
     await this.server.onRequest(req);
   }
 }
-function provideRpg(server) {
+function provideRpg(server, options = {}) {
   return [
     {
       provide: WebSocketToken,
-      useFactory: (context) => new BridgeWebsocket(context, server)
+      useFactory: (context) => new BridgeWebsocket(context, server, options)
     },
     {
       provide: UpdateMapToken,
@@ -146,4 +154,4 @@ function provideRpg(server) {
 }
 
 export { provideRpg };
-//# sourceMappingURL=index3.js.map
+//# sourceMappingURL=standalone.js.map

package/dist/services/standalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"standalone.js","sources":["../../src/services/standalone.ts"],"sourcesContent":["import { AbstractWebsocket, WebSocketToken } from \"./AbstractSocket\";\nimport { ClientIo, ServerIo } from \"@signe/room\";\nimport { Context } from \"@signe/di\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { LoadMapToken } from \"./loadMap\";\nimport { RpgGui } from \"../Gui/Gui\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\n\ntype ServerIo = any;\ntype ClientIo = any;\n\ninterface StandaloneOptions {\n  env?: Record<string, any>;\n}\n\nclass BridgeWebsocket extends AbstractWebsocket {\n  private room: ServerIo;\n  private socket: ClientIo;\n  private rooms = {\n    partyFn: async (roomId: string) => {\n      this.room = new ServerIo(roomId, this.rooms);\n      const server = new this.server(this.room)\n      await server.onStart();\n      this.context.set('server', server)\n      return server\n    },\n    env: {}\n  }\n  private serverInstance: any;\n\n  constructor(protected context: Context, private server: any, options: StandaloneOptions = {}) {\n    super(context);\n    // fake room\n    this.rooms.env = options.env || {};\n    this.room = new ServerIo(\"lobby-1\", this.rooms);\n  }\n\n  async connection(listeners?: (data: any) => void) {\n    this.serverInstance = new this.server(this.room);\n    await this.serverInstance.onStart();\n    this.context.set('server', this.serverInstance)\n    return this._connection(listeners)\n  }\n\n  private async _connection(listeners?: (data: any) => void) {\n    this.serverInstance = this.context.get('server')\n    this.socket = new ClientIo(this.serverInstance, 'player-client-id');\n    const url = new URL('http://localhost')\n    const request = new Request(url.toString(), {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json'\n      }\n    })\n    listeners?.(this.socket)\n    await this.serverInstance.onConnect(this.socket.conn as any, { request } as any);\n    this.room.clients.set(this.socket.id, this.socket);\n    return this.socket\n  }\n\n  on(key: string, callback: (data: any) => void) {\n    this.socket.addEventListener(\"message\", (event) => {\n      const object = JSON.parse(event);\n      if (object.type === key) {\n        callback(object.value);\n      }\n    });\n  }\n\n  off(event: string, callback: (data: any) => void) {\n    this.socket.removeEventListener(event, callback);\n  }\n\n  emit(event: string, data: any) {\n    this.socket.send({\n      action: event,\n      value: data,\n    });\n  }\n\n  /**\n   * Update underlying connection properties before a reconnect\n   *\n   * Design\n   * - Dynamically register a factory for the requested room to ensure a fresh server instance\n   * - Swap the internal ServerIo to target the new room\n   *\n   * @param params - Properties to update\n   * @param params.room - The target room id (e.g. `map-simplemap2`)\n   *\n   * @example\n   * ```ts\n   * websocket.updateProperties({ room: 'map-simplemap2' })\n   * await websocket.reconnect()\n   * ```\n   */\n  updateProperties({ room }: { room: any }) {\n    // empty\n  }\n\n  /**\n   * Reconnect the client to the current Party room\n   *\n   * Design\n   * - Must be called after `updateProperties()` when switching rooms\n   * - Rebuilds the client <-> server bridge and re-triggers connection listeners\n   *\n   * @param listeners - Optional callback to re-bind event handlers on the new socket\n   *\n   * @example\n   * ```ts\n   * websocket.updateProperties({ room: 'map-dungeon' })\n   * await websocket.reconnect((socket) => {\n   *   // re-bind events here\n   * })\n   * ```\n   */\n  async reconnect(listeners?: (data: any) => void) {\n    await this._connection((socket) => {\n      listeners?.(socket)\n    })\n  }\n\n  getServer() {\n    return this.serverInstance\n  }\n\n  getSocket() {\n    return this.socket\n  }\n}\n\nclass UpdateMapStandaloneService extends UpdateMapService {\n  private server: any;\n\n  /**\n   * Update the current room map data on the server side\n   *\n   * Design\n   * - Uses the in-memory server instance stored in context (standalone mode)\n   * - Builds a local HTTP-like request to the current Party room endpoint\n   *\n   * @param map - The map payload to apply on the server\n   *\n   * @example\n   * ```ts\n   * await updateMapService.update({ width: 1024, height: 768, events: [] })\n   * ```\n   */\n  async update(map: any) {\n    this.server = this.context.get('server')\n    const roomId = this.server?.room?.id ?? 'lobby-1'\n    const req = {\n      url: `http://localhost/parties/main/${roomId}/map/update`,\n      method: 'POST',\n      headers: new Headers({}),\n      json: async () => {\n        return map;\n      }\n    };\n    await this.server.onRequest(req)\n  }\n}\n\nexport function provideRpg(server: any, options: StandaloneOptions = {}) {\n  return [\n    {\n      provide: WebSocketToken,\n      useFactory: (context: Context) => new BridgeWebsocket(context, server, options),\n    },\n    {\n      provide: UpdateMapToken,\n      useClass: UpdateMapStandaloneService,\n    },\n    provideKeyboardControls(),\n    RpgGui,\n    RpgClientEngine,\n  ];\n}"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpgjs/client",
-  "version": "5.0.0-alpha.24",
+  "version": "5.0.0-alpha.26",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -22,17 +22,17 @@
     "pixi.js": "^8.9.2"
   },
   "dependencies": {
-    "@rpgjs/client": "5.0.0-alpha.24",
-    "@rpgjs/common": "5.0.0-alpha.24",
-    "@rpgjs/server": "5.0.0-alpha.24",
-    "@signe/di": "^2.6.0",
-    "@signe/room": "^2.6.0",
-    "@signe/sync": "^2.6.0",
+    "@rpgjs/client": "5.0.0-alpha.26",
+    "@rpgjs/common": "5.0.0-alpha.26",
+    "@rpgjs/server": "5.0.0-alpha.26",
+    "@signe/di": "^2.7.2",
+    "@signe/room": "^2.7.2",
+    "@signe/sync": "^2.7.2",
     "pixi-filters": "^6.1.5",
     "rxjs": "^7.8.2"
   },
   "devDependencies": {
-    "@canvasengine/compiler": "2.0.0-beta.40",
+    "@canvasengine/compiler": "2.0.0-beta.41",
     "vite": "^7.2.7",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.15"

package/src/RpgClientEngine.ts

@@ -45,6 +45,8 @@ export class RpgClientEngine<T = any> {
     }
   renderer: PIXI.Renderer;
   tick: Observable<number>;
+  private canvasApp?: any;
+  private canvasElement?: any;
   playerIdSignal = signal<string | null>(null);
   spriteComponentsBehind = signal<any[]>([]);
   spriteComponentsInFront = signal<any[]>([]);
@@ -71,6 +73,10 @@ export class RpgClientEngine<T = any> {
   private playersReceived$ = new BehaviorSubject<boolean>(false);
   private eventsReceived$ = new BehaviorSubject<boolean>(false);
   private onAfterLoadingSubscription?: any;
+  
+  // Store subscriptions and event listeners for cleanup
+  private tickSubscriptions: any[] = [];
+  private resizeHandler?: () => void;
 
   constructor(public context) {
     this.webSocket = inject(WebSocketToken);
@@ -140,7 +146,7 @@ export class RpgClientEngine<T = any> {
       ...currentValues,
       values: new Map([['__default__', controlInstance]])
     }
-    this.controlsReady.set(true);
+    this.controlsReady.set(undefined);
   }
 
   async start() {
@@ -148,16 +154,19 @@ export class RpgClientEngine<T = any> {
     this.selector = document.body.querySelector("#rpg") as HTMLElement;
 
     const { app, canvasElement } = await bootstrapCanvas(this.selector, Canvas);
+    this.canvasApp = app;
+    this.canvasElement = canvasElement;
     this.renderer = app.renderer as PIXI.Renderer;
     this.tick = canvasElement?.propObservables?.context['tick'].observable
 
-    this.tick.subscribe(() => {
+    const inputCheckSubscription = this.tick.subscribe(() => {
       if (Date.now() - this.lastInputTime > 100) {
         const player = this.getCurrentPlayer();
         if (!player) return;
         (this.sceneMap as any).stopMovement(player);
       }
-    })
+    });
+    this.tickSubscriptions.push(inputCheckSubscription);
 
 
     this.hooks.callHooks("client-spritesheets-load", this).subscribe();
@@ -175,11 +184,12 @@ export class RpgClientEngine<T = any> {
     await lastValueFrom(this.hooks.callHooks("client-engine-onStart", this));
 
     // wondow is resize
-    window.addEventListener('resize', () => {
+    this.resizeHandler = () => {
       this.hooks.callHooks("client-engine-onWindowResize", this).subscribe();
-    })
+    };
+    window.addEventListener('resize', this.resizeHandler);
 
-    this.tick.subscribe((tick) => {
+    const tickSubscription = this.tick.subscribe((tick) => {
       this.hooks.callHooks("client-engine-onStep", this, tick).subscribe();
 
       // Clean up old prediction states and input history every 60 ticks (approximately every second at 60fps)
@@ -188,7 +198,8 @@ export class RpgClientEngine<T = any> {
         this.prediction?.cleanup(now);
         this.prediction?.tryApplyPendingSnapshot();
       }
-    })
+    });
+    this.tickSubscriptions.push(tickSubscription);
 
     await this.webSocket.connection(() => {
       this.initListeners()
@@ -1294,4 +1305,179 @@ export class RpgClientEngine<T = any> {
   private async replayUnackedInputsFromFrame(_startFrame: number): Promise<void> {
     // Prediction controller handles replay internally. Kept for backwards compatibility.
   }
+
+  /**
+   * Clear all client resources and reset state
+   * 
+   * This method should be called to clean up all client-side resources when
+   * shutting down or resetting the client engine. It:
+   * - Destroys the PIXI renderer
+   * - Stops all sounds
+   * - Cleans up subscriptions and event listeners
+   * - Resets scene map
+   * - Stops ping/pong interval
+   * - Clears prediction states
+   * 
+   * ## Design
+   * 
+   * This method is used primarily in testing environments to ensure clean
+   * state between tests. In production, the client engine typically persists
+   * for the lifetime of the application.
+   * 
+   * @example
+   * ```ts
+   * // In test cleanup
+   * afterEach(() => {
+   *   clientEngine.clear();
+   * });
+   * ```
+   */
+  clear(): void {
+    try {
+      // First, unsubscribe from all tick subscriptions to stop rendering attempts
+      for (const subscription of this.tickSubscriptions) {
+        if (subscription && typeof subscription.unsubscribe === 'function') {
+          subscription.unsubscribe();
+        }
+      }
+      this.tickSubscriptions = [];
+
+      // Stop ping/pong interval
+      if (this.pingInterval) {
+        clearInterval(this.pingInterval);
+        this.pingInterval = null;
+      }
+
+      // Clean up onAfterLoading subscription
+      if (this.onAfterLoadingSubscription && typeof this.onAfterLoadingSubscription.unsubscribe === 'function') {
+        this.onAfterLoadingSubscription.unsubscribe();
+        this.onAfterLoadingSubscription = undefined;
+      }
+
+      // Clean up canvasElement (CanvasEngine) BEFORE destroying PIXI app
+      // This prevents CanvasEngine from trying to render after PIXI is destroyed
+      // CanvasEngine manages its own render loop which could try to access PIXI after destruction
+      if (this.canvasElement) {
+        try {
+          // Try to stop or cleanup canvasElement if it has cleanup methods
+          if (typeof (this.canvasElement as any).destroy === 'function') {
+            (this.canvasElement as any).destroy();
+          }
+          // Clear the reference
+          this.canvasElement = undefined;
+        } catch (error) {
+          // Ignore errors during canvasElement cleanup
+        }
+      }
+
+      // Reset scene map if it exists (this should stop any ongoing animations/renders)
+      if (this.sceneMap && typeof (this.sceneMap as any).reset === 'function') {
+        (this.sceneMap as any).reset();
+      }
+
+      // Stop all sounds
+      this.stopAllSounds();
+
+      // Remove resize event listener
+      if (this.resizeHandler && typeof window !== 'undefined') {
+        window.removeEventListener('resize', this.resizeHandler);
+        this.resizeHandler = undefined;
+      }
+
+      // Destroy PIXI app and renderer if they exist
+      // Destroy the app first, which will destroy the renderer
+      // Store renderer reference before destroying app (since app.destroy() will destroy the renderer)
+      const rendererStillExists = this.renderer && typeof this.renderer.destroy === 'function';
+      
+      if (this.canvasApp && typeof this.canvasApp.destroy === 'function') {
+        try {
+          // Stop the ticker first to prevent any render calls during destruction
+          if (this.canvasApp.ticker) {
+            if (typeof this.canvasApp.ticker.stop === 'function') {
+              this.canvasApp.ticker.stop();
+            }
+            // Also remove all listeners from ticker to prevent callbacks
+            if (typeof this.canvasApp.ticker.removeAll === 'function') {
+              this.canvasApp.ticker.removeAll();
+            }
+          }
+          
+          // Stop the renderer's ticker if it exists separately
+          if (this.renderer && (this.renderer as any).ticker) {
+            if (typeof (this.renderer as any).ticker.stop === 'function') {
+              (this.renderer as any).ticker.stop();
+            }
+            if (typeof (this.renderer as any).ticker.removeAll === 'function') {
+              (this.renderer as any).ticker.removeAll();
+            }
+          }
+          
+          // Remove the canvas from DOM before destroying to prevent render attempts
+          if (this.canvasApp.canvas && this.canvasApp.canvas.parentNode) {
+            this.canvasApp.canvas.parentNode.removeChild(this.canvasApp.canvas);
+          }
+          
+          // Destroy with minimal options to avoid issues
+          // Don't pass options that might trigger additional cleanup that could fail
+          this.canvasApp.destroy(true);
+        } catch (error) {
+          // Ignore errors during destruction
+        }
+        this.canvasApp = undefined;
+        // canvasApp.destroy() already destroyed the renderer, so just null it
+        this.renderer = null as any;
+      } else if (rendererStillExists) {
+        // Fallback: destroy renderer directly only if app doesn't exist or wasn't destroyed
+        try {
+          // Stop the renderer's ticker if it has one
+          if ((this.renderer as any).ticker) {
+            if (typeof (this.renderer as any).ticker.stop === 'function') {
+              (this.renderer as any).ticker.stop();
+            }
+            if (typeof (this.renderer as any).ticker.removeAll === 'function') {
+              (this.renderer as any).ticker.removeAll();
+            }
+          }
+          
+          this.renderer.destroy(true);
+        } catch (error) {
+          // Ignore errors during destruction
+        }
+        this.renderer = null as any;
+      }
+
+      // Clean up prediction controller
+      if (this.prediction) {
+        // Prediction controller cleanup is handled internally when destroyed
+        this.prediction = undefined;
+      }
+
+      // Reset signals
+      this.playerIdSignal.set(null);
+      this.cameraFollowTargetId.set(null);
+      this.spriteComponentsBehind.set([]);
+      this.spriteComponentsInFront.set([]);
+      
+      // Clear maps and arrays
+      this.spritesheets.clear();
+      this.sounds.clear();
+      this.componentAnimations = [];
+      this.particleSettings.emitters = [];
+
+      // Reset state
+      this.stopProcessingInput = false;
+      this.lastInputTime = 0;
+      this.inputFrameCounter = 0;
+      this.frameOffset = 0;
+      this.rtt = 0;
+
+      // Reset behavior subjects
+      this.mapLoadCompleted$.next(false);
+      this.playerIdReceived$.next(false);
+      this.playersReceived$.next(false);
+      this.eventsReceived$.next(false);
+    } catch (error) {
+      console.warn('Error during client engine cleanup:', error);
+    }
+  }
 }

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

@@ -20,15 +20,15 @@
 
     const engine = inject(RpgClientEngine);
     const componentAnimations = engine.componentAnimations
-    const map = engine.sceneMap.data
+    const map = engine.sceneMap?.data
     const sceneComponent = computed(() => map()?.component)
     const sceneParams = map()?.params
-    const mapParams = map().params
+    const mapParams = map()?.params
     const animations = engine.sceneMap.animations
     const backgroundMusic = { src: mapParams?.backgroundMusic, autoplay: true, loop: true }
     const backgroundAmbientSound = { src: mapParams?.backgroundAmbientSound, autoplay: true, loop: true }
 
-    const data = signal(map().data)
+    const data = signal(map()?.data)
 
     const scale = mapParams?.scale || 1
     const worldWidth = (mapParams?.width || 2048) * scale

package/src/index.ts

@@ -21,4 +21,5 @@ export { Control } from "./services/keyboardControls";
 export { RpgClientObject } from "./Game/Object";
 export { RpgClientPlayer } from "./Game/Player";
 export { RpgClientEvent } from "./Game/Event";
-export { withMobile } from "./components/gui/mobile";
+export { withMobile } from "./components/gui/mobile";
+export * from "./services/AbstractSocket";