@rpgjs/client 5.0.0-alpha.10 → 5.0.0-alpha.3

package/dist/index7.js

@@ -1,4 +1,4 @@
-import { inject } from './index16.js';
+import { inject } from './index15.js';
 import { UpdateMapToken } from '@rpgjs/common';
 
 const LoadMapToken = "LoadMapToken";
@@ -6,9 +6,6 @@ class LoadMapService {
   constructor(context, options) {
     this.context = context;
     this.options = options;
-    if (context["side"] === "server") {
-      return;
-    }
     this.updateMapService = inject(context, UpdateMapToken);
   }
   async load(mapId) {
@@ -21,12 +18,7 @@ function provideLoadMap(options) {
   return [
     {
       provide: UpdateMapToken,
-      useFactory: (context) => {
-        if (context["side"] === "client") {
-          console.warn("UpdateMapToken is not overridden");
-        }
-        return;
-      }
+      useFactory: (context) => console.warn("UpdateMapToken is not overridden")
     },
     {
       provide: LoadMapToken,

package/dist/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.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(mapId, 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,YAAe,GAAA;AAkCrB,MAAM,cAAe,CAAA;AAAA,EAG1B,WAAA,CAAoB,SAA0B,OAAyB,EAAA;AAAnD,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAA0B,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAC5C,IAAI,IAAA,OAAA,CAAQ,MAAM,CAAA,KAAM,QAAU,EAAA;AAChC,MAAA;AAAA;AAEF,IAAK,IAAA,CAAA,gBAAA,GAAmB,MAAO,CAAA,OAAA,EAAS,cAAc,CAAA;AAAA;AACxD,EAEA,MAAM,KAAK,KAAe,EAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAM,IAAK,CAAA,OAAA,CAAQ,MAAM,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAC,CAAA;AACxD,IAAA,MAAM,IAAK,CAAA,gBAAA,CAAiB,MAAO,CAAA,KAAA,EAAO,GAAG,CAAA;AAC7C,IAAO,OAAA,GAAA;AAAA;AAEX;AA6FO,SAAS,eAAe,OAAyB,EAAA;AACtD,EAAO,OAAA;AAAA,IACL;AAAA,MACE,OAAS,EAAA,cAAA;AAAA,MACT,UAAA,EAAY,CAAC,OAAqB,KAAA;AAChC,QAAI,IAAA,OAAA,CAAQ,MAAM,CAAA,KAAM,QAAU,EAAA;AAChC,UAAA,OAAA,CAAQ,KAAK,kCAAkC,CAAA;AAAA;AAEjD,QAAA;AAAA;AACF,KACF;AAAA,IACA;AAAA,MACE,OAAS,EAAA,YAAA;AAAA,MACT,YAAY,CAAC,OAAA,KAAqB,IAAI,cAAA,CAAe,SAAS,OAAO;AAAA;AACvE,GACF;AACF;;;;"}
+{"version":3,"file":"index7.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\nexport type LoadMapOptions = (mapId: string) => Promise<void>\n\nexport class LoadMapService {\n  private updateMapService: UpdateMapService;\n\n  constructor(private context: Context, private options: LoadMapOptions) {\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(mapId, map);\n    return map;\n  }\n}\n\nexport function provideLoadMap(options: LoadMapOptions) {\n  return [\n    {\n      provide: UpdateMapToken,\n      useFactory: (context: Context) => console.warn('UpdateMapToken is not overridden'),\n    },\n    {\n      provide: LoadMapToken,\n      useFactory: (context: Context) => new LoadMapService(context, options),\n    },\n  ];\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAe,GAAA;AAIrB,MAAM,cAAe,CAAA;AAAA,EAG1B,WAAA,CAAoB,SAA0B,OAAyB,EAAA;AAAnD,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAA0B,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAC5C,IAAK,IAAA,CAAA,gBAAA,GAAmB,MAAO,CAAA,OAAA,EAAS,cAAc,CAAA;AAAA;AACxD,EAEA,MAAM,KAAK,KAAe,EAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAM,IAAK,CAAA,OAAA,CAAQ,MAAM,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAC,CAAA;AACxD,IAAA,MAAM,IAAK,CAAA,gBAAA,CAAiB,MAAO,CAAA,KAAA,EAAO,GAAG,CAAA;AAC7C,IAAO,OAAA,GAAA;AAAA;AAEX;AAEO,SAAS,eAAe,OAAyB,EAAA;AACtD,EAAO,OAAA;AAAA,IACL;AAAA,MACE,OAAS,EAAA,cAAA;AAAA,MACT,UAAY,EAAA,CAAC,OAAqB,KAAA,OAAA,CAAQ,KAAK,kCAAkC;AAAA,KACnF;AAAA,IACA;AAAA,MACE,OAAS,EAAA,YAAA;AAAA,MACT,YAAY,CAAC,OAAA,KAAqB,IAAI,cAAA,CAAe,SAAS,OAAO;AAAA;AACvE,GACF;AACF;;;;"}

package/dist/index8.js

@@ -1,5 +1,5 @@
 import { provideModules, findModules } from '@rpgjs/common';
-import { inject } from './index16.js';
+import { inject } from './index15.js';
 import { RpgGui } from './index9.js';
 
 function provideClientModules(modules) {
@@ -41,12 +41,12 @@ function provideClientModules(modules) {
           }
         };
       }
-      if (module.componentAnimations) {
-        const componentAnimations = [...module.componentAnimations];
-        module.componentAnimations = {
+      if (module.effects) {
+        const effects = [...module.effects];
+        module.effects = {
           load: (engine) => {
-            componentAnimations.forEach((componentAnimation) => {
-              engine.addComponentAnimation(componentAnimation);
+            effects.forEach((effect) => {
+              engine.addEffect(effect);
             });
           }
         };
@@ -61,24 +61,6 @@ function provideClientModules(modules) {
           }
         };
       }
-      if (module.sprite) {
-        const sprite = { ...module.sprite };
-        module.sprite = {
-          ...sprite,
-          load: (engine) => {
-            if (sprite.componentsBehind) {
-              sprite.componentsBehind.forEach((component) => {
-                engine.addSpriteComponentBehind(component);
-              });
-            }
-            if (sprite.componentsInFront) {
-              sprite.componentsInFront.forEach((component) => {
-                engine.addSpriteComponentInFront(component);
-              });
-            }
-          }
-        };
-      }
       return module;
     });
     return modules2;

package/dist/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\n\nexport function provideClientModules(modules: RpgClient[]) {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              engine.addSound(sound);\n            });\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui);\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.componentAnimations) {\n        const componentAnimations = [...module.componentAnimations];\n        module.componentAnimations = {\n          load: (engine: RpgClientEngine) => {\n            componentAnimations.forEach((componentAnimation) => {\n              engine.addComponentAnimation(componentAnimation);\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      if (module.sprite) {\n        const sprite = {...module.sprite};\n        module.sprite = {\n          ...sprite,\n          load: (engine: RpgClientEngine) => {\n            if (sprite.componentsBehind) {\n              sprite.componentsBehind.forEach((component) => {\n                engine.addSpriteComponentBehind(component);\n              });\n            }\n            if (sprite.componentsInFront) {\n              sprite.componentsInFront.forEach((component) => {\n                engine.addSpriteComponentInFront(component);\n              });\n            }\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n\n"],"names":["modules","gui"],"mappings":"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"}
+{"version":3,"file":"index8.js","sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\n\nexport function provideClientModules(modules: RpgClient[]) {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              engine.addSound(sound);\n            });\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui);\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.effects) {\n        const effects = [...module.effects];\n        module.effects = {\n          load: (engine: RpgClientEngine) => {\n            effects.forEach((effect) => {\n              engine.addEffect(effect);\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n\n"],"names":["modules","gui"],"mappings":"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"}

package/dist/index9.js

@@ -1,6 +1,6 @@
-import { inject } from './index16.js';
+import { inject } from './index15.js';
 import { signal } from 'canvasengine';
-import { WebSocketToken } from './index17.js';
+import { WebSocketToken } from './index16.js';
 import { PrebuiltGui } from './index10.js';
 
 const throwError = (id) => {

package/dist/presets/index.d.ts

@@ -19,106 +19,4 @@ export declare const Presets: {
         framesHeight: number;
         framesWidth: number;
     };
-    LPCSpritesheetPreset: (options: {
-        id: string;
-        imageSource: string;
-        width: number;
-        height: number;
-        ratio?: number;
-    }) => {
-        id: string;
-        image: string;
-        width: number;
-        height: number;
-        opacity: number;
-        rectWidth: number;
-        rectHeight: number;
-        framesWidth: number;
-        framesHeight: number;
-        spriteRealSize: {
-            width: number;
-            height: number;
-        };
-        textures: {
-            attack3?: {
-                offset: {
-                    x: number;
-                    y: number;
-                };
-                rectWidth: number;
-                rectHeight: number;
-                framesWidth: number;
-                framesHeight: number;
-                animations: ({ direction }: {
-                    direction: any;
-                }) => any[];
-            } | undefined;
-            stand: {
-                offset: {
-                    x: number;
-                    y: number;
-                };
-                animations: ({ direction }: {
-                    direction: any;
-                }) => {
-                    time: number;
-                    frameX: number;
-                    frameY: number;
-                }[][];
-            };
-            walk: {
-                offset: {
-                    x: number;
-                    y: number;
-                };
-                framesWidth: number;
-                framesHeight: number;
-                animations: ({ direction }: {
-                    direction: any;
-                }) => any[];
-            };
-            attack: {
-                offset: {
-                    x: number;
-                    y: number;
-                };
-                framesWidth: number;
-                framesHeight: number;
-                animations: ({ direction }: {
-                    direction: any;
-                }) => any[];
-            };
-            skill: {
-                framesWidth: number;
-                framesHeight: number;
-                animations: ({ direction }: {
-                    direction: any;
-                }) => any[];
-            };
-            attack2: {
-                offset: {
-                    x: number;
-                    y: number;
-                };
-                framesWidth: number;
-                framesHeight: number;
-                animations: ({ direction }: {
-                    direction: any;
-                }) => any[];
-            };
-        };
-    };
-    AnimationSpritesheetPreset: (framesWidth: number, framesHeight: number) => {
-        framesWidth: number;
-        framesHeight: number;
-        textures: {
-            default: {
-                animations: () => {
-                    time: number;
-                    frameX: number;
-                    frameY: number;
-                }[][];
-            };
-        };
-    };
 };

package/dist/services/loadMap.d.ts

@@ -1,135 +1,14 @@
 import { Context } from '@signe/di';
 export declare const LoadMapToken = "LoadMapToken";
-/**
- * Represents the structure of map data that should be returned by the load map callback.
- * This interface defines all the properties that can be provided when loading a custom map.
- *
- * @interface MapData
- */
-type MapData = {
-    /** Raw map data that will be passed to the map component */
-    data: any;
-    /** CanvasEngine component that will render the map */
-    component: any;
-    /** Optional map width in pixels, used for viewport calculations */
-    width?: number;
-    /** Optional map height in pixels, used for viewport calculations */
-    height?: number;
-    /** Optional map events data (NPCs, interactive objects, etc.) */
-    events?: any;
-    /** Optional map identifier, defaults to the mapId parameter if not provided */
-    id?: string;
-};
-/**
- * Callback function type for loading map data.
- * This function receives a map ID and should return either a MapData object directly
- * or a Promise that resolves to a MapData object.
- *
- * @callback LoadMapOptions
- * @param {string} mapId - The identifier of the map to load
- * @returns {Promise<MapData> | MapData} The map data object or a promise resolving to it
- */
-export type LoadMapOptions = (mapId: string) => Promise<MapData> | MapData;
+export type LoadMapOptions = (mapId: string) => Promise<void>;
 export declare class LoadMapService {
     private context;
     private options;
     private updateMapService;
     constructor(context: Context, options: LoadMapOptions);
-    load(mapId: string): Promise<MapData>;
+    load(mapId: string): Promise<void>;
 }
-/**
- * Creates a dependency injection configuration for custom map loading on the client side.
- *
- * This function allows you to customize how maps are loaded and displayed by providing
- * a callback that defines custom map data and rendering components. It's designed to work
- * with the RPG-JS dependency injection system and enables integration of custom map formats
- * like Tiled TMX files or any other map data structure.
- *
- * The function sets up the necessary service providers for map loading, including:
- * - UpdateMapToken: Handles map updates in the client context
- * - LoadMapToken: Provides the LoadMapService with your custom loading logic
- *
- * **Design Concept:**
- * The function follows the provider pattern, creating a modular way to inject custom
- * map loading behavior into the RPG-JS client engine. It separates the concern of
- * map data fetching from map rendering, allowing developers to focus on their specific
- * map format while leveraging the engine's rendering capabilities.
- *
- * @param {LoadMapOptions} options - Callback function that handles map loading logic
- * @returns {Array<Object>} Array of dependency injection provider configurations
- *
- * @example
- * ```typescript
- * import { provideLoadMap } from '@rpgjs/client'
- * import { createModule } from '@rpgjs/common'
- * import MyTiledMapComponent from './MyTiledMapComponent.ce'
- *
- * // Basic usage with JSON map data
- * export function provideCustomMap() {
- *   return createModule("CustomMap", [
- *     provideLoadMap(async (mapId) => {
- *       const response = await fetch(`/maps/${mapId}.json`)
- *       const mapData = await response.json()
- *
- *       return {
- *         data: mapData,
- *         component: MyTiledMapComponent,
- *         width: mapData.width,
- *         height: mapData.height,
- *         events: mapData.events
- *       }
- *     })
- *   ])
- * }
- *
- * // Advanced usage with Tiled TMX files
- * export function provideTiledMap() {
- *   return createModule("TiledMap", [
- *     provideLoadMap(async (mapId) => {
- *       // Load TMX file
- *       const tmxResponse = await fetch(`/tiled/${mapId}.tmx`)
- *       const tmxData = await tmxResponse.text()
- *
- *       // Parse TMX data (using a TMX parser)
- *       const parsedMap = parseTMX(tmxData)
- *
- *       return {
- *         data: parsedMap,
- *         component: TiledMapRenderer,
- *         width: parsedMap.width * parsedMap.tilewidth,
- *         height: parsedMap.height * parsedMap.tileheight,
- *         events: parsedMap.objectGroups?.find(g => g.name === 'events')?.objects
- *       }
- *     })
- *   ])
- * }
- *
- * // Synchronous usage for static maps
- * export function provideStaticMap() {
- *   return createModule("StaticMap", [
- *     provideLoadMap((mapId) => {
- *       const staticMaps = {
- *         'town': { tiles: [...], npcs: [...] },
- *         'dungeon': { tiles: [...], monsters: [...] }
- *       }
- *
- *       return {
- *         data: staticMaps[mapId],
- *         component: StaticMapComponent,
- *         width: 800,
- *         height: 600
- *       }
- *     })
- *   ])
- * }
- * ```
- *
- * @since 4.0.0
- * @see {@link LoadMapOptions} for callback function signature
- * @see {@link MapData} for return data structure
- */
 export declare function provideLoadMap(options: LoadMapOptions): {
     provide: string;
     useFactory: (context: Context) => void;
 }[];
-export {};

package/dist/services/mmorpg.d.ts

@@ -4,21 +4,17 @@ import { RpgClientEngine } from '../RpgClientEngine';
 import { AbstractWebsocket } from './AbstractSocket';
 import { UpdateMapService } from '@rpgjs/common';
 interface MmorpgOptions {
-    host?: string;
+    host: string;
 }
 declare class BridgeWebsocket extends AbstractWebsocket {
     protected context: Context;
     private options;
     private socket;
-    constructor(context: Context, options?: MmorpgOptions);
-    connection(listeners?: (data: any) => void): Promise<void>;
+    constructor(context: Context, options: MmorpgOptions);
+    connection(): Promise<void>;
     on(key: string, callback: (data: any) => void): void;
     off(event: string, callback: (data: any) => void): void;
     emit(event: string, data: any): void;
-    updateProperties({ room }: {
-        room: any;
-    }): void;
-    reconnect(listeners?: (data: any) => void): Promise<void>;
 }
 declare class UpdateMapStandaloneService extends UpdateMapService {
     protected context: Context;

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@rpgjs/client",
-  "version": "5.0.0-alpha.10",
+  "version": "5.0.0-alpha.3",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build"
+  },
   "keywords": [
     "rpg",
     "game",
@@ -16,27 +20,21 @@
   ],
   "author": "Samuel Ronce",
   "license": "MIT",
-  "peerDependencies": {
-    "@canvasengine/presets": "*",
-    "canvasengine": "*",
-    "pixi.js": "^8.9.2"
-  },
   "dependencies": {
-    "@rpgjs/common": "5.0.0-alpha.10",
+    "@canvasengine/presets": "2.0.0-beta.22",
+    "@rpgjs/common": "workspace:*",
     "@signe/di": "^2.3.3",
     "@signe/room": "^2.3.3",
     "@signe/sync": "^2.3.3",
+    "canvasengine": "2.0.0-beta.22",
+    "pixi.js": "^8.10.1",
     "rxjs": "^7.8.2"
   },
   "devDependencies": {
-    "@canvasengine/compiler": "2.0.0-beta.22",
+    "@canvasengine/compiler": "2.0.0-beta.21",
     "vite": "^6.2.5",
     "vite-plugin-dts": "^4.5.3",
     "vitest": "^3.1.1"
   },
-  "type": "module",
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build"
-  }
-}
+  "type": "module"
+}

package/src/Game/{AnimationManager.ts → EffectManager.ts}

@@ -1,10 +1,10 @@
 import { generateUID, RpgCommonPlayer } from "@rpgjs/common";
 import { signal } from "canvasengine";
 
-export class AnimationManager {
+export class EffectManager {
   current = signal<any[]>([]);
 
-  displayEffect(params: any, player: RpgCommonPlayer | { x: number, y: number }) {
+  displayEffect(params: any, player: RpgCommonPlayer) {
     const id = generateUID();
     this.current().push({
       ...params,

package/src/Game/Object.ts

@@ -1,14 +1,10 @@
 import { RpgCommonPlayer } from "@rpgjs/common";
 import { trigger, signal } from "canvasengine";
-import { Subscription } from "rxjs";
 
 export abstract class RpgClientObject extends RpgCommonPlayer {
   abstract type: string;
   emitParticleTrigger = trigger()
   particleName = signal('')
-  animationCurrentIndex = signal(0)
-  animationIsPlaying = signal(false)
-  private animationSubscription?: Subscription
 
   flash(color: string, duration: number = 100) {
     const lastTint = this.tint()
@@ -17,69 +13,4 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
       this.tint.set(lastTint)
     }, duration)
   }
-
-  /**
-   * Reset animation state when animation changes externally
-   * 
-   * This method should be called when the animation changes due to movement
-   * or other external factors to ensure the animation system doesn't get stuck
-   * 
-   * @example
-   * ```ts
-   * // Reset when player starts moving
-   * player.resetAnimationState();
-   * ```
-   */
-  resetAnimationState() {
-    this.animationIsPlaying.set(false);
-    this.animationCurrentIndex.set(0);
-    if (this.animationSubscription) {
-      this.animationSubscription.unsubscribe();
-      this.animationSubscription = undefined;
-    }
-  }
-
-  /**
-   * Set a custom animation for a specific number of times
-   * 
-   * Plays a custom animation for the specified number of repetitions.
-   * The animation system prevents overlapping animations and automatically
-   * returns to the previous animation when complete.
-   * 
-   * @param animationName - Name of the animation to play
-   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)
-   * 
-   * @example
-   * ```ts
-   * // Play attack animation 3 times
-   * player.setAnimation('attack', 3);
-   * 
-   * // Play continuous spell animation
-   * player.setAnimation('spell');
-   * ```
-   */
-  setAnimation(animationName: string, nbTimes: number = Infinity) {
-    if (this.animationIsPlaying()) return;
-    this.animationIsPlaying.set(true);
-    const previousAnimationName = this.animationName();
-    this.animationCurrentIndex.set(0);
-    
-    // Clean up any existing subscription
-    if (this.animationSubscription) {
-      this.animationSubscription.unsubscribe();
-    }
-    
-    this.animationSubscription = this.animationCurrentIndex.observable.subscribe(index => {
-      if (index >= nbTimes) {
-        this.animationCurrentIndex.set(0);
-        this.animationName.set(previousAnimationName);
-        this.animationIsPlaying.set(false);
-        if (this.animationSubscription) {
-          this.animationSubscription.unsubscribe();
-          this.animationSubscription = undefined;
-        }
-      }
-    })
-    this.animationName.set(animationName);
-  }
 }