@rpgjs/client 5.0.0-beta.6 → 5.0.0-beta.7

package/dist/presets/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":[],"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  "],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,IAAa,8BAA8B,aAAqB,iBAAyB;CAErF,MAAM,aAAsE,EAAE;AAE9E,MAAK,IAAI,IAAI,GAAG,IAAI,cAAc,IAC9B,MAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK;EAClC,MAAM,aAAa,IAAI,cAAc;AACrC,aAAW,KAAK;GACZ,MAAM,aAAa;GACnB,QAAQ;GACR,QAAQ;GACX,CAAC;;AAIV,QAAO;EACH;EACA;EACA,UAAU,EACN,SAAS,EACL,kBAAkB,CACd,WACH,EACJ,EACJ;EACJ"}
+{"version":3,"file":"animation.js","names":[],"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  "],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,IAAa,8BAA8B,aAAqB,iBAAyB;CAErF,MAAM,aAAsE,EAAE;CAE9E,KAAK,IAAI,IAAI,GAAG,IAAI,cAAc,KAC9B,KAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK;EAClC,MAAM,aAAa,IAAI,cAAc;EACrC,WAAW,KAAK;GACZ,MAAM,aAAa;GACnB,QAAQ;GACR,QAAQ;GACX,CAAC;;CAIV,OAAO;EACH;EACA;EACA,UAAU,EACN,SAAS,EACL,kBAAkB,CACd,WACH,EACJ,EACJ;EACJ"}

package/dist/presets/faceset.js.map

@@ -1 +1 @@
-{"version":3,"file":"faceset.js","names":[],"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  "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,iBACT,SACA,aACA,cACA,gBACC;CAED,MAAM,WAAgC,EAAE;AAGxC,QAAO,KAAK,YAAY,CAAC,SAAS,mBAAmB;EACjD,MAAM,CAAC,QAAQ,UAAU,YAAY;AACrC,WAAS,kBAAkB,EACvB,kBAAkB,CACd,CAAC;GACG,MAAM;GACE;GACA;GACX,CAAC,CACL,EACJ;GACH;AAEF,QAAO;EACH,GAAG;EACH;EACA;EACA;EACH"}
+{"version":3,"file":"faceset.js","names":[],"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  "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,iBACT,SACA,aACA,cACA,gBACC;CAED,MAAM,WAAgC,EAAE;CAGxC,OAAO,KAAK,YAAY,CAAC,SAAS,mBAAmB;EACjD,MAAM,CAAC,QAAQ,UAAU,YAAY;EACrC,SAAS,kBAAkB,EACvB,kBAAkB,CACd,CAAC;GACG,MAAM;GACE;GACA;GACX,CAAC,CACL,EACJ;GACH;CAEF,OAAO;EACH,GAAG;EACH;EACA;EACA;EACH"}

package/dist/presets/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../src/presets/icon.ts"],"sourcesContent":["export const IconPreset = (options: {\n    image: string;\n    framesWidth: number;\n    framesHeight: number;\n    id: string;\n}) => {\n    return {\n        textures: {\n            default: {\n                animations: () => [\n                    [{ time: 0, frameX: 0, frameY: 0 }]\n                ]\n            }\n        },\n        ...options\n    }\n}"],"mappings":";AAAA,IAAa,cAAc,YAKrB;AACF,QAAO;EACH,UAAU,EACN,SAAS,EACL,kBAAkB,CACd,CAAC;GAAE,MAAM;GAAG,QAAQ;GAAG,QAAQ;GAAG,CAAC,CACtC,EACJ,EACJ;EACD,GAAG;EACN"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../src/presets/icon.ts"],"sourcesContent":["export const IconPreset = (options: {\n    image: string;\n    framesWidth: number;\n    framesHeight: number;\n    id: string;\n}) => {\n    return {\n        textures: {\n            default: {\n                animations: () => [\n                    [{ time: 0, frameX: 0, frameY: 0 }]\n                ]\n            }\n        },\n        ...options\n    }\n}"],"mappings":";AAAA,IAAa,cAAc,YAKrB;CACF,OAAO;EACH,UAAU,EACN,SAAS,EACL,kBAAkB,CACd,CAAC;GAAE,MAAM;GAAG,QAAQ;GAAG,QAAQ;GAAG,CAAC,CACtC,EACJ,EACJ;EACD,GAAG;EACN"}

package/dist/presets/lpc.js.map

@@ -1 +1 @@
-{"version":3,"file":"lpc.js","names":[],"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  "],"mappings":";;AAEA,IAAa,wBAAwB,YAM7B;CACJ,MAAM,QAAQ,QAAQ,SAAS;CAE/B,MAAM,UAAU,cAAyB;AACvC,SAAO;IACJ,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,QAAQ;IAClB,UAAU,KAAK;GACjB,CAAC;;CAGJ,MAAM,SAAS,cAAyB,CACtC;EAAE,MAAM;EAAG,QAAQ;EAAG,QAAQ,OAAO,UAAU;EAAE,CAClD;CACD,MAAM,QACJ,WACA,aACA,QAAgB,MACb;EACH,MAAM,QAAa,EAAE;AACrB,OAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAC/B,OAAM,KAAK;GAAE,MAAM,IAAI;GAAO,QAAQ;GAAG,QAAQ,OAAO,UAAU;GAAE,CAAC;AAEvE,SAAO;;AAGT,QAAO;EACL,IAAI,QAAQ;EACZ,OAAO,QAAQ;EACf,OAAO,QAAQ;EACf,QAAQ,QAAQ;EAChB,SAAS;EACT,WAAW,KAAK;EAChB,YAAY,KAAK;EACjB,aAAa;EACb,cAAc;EACd,gBAAgB;GACd,OAAO,KAAK;GACZ,QAAQ,KAAK;GACd;EACD,UAAU;IACP,UAAU,QAAQ;IACjB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa,EAAE,gBAAgB,CAAC,MAAM,UAAU,CAAC;IAClD;IACA,UAAU,OAAO;IAChB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,EAAE,CAAC;IACpD;IACA,UAAU,SAAS;IAClB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;IACA,UAAU,QAAQ;IACjB,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;GACD,SAAS;IACP,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;GACD,GAAI,QAAQ,SAAS,MACjB,EACE,SAAS;IACP,QAAQ;KACN,GAAG;KACH,GAAG,OAAO,MAAM;KACjB;IACD,WAAW;IACX,YAAY;IACZ,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD,EACF,GACD,EAAE;GACP;EACF"}
+{"version":3,"file":"lpc.js","names":[],"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  "],"mappings":";;AAEA,IAAa,wBAAwB,YAM7B;CACJ,MAAM,QAAQ,QAAQ,SAAS;CAE/B,MAAM,UAAU,cAAyB;EACvC,OAAO;IACJ,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,QAAQ;IAClB,UAAU,KAAK;GACjB,CAAC;;CAGJ,MAAM,SAAS,cAAyB,CACtC;EAAE,MAAM;EAAG,QAAQ;EAAG,QAAQ,OAAO,UAAU;EAAE,CAClD;CACD,MAAM,QACJ,WACA,aACA,QAAgB,MACb;EACH,MAAM,QAAa,EAAE;EACrB,KAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAC/B,MAAM,KAAK;GAAE,MAAM,IAAI;GAAO,QAAQ;GAAG,QAAQ,OAAO,UAAU;GAAE,CAAC;EAEvE,OAAO;;CAGT,OAAO;EACL,IAAI,QAAQ;EACZ,OAAO,QAAQ;EACf,OAAO,QAAQ;EACf,QAAQ,QAAQ;EAChB,SAAS;EACT,WAAW,KAAK;EAChB,YAAY,KAAK;EACjB,aAAa;EACb,cAAc;EACd,gBAAgB;GACd,OAAO,KAAK;GACZ,QAAQ,KAAK;GACd;EACD,UAAU;IACP,UAAU,QAAQ;IACjB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa,EAAE,gBAAgB,CAAC,MAAM,UAAU,CAAC;IAClD;IACA,UAAU,OAAO;IAChB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,EAAE,CAAC;IACpD;IACA,UAAU,SAAS;IAClB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;IACA,UAAU,QAAQ;IACjB,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;GACD,SAAS;IACP,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;GACD,GAAI,QAAQ,SAAS,MACjB,EACE,SAAS;IACP,QAAQ;KACN,GAAG;KACH,GAAG,OAAO,MAAM;KACjB;IACD,WAAW;IACX,YAAY;IACZ,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD,EACF,GACD,EAAE;GACP;EACF"}

package/dist/presets/rmspritesheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"rmspritesheet.js","names":[],"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}"],"mappings":";;AAEA,IAAa,iBAAiB,aAAqB,cAAsB,aAAqB,MAAM;AAEhG,KAAI,eAAe,WACf,cAAa,cAAc;CAG/B,MAAM,UAAS,cAAa;EACxB,MAAM,MAAM,KAAK,IAAI,IAAI,cAAc,EAAE;AACzC,SAAO;IACF,UAAU,OAAO;IACjB,UAAU,OAAO,KAAK,IAAI,GAAG,IAAI,IAAI;IACrC,UAAU,QAAQ,KAAK,IAAI,GAAG,IAAI,IAAI;IACtC,UAAU,KAAK,KAAK,IAAI,GAAG,IAAI,IAAI;GACvC,CAAC;;CAGN,MAAM,SAAS,cAAsB,CAAC;EAAE,MAAM;EAAG,QAAQ;EAAY,QAAQ,OAAO,UAAU;EAAE,CAAC;CACjG,MAAM,QAAO,cAAa;EACtB,MAAM,QAAa,EAAE;EACrB,MAAM,gBAAgB;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAC7B,OAAM,KAAK;GAAE,MAAM,IAAI;GAAe,QAAQ;GAAG,QAAQ,OAAO,UAAU;GAAE,CAAC;AAEjF,QAAM,KAAK,EAAE,MAAM,MAAM,MAAM,SAAS,GAAG,OAAO,eAAe,CAAC;AAClE,SAAO;;AAGX,QAAO;EACH,UAAU;IACL,UAAU,QAAQ,EACf,aAAa,EAAC,gBAAe,CAAC,MAAM,UAAU,CAAC,EAClD;IACA,UAAU,OAAO,EACd,aAAa,EAAC,gBAAe,CAAC,KAAK,UAAU,CAAC,EACjD;GACJ;EACD;EACA;EACH"}
+{"version":3,"file":"rmspritesheet.js","names":[],"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}"],"mappings":";;AAEA,IAAa,iBAAiB,aAAqB,cAAsB,aAAqB,MAAM;CAEhG,IAAI,eAAe,YACf,aAAa,cAAc;CAG/B,MAAM,UAAS,cAAa;EACxB,MAAM,MAAM,KAAK,IAAI,IAAI,cAAc,EAAE;EACzC,OAAO;IACF,UAAU,OAAO;IACjB,UAAU,OAAO,KAAK,IAAI,GAAG,IAAI,IAAI;IACrC,UAAU,QAAQ,KAAK,IAAI,GAAG,IAAI,IAAI;IACtC,UAAU,KAAK,KAAK,IAAI,GAAG,IAAI,IAAI;GACvC,CAAC;;CAGN,MAAM,SAAS,cAAsB,CAAC;EAAE,MAAM;EAAG,QAAQ;EAAY,QAAQ,OAAO,UAAU;EAAE,CAAC;CACjG,MAAM,QAAO,cAAa;EACtB,MAAM,QAAa,EAAE;EACrB,MAAM,gBAAgB;EACtB,KAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAC7B,MAAM,KAAK;GAAE,MAAM,IAAI;GAAe,QAAQ;GAAG,QAAQ,OAAO,UAAU;GAAE,CAAC;EAEjF,MAAM,KAAK,EAAE,MAAM,MAAM,MAAM,SAAS,GAAG,OAAO,eAAe,CAAC;EAClE,OAAO;;CAGX,OAAO;EACH,UAAU;IACL,UAAU,QAAQ,EACf,aAAa,EAAC,gBAAe,CAAC,MAAM,UAAU,CAAC,EAClD;IACA,UAAU,OAAO,EACd,aAAa,EAAC,gBAAe,CAAC,KAAK,UAAU,CAAC,EACjD;GACJ;EACD;EACA;EACH"}

package/dist/services/AbstractSocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractSocket.js","names":[],"sources":["../../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport type SocketQueryValue = string | null | undefined;\nexport type SocketQuery = Record<string, SocketQueryValue>;\nexport type SocketUpdateProperties = {\n  room: string;\n  host?: string;\n  query?: SocketQuery;\n};\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: SocketUpdateProperties): void;\n  abstract reconnect(listeners?: (data: any) => void): Promise<void>;\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;AAU9B,IAAsB,oBAAtB,MAAwC;CACtC,YAAY,SAA4B;AAAlB,OAAA,UAAA"}
+{"version":3,"file":"AbstractSocket.js","names":[],"sources":["../../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport type SocketQueryValue = string | null | undefined;\nexport type SocketQuery = Record<string, SocketQueryValue>;\nexport type SocketUpdateProperties = {\n  room: string;\n  host?: string;\n  query?: SocketQuery;\n};\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: SocketUpdateProperties): void;\n  abstract reconnect(listeners?: (data: any) => void): Promise<void>;\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;AAU9B,IAAsB,oBAAtB,MAAwC;CACtC,YAAY,SAA4B;EAAlB,KAAA,UAAA"}

package/dist/services/keyboardControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardControls.js","names":[],"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}"],"mappings":";AAEA,IAAY,UAAL,yBAAA,SAAA;AACL,SAAA,YAAS;AACT,SAAA,YAAS;AACT,SAAA,aAAU;AACV,SAAA,WAAQ;AACR,SAAA,UAAO;AACP,SAAA,QAAA,QAAK,KAAA;AACL,SAAA,QAAA,UAAO,KAAA;AACP,SAAA,QAAA,WAAQ,KAAA;AACR,SAAA,QAAA,UAAO,KAAA;;KACR;AAED,SAAgB,0BAA0B;AACxC,QAAO;EACL,SAAS;EACT,UAAU;EACX"}
+{"version":3,"file":"keyboardControls.js","names":[],"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}"],"mappings":";AAEA,IAAY,UAAL,yBAAA,SAAA;CACL,QAAA,YAAS;CACT,QAAA,YAAS;CACT,QAAA,aAAU;CACV,QAAA,WAAQ;CACR,QAAA,UAAO;CACP,QAAA,QAAA,QAAK,KAAA;CACL,QAAA,QAAA,UAAO,KAAA;CACP,QAAA,QAAA,WAAQ,KAAA;CACR,QAAA,QAAA,UAAO,KAAA;;KACR;AAED,SAAgB,0BAA0B;CACxC,OAAO;EACL,SAAS;EACT,UAAU;EACX"}

package/dist/services/loadMap.js

@@ -1,4 +1,4 @@
-import { inject } from "../node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { inject } from "../node_modules/.pnpm/@signe_di@2.10.0/node_modules/@signe/di/dist/index.js";
 import { UpdateMapToken } from "@rpgjs/common";
 //#region src/services/loadMap.ts
 var LoadMapToken = "LoadMapToken";

package/dist/services/loadMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadMap.js","names":[],"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"],"mappings":";;;AAGA,IAAa,eAAe;AAkC5B,IAAa,iBAAb,MAA4B;CAG1B,YAAY,SAA0B,SAAiC;AAAnD,OAAA,UAAA;AAA0B,OAAA,UAAA;AAC5C,MAAI,QAAQ,YAAY,SACtB;AAEF,OAAK,mBAAmB,OAAO,SAAS,eAAe;;CAGzD,MAAM,KAAK,OAAe;EACxB,MAAM,MAAM,MAAM,KAAK,QAAQ,MAAM,QAAQ,QAAQ,GAAG,CAAC;AACzD,QAAM,KAAK,iBAAiB,OAAO,IAAI;AACvC,SAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FX,SAAgB,eAAe,SAAyB;AACtD,QAAO,CACL;EACE,SAAS;EACT,aAAa,YAAqB;AAChC,OAAI,QAAQ,YAAY,SACtB,SAAQ,KAAK,mCAAmC;;EAIrD,EACD;EACE,SAAS;EACT,aAAa,YAAqB,IAAI,eAAe,SAAS,QAAQ;EACvE,CACF"}
+{"version":3,"file":"loadMap.js","names":[],"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"],"mappings":";;;AAGA,IAAa,eAAe;AAkC5B,IAAa,iBAAb,MAA4B;CAG1B,YAAY,SAA0B,SAAiC;EAAnD,KAAA,UAAA;EAA0B,KAAA,UAAA;EAC5C,IAAI,QAAQ,YAAY,UACtB;EAEF,KAAK,mBAAmB,OAAO,SAAS,eAAe;;CAGzD,MAAM,KAAK,OAAe;EACxB,MAAM,MAAM,MAAM,KAAK,QAAQ,MAAM,QAAQ,QAAQ,GAAG,CAAC;EACzD,MAAM,KAAK,iBAAiB,OAAO,IAAI;EACvC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FX,SAAgB,eAAe,SAAyB;CACtD,OAAO,CACL;EACE,SAAS;EACT,aAAa,YAAqB;GAChC,IAAI,QAAQ,YAAY,UACtB,QAAQ,KAAK,mCAAmC;;EAIrD,EACD;EACE,SAAS;EACT,aAAa,YAAqB,IAAI,eAAe,SAAS,QAAQ;EACvE,CACF"}

package/dist/services/mmorpg.js

@@ -3,7 +3,7 @@ import { provideSaveClient } from "./save.js";
 import { RpgGui } from "../Gui/Gui.js";
 import { RpgClientEngine } from "../RpgClientEngine.js";
 import { provideKeyboardControls } from "./keyboardControls.js";
-import { connectionRoom } from "../node_modules/.pnpm/@signe_sync@2.9.0/node_modules/@signe/sync/dist/client/index.js";
+import { connectionRoom } from "../node_modules/.pnpm/@signe_sync@2.10.0/node_modules/@signe/sync/dist/client/index.js";
 import { UpdateMapService, UpdateMapToken } from "@rpgjs/common";
 //#region src/services/mmorpg.ts
 var BridgeWebsocket = class extends AbstractWebsocket {

package/dist/services/mmorpg.js.map

@@ -1 +1 @@
-{"version":3,"file":"mmorpg.js","names":[],"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, SocketUpdateProperties, WebSocketToken } from \"./AbstractSocket\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\nimport { provideSaveClient } from \"./save\";\n\ninterface MmorpgOptions {\n    host?: string;\n    connectionId?: string;\n    connectionIdScope?: \"local\" | \"session\" | \"ephemeral\";\n}\n\nclass BridgeWebsocket extends AbstractWebsocket {\n  private socket: any;\n  private privateId: string;\n  private pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];\n  private targetRoom = \"lobby-1\";\n\n  constructor(protected context: Context, private options: MmorpgOptions = {}) {\n    super(context);\n    this.privateId = this.resolveConnectionId();\n  }\n\n  private resolveConnectionId(): string {\n    if (this.options.connectionId) {\n      return this.options.connectionId;\n    }\n\n    const scope = this.options.connectionIdScope ?? \"local\";\n    const key = \"rpgjs-user-id\";\n\n    if (scope === \"ephemeral\") {\n      return crypto.randomUUID();\n    }\n\n    const storage =\n      scope === \"session\"\n        ? window.sessionStorage\n        : window.localStorage;\n\n    const existing = storage.getItem(key);\n    if (existing) {\n      return existing;\n    }\n\n    const id = crypto.randomUUID();\n    storage.setItem(key, id);\n    return id;\n  }\n\n  async connection(listeners?: (data: any) => void) {\n    // tmp\n    class Room {\n        \n    }\n    const instance = new Room()\n    const host = this.options.host || window.location.host;\n    this.socket = await connectionRoom({\n        host,\n        room: this.targetRoom,\n        id: this.privateId\n    }, instance)\n\n    listeners?.(this.socket)\n    this.pendingOn.forEach(({ event, callback }) => this.socket.on(event, callback));\n    this.pendingOn = [];\n  }\n\n  on(key: string, callback: (data: any) => void) {\n    if (!this.socket) {\n      this.pendingOn.push({ event: key, callback });\n      return;\n    }\n    this.socket.on(key, callback);\n  }\n\n  off(event: string, callback: (data: any) => void) {\n    if (!this.socket) return;\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, host, query }: SocketUpdateProperties) {\n    if (!this.socket?.conn) return;\n    this.targetRoom = room;\n    this.socket.conn.updateProperties({\n      room,\n      id: this.privateId,\n      host: host || this.options.host || window.location.host,\n      query,\n    })\n  }\n\n  private waitForNextOpen(conn: any, timeoutMs = 10000): Promise<void> {\n    return new Promise((resolve, reject) => {\n      let timeoutId: number | undefined;\n      const onOpen = () => {\n        cleanup();\n        resolve();\n      };\n      const onError = () => {\n        cleanup();\n        reject(new Error(\"WebSocket reconnect failed\"));\n      };\n      const cleanup = () => {\n        conn.removeEventListener(\"open\", onOpen);\n        conn.removeEventListener(\"error\", onError);\n        if (timeoutId !== undefined) {\n          window.clearTimeout(timeoutId);\n        }\n      };\n\n      conn.addEventListener(\"open\", onOpen);\n      conn.addEventListener(\"error\", onError);\n      timeoutId = window.setTimeout(() => {\n        cleanup();\n        reject(new Error(\"WebSocket reconnect timeout\"));\n      }, timeoutMs);\n    });\n  }\n\n  async reconnect(_listeners?: (data: any) => void): Promise<void> {\n    if (!this.socket?.conn) return;\n    const conn = this.socket.conn;\n    const opened = this.waitForNextOpen(conn);\n    conn.reconnect();\n    await opened;\n  }\n\n  getCurrentRoom(): string {\n    return this.targetRoom || this.socket?.conn?.room || \"lobby-1\";\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    // In MMORPG mode, clients are untrusted and must not push map definitions.\n    // Map bootstrap/update is handled server-side by @rpgjs/vite.\n    return;\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    provideSaveClient(),\n    RpgGui,\n    RpgClientEngine,\n  ];\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,kBAAN,cAA8B,kBAAkB;CAM9C,YAAY,SAA4B,UAAiC,EAAE,EAAE;AAC3E,QAAM,QAAQ;AADM,OAAA,UAAA;AAA0B,OAAA,UAAA;mBAH6B,EAAE;oBAC1D;AAInB,OAAK,YAAY,KAAK,qBAAqB;;CAG7C,sBAAsC;AACpC,MAAI,KAAK,QAAQ,aACf,QAAO,KAAK,QAAQ;EAGtB,MAAM,QAAQ,KAAK,QAAQ,qBAAqB;EAChD,MAAM,MAAM;AAEZ,MAAI,UAAU,YACZ,QAAO,OAAO,YAAY;EAG5B,MAAM,UACJ,UAAU,YACN,OAAO,iBACP,OAAO;EAEb,MAAM,WAAW,QAAQ,QAAQ,IAAI;AACrC,MAAI,SACF,QAAO;EAGT,MAAM,KAAK,OAAO,YAAY;AAC9B,UAAQ,QAAQ,KAAK,GAAG;AACxB,SAAO;;CAGT,MAAM,WAAW,WAAiC;EAEhD,MAAM,KAAK;EAGX,MAAM,WAAW,IAAI,MAAM;EAC3B,MAAM,OAAO,KAAK,QAAQ,QAAQ,OAAO,SAAS;AAClD,OAAK,SAAS,MAAM,eAAe;GAC/B;GACA,MAAM,KAAK;GACX,IAAI,KAAK;GACZ,EAAE,SAAS;AAEZ,cAAY,KAAK,OAAO;AACxB,OAAK,UAAU,SAAS,EAAE,OAAO,eAAe,KAAK,OAAO,GAAG,OAAO,SAAS,CAAC;AAChF,OAAK,YAAY,EAAE;;CAGrB,GAAG,KAAa,UAA+B;AAC7C,MAAI,CAAC,KAAK,QAAQ;AAChB,QAAK,UAAU,KAAK;IAAE,OAAO;IAAK;IAAU,CAAC;AAC7C;;AAEF,OAAK,OAAO,GAAG,KAAK,SAAS;;CAG/B,IAAI,OAAe,UAA+B;AAChD,MAAI,CAAC,KAAK,OAAQ;AAClB,OAAK,OAAO,IAAI,OAAO,SAAS;;CAGlC,KAAK,OAAe,MAAW;AAC7B,OAAK,OAAO,KAAK,OAAO,KAAK;;CAG/B,iBAAiB,EAAE,MAAM,MAAM,SAAiC;AAC9D,MAAI,CAAC,KAAK,QAAQ,KAAM;AACxB,OAAK,aAAa;AAClB,OAAK,OAAO,KAAK,iBAAiB;GAChC;GACA,IAAI,KAAK;GACT,MAAM,QAAQ,KAAK,QAAQ,QAAQ,OAAO,SAAS;GACnD;GACD,CAAC;;CAGJ,gBAAwB,MAAW,YAAY,KAAsB;AACnE,SAAO,IAAI,SAAS,SAAS,WAAW;GACtC,IAAI;GACJ,MAAM,eAAe;AACnB,aAAS;AACT,aAAS;;GAEX,MAAM,gBAAgB;AACpB,aAAS;AACT,2BAAO,IAAI,MAAM,6BAA6B,CAAC;;GAEjD,MAAM,gBAAgB;AACpB,SAAK,oBAAoB,QAAQ,OAAO;AACxC,SAAK,oBAAoB,SAAS,QAAQ;AAC1C,QAAI,cAAc,KAAA,EAChB,QAAO,aAAa,UAAU;;AAIlC,QAAK,iBAAiB,QAAQ,OAAO;AACrC,QAAK,iBAAiB,SAAS,QAAQ;AACvC,eAAY,OAAO,iBAAiB;AAClC,aAAS;AACT,2BAAO,IAAI,MAAM,8BAA8B,CAAC;MAC/C,UAAU;IACb;;CAGJ,MAAM,UAAU,YAAiD;AAC/D,MAAI,CAAC,KAAK,QAAQ,KAAM;EACxB,MAAM,OAAO,KAAK,OAAO;EACzB,MAAM,SAAS,KAAK,gBAAgB,KAAK;AACzC,OAAK,WAAW;AAChB,QAAM;;CAGR,iBAAyB;AACvB,SAAO,KAAK,cAAc,KAAK,QAAQ,MAAM,QAAQ;;;AAIzD,IAAM,6BAAN,cAAyC,iBAAiB;CACxD,YAAY,SAA4B,UAAiC;AACvE,QAAM,QAAQ;AADM,OAAA,UAAA;AAA0B,OAAA,WAAA;;CAIhD,MAAM,OAAO,MAAW;;AAO1B,SAAgB,cAAc,SAAwB;AACpD,QAAO;EACL;GACE,SAAS;GACT,aAAa,YAAqB,IAAI,gBAAgB,SAAS,QAAQ;GACxE;EACD;GACE,SAAS;GACT,aAAa,YAAqB,IAAI,2BAA2B,SAAS,QAAQ;GACnF;EACD,yBAAyB;EACzB,mBAAmB;EACnB;EACA;EACD"}
+{"version":3,"file":"mmorpg.js","names":[],"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, SocketUpdateProperties, WebSocketToken } from \"./AbstractSocket\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\nimport { provideSaveClient } from \"./save\";\n\ninterface MmorpgOptions {\n    host?: string;\n    connectionId?: string;\n    connectionIdScope?: \"local\" | \"session\" | \"ephemeral\";\n}\n\nclass BridgeWebsocket extends AbstractWebsocket {\n  private socket: any;\n  private privateId: string;\n  private pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];\n  private targetRoom = \"lobby-1\";\n\n  constructor(protected context: Context, private options: MmorpgOptions = {}) {\n    super(context);\n    this.privateId = this.resolveConnectionId();\n  }\n\n  private resolveConnectionId(): string {\n    if (this.options.connectionId) {\n      return this.options.connectionId;\n    }\n\n    const scope = this.options.connectionIdScope ?? \"local\";\n    const key = \"rpgjs-user-id\";\n\n    if (scope === \"ephemeral\") {\n      return crypto.randomUUID();\n    }\n\n    const storage =\n      scope === \"session\"\n        ? window.sessionStorage\n        : window.localStorage;\n\n    const existing = storage.getItem(key);\n    if (existing) {\n      return existing;\n    }\n\n    const id = crypto.randomUUID();\n    storage.setItem(key, id);\n    return id;\n  }\n\n  async connection(listeners?: (data: any) => void) {\n    // tmp\n    class Room {\n        \n    }\n    const instance = new Room()\n    const host = this.options.host || window.location.host;\n    this.socket = await connectionRoom({\n        host,\n        room: this.targetRoom,\n        id: this.privateId\n    }, instance)\n\n    listeners?.(this.socket)\n    this.pendingOn.forEach(({ event, callback }) => this.socket.on(event, callback));\n    this.pendingOn = [];\n  }\n\n  on(key: string, callback: (data: any) => void) {\n    if (!this.socket) {\n      this.pendingOn.push({ event: key, callback });\n      return;\n    }\n    this.socket.on(key, callback);\n  }\n\n  off(event: string, callback: (data: any) => void) {\n    if (!this.socket) return;\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, host, query }: SocketUpdateProperties) {\n    if (!this.socket?.conn) return;\n    this.targetRoom = room;\n    this.socket.conn.updateProperties({\n      room,\n      id: this.privateId,\n      host: host || this.options.host || window.location.host,\n      query,\n    })\n  }\n\n  private waitForNextOpen(conn: any, timeoutMs = 10000): Promise<void> {\n    return new Promise((resolve, reject) => {\n      let timeoutId: number | undefined;\n      const onOpen = () => {\n        cleanup();\n        resolve();\n      };\n      const onError = () => {\n        cleanup();\n        reject(new Error(\"WebSocket reconnect failed\"));\n      };\n      const cleanup = () => {\n        conn.removeEventListener(\"open\", onOpen);\n        conn.removeEventListener(\"error\", onError);\n        if (timeoutId !== undefined) {\n          window.clearTimeout(timeoutId);\n        }\n      };\n\n      conn.addEventListener(\"open\", onOpen);\n      conn.addEventListener(\"error\", onError);\n      timeoutId = window.setTimeout(() => {\n        cleanup();\n        reject(new Error(\"WebSocket reconnect timeout\"));\n      }, timeoutMs);\n    });\n  }\n\n  async reconnect(_listeners?: (data: any) => void): Promise<void> {\n    if (!this.socket?.conn) return;\n    const conn = this.socket.conn;\n    const opened = this.waitForNextOpen(conn);\n    conn.reconnect();\n    await opened;\n  }\n\n  getCurrentRoom(): string {\n    return this.targetRoom || this.socket?.conn?.room || \"lobby-1\";\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    // In MMORPG mode, clients are untrusted and must not push map definitions.\n    // Map bootstrap/update is handled server-side by @rpgjs/vite.\n    return;\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    provideSaveClient(),\n    RpgGui,\n    RpgClientEngine,\n  ];\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,kBAAN,cAA8B,kBAAkB;CAM9C,YAAY,SAA4B,UAAiC,EAAE,EAAE;EAC3E,MAAM,QAAQ;EADM,KAAA,UAAA;EAA0B,KAAA,UAAA;mBAH6B,EAAE;oBAC1D;EAInB,KAAK,YAAY,KAAK,qBAAqB;;CAG7C,sBAAsC;EACpC,IAAI,KAAK,QAAQ,cACf,OAAO,KAAK,QAAQ;EAGtB,MAAM,QAAQ,KAAK,QAAQ,qBAAqB;EAChD,MAAM,MAAM;EAEZ,IAAI,UAAU,aACZ,OAAO,OAAO,YAAY;EAG5B,MAAM,UACJ,UAAU,YACN,OAAO,iBACP,OAAO;EAEb,MAAM,WAAW,QAAQ,QAAQ,IAAI;EACrC,IAAI,UACF,OAAO;EAGT,MAAM,KAAK,OAAO,YAAY;EAC9B,QAAQ,QAAQ,KAAK,GAAG;EACxB,OAAO;;CAGT,MAAM,WAAW,WAAiC;EAEhD,MAAM,KAAK;EAGX,MAAM,WAAW,IAAI,MAAM;EAC3B,MAAM,OAAO,KAAK,QAAQ,QAAQ,OAAO,SAAS;EAClD,KAAK,SAAS,MAAM,eAAe;GAC/B;GACA,MAAM,KAAK;GACX,IAAI,KAAK;GACZ,EAAE,SAAS;EAEZ,YAAY,KAAK,OAAO;EACxB,KAAK,UAAU,SAAS,EAAE,OAAO,eAAe,KAAK,OAAO,GAAG,OAAO,SAAS,CAAC;EAChF,KAAK,YAAY,EAAE;;CAGrB,GAAG,KAAa,UAA+B;EAC7C,IAAI,CAAC,KAAK,QAAQ;GAChB,KAAK,UAAU,KAAK;IAAE,OAAO;IAAK;IAAU,CAAC;GAC7C;;EAEF,KAAK,OAAO,GAAG,KAAK,SAAS;;CAG/B,IAAI,OAAe,UAA+B;EAChD,IAAI,CAAC,KAAK,QAAQ;EAClB,KAAK,OAAO,IAAI,OAAO,SAAS;;CAGlC,KAAK,OAAe,MAAW;EAC7B,KAAK,OAAO,KAAK,OAAO,KAAK;;CAG/B,iBAAiB,EAAE,MAAM,MAAM,SAAiC;EAC9D,IAAI,CAAC,KAAK,QAAQ,MAAM;EACxB,KAAK,aAAa;EAClB,KAAK,OAAO,KAAK,iBAAiB;GAChC;GACA,IAAI,KAAK;GACT,MAAM,QAAQ,KAAK,QAAQ,QAAQ,OAAO,SAAS;GACnD;GACD,CAAC;;CAGJ,gBAAwB,MAAW,YAAY,KAAsB;EACnE,OAAO,IAAI,SAAS,SAAS,WAAW;GACtC,IAAI;GACJ,MAAM,eAAe;IACnB,SAAS;IACT,SAAS;;GAEX,MAAM,gBAAgB;IACpB,SAAS;IACT,uBAAO,IAAI,MAAM,6BAA6B,CAAC;;GAEjD,MAAM,gBAAgB;IACpB,KAAK,oBAAoB,QAAQ,OAAO;IACxC,KAAK,oBAAoB,SAAS,QAAQ;IAC1C,IAAI,cAAc,KAAA,GAChB,OAAO,aAAa,UAAU;;GAIlC,KAAK,iBAAiB,QAAQ,OAAO;GACrC,KAAK,iBAAiB,SAAS,QAAQ;GACvC,YAAY,OAAO,iBAAiB;IAClC,SAAS;IACT,uBAAO,IAAI,MAAM,8BAA8B,CAAC;MAC/C,UAAU;IACb;;CAGJ,MAAM,UAAU,YAAiD;EAC/D,IAAI,CAAC,KAAK,QAAQ,MAAM;EACxB,MAAM,OAAO,KAAK,OAAO;EACzB,MAAM,SAAS,KAAK,gBAAgB,KAAK;EACzC,KAAK,WAAW;EAChB,MAAM;;CAGR,iBAAyB;EACvB,OAAO,KAAK,cAAc,KAAK,QAAQ,MAAM,QAAQ;;;AAIzD,IAAM,6BAAN,cAAyC,iBAAiB;CACxD,YAAY,SAA4B,UAAiC;EACvE,MAAM,QAAQ;EADM,KAAA,UAAA;EAA0B,KAAA,WAAA;;CAIhD,MAAM,OAAO,MAAW;;AAO1B,SAAgB,cAAc,SAAwB;CACpD,OAAO;EACL;GACE,SAAS;GACT,aAAa,YAAqB,IAAI,gBAAgB,SAAS,QAAQ;GACxE;EACD;GACE,SAAS;GACT,aAAa,YAAqB,IAAI,2BAA2B,SAAS,QAAQ;GACnF;EACD,yBAAyB;EACzB,mBAAmB;EACnB;EACA;EACD"}

package/dist/services/save.js.map

@@ -1 +1 @@
-{"version":3,"file":"save.js","names":[],"sources":["../../src/services/save.ts"],"sourcesContent":["import type { SaveSlotList, SaveSlotMeta } from \"@rpgjs/common\";\nimport { inject } from \"../core/inject\";\nimport { AbstractWebsocket, WebSocketToken } from \"./AbstractSocket\";\n\nexport const SaveClientToken = \"SaveClientToken\";\n\ntype SaveListResult = {\n  requestId: string;\n  slots: SaveSlotList;\n};\n\ntype SaveSaveResult = {\n  requestId: string;\n  index: number;\n  slots: SaveSlotList;\n};\n\ntype SaveLoadResult = {\n  requestId: string;\n  index: number;\n  ok: boolean;\n  slot?: SaveSlotMeta;\n};\n\ntype SaveErrorResult = {\n  requestId: string;\n  message: string;\n};\n\ntype PendingRequest = {\n  resolve: (value: any) => void;\n  reject: (error: Error) => void;\n};\n\nexport class SaveClientService {\n  private webSocket: AbstractWebsocket = inject(WebSocketToken);\n  private pending: Map<string, PendingRequest> = new Map();\n  private requestCounter = 0;\n\n  initialize() {\n    const saveListResult = (data: SaveListResult) => this.resolveRequest(data.requestId, data);\n    const saveSaveResult = (data: SaveSaveResult) => this.resolveRequest(data.requestId, data);\n    const saveLoadResult = (data: SaveLoadResult) => this.resolveRequest(data.requestId, data);\n    const saveErrorResult = (data: SaveErrorResult) => this.rejectRequest(data.requestId, data.message);\n    this.webSocket.off(\"save.list.result\", saveListResult);\n    this.webSocket.off(\"save.save.result\", saveSaveResult);\n    this.webSocket.off(\"save.load.result\", saveLoadResult);\n    this.webSocket.off(\"save.error\", saveErrorResult);\n    this.webSocket.on(\"save.list.result\", saveListResult);\n    this.webSocket.on(\"save.save.result\", saveSaveResult);\n    this.webSocket.on(\"save.load.result\", saveLoadResult);\n    this.webSocket.on(\"save.error\", saveErrorResult);\n  }\n\n  listSlots(): Promise<SaveSlotList> {\n    return this.request<SaveListResult>(\"save.list\", {}).then((result) => result.slots);\n  }\n\n  saveSlot(index: number, meta: SaveSlotMeta = {}): Promise<SaveSlotList> {\n    return this.request<SaveSaveResult>(\"save.save\", { index, meta }).then((result) => result.slots);\n  }\n\n  loadSlot(index: number): Promise<boolean> {\n    return this.request<SaveLoadResult>(\"save.load\", { index }).then((result) => result.ok);\n  }\n\n  private request<T>(event: string, payload: Record<string, any>): Promise<T> {\n    return new Promise((resolve, reject) => {\n      if (!this.webSocket) {\n        this.initialize();\n      }\n      const requestId = this.nextRequestId();\n      this.pending.set(requestId, { resolve, reject });\n      this.webSocket?.emit(event, { requestId, ...payload });\n    });\n  }\n\n  private resolveRequest(requestId: string, result: any) {\n    const pending = this.pending.get(requestId);\n    if (!pending) return;\n    this.pending.delete(requestId);\n    pending.resolve(result);\n  }\n\n  private rejectRequest(requestId: string, message: string) {\n    const pending = this.pending.get(requestId);\n    if (!pending) return;\n    this.pending.delete(requestId);\n    pending.reject(new Error(message));\n  }\n\n  private nextRequestId(): string {\n    this.requestCounter += 1;\n    return `${Date.now()}-${this.requestCounter}`;\n  }\n}\n\nexport function provideSaveClient() {\n  return {\n    provide: SaveClientService,\n    useClass: SaveClientService,\n  };\n}\n"],"mappings":";;;AAIA,IAAa,kBAAkB;AA8B/B,IAAa,oBAAb,MAA+B;;mBACU,OAAO,eAAe;iCACd,IAAI,KAAK;wBAC/B;;CAEzB,aAAa;EACX,MAAM,kBAAkB,SAAyB,KAAK,eAAe,KAAK,WAAW,KAAK;EAC1F,MAAM,kBAAkB,SAAyB,KAAK,eAAe,KAAK,WAAW,KAAK;EAC1F,MAAM,kBAAkB,SAAyB,KAAK,eAAe,KAAK,WAAW,KAAK;EAC1F,MAAM,mBAAmB,SAA0B,KAAK,cAAc,KAAK,WAAW,KAAK,QAAQ;AACnG,OAAK,UAAU,IAAI,oBAAoB,eAAe;AACtD,OAAK,UAAU,IAAI,oBAAoB,eAAe;AACtD,OAAK,UAAU,IAAI,oBAAoB,eAAe;AACtD,OAAK,UAAU,IAAI,cAAc,gBAAgB;AACjD,OAAK,UAAU,GAAG,oBAAoB,eAAe;AACrD,OAAK,UAAU,GAAG,oBAAoB,eAAe;AACrD,OAAK,UAAU,GAAG,oBAAoB,eAAe;AACrD,OAAK,UAAU,GAAG,cAAc,gBAAgB;;CAGlD,YAAmC;AACjC,SAAO,KAAK,QAAwB,aAAa,EAAE,CAAC,CAAC,MAAM,WAAW,OAAO,MAAM;;CAGrF,SAAS,OAAe,OAAqB,EAAE,EAAyB;AACtE,SAAO,KAAK,QAAwB,aAAa;GAAE;GAAO;GAAM,CAAC,CAAC,MAAM,WAAW,OAAO,MAAM;;CAGlG,SAAS,OAAiC;AACxC,SAAO,KAAK,QAAwB,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,WAAW,OAAO,GAAG;;CAGzF,QAAmB,OAAe,SAA0C;AAC1E,SAAO,IAAI,SAAS,SAAS,WAAW;AACtC,OAAI,CAAC,KAAK,UACR,MAAK,YAAY;GAEnB,MAAM,YAAY,KAAK,eAAe;AACtC,QAAK,QAAQ,IAAI,WAAW;IAAE;IAAS;IAAQ,CAAC;AAChD,QAAK,WAAW,KAAK,OAAO;IAAE;IAAW,GAAG;IAAS,CAAC;IACtD;;CAGJ,eAAuB,WAAmB,QAAa;EACrD,MAAM,UAAU,KAAK,QAAQ,IAAI,UAAU;AAC3C,MAAI,CAAC,QAAS;AACd,OAAK,QAAQ,OAAO,UAAU;AAC9B,UAAQ,QAAQ,OAAO;;CAGzB,cAAsB,WAAmB,SAAiB;EACxD,MAAM,UAAU,KAAK,QAAQ,IAAI,UAAU;AAC3C,MAAI,CAAC,QAAS;AACd,OAAK,QAAQ,OAAO,UAAU;AAC9B,UAAQ,OAAO,IAAI,MAAM,QAAQ,CAAC;;CAGpC,gBAAgC;AAC9B,OAAK,kBAAkB;AACvB,SAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK;;;AAIjC,SAAgB,oBAAoB;AAClC,QAAO;EACL,SAAS;EACT,UAAU;EACX"}
+{"version":3,"file":"save.js","names":[],"sources":["../../src/services/save.ts"],"sourcesContent":["import type { SaveSlotList, SaveSlotMeta } from \"@rpgjs/common\";\nimport { inject } from \"../core/inject\";\nimport { AbstractWebsocket, WebSocketToken } from \"./AbstractSocket\";\n\nexport const SaveClientToken = \"SaveClientToken\";\n\ntype SaveListResult = {\n  requestId: string;\n  slots: SaveSlotList;\n};\n\ntype SaveSaveResult = {\n  requestId: string;\n  index: number;\n  slots: SaveSlotList;\n};\n\ntype SaveLoadResult = {\n  requestId: string;\n  index: number;\n  ok: boolean;\n  slot?: SaveSlotMeta;\n};\n\ntype SaveErrorResult = {\n  requestId: string;\n  message: string;\n};\n\ntype PendingRequest = {\n  resolve: (value: any) => void;\n  reject: (error: Error) => void;\n};\n\nexport class SaveClientService {\n  private webSocket: AbstractWebsocket = inject(WebSocketToken);\n  private pending: Map<string, PendingRequest> = new Map();\n  private requestCounter = 0;\n\n  initialize() {\n    const saveListResult = (data: SaveListResult) => this.resolveRequest(data.requestId, data);\n    const saveSaveResult = (data: SaveSaveResult) => this.resolveRequest(data.requestId, data);\n    const saveLoadResult = (data: SaveLoadResult) => this.resolveRequest(data.requestId, data);\n    const saveErrorResult = (data: SaveErrorResult) => this.rejectRequest(data.requestId, data.message);\n    this.webSocket.off(\"save.list.result\", saveListResult);\n    this.webSocket.off(\"save.save.result\", saveSaveResult);\n    this.webSocket.off(\"save.load.result\", saveLoadResult);\n    this.webSocket.off(\"save.error\", saveErrorResult);\n    this.webSocket.on(\"save.list.result\", saveListResult);\n    this.webSocket.on(\"save.save.result\", saveSaveResult);\n    this.webSocket.on(\"save.load.result\", saveLoadResult);\n    this.webSocket.on(\"save.error\", saveErrorResult);\n  }\n\n  listSlots(): Promise<SaveSlotList> {\n    return this.request<SaveListResult>(\"save.list\", {}).then((result) => result.slots);\n  }\n\n  saveSlot(index: number, meta: SaveSlotMeta = {}): Promise<SaveSlotList> {\n    return this.request<SaveSaveResult>(\"save.save\", { index, meta }).then((result) => result.slots);\n  }\n\n  loadSlot(index: number): Promise<boolean> {\n    return this.request<SaveLoadResult>(\"save.load\", { index }).then((result) => result.ok);\n  }\n\n  private request<T>(event: string, payload: Record<string, any>): Promise<T> {\n    return new Promise((resolve, reject) => {\n      if (!this.webSocket) {\n        this.initialize();\n      }\n      const requestId = this.nextRequestId();\n      this.pending.set(requestId, { resolve, reject });\n      this.webSocket?.emit(event, { requestId, ...payload });\n    });\n  }\n\n  private resolveRequest(requestId: string, result: any) {\n    const pending = this.pending.get(requestId);\n    if (!pending) return;\n    this.pending.delete(requestId);\n    pending.resolve(result);\n  }\n\n  private rejectRequest(requestId: string, message: string) {\n    const pending = this.pending.get(requestId);\n    if (!pending) return;\n    this.pending.delete(requestId);\n    pending.reject(new Error(message));\n  }\n\n  private nextRequestId(): string {\n    this.requestCounter += 1;\n    return `${Date.now()}-${this.requestCounter}`;\n  }\n}\n\nexport function provideSaveClient() {\n  return {\n    provide: SaveClientService,\n    useClass: SaveClientService,\n  };\n}\n"],"mappings":";;;AAIA,IAAa,kBAAkB;AA8B/B,IAAa,oBAAb,MAA+B;;mBACU,OAAO,eAAe;iCACd,IAAI,KAAK;wBAC/B;;CAEzB,aAAa;EACX,MAAM,kBAAkB,SAAyB,KAAK,eAAe,KAAK,WAAW,KAAK;EAC1F,MAAM,kBAAkB,SAAyB,KAAK,eAAe,KAAK,WAAW,KAAK;EAC1F,MAAM,kBAAkB,SAAyB,KAAK,eAAe,KAAK,WAAW,KAAK;EAC1F,MAAM,mBAAmB,SAA0B,KAAK,cAAc,KAAK,WAAW,KAAK,QAAQ;EACnG,KAAK,UAAU,IAAI,oBAAoB,eAAe;EACtD,KAAK,UAAU,IAAI,oBAAoB,eAAe;EACtD,KAAK,UAAU,IAAI,oBAAoB,eAAe;EACtD,KAAK,UAAU,IAAI,cAAc,gBAAgB;EACjD,KAAK,UAAU,GAAG,oBAAoB,eAAe;EACrD,KAAK,UAAU,GAAG,oBAAoB,eAAe;EACrD,KAAK,UAAU,GAAG,oBAAoB,eAAe;EACrD,KAAK,UAAU,GAAG,cAAc,gBAAgB;;CAGlD,YAAmC;EACjC,OAAO,KAAK,QAAwB,aAAa,EAAE,CAAC,CAAC,MAAM,WAAW,OAAO,MAAM;;CAGrF,SAAS,OAAe,OAAqB,EAAE,EAAyB;EACtE,OAAO,KAAK,QAAwB,aAAa;GAAE;GAAO;GAAM,CAAC,CAAC,MAAM,WAAW,OAAO,MAAM;;CAGlG,SAAS,OAAiC;EACxC,OAAO,KAAK,QAAwB,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,WAAW,OAAO,GAAG;;CAGzF,QAAmB,OAAe,SAA0C;EAC1E,OAAO,IAAI,SAAS,SAAS,WAAW;GACtC,IAAI,CAAC,KAAK,WACR,KAAK,YAAY;GAEnB,MAAM,YAAY,KAAK,eAAe;GACtC,KAAK,QAAQ,IAAI,WAAW;IAAE;IAAS;IAAQ,CAAC;GAChD,KAAK,WAAW,KAAK,OAAO;IAAE;IAAW,GAAG;IAAS,CAAC;IACtD;;CAGJ,eAAuB,WAAmB,QAAa;EACrD,MAAM,UAAU,KAAK,QAAQ,IAAI,UAAU;EAC3C,IAAI,CAAC,SAAS;EACd,KAAK,QAAQ,OAAO,UAAU;EAC9B,QAAQ,QAAQ,OAAO;;CAGzB,cAAsB,WAAmB,SAAiB;EACxD,MAAM,UAAU,KAAK,QAAQ,IAAI,UAAU;EAC3C,IAAI,CAAC,SAAS;EACd,KAAK,QAAQ,OAAO,UAAU;EAC9B,QAAQ,OAAO,IAAI,MAAM,QAAQ,CAAC;;CAGpC,gBAAgC;EAC9B,KAAK,kBAAkB;EACvB,OAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK;;;AAIjC,SAAgB,oBAAoB;CAClC,OAAO;EACL,SAAS;EACT,UAAU;EACX"}

package/dist/services/standalone.js

@@ -2,7 +2,7 @@ import { AbstractWebsocket, WebSocketToken } from "./AbstractSocket.js";
 import { provideSaveClient } from "./save.js";
 import { RpgGui } from "../Gui/Gui.js";
 import { RpgClientEngine } from "../RpgClientEngine.js";
-import { ClientIo, ServerIo } from "../node_modules/.pnpm/@signe_room@2.9.0/node_modules/@signe/room/dist/index.js";
+import { ClientIo, ServerIo } from "../node_modules/.pnpm/@signe_room@2.10.0/node_modules/@signe/room/dist/index.js";
 import { provideKeyboardControls } from "./keyboardControls.js";
 import { UpdateMapService, UpdateMapToken } from "@rpgjs/common";
 //#region src/services/standalone.ts

package/dist/services/standalone.js.map

@@ -1 +1 @@
-{"version":3,"file":"standalone.js","names":[],"sources":["../../src/services/standalone.ts"],"sourcesContent":["import { AbstractWebsocket, SocketUpdateProperties, 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\";\nimport { provideSaveClient } from \"./save\";\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 pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];\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      await server.subRoom.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    await this.serverInstance.subRoom.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    this.pendingOn.forEach(({ event, callback }) => this.socket.addEventListener(event, callback));\n    this.pendingOn = [];\n    return this.socket\n  }\n\n  on(key: string, callback: (data: any) => void) {\n    const handler = (event) => {\n      const object = JSON.parse(event);\n      if (object.type === key) {\n        callback(object.value);\n      }\n    };\n    if (!this.socket) {\n      this.pendingOn.push({ event: \"message\", callback: handler });\n      return;\n    }\n    this.socket.addEventListener(\"message\", handler);\n  }\n\n  off(event: string, callback: (data: any) => void) {\n    if (!this.socket) return;\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(_params: SocketUpdateProperties) {\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): Promise<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    provideSaveClient(),\n    RpgGui,\n    RpgClientEngine,\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"standalone.js","names":[],"sources":["../../src/services/standalone.ts"],"sourcesContent":["import { AbstractWebsocket, SocketUpdateProperties, 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\";\nimport { provideSaveClient } from \"./save\";\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 pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];\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      await server.subRoom.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    await this.serverInstance.subRoom.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    this.pendingOn.forEach(({ event, callback }) => this.socket.addEventListener(event, callback));\n    this.pendingOn = [];\n    return this.socket\n  }\n\n  on(key: string, callback: (data: any) => void) {\n    const handler = (event) => {\n      const object = JSON.parse(event);\n      if (object.type === key) {\n        callback(object.value);\n      }\n    };\n    if (!this.socket) {\n      this.pendingOn.push({ event: \"message\", callback: handler });\n      return;\n    }\n    this.socket.addEventListener(\"message\", handler);\n  }\n\n  off(event: string, callback: (data: any) => void) {\n    if (!this.socket) return;\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(_params: SocketUpdateProperties) {\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): Promise<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    provideSaveClient(),\n    RpgGui,\n    RpgClientEngine,\n  ];\n}\n"],"mappings":";;;;;;;;AAiBA,IAAM,kBAAN,cAA8B,kBAAkB;CAiB9C,YAAY,SAA4B,QAAqB,UAA6B,EAAE,EAAE;EAC5F,MAAM,QAAQ;EADM,KAAA,UAAA;EAA0B,KAAA,SAAA;mBAd6B,EAAE;eAC/D;GACd,SAAS,OAAO,WAAmB;IACjC,KAAK,OAAO,IAAI,SAAS,QAAQ,KAAK,MAAM;IAC5C,MAAM,SAAS,IAAI,KAAK,OAAO,KAAK,KAAK;IACzC,MAAM,OAAO,SAAS;IACtB,MAAM,OAAO,QAAQ,SAAS;IAC9B,KAAK,QAAQ,IAAI,UAAU,OAAO;IAClC,OAAO;;GAET,KAAK,EAAE;GACR;EAMC,KAAK,MAAM,MAAM,QAAQ,OAAO,EAAE;EAClC,KAAK,OAAO,IAAI,SAAS,WAAW,KAAK,MAAM;;CAGjD,MAAM,WAAW,WAAiC;EAChD,KAAK,iBAAiB,IAAI,KAAK,OAAO,KAAK,KAAK;EAChD,MAAM,KAAK,eAAe,SAAS;EACnC,MAAM,KAAK,eAAe,QAAQ,SAAS;EAC3C,KAAK,QAAQ,IAAI,UAAU,KAAK,eAAe;EAC/C,OAAO,KAAK,YAAY,UAAU;;CAGpC,MAAc,YAAY,WAAiC;EACzD,KAAK,iBAAiB,KAAK,QAAQ,IAAI,SAAS;EAChD,KAAK,SAAS,IAAI,SAAS,KAAK,gBAAgB,mBAAmB;EACnE,MAAM,MAAM,IAAI,IAAI,mBAAmB;EACvC,MAAM,UAAU,IAAI,QAAQ,IAAI,UAAU,EAAE;GAC1C,QAAQ;GACR,SAAS,EACP,gBAAgB,oBACjB;GACF,CAAC;EACF,YAAY,KAAK,OAAO;EACxB,MAAM,KAAK,eAAe,UAAU,KAAK,OAAO,MAAa,EAAE,SAAS,CAAQ;EAChF,KAAK,KAAK,QAAQ,IAAI,KAAK,OAAO,IAAI,KAAK,OAAO;EAClD,KAAK,UAAU,SAAS,EAAE,OAAO,eAAe,KAAK,OAAO,iBAAiB,OAAO,SAAS,CAAC;EAC9F,KAAK,YAAY,EAAE;EACnB,OAAO,KAAK;;CAGd,GAAG,KAAa,UAA+B;EAC7C,MAAM,WAAW,UAAU;GACzB,MAAM,SAAS,KAAK,MAAM,MAAM;GAChC,IAAI,OAAO,SAAS,KAClB,SAAS,OAAO,MAAM;;EAG1B,IAAI,CAAC,KAAK,QAAQ;GAChB,KAAK,UAAU,KAAK;IAAE,OAAO;IAAW,UAAU;IAAS,CAAC;GAC5D;;EAEF,KAAK,OAAO,iBAAiB,WAAW,QAAQ;;CAGlD,IAAI,OAAe,UAA+B;EAChD,IAAI,CAAC,KAAK,QAAQ;EAClB,KAAK,OAAO,oBAAoB,OAAO,SAAS;;CAGlD,KAAK,OAAe,MAAW;EAC7B,KAAK,OAAO,KAAK;GACf,QAAQ;GACR,OAAO;GACR,CAAC;;;;;;;;;;;;;;;;;;CAmBJ,iBAAiB,SAAiC;;;;;;;;;;;;;;;;;;CAqBlD,MAAM,UAAU,WAAgD;EAC9D,MAAM,KAAK,aAAa,WAAW;GACjC,YAAY,OAAO;IACnB;;CAGJ,YAAY;EACV,OAAO,KAAK;;CAGd,YAAY;EACV,OAAO,KAAK;;;AAIhB,IAAM,6BAAN,cAAyC,iBAAiB;;;;;;;;;;;;;;;CAiBxD,MAAM,OAAO,KAAU;EACrB,KAAK,SAAS,KAAK,QAAQ,IAAI,SAAS;EAExC,MAAM,MAAM;GACV,KAAK,iCAFQ,KAAK,QAAQ,MAAM,MAAM,UAEO;GAC7C,QAAQ;GACR,SAAS,IAAI,QAAQ,EAAE,CAAC;GACxB,MAAM,YAAY;IAChB,OAAO;;GAEV;EACD,MAAM,KAAK,OAAO,UAAU,IAAI;;;AAIpC,SAAgB,WAAW,QAAa,UAA6B,EAAE,EAAE;CACvE,OAAO;EACL;GACE,SAAS;GACT,aAAa,YAAqB,IAAI,gBAAgB,SAAS,QAAQ,QAAQ;GAChF;EACD;GACE,SAAS;GACT,UAAU;GACX;EACD,yBAAyB;EACzB,mBAAmB;EACnB;EACA;EACD"}

package/dist/utils/getEntityProp.js.map

@@ -1 +1 @@
-{"version":3,"file":"getEntityProp.js","names":[],"sources":["../../src/utils/getEntityProp.ts"],"sourcesContent":["import { computed, Signal } from \"canvasengine\";\nimport { RpgClientObject } from \"../Game/Object\";\n\nconst BUILTIN_PARAM_KEYS = [\n  \"maxHp\",\n  \"maxSp\",\n  \"atk\",\n  \"pdef\",\n  \"sdef\",\n  \"str\",\n  \"agi\",\n  \"int\",\n  \"dex\",\n] as const;\n\ntype BuiltInParamKey = typeof BUILTIN_PARAM_KEYS[number];\ntype ParamPropKey = `params.${BuiltInParamKey}` | `params.${string}`;\n\nconst entityPropMap = {\n  level: (entity: RpgClientObject) => entity._level(),\n  exp: (entity: RpgClientObject) => entity._exp(),\n  gold: (entity: RpgClientObject) => entity._gold(),\n  hp: (entity: RpgClientObject) => entity.hpSignal(),\n  sp: (entity: RpgClientObject) => entity.spSignal(),\n  name: (entity: RpgClientObject) => entity.name(),\n  type: (entity: RpgClientObject) => entity.type(),\n  x: (entity: RpgClientObject) => entity.x(),\n  y: (entity: RpgClientObject) => entity.y(),\n  z: (entity: RpgClientObject) => entity.z(),\n  tint: (entity: RpgClientObject) => entity.tint(),\n  direction: (entity: RpgClientObject) => entity.direction(),\n  speed: (entity: RpgClientObject) => entity.speed(),\n  hitbox: (entity: RpgClientObject) => entity.hitbox(),\n  animation: (entity: RpgClientObject) => entity.animationName(),\n  canMove: (entity: RpgClientObject) => entity.canMove(),\n  graphics: (entity: RpgClientObject) => entity.graphics(),\n  items: (entity: RpgClientObject) => entity.items(),\n  equipments: (entity: RpgClientObject) => entity.equipments(),\n  states: (entity: RpgClientObject) => entity.states(),\n  skills: (entity: RpgClientObject) => entity.skills(),\n  effects: (entity: RpgClientObject) => entity._effects(),\n  componentsTop: (entity: RpgClientObject) => entity.componentsTop(),\n  componentsBottom: (entity: RpgClientObject) => entity.componentsBottom(),\n  componentsCenter: (entity: RpgClientObject) => entity.componentsCenter(),\n  componentsLeft: (entity: RpgClientObject) => entity.componentsLeft(),\n  componentsRight: (entity: RpgClientObject) => entity.componentsRight(),\n} as const;\n\ntype EntityPropMap = typeof entityPropMap;\ntype EntityPropKey = keyof EntityPropMap | ParamPropKey;\ntype EntityPropValue<K extends EntityPropKey> = K extends keyof EntityPropMap\n  ? ReturnType<EntityPropMap[K]>\n  : K extends `params.${string}`\n  ? number | undefined\n  : never;\n\nconst isSignal = <T>(value: unknown): value is Signal<T> =>\n  typeof value === \"function\";\n\nconst toSignal = <T>(value: Signal<T> | T): Signal<T> =>\n  isSignal<T>(value) ? value : computed(() => value);\n\nexport const getEntityProp = <K extends EntityPropKey>(\n  entity: Signal<RpgClientObject | undefined> | RpgClientObject | undefined,\n  key: K\n): Signal<EntityPropValue<K>> => {\n  const entitySignal = toSignal(entity);\n\n  return computed(() => {\n    const current = entitySignal();\n    if (!current) {\n      return undefined as EntityPropValue<K>;\n    }\n\n    if (Object.prototype.hasOwnProperty.call(entityPropMap, key)) {\n      const getter = entityPropMap[key as keyof EntityPropMap];\n      return getter(current) as EntityPropValue<K>;\n    }\n\n    if (key.startsWith(\"params.\")) {\n      const paramKey = key.slice(\"params.\".length);\n      return current._param?.()?.[paramKey] as EntityPropValue<K>;\n    }\n\n    return undefined as EntityPropValue<K>;\n  });\n};\n"],"mappings":";;AAkBA,IAAM,gBAAgB;CACpB,QAAQ,WAA4B,OAAO,QAAQ;CACnD,MAAM,WAA4B,OAAO,MAAM;CAC/C,OAAO,WAA4B,OAAO,OAAO;CACjD,KAAK,WAA4B,OAAO,UAAU;CAClD,KAAK,WAA4B,OAAO,UAAU;CAClD,OAAO,WAA4B,OAAO,MAAM;CAChD,OAAO,WAA4B,OAAO,MAAM;CAChD,IAAI,WAA4B,OAAO,GAAG;CAC1C,IAAI,WAA4B,OAAO,GAAG;CAC1C,IAAI,WAA4B,OAAO,GAAG;CAC1C,OAAO,WAA4B,OAAO,MAAM;CAChD,YAAY,WAA4B,OAAO,WAAW;CAC1D,QAAQ,WAA4B,OAAO,OAAO;CAClD,SAAS,WAA4B,OAAO,QAAQ;CACpD,YAAY,WAA4B,OAAO,eAAe;CAC9D,UAAU,WAA4B,OAAO,SAAS;CACtD,WAAW,WAA4B,OAAO,UAAU;CACxD,QAAQ,WAA4B,OAAO,OAAO;CAClD,aAAa,WAA4B,OAAO,YAAY;CAC5D,SAAS,WAA4B,OAAO,QAAQ;CACpD,SAAS,WAA4B,OAAO,QAAQ;CACpD,UAAU,WAA4B,OAAO,UAAU;CACvD,gBAAgB,WAA4B,OAAO,eAAe;CAClE,mBAAmB,WAA4B,OAAO,kBAAkB;CACxE,mBAAmB,WAA4B,OAAO,kBAAkB;CACxE,iBAAiB,WAA4B,OAAO,gBAAgB;CACpE,kBAAkB,WAA4B,OAAO,iBAAiB;CACvE;AAUD,IAAM,YAAe,UACnB,OAAO,UAAU;AAEnB,IAAM,YAAe,UACnB,SAAY,MAAM,GAAG,QAAQ,eAAe,MAAM;AAEpD,IAAa,iBACX,QACA,QAC+B;CAC/B,MAAM,eAAe,SAAS,OAAO;AAErC,QAAO,eAAe;EACpB,MAAM,UAAU,cAAc;AAC9B,MAAI,CAAC,QACH;AAGF,MAAI,OAAO,UAAU,eAAe,KAAK,eAAe,IAAI,EAAE;GAC5D,MAAM,SAAS,cAAc;AAC7B,UAAO,OAAO,QAAQ;;AAGxB,MAAI,IAAI,WAAW,UAAU,EAAE;GAC7B,MAAM,WAAW,IAAI,MAAM,EAAiB;AAC5C,UAAO,QAAQ,UAAU,GAAG;;GAI9B"}
+{"version":3,"file":"getEntityProp.js","names":[],"sources":["../../src/utils/getEntityProp.ts"],"sourcesContent":["import { computed, Signal } from \"canvasengine\";\nimport { RpgClientObject } from \"../Game/Object\";\n\nconst BUILTIN_PARAM_KEYS = [\n  \"maxHp\",\n  \"maxSp\",\n  \"atk\",\n  \"pdef\",\n  \"sdef\",\n  \"str\",\n  \"agi\",\n  \"int\",\n  \"dex\",\n] as const;\n\ntype BuiltInParamKey = typeof BUILTIN_PARAM_KEYS[number];\ntype ParamPropKey = `params.${BuiltInParamKey}` | `params.${string}`;\n\nconst entityPropMap = {\n  level: (entity: RpgClientObject) => entity._level(),\n  exp: (entity: RpgClientObject) => entity._exp(),\n  gold: (entity: RpgClientObject) => entity._gold(),\n  hp: (entity: RpgClientObject) => entity.hpSignal(),\n  sp: (entity: RpgClientObject) => entity.spSignal(),\n  name: (entity: RpgClientObject) => entity.name(),\n  type: (entity: RpgClientObject) => entity.type(),\n  x: (entity: RpgClientObject) => entity.x(),\n  y: (entity: RpgClientObject) => entity.y(),\n  z: (entity: RpgClientObject) => entity.z(),\n  tint: (entity: RpgClientObject) => entity.tint(),\n  direction: (entity: RpgClientObject) => entity.direction(),\n  speed: (entity: RpgClientObject) => entity.speed(),\n  hitbox: (entity: RpgClientObject) => entity.hitbox(),\n  animation: (entity: RpgClientObject) => entity.animationName(),\n  canMove: (entity: RpgClientObject) => entity.canMove(),\n  graphics: (entity: RpgClientObject) => entity.graphics(),\n  items: (entity: RpgClientObject) => entity.items(),\n  equipments: (entity: RpgClientObject) => entity.equipments(),\n  states: (entity: RpgClientObject) => entity.states(),\n  skills: (entity: RpgClientObject) => entity.skills(),\n  effects: (entity: RpgClientObject) => entity._effects(),\n  componentsTop: (entity: RpgClientObject) => entity.componentsTop(),\n  componentsBottom: (entity: RpgClientObject) => entity.componentsBottom(),\n  componentsCenter: (entity: RpgClientObject) => entity.componentsCenter(),\n  componentsLeft: (entity: RpgClientObject) => entity.componentsLeft(),\n  componentsRight: (entity: RpgClientObject) => entity.componentsRight(),\n} as const;\n\ntype EntityPropMap = typeof entityPropMap;\ntype EntityPropKey = keyof EntityPropMap | ParamPropKey;\ntype EntityPropValue<K extends EntityPropKey> = K extends keyof EntityPropMap\n  ? ReturnType<EntityPropMap[K]>\n  : K extends `params.${string}`\n  ? number | undefined\n  : never;\n\nconst isSignal = <T>(value: unknown): value is Signal<T> =>\n  typeof value === \"function\";\n\nconst toSignal = <T>(value: Signal<T> | T): Signal<T> =>\n  isSignal<T>(value) ? value : computed(() => value);\n\nexport const getEntityProp = <K extends EntityPropKey>(\n  entity: Signal<RpgClientObject | undefined> | RpgClientObject | undefined,\n  key: K\n): Signal<EntityPropValue<K>> => {\n  const entitySignal = toSignal(entity);\n\n  return computed(() => {\n    const current = entitySignal();\n    if (!current) {\n      return undefined as EntityPropValue<K>;\n    }\n\n    if (Object.prototype.hasOwnProperty.call(entityPropMap, key)) {\n      const getter = entityPropMap[key as keyof EntityPropMap];\n      return getter(current) as EntityPropValue<K>;\n    }\n\n    if (key.startsWith(\"params.\")) {\n      const paramKey = key.slice(\"params.\".length);\n      return current._param?.()?.[paramKey] as EntityPropValue<K>;\n    }\n\n    return undefined as EntityPropValue<K>;\n  });\n};\n"],"mappings":";;AAkBA,IAAM,gBAAgB;CACpB,QAAQ,WAA4B,OAAO,QAAQ;CACnD,MAAM,WAA4B,OAAO,MAAM;CAC/C,OAAO,WAA4B,OAAO,OAAO;CACjD,KAAK,WAA4B,OAAO,UAAU;CAClD,KAAK,WAA4B,OAAO,UAAU;CAClD,OAAO,WAA4B,OAAO,MAAM;CAChD,OAAO,WAA4B,OAAO,MAAM;CAChD,IAAI,WAA4B,OAAO,GAAG;CAC1C,IAAI,WAA4B,OAAO,GAAG;CAC1C,IAAI,WAA4B,OAAO,GAAG;CAC1C,OAAO,WAA4B,OAAO,MAAM;CAChD,YAAY,WAA4B,OAAO,WAAW;CAC1D,QAAQ,WAA4B,OAAO,OAAO;CAClD,SAAS,WAA4B,OAAO,QAAQ;CACpD,YAAY,WAA4B,OAAO,eAAe;CAC9D,UAAU,WAA4B,OAAO,SAAS;CACtD,WAAW,WAA4B,OAAO,UAAU;CACxD,QAAQ,WAA4B,OAAO,OAAO;CAClD,aAAa,WAA4B,OAAO,YAAY;CAC5D,SAAS,WAA4B,OAAO,QAAQ;CACpD,SAAS,WAA4B,OAAO,QAAQ;CACpD,UAAU,WAA4B,OAAO,UAAU;CACvD,gBAAgB,WAA4B,OAAO,eAAe;CAClE,mBAAmB,WAA4B,OAAO,kBAAkB;CACxE,mBAAmB,WAA4B,OAAO,kBAAkB;CACxE,iBAAiB,WAA4B,OAAO,gBAAgB;CACpE,kBAAkB,WAA4B,OAAO,iBAAiB;CACvE;AAUD,IAAM,YAAe,UACnB,OAAO,UAAU;AAEnB,IAAM,YAAe,UACnB,SAAY,MAAM,GAAG,QAAQ,eAAe,MAAM;AAEpD,IAAa,iBACX,QACA,QAC+B;CAC/B,MAAM,eAAe,SAAS,OAAO;CAErC,OAAO,eAAe;EACpB,MAAM,UAAU,cAAc;EAC9B,IAAI,CAAC,SACH;EAGF,IAAI,OAAO,UAAU,eAAe,KAAK,eAAe,IAAI,EAAE;GAC5D,MAAM,SAAS,cAAc;GAC7B,OAAO,OAAO,QAAQ;;EAGxB,IAAI,IAAI,WAAW,UAAU,EAAE;GAC7B,MAAM,WAAW,IAAI,MAAM,EAAiB;GAC5C,OAAO,QAAQ,UAAU,GAAG;;GAI9B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpgjs/client",
-  "version": "5.0.0-beta.6",
+  "version": "5.0.0-beta.7",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -22,18 +22,18 @@
     "pixi.js": "^8.9.2"
   },
   "dependencies": {
-    "@rpgjs/common": "5.0.0-beta.6",
-    "@rpgjs/server": "5.0.0-beta.6",
-    "@rpgjs/ui-css": "5.0.0-beta.6",
-    "@signe/di": "^2.9.0",
-    "@signe/room": "^2.9.0",
-    "@signe/sync": "^2.9.0",
+    "@rpgjs/common": "5.0.0-beta.7",
+    "@rpgjs/server": "5.0.0-beta.7",
+    "@rpgjs/ui-css": "5.0.0-beta.7",
+    "@signe/di": "2.10.0",
+    "@signe/room": "2.10.0",
+    "@signe/sync": "2.10.0",
     "pixi-filters": "^6.1.5",
     "rxjs": "^7.8.2"
   },
   "devDependencies": {
     "@canvasengine/compiler": "2.0.0-beta.61",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
     "vite-plugin-dts": "^5.0.0",
     "vitest": "^4.1.5"
   },

package/src/Game/AnimationManager.spec.ts

@@ -0,0 +1,30 @@
+import { describe, expect, test, vi } from "vitest";
+import { AnimationManager } from "./AnimationManager";
+
+describe("AnimationManager", () => {
+  test("resolves displayEffect when the component calls onFinish", async () => {
+    const manager = new AnimationManager();
+    const done = manager.displayEffect({}, { x: 10, y: 20 });
+
+    expect(manager.current()).toHaveLength(1);
+    manager.current()[0].onFinish();
+
+    await expect(done).resolves.toBeUndefined();
+    expect(manager.current()).toHaveLength(0);
+  });
+
+  test("keeps onFinish idempotent and forwards user callback data", async () => {
+    const manager = new AnimationManager();
+    const onFinish = vi.fn();
+    const done = manager.displayEffect({ onFinish }, { x: 10, y: 20 });
+    const finish = manager.current()[0].onFinish;
+
+    finish({ ok: true });
+    finish({ ok: false });
+
+    await done;
+    expect(onFinish).toHaveBeenCalledTimes(1);
+    expect(onFinish).toHaveBeenCalledWith({ ok: true });
+    expect(manager.current()).toHaveLength(0);
+  });
+});

package/src/Game/AnimationManager.ts

@@ -4,18 +4,30 @@ import { signal } from "canvasengine";
 export class AnimationManager {
   current = signal<any[]>([]);
 
-  displayEffect(params: any, player: RpgCommonPlayer | { x: number, y: number }) {
+  displayEffect(params: any, player: RpgCommonPlayer | { x: number, y: number }): Promise<void> {
     const id = generateUID();
-    this.current().push({
-      ...params,
-      id,
-      x: player.x,
-      y: player.y,
-      object: player,
-      onFinish: () => {
+    const effectParams = params ?? {};
+    return new Promise<void>((resolve) => {
+      let finished = false;
+      const finish = (data?: any) => {
+        if (finished) return;
+        finished = true;
         const index = this.current().findIndex((value) => value.id === id);
-        this.current().splice(index, 1);
-      },
+        if (index !== -1) {
+          this.current().splice(index, 1);
+        }
+        effectParams.onFinish?.(data);
+        resolve();
+      };
+
+      this.current().push({
+        ...effectParams,
+        id,
+        x: player.x,
+        y: player.y,
+        object: player,
+        onFinish: finish,
+      });
     });
   }
 }

package/src/Game/Object.ts

@@ -14,6 +14,7 @@ type Frame = { x: number; y: number; ts: number };
 type AnimationRestoreOptions = {
   restoreAnimationName?: string;
   restoreGraphics?: any[];
+  timeoutMs?: number;
 };
 
 export abstract class RpgClientObject extends RpgCommonPlayer {
@@ -113,6 +114,7 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
 
   private animationSubscription?: Subscription;
   private animationResetTimeout?: ReturnType<typeof setTimeout>;
+  private animationWaitResolve?: () => void;
 
   private clearAnimationControls() {
     if (this.animationSubscription) {
@@ -125,6 +127,12 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
     }
   }
 
+  private resolveAnimationWait() {
+    const resolve = this.animationWaitResolve;
+    this.animationWaitResolve = undefined;
+    resolve?.();
+  }
+
   private finishTemporaryAnimation() {
     const restoreState = this.animationRestoreState;
     this.clearAnimationControls();
@@ -135,6 +143,7 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
     }
     this.animationRestoreState = undefined;
     this.animationIsPlaying.set(false);
+    this.resolveAnimationWait();
   }
 
   /**
@@ -241,6 +250,7 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
     this.animationIsPlaying.set(false);
     this.animationCurrentIndex.set(0);
     this.clearAnimationControls();
+    this.resolveAnimationWait();
   }
 
   /**
@@ -252,17 +262,19 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
    *
    * @param animationName - Name of the animation to play
    * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)
+   * @param options - Restore and timeout options
+   * @returns A promise resolved when a finite animation finishes, is interrupted, or times out
    *
    * @example
    * ```ts
    * // Play attack animation 3 times
-   * player.setAnimation('attack', 3);
+   * await player.setAnimation('attack', 3);
    *
    * // Play continuous spell animation
    * player.setAnimation('spell');
    * ```
    */
-  setAnimation(animationName: string, nbTimes?: number, options?: AnimationRestoreOptions): void;
+  setAnimation(animationName: string, nbTimes?: number, options?: AnimationRestoreOptions): Promise<void>;
   /**
    * Set a custom animation with temporary graphic change
    *
@@ -273,20 +285,22 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
    * @param animationName - Name of the animation to play
    * @param graphic - The graphic(s) to temporarily use during the animation
    * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)
+   * @param options - Restore and timeout options
+   * @returns A promise resolved when a finite animation finishes, is interrupted, or times out
    *
    * @example
    * ```ts
    * // Play attack animation with temporary graphic change
-   * player.setAnimation('attack', 'hero_attack', 3);
+   * await player.setAnimation('attack', 'hero_attack', 3);
    * ```
    */
-  setAnimation(animationName: string, graphic?: string | string[], nbTimes?: number, options?: AnimationRestoreOptions): void;
+  setAnimation(animationName: string, graphic?: string | string[], nbTimes?: number, options?: AnimationRestoreOptions): Promise<void>;
   setAnimation(
     animationName: string,
     graphicOrNbTimes?: string | string[] | number,
     nbTimesOrOptions?: number | AnimationRestoreOptions,
     options?: AnimationRestoreOptions
-  ): void {
+  ): Promise<void> {
     let graphic: string | string[] | undefined;
     let finalNbTimes: number = Infinity;
     let restoreOptions: AnimationRestoreOptions | undefined = options;
@@ -314,6 +328,13 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
       this.finishTemporaryAnimation();
     }
 
+    const waitPromise =
+      finalNbTimes === Infinity
+        ? Promise.resolve()
+        : new Promise<void>((resolve) => {
+            this.animationWaitResolve = resolve;
+          });
+
     this.animationIsPlaying.set(true);
     const previousAnimationName =
       restoreOptions?.restoreAnimationName ?? this.animationName();
@@ -349,10 +370,12 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
         if (this.animationIsPlaying()) {
           this.finishTemporaryAnimation();
         }
-      }, Math.max(1000, finalNbTimes * 1000));
+      }, restoreOptions?.timeoutMs ?? Math.max(1000, finalNbTimes * 1000));
     }
 
     this.animationName.set(animationName);
+
+    return waitPromise;
   }
 
   /**
@@ -360,10 +383,25 @@ export abstract class RpgClientObject extends RpgCommonPlayer {
    *
    * @param id - Identifier of the component animation to play.
    * @param params - Parameters forwarded to the animation effect.
+   * @returns A promise resolved when the animation component calls `onFinish`.
    */
-  showComponentAnimation(id: string, params: any) {
+  showComponentAnimation(id: string, params: any): Promise<void> {
     const engine = inject(RpgClientEngine);
-    engine.getComponentAnimation(id).displayEffect(params, this);
+    return engine.getComponentAnimation(id).displayEffect(params, this);
+  }
+
+  /**
+   * Display a registered spritesheet animation effect on this object.
+   *
+   * @param graphic - Identifier of the spritesheet to use.
+   * @param animationName - Name of the animation inside the spritesheet.
+   * @returns A promise resolved when the animation component calls `onFinish`.
+   */
+  showAnimation(graphic: string, animationName: string = 'default'): Promise<void> {
+    return this.showComponentAnimation('animation', {
+      graphic,
+      animationName,
+    });
   }
   
   /**

package/src/RpgClient.ts

@@ -8,6 +8,18 @@ type RpgClass<T = any> = new (...args: any[]) => T
 type RpgComponent = RpgClientObject
 type SceneMap = Container
 
+export interface RpgSpriteBeforeRemoveContext {
+    reason?: string
+    data?: any
+    transition?: {
+        animation?: string
+        graphic?: string | string[]
+        duration?: number
+        effect?: string
+    }
+    timeoutMs?: number
+}
+
 export interface RpgClientEngineHooks {
     /**
      * When the engine is started. If you send false, you prevent the client from connecting to the server
@@ -114,6 +126,21 @@ export interface RpgSpriteHooks {
      */
     onDestroy?: (sprite: RpgComponent) => any
 
+    /**
+     * Called when a sprite removal is requested, before it disappears from the scene.
+     *
+     * Return a promise to keep the sprite visible while an animation, effect, or
+     * sound transition is running. The server still owns gameplay removal and
+     * uses the timeout carried by the remove request as a safety limit.
+     *
+     * @prop { (sprite: RpgSprite, context: RpgSpriteBeforeRemoveContext) => any } [onBeforeRemove]
+     * @memberof RpgSpriteHooks
+     */
+    onBeforeRemove?: (
+        sprite: RpgComponent,
+        context: RpgSpriteBeforeRemoveContext
+    ) => any
+
     /**
      * As soon as a data is changed on the server side (the name for example), you are able to know the new data but also the old data.
      *