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

package/dist/RpgClientEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RpgClientEngine.js","sources":["../src/RpgClientEngine.ts"],"sourcesContent":["import Canvas from \"./components/scenes/canvas.ce\";\nimport { inject } from './core/inject'\nimport { signal, bootstrapCanvas, KeyboardControls, Howl, trigger } from \"canvasengine\";\nimport { AbstractWebsocket, WebSocketToken } from \"./services/AbstractSocket\";\nimport { LoadMapService, LoadMapToken } from \"./services/loadMap\";\nimport { RpgSound } from \"./Sound\";\nimport { RpgResource } from \"./Resource\";\nimport { Hooks, ModulesToken, Direction } from \"@rpgjs/common\";\n\ntype DirectionValue = \"up\" | \"down\" | \"left\" | \"right\";\nimport { load } from \"@signe/sync\";\nimport { RpgClientMap } from \"./Game/Map\"\nimport { RpgGui } from \"./Gui/Gui\";\nimport { AnimationManager } from \"./Game/AnimationManager\";\nimport { lastValueFrom, Observable, combineLatest, BehaviorSubject, filter, switchMap, take } from \"rxjs\";\nimport { GlobalConfigToken } from \"./module\";\nimport * as PIXI from \"pixi.js\";\nimport { PrebuiltComponentAnimations } from \"./components/animations\";\nimport {\n  PredictionController,\n  type PredictionState,\n} from \"@rpgjs/common\";\n\nexport class RpgClientEngine<T = any> {\n  private guiService: RpgGui;\n  private webSocket: AbstractWebsocket;\n  private loadMapService: LoadMapService;\n  private hooks: Hooks;\n  private sceneMap: RpgClientMap\n  private selector: HTMLElement;\n  public globalConfig: T;\n  public sceneComponent: any;\n  stopProcessingInput = false;\n  width = signal(\"100%\");\n  height = signal(\"100%\");\n  spritesheets: Map<string, any> = new Map();\n  sounds: Map<string, any> = new Map();\n  componentAnimations: any[] = [];\n  private spritesheetResolver?: (id: string) => any | Promise<any>;\n  private soundResolver?: (id: string) => any | Promise<any>;\n  particleSettings: {\n    emitters: any[]\n  } = {\n      emitters: []\n    }\n  renderer: PIXI.Renderer;\n  tick: Observable<number>;\n  private canvasApp?: any;\n  private canvasElement?: any;\n  playerIdSignal = signal<string | null>(null);\n  spriteComponentsBehind = signal<any[]>([]);\n  spriteComponentsInFront = signal<any[]>([]);\n  /** ID of the sprite that the camera should follow. null means follow the current player */\n  cameraFollowTargetId = signal<string | null>(null);\n  /** Trigger for map shake animation */\n  mapShakeTrigger = trigger();\n\n  controlsReady = signal(undefined); \n\n  private predictionEnabled = false;\n  private prediction?: PredictionController<Direction>;\n  private readonly SERVER_CORRECTION_THRESHOLD = 30;\n  private inputFrameCounter = 0;\n  private frameOffset = 0;\n  // Ping/Pong for RTT measurement\n  private rtt: number = 0; // Round-trip time in ms\n  private pingInterval: any = null;\n  private readonly PING_INTERVAL_MS = 5000; // Send ping every 5 seconds\n  private lastInputTime = 0;\n  // Track map loading state for onAfterLoading hook using RxJS\n  private mapLoadCompleted$ = new BehaviorSubject<boolean>(false);\n  private playerIdReceived$ = new BehaviorSubject<boolean>(false);\n  private playersReceived$ = new BehaviorSubject<boolean>(false);\n  private eventsReceived$ = new BehaviorSubject<boolean>(false);\n  private onAfterLoadingSubscription?: any;\n  \n  // Store subscriptions and event listeners for cleanup\n  private tickSubscriptions: any[] = [];\n  private resizeHandler?: () => void;\n\n  constructor(public context) {\n    this.webSocket = inject(WebSocketToken);\n    this.guiService = inject(RpgGui);\n    this.loadMapService = inject(LoadMapToken);\n    this.hooks = inject<Hooks>(ModulesToken);\n    this.globalConfig = inject(GlobalConfigToken)\n\n    if (!this.globalConfig) {\n      this.globalConfig = {} as T\n    }\n    if (!(this.globalConfig as any).box) {\n      (this.globalConfig as any).box = {\n        styles: {\n          backgroundColor: \"#1a1a2e\",\n          backgroundOpacity: 0.9\n        },\n        sounds: {}\n      }\n    }\n\n    this.addComponentAnimation({\n      id: \"animation\",\n      component: PrebuiltComponentAnimations.Animation\n    })\n\n    this.predictionEnabled = (this.globalConfig as any)?.prediction?.enabled !== false;\n    this.initializePredictionController();\n  }\n\n  /**\n   * Assigns a CanvasEngine KeyboardControls instance to the dependency injection context\n   * \n   * This method registers a KeyboardControls instance from CanvasEngine into the DI container,\n   * making it available for injection throughout the application. The particularity is that\n   * this method is automatically called when a sprite is displayed on the map, allowing the\n   * controls to be automatically associated with the active sprite.\n   * \n   * ## Design\n   * \n   * - The instance is stored in the DI context under the `KeyboardControls` token\n   * - It's automatically assigned when a sprite component mounts (in `character.ce`)\n   * - The controls instance comes from the CanvasEngine component's directives\n   * - Once registered, it can be retrieved using `inject(KeyboardControls)` from anywhere\n   * \n   * @param controlInstance - The CanvasEngine KeyboardControls instance to register\n   * \n   * @example\n   * ```ts\n   * // The method is automatically called when a sprite is displayed:\n   * // client.setKeyboardControls(element.directives.controls)\n   * \n   * // Later, retrieve and use the controls instance:\n   * import { Input, inject, KeyboardControls } from '@rpgjs/client'\n   * \n   * const controls = inject(KeyboardControls)\n   * const control = controls.getControl(Input.Enter)\n   * \n   * if (control) {\n   *   console.log(control.actionName) // 'action'\n   * }\n   * ```\n   */\n  setKeyboardControls(controlInstance: any) {\n    const currentValues = this.context.values['inject:' + 'KeyboardControls']\n    this.context.values['inject:' + 'KeyboardControls'] = {\n      ...currentValues,\n      values: new Map([['__default__', controlInstance]])\n    }\n    this.controlsReady.set(undefined);\n  }\n\n  async start() {\n    this.sceneMap = new RpgClientMap()\n    this.selector = document.body.querySelector(\"#rpg\") as HTMLElement;\n\n    const { app, canvasElement } = await bootstrapCanvas(this.selector, Canvas);\n    this.canvasApp = app;\n    this.canvasElement = canvasElement;\n    this.renderer = app.renderer as PIXI.Renderer;\n    this.tick = canvasElement?.propObservables?.context['tick'].observable\n\n    const inputCheckSubscription = this.tick.subscribe(() => {\n      if (Date.now() - this.lastInputTime > 100) {\n        const player = this.getCurrentPlayer();\n        if (!player) return;\n        (this.sceneMap as any).stopMovement(player);\n      }\n    });\n    this.tickSubscriptions.push(inputCheckSubscription);\n\n\n    this.hooks.callHooks(\"client-spritesheets-load\", this).subscribe();\n    this.hooks.callHooks(\"client-spritesheetResolver-load\", this).subscribe();\n    this.hooks.callHooks(\"client-sounds-load\", this).subscribe();\n    this.hooks.callHooks(\"client-soundResolver-load\", this).subscribe();\n    \n    RpgSound.init(this);\n    RpgResource.init(this);\n    this.hooks.callHooks(\"client-gui-load\", this).subscribe();\n    this.hooks.callHooks(\"client-particles-load\", this).subscribe();\n    this.hooks.callHooks(\"client-componentAnimations-load\", this).subscribe();\n    this.hooks.callHooks(\"client-sprite-load\", this).subscribe();\n\n    await lastValueFrom(this.hooks.callHooks(\"client-engine-onStart\", this));\n\n    // wondow is resize\n    this.resizeHandler = () => {\n      this.hooks.callHooks(\"client-engine-onWindowResize\", this).subscribe();\n    };\n    window.addEventListener('resize', this.resizeHandler);\n\n    const tickSubscription = this.tick.subscribe((tick) => {\n      this.hooks.callHooks(\"client-engine-onStep\", this, tick).subscribe();\n\n      // Clean up old prediction states and input history every 60 ticks (approximately every second at 60fps)\n      if (tick % 60 === 0) {\n        const now = Date.now();\n        this.prediction?.cleanup(now);\n        this.prediction?.tryApplyPendingSnapshot();\n      }\n    });\n    this.tickSubscriptions.push(tickSubscription);\n\n    await this.webSocket.connection(() => {\n      this.initListeners()\n      this.guiService._initialize()\n    });\n  }\n\n  private initListeners() {\n    this.webSocket.on(\"sync\", (data) => {\n      if (data.pId) {\n        this.playerIdSignal.set(data.pId);\n        // Signal that player ID was received\n        this.playerIdReceived$.next(true);\n      }\n\n      // Apply client-side prediction filtering and server reconciliation\n      this.hooks.callHooks(\"client-sceneMap-onChanges\", this.sceneMap, { partial: data }).subscribe();\n\n      load(this.sceneMap, data, true);\n      \n      // Check if players and events are present in sync data\n      const players = data.players || this.sceneMap.players();\n      if (players && Object.keys(players).length > 0) {\n        this.playersReceived$.next(true);\n      }\n      \n      const events = data.events || this.sceneMap.events();\n      if (events !== undefined) {\n        this.eventsReceived$.next(true);\n      }\n    });\n\n    // Handle pong responses for RTT measurement\n    this.webSocket.on(\"pong\", (data: { serverTick: number; clientFrame: number; clientTime: number }) => {\n      const now = Date.now();\n      this.rtt = now - data.clientTime;\n\n      // Calculate frame offset: how many ticks ahead the server is compared to our frame counter\n      // This helps us estimate which server tick corresponds to each client input frame\n      const estimatedTicksInFlight = Math.floor(this.rtt / 2 / (1000 / 60)); // Estimate ticks during half RTT\n      const estimatedServerTickNow = data.serverTick + estimatedTicksInFlight;\n\n      // Update frame offset (only if we have inputs to calibrate with)\n      if (this.inputFrameCounter > 0) {\n        this.frameOffset = estimatedServerTickNow - data.clientFrame;\n      }\n\n      console.debug(`[Ping/Pong] RTT: ${this.rtt}ms, ServerTick: ${data.serverTick}, FrameOffset: ${this.frameOffset}`);\n    });\n\n    this.webSocket.on(\"changeMap\", (data) => {\n      this.sceneMap.reset()\n      // Reset camera follow to default (follow current player) when changing maps\n      this.cameraFollowTargetId.set(null);\n      this.loadScene(data.mapId);\n    });\n\n    this.webSocket.on(\"showComponentAnimation\", (data) => {\n      const { params, object, position, id } = data;\n      if (!object && position === undefined) {\n        throw new Error(\"Please provide an object or x and y coordinates\");\n      }\n      const player = object ? this.sceneMap.getObjectById(object) : undefined;\n      this.getComponentAnimation(id).displayEffect(params, player || position)\n    });\n\n    this.webSocket.on(\"setAnimation\", (data) => {\n      const { animationName, nbTimes, object } = data;\n      const player = this.sceneMap.getObjectById(object);\n      player.setAnimation(animationName, nbTimes)\n    })\n\n    this.webSocket.on(\"playSound\", (data) => {\n      const { soundId, volume, loop } = data;\n      this.playSound(soundId, { volume, loop });\n    });\n\n    this.webSocket.on(\"stopSound\", (data) => {\n      const { soundId } = data;\n      this.stopSound(soundId);\n    });\n\n    this.webSocket.on(\"stopAllSounds\", () => {\n      this.stopAllSounds();\n    });\n\n    this.webSocket.on(\"cameraFollow\", (data) => {\n      const { targetId, smoothMove } = data;\n      this.setCameraFollow(targetId, smoothMove);\n    });\n\n    this.webSocket.on(\"flash\", (data) => {\n      const { object, type, duration, cycles, alpha, tint } = data;\n      const sprite = object ? this.sceneMap.getObjectById(object) : undefined;\n      if (sprite && typeof sprite.flash === 'function') {\n        sprite.flash({ type, duration, cycles, alpha, tint });\n      }\n    });\n\n    this.webSocket.on(\"shakeMap\", (data) => {\n      const { intensity, duration, frequency, direction } = data || {};\n      (this.mapShakeTrigger as any).start({\n        intensity,\n        duration,\n        frequency,\n        direction\n      });\n    });\n\n    this.webSocket.on('open', () => {\n      this.hooks.callHooks(\"client-engine-onConnected\", this, this.socket).subscribe();\n      // Start ping/pong for synchronization\n    })\n\n    this.webSocket.on('close', () => {\n      this.hooks.callHooks(\"client-engine-onDisconnected\", this, this.socket).subscribe();\n      // Stop ping/pong when disconnected\n      this.stopPingPong();\n    })\n\n    this.webSocket.on('error', (error) => {\n      this.hooks.callHooks(\"client-engine-onConnectError\", this, error, this.socket).subscribe();\n    })\n  }\n\n  /**\n   * Start periodic ping/pong for client-server synchronization\n   * \n   * Sends ping requests to the server to measure round-trip time (RTT) and\n   * calculate the frame offset between client and server ticks.\n   * \n   * ## Design\n   * \n   * - Sends ping every 5 seconds\n   * - Measures RTT for latency compensation\n   * - Calculates frame offset to map client frames to server ticks\n   * - Used for accurate server reconciliation\n   * \n   * @example\n   * ```ts\n   * // Called automatically when connection opens\n   * this.startPingPong();\n   * ```\n   */\n  private startPingPong(): void {\n    // Stop existing interval if any\n    this.stopPingPong();\n\n    // Send initial ping immediately\n    this.sendPing();\n\n    // Set up periodic pings\n    this.pingInterval = setInterval(() => {\n      this.sendPing();\n    }, this.PING_INTERVAL_MS);\n  }\n\n  /**\n   * Stop periodic ping/pong\n   * \n   * Stops the ping interval when disconnecting or changing maps.\n   * \n   * @example\n   * ```ts\n   * // Called automatically when connection closes\n   * this.stopPingPong();\n   * ```\n   */\n  private stopPingPong(): void {\n    if (this.pingInterval) {\n      clearInterval(this.pingInterval);\n      this.pingInterval = null;\n    }\n  }\n\n  /**\n   * Send a ping request to the server\n   * \n   * Sends current client time and frame counter to the server,\n   * which will respond with its server tick for synchronization.\n   * \n   * @example\n   * ```ts\n   * // Send a ping to measure RTT\n   * this.sendPing();\n   * ```\n   */\n  private sendPing(): void {\n    const clientTime = Date.now();\n    const clientFrame = this.getPhysicsTick();\n\n    this.webSocket.emit('ping', {\n      clientTime,\n      clientFrame\n    });\n  }\n\n  private async loadScene(mapId: string) {\n    await lastValueFrom(this.hooks.callHooks(\"client-sceneMap-onBeforeLoading\", this.sceneMap));\n\n    // Clear client prediction states when changing maps\n    this.clearClientPredictionStates();\n\n    // Reset all conditions for new map loading\n    this.mapLoadCompleted$.next(false);\n    this.playerIdReceived$.next(false);\n    this.playersReceived$.next(false);\n    this.eventsReceived$.next(false);\n\n    // Unsubscribe previous subscription if exists\n    if (this.onAfterLoadingSubscription) {\n      this.onAfterLoadingSubscription.unsubscribe();\n    }\n\n    // Setup RxJS observable to wait for all conditions\n    this.setupOnAfterLoadingObserver();\n\n    this.webSocket.updateProperties({ room: mapId })\n    await this.webSocket.reconnect(() => {\n      this.initListeners()\n      this.guiService._initialize()\n    })\n    const res = await this.loadMapService.load(mapId)\n    this.sceneMap.data.set(res)\n    \n    // Check if playerId is already present\n    if (this.playerIdSignal()) {\n      this.playerIdReceived$.next(true);\n    }\n    \n    // Check if players and events are already present in sceneMap\n    const players = this.sceneMap.players();\n    if (players && Object.keys(players).length > 0) {\n      this.playersReceived$.next(true);\n    }\n    \n    const events = this.sceneMap.events();\n    if (events !== undefined) {\n      this.eventsReceived$.next(true);\n    }\n    \n    // Signal that map loading is completed (this should be last to ensure other checks are done)\n    this.mapLoadCompleted$.next(true);\n    this.sceneMap.loadPhysic()\n  }\n\n  addSpriteSheet<T = any>(spritesheetClass: any, id?: string): any {\n    this.spritesheets.set(id || spritesheetClass.id, spritesheetClass);\n    return spritesheetClass as any;\n  }\n\n  /**\n   * Set a resolver function for spritesheets\n   * \n   * The resolver is called when a spritesheet is requested but not found in the cache.\n   * It can be synchronous (returns directly) or asynchronous (returns a Promise).\n   * The resolved spritesheet is automatically cached for future use.\n   * \n   * @param resolver - Function that takes a spritesheet ID and returns a spritesheet or Promise of spritesheet\n   * \n   * @example\n   * ```ts\n   * // Synchronous resolver\n   * engine.setSpritesheetResolver((id) => {\n   *   if (id === 'dynamic-sprite') {\n   *     return { id: 'dynamic-sprite', image: 'path/to/image.png', framesWidth: 32, framesHeight: 32 };\n   *   }\n   *   return undefined;\n   * });\n   * \n   * // Asynchronous resolver (loading from API)\n   * engine.setSpritesheetResolver(async (id) => {\n   *   const response = await fetch(`/api/spritesheets/${id}`);\n   *   const data = await response.json();\n   *   return data;\n   * });\n   * ```\n   */\n  setSpritesheetResolver(resolver: (id: string) => any | Promise<any>): void {\n    this.spritesheetResolver = resolver;\n  }\n\n  /**\n   * Get a spritesheet by ID, using resolver if not found in cache\n   * \n   * This method first checks if the spritesheet exists in the cache.\n   * If not found and a resolver is set, it calls the resolver to create the spritesheet.\n   * The resolved spritesheet is automatically cached for future use.\n   * \n   * @param id - The spritesheet ID to retrieve\n   * @returns The spritesheet if found or created, or undefined if not found and no resolver\n   * @returns Promise<any> if the resolver is asynchronous\n   * \n   * @example\n   * ```ts\n   * // Synchronous usage\n   * const spritesheet = engine.getSpriteSheet('my-sprite');\n   * \n   * // Asynchronous usage (when resolver returns Promise)\n   * const spritesheet = await engine.getSpriteSheet('dynamic-sprite');\n   * ```\n   */\n  getSpriteSheet(id: string): any | Promise<any> {\n    // Check cache first\n    if (this.spritesheets.has(id)) {\n      return this.spritesheets.get(id);\n    }\n\n    // If not in cache and resolver exists, use it\n    if (this.spritesheetResolver) {\n      const result = this.spritesheetResolver(id);\n\n      // Check if result is a Promise\n      if (result instanceof Promise) {\n        return result.then((spritesheet) => {\n          if (spritesheet) {\n            // Cache the resolved spritesheet\n            this.spritesheets.set(id, spritesheet);\n          }\n          return spritesheet;\n        });\n      } else {\n        // Synchronous result\n        if (result) {\n          // Cache the resolved spritesheet\n          this.spritesheets.set(id, result);\n        }\n        return result;\n      }\n    }\n\n    // No resolver and not in cache\n    return undefined;\n  }\n\n  /**\n   * Add a sound to the engine\n   * \n   * Adds a sound to the engine's sound cache. The sound can be:\n   * - A simple object with `id` and `src` properties\n   * - A Howler instance\n   * - An object with a `play()` method\n   * \n   * If the sound has a `src` property, a Howler instance will be created automatically.\n   * \n   * @param sound - The sound object or Howler instance\n   * @param id - Optional sound ID (if not provided, uses sound.id)\n   * @returns The added sound\n   * \n   * @example\n   * ```ts\n   * // Simple sound object\n   * engine.addSound({ id: 'click', src: 'click.mp3' });\n   * \n   * // With explicit ID\n   * engine.addSound({ src: 'music.mp3' }, 'background-music');\n   * ```\n   */\n  addSound(sound: any, id?: string): any {\n    const soundId = id || sound.id;\n    \n    if (!soundId) {\n      console.warn('Sound added without an ID. It will not be retrievable.');\n      return sound;\n    }\n\n    // If sound has a src property, create a Howler instance\n    if (sound.src && typeof sound.src === 'string') {\n      const howlOptions: any = {\n        src: [sound.src],\n        loop: sound.loop || false,\n        volume: sound.volume !== undefined ? sound.volume : 1.0,\n      };\n\n      const howl = new (Howl as any).Howl(howlOptions);\n      this.sounds.set(soundId, howl);\n      return howl;\n    }\n\n    // If sound already has a play method (Howler instance or custom), use it directly\n    if (sound && typeof sound.play === 'function') {\n      this.sounds.set(soundId, sound);\n      return sound;\n    }\n\n    // Otherwise, store as-is\n    this.sounds.set(soundId, sound);\n    return sound;\n  }\n\n  /**\n   * Set a resolver function for sounds\n   * \n   * The resolver is called when a sound is requested but not found in the cache.\n   * It can be synchronous (returns directly) or asynchronous (returns a Promise).\n   * The resolved sound is automatically cached for future use.\n   * \n   * @param resolver - Function that takes a sound ID and returns a sound or Promise of sound\n   * \n   * @example\n   * ```ts\n   * // Synchronous resolver\n   * engine.setSoundResolver((id) => {\n   *   if (id === 'dynamic-sound') {\n   *     return { id: 'dynamic-sound', src: 'path/to/sound.mp3' };\n   *   }\n   *   return undefined;\n   * });\n   * \n   * // Asynchronous resolver (loading from API)\n   * engine.setSoundResolver(async (id) => {\n   *   const response = await fetch(`/api/sounds/${id}`);\n   *   const data = await response.json();\n   *   return data;\n   * });\n   * ```\n   */\n  setSoundResolver(resolver: (id: string) => any | Promise<any>): void {\n    this.soundResolver = resolver;\n  }\n\n  /**\n   * Get a sound by ID, using resolver if not found in cache\n   * \n   * This method first checks if the sound exists in the cache.\n   * If not found and a resolver is set, it calls the resolver to create the sound.\n   * The resolved sound is automatically cached for future use.\n   * \n   * @param id - The sound ID to retrieve\n   * @returns The sound if found or created, or undefined if not found and no resolver\n   * @returns Promise<any> if the resolver is asynchronous\n   * \n   * @example\n   * ```ts\n   * // Synchronous usage\n   * const sound = engine.getSound('my-sound');\n   * \n   * // Asynchronous usage (when resolver returns Promise)\n   * const sound = await engine.getSound('dynamic-sound');\n   * ```\n   */\n  getSound(id: string): any | Promise<any> {\n    // Check cache first\n    if (this.sounds.has(id)) {\n      return this.sounds.get(id);\n    }\n\n    // If not in cache and resolver exists, use it\n    if (this.soundResolver) {\n      const result = this.soundResolver(id);\n\n      // Check if result is a Promise\n      if (result instanceof Promise) {\n        return result.then((sound) => {\n          if (sound) {\n            // Cache the resolved sound\n            this.sounds.set(id, sound);\n          }\n          return sound;\n        });\n      } else {\n        // Synchronous result\n        if (result) {\n          // Cache the resolved sound\n          this.sounds.set(id, result);\n        }\n        return result;\n      }\n    }\n\n    // No resolver and not in cache\n    return undefined;\n  }\n\n  /**\n   * Play a sound by its ID\n   * \n   * This method retrieves a sound from the cache or resolver and plays it.\n   * If the sound is not found, it will attempt to resolve it using the soundResolver.\n   * Uses Howler.js for audio playback instead of native Audio elements.\n   * \n   * @param soundId - The sound ID to play\n   * @param options - Optional sound configuration\n   * @param options.volume - Volume level (0.0 to 1.0, overrides sound default)\n   * @param options.loop - Whether the sound should loop (overrides sound default)\n   * \n   * @example\n   * ```ts\n   * // Play a sound synchronously\n   * engine.playSound('item-pickup');\n   * \n   * // Play a sound with volume and loop\n   * engine.playSound('background-music', { volume: 0.5, loop: true });\n   * \n   * // Play a sound asynchronously (when resolver returns Promise)\n   * await engine.playSound('dynamic-sound', { volume: 0.8 });\n   * ```\n   */\n  async playSound(soundId: string, options?: { volume?: number; loop?: boolean }): Promise<void> {\n    const sound = await this.getSound(soundId);\n    if (sound && sound.play) {\n      // Sound is already a Howler instance or has a play method\n      const howlSoundId = sound._sounds?.[0]?._id;\n      \n      // Apply volume if provided\n      if (options?.volume !== undefined) {\n        if (howlSoundId !== undefined) {\n          sound.volume(Math.max(0, Math.min(1, options.volume)), howlSoundId);\n        } else {\n          sound.volume(Math.max(0, Math.min(1, options.volume)));\n        }\n      }\n      \n      // Apply loop if provided\n      if (options?.loop !== undefined) {\n        if (howlSoundId !== undefined) {\n          sound.loop(options.loop, howlSoundId);\n        } else {\n          sound.loop(options.loop);\n        }\n      }\n      \n      if (howlSoundId !== undefined) {\n        sound.play(howlSoundId);\n      } else {\n        sound.play();\n      }\n    } else if (sound && sound.src) {\n      // If sound is just a source URL, create a Howler instance and cache it\n      const howlOptions: any = {\n        src: [sound.src],\n        loop: options?.loop !== undefined ? options.loop : (sound.loop || false),\n        volume: options?.volume !== undefined ? Math.max(0, Math.min(1, options.volume)) : (sound.volume !== undefined ? sound.volume : 1.0),\n      };\n\n      const howl = new (Howl as any).Howl(howlOptions);\n      \n      // Cache the Howler instance for future use\n      this.sounds.set(soundId, howl);\n      \n      // Play the sound\n      howl.play();\n    } else {\n      console.warn(`Sound with id \"${soundId}\" not found or cannot be played`);\n    }\n  }\n\n  /**\n   * Stop a sound that is currently playing\n   * \n   * This method stops a sound that was previously started with `playSound()`.\n   * \n   * @param soundId - The sound ID to stop\n   * \n   * @example\n   * ```ts\n   * // Start a looping sound\n   * engine.playSound('background-music', { loop: true });\n   * \n   * // Later, stop it\n   * engine.stopSound('background-music');\n   * ```\n   */\n  stopSound(soundId: string): void {\n    const sound = this.sounds.get(soundId);\n    if (sound && sound.stop) {\n      sound.stop();\n    } else {\n      console.warn(`Sound with id \"${soundId}\" not found or cannot be stopped`);\n    }\n  }\n\n  /**\n   * Stop all currently playing sounds\n   * \n   * This method stops all sounds that are currently playing.\n   * Useful when changing maps to prevent sound overlap.\n   * \n   * @example\n   * ```ts\n   * // Stop all sounds\n   * engine.stopAllSounds();\n   * ```\n   */\n  stopAllSounds(): void {\n    this.sounds.forEach((sound) => {\n      if (sound && sound.stop) {\n        sound.stop();\n      }\n    });\n  }\n\n  /**\n   * Set the camera to follow a specific sprite\n   * \n   * This method changes which sprite the camera viewport should follow.\n   * The camera will smoothly animate to the target sprite if smoothMove options are provided.\n   * \n   * ## Design\n   * \n   * The camera follow target is stored in a signal that is read by sprite components.\n   * Each sprite checks if it should be followed by comparing its ID with the target ID.\n   * When smoothMove options are provided, the viewport animation is handled by CanvasEngine's\n   * viewport system.\n   * \n   * @param targetId - The ID of the sprite to follow. Set to null to follow the current player\n   * @param smoothMove - Animation options. Can be a boolean (default: true) or an object with time and ease\n   * @param smoothMove.time - Duration of the animation in milliseconds (optional)\n   * @param smoothMove.ease - Easing function name from https://easings.net (optional)\n   * \n   * @example\n   * ```ts\n   * // Follow another player with default smooth animation\n   * engine.setCameraFollow(otherPlayerId, true);\n   * \n   * // Follow an event with custom smooth animation\n   * engine.setCameraFollow(eventId, {\n   *   time: 1000,\n   *   ease: \"easeInOutQuad\"\n   * });\n   * \n   * // Follow without animation (instant)\n   * engine.setCameraFollow(targetId, false);\n   * \n   * // Return to following current player\n   * engine.setCameraFollow(null);\n   * ```\n   */\n  setCameraFollow(\n    targetId: string | null,\n    smoothMove?: boolean | { time?: number; ease?: string }\n  ): void {\n    // Store smoothMove options for potential future use with viewport animation\n    // For now, we just set the target ID and let CanvasEngine handle the viewport follow\n    // The smoothMove options could be used to configure viewport animation if CanvasEngine supports it\n    this.cameraFollowTargetId.set(targetId);\n    \n    // If smoothMove is an object, we could store it for viewport configuration\n    // This would require integration with CanvasEngine's viewport animation system\n    if (typeof smoothMove === \"object\" && smoothMove !== null) {\n      // Future: Apply smoothMove.time and smoothMove.ease to viewport animation\n      // For now, CanvasEngine handles viewport following automatically\n    }\n  }\n\n  addParticle(particle: any) {\n    this.particleSettings.emitters.push(particle)\n    return particle;\n  }\n\n  /**\n   * Add a component to render behind sprites\n   * Components added with this method will be displayed with a lower z-index than the sprite\n   * \n   * Supports multiple formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n   * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n   * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n   * \n   * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n   * The object (sprite) is passed to the dependencies function to allow sprite-specific dependency resolution.\n   * \n   * @param component - The component to add behind sprites, or a configuration object\n   * @param component.component - The component function to render\n   * @param component.props - Static props object or function that receives the sprite object and returns props\n   * @param component.dependencies - Function that receives the sprite object and returns an array of Signals\n   * @returns The added component or configuration\n   * \n   * @example\n   * ```ts\n   * // Add a shadow component behind all sprites\n   * engine.addSpriteComponentBehind(ShadowComponent);\n   * \n   * // Add a component with static props\n   * engine.addSpriteComponentBehind({ \n   *   component: LightHalo, \n   *   props: { radius: 30 } \n   * });\n   * \n   * // Add a component with dynamic props and dependencies\n   * engine.addSpriteComponentBehind({ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * });\n   * ```\n   */\n  addSpriteComponentBehind(component: any) {\n    this.spriteComponentsBehind.update((components: any[]) => [...components, component])\n    return component\n  }\n\n  /**\n   * Add a component to render in front of sprites\n   * Components added with this method will be displayed with a higher z-index than the sprite\n   * \n   * Supports multiple formats:\n   * 1. Direct component: `HealthBarComponent`\n   * 2. Configuration object: `{ component: StatusIndicator, props: {...} }`\n   * 3. With dynamic props: `{ component: HealthBar, props: (object) => {...} }`\n   * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n   * \n   * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n   * The object (sprite) is passed to the dependencies function to allow sprite-specific dependency resolution.\n   * \n   * @param component - The component to add in front of sprites, or a configuration object\n   * @param component.component - The component function to render\n   * @param component.props - Static props object or function that receives the sprite object and returns props\n   * @param component.dependencies - Function that receives the sprite object and returns an array of Signals\n   * @returns The added component or configuration\n   * \n   * @example\n   * ```ts\n   * // Add a health bar component in front of all sprites\n   * engine.addSpriteComponentInFront(HealthBarComponent);\n   * \n   * // Add a component with static props\n   * engine.addSpriteComponentInFront({ \n   *   component: StatusIndicator, \n   *   props: { type: 'poison' } \n   * });\n   * \n   * // Add a component with dynamic props and dependencies\n   * engine.addSpriteComponentInFront({ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * });\n   * ```\n   */\n  addSpriteComponentInFront(component: any | { component: any, props: (object: any) => any, dependencies?: (object: any) => any[] }) {\n    this.spriteComponentsInFront.update((components: any[]) => [...components, component])\n    return component\n  }\n\n  /**\n   * Add a component animation to the engine\n   * \n   * Component animations are temporary visual effects that can be displayed\n   * on sprites or objects, such as hit indicators, spell effects, or status animations.\n   * \n   * @param componentAnimation - The component animation configuration\n   * @param componentAnimation.id - Unique identifier for the animation\n   * @param componentAnimation.component - The component function to render\n   * @returns The added component animation configuration\n   * \n   * @example\n   * ```ts\n   * // Add a hit animation component\n   * engine.addComponentAnimation({\n   *   id: 'hit',\n   *   component: HitComponent\n   * });\n   * \n   * // Add an explosion effect component\n   * engine.addComponentAnimation({\n   *   id: 'explosion',\n   *   component: ExplosionComponent\n   * });\n   * ```\n   */\n  addComponentAnimation(componentAnimation: {\n    component: any,\n    id: string\n  }) {\n    const instance = new AnimationManager()\n    this.componentAnimations.push({\n      id: componentAnimation.id,\n      component: componentAnimation.component,\n      instance: instance,\n      current: instance.current\n    })\n    return componentAnimation;\n  }\n\n  /**\n   * Get a component animation by its ID\n   * \n   * Retrieves the EffectManager instance for a specific component animation,\n   * which can be used to display the animation on sprites or objects.\n   * \n   * @param id - The unique identifier of the component animation\n   * @returns The EffectManager instance for the animation\n   * @throws Error if the component animation is not found\n   * \n   * @example\n   * ```ts\n   * // Get the hit animation and display it\n   * const hitAnimation = engine.getComponentAnimation('hit');\n   * hitAnimation.displayEffect({ text: \"Critical!\" }, player);\n   * ```\n   */\n  getComponentAnimation(id: string): AnimationManager {\n    const componentAnimation = this.componentAnimations.find((componentAnimation) => componentAnimation.id === id)\n    if (!componentAnimation) {\n      throw new Error(`Component animation with id ${id} not found`)\n    }\n    return componentAnimation.instance\n  }\n\n  /**\n   * Start a transition\n   * \n   * Convenience method to display a transition by its ID using the GUI system.\n   * \n   * @param id - The unique identifier of the transition to start\n   * @param props - Props to pass to the transition component\n   * \n   * @example\n   * ```ts\n   * // Start a fade transition\n   * engine.startTransition('fade', { duration: 1000, color: 'black' });\n   * \n   * // Start with onFinish callback\n   * engine.startTransition('fade', {\n   *   duration: 1000,\n   *   onFinish: () => console.log('Fade complete')\n   * });\n   * ```\n   */\n  startTransition(id: string, props: any = {}) {\n    if (!this.guiService.exists(id)) {\n      throw new Error(`Transition with id ${id} not found. Make sure to add it using engine.addTransition() or in your module's transitions property.`);\n    }\n    this.guiService.display(id, props);\n  }\n\n  async processInput({ input }: { input: Direction }) {\n    const timestamp = Date.now();\n    let frame: number;\n    let tick: number;\n    if (this.predictionEnabled && this.prediction) {\n      const meta = this.prediction.recordInput(input, timestamp);\n      frame = meta.frame;\n      tick = meta.tick;\n    } else {\n      frame = ++this.inputFrameCounter;\n      tick = this.getPhysicsTick();\n    }\n    this.hooks.callHooks(\"client-engine-onInput\", this, { input, playerId: this.playerId }).subscribe();\n\n    this.webSocket.emit('move', {\n      input,\n      timestamp,\n      frame,\n      tick,\n    });\n\n    const currentPlayer = this.sceneMap.getCurrentPlayer();\n    if (currentPlayer) {\n      (this.sceneMap as any).moveBody(currentPlayer, input);\n    }\n    this.lastInputTime = Date.now();\n    const myId = this.playerIdSignal();\n\n  }\n\n  processAction({ action }: { action: number }) {\n    if (this.stopProcessingInput) return;\n    this.hooks.callHooks(\"client-engine-onInput\", this, { input: 'action', playerId: this.playerId }).subscribe();\n    this.webSocket.emit('action', { action })\n  }\n\n  get PIXI() {\n    return PIXI\n  }\n\n  get socket() {\n    return this.webSocket\n  }\n\n  get playerId() {\n    return this.playerIdSignal()\n  }\n\n  get scene() {\n    return this.sceneMap\n  }\n\n  private getPhysicsTick(): number {\n    return this.sceneMap?.getTick?.() ?? 0;\n  }\n\n  private getLocalPlayerState(): PredictionState<Direction> {\n    const currentPlayer = this.sceneMap?.getCurrentPlayer();\n    if (!currentPlayer) {\n      return { x: 0, y: 0, direction: Direction.Down };\n    }\n    const topLeft = this.sceneMap.getBodyPosition(currentPlayer.id, \"top-left\");\n    const x = topLeft?.x ?? currentPlayer.x();\n    const y = topLeft?.y ?? currentPlayer.y();\n    const direction = currentPlayer.direction();\n    return { x, y, direction };\n  }\n\n  private applyAuthoritativeState(state: PredictionState<Direction>): void {\n    const player = this.sceneMap?.getCurrentPlayer();\n    if (!player) return;\n    const hitbox = typeof player.hitbox === \"function\" ? player.hitbox() : player.hitbox;\n    const width = hitbox?.w ?? 0;\n    const height = hitbox?.h ?? 0;\n    const updated = this.sceneMap.updateHitbox(player.id, state.x, state.y, width, height);\n    if (!updated) {\n      this.sceneMap.setBodyPosition(player.id, state.x, state.y, \"top-left\");\n    }\n    player.x.set(Math.round(state.x));\n    player.y.set(Math.round(state.y));\n    if (state.direction) {\n      player.changeDirection(state.direction);\n    }\n  }\n\n  private initializePredictionController(): void {\n    if (!this.predictionEnabled) {\n      this.prediction = undefined;\n      return;\n    }\n    this.prediction = new PredictionController<Direction>({\n      correctionThreshold: (this.globalConfig as any)?.prediction?.correctionThreshold ?? this.SERVER_CORRECTION_THRESHOLD,\n      historyTtlMs: (this.globalConfig as any)?.prediction?.historyTtlMs ?? 2000,\n      getPhysicsTick: () => this.getPhysicsTick(),\n      getCurrentState: () => this.getLocalPlayerState(),\n      setAuthoritativeState: (state) => this.applyAuthoritativeState(state),\n    });\n  }\n\n  getCurrentPlayer() {\n    return this.sceneMap.getCurrentPlayer()\n  }\n\n  /**\n   * Setup RxJS observer to wait for all conditions before calling onAfterLoading hook\n   * \n   * This method uses RxJS `combineLatest` to wait for all conditions to be met,\n   * regardless of the order in which they arrive:\n   * 1. The map loading is completed (loadMapService.load is finished)\n   * 2. We received a player ID (pId)\n   * 3. Players array has at least one element\n   * 4. Events property is present in the sync data\n   * \n   * Once all conditions are met, it uses `switchMap` to call the onAfterLoading hook once.\n   * \n   * ## Design\n   * \n   * Uses BehaviorSubjects to track each condition state, allowing events to arrive\n   * in any order. The `combineLatest` operator waits until all observables emit `true`,\n   * then `take(1)` ensures the hook is called only once, and `switchMap` handles\n   * the hook execution.\n   * \n   * @example\n   * ```ts\n   * // Called automatically in loadScene to setup the observer\n   * this.setupOnAfterLoadingObserver();\n   * ```\n   */\n  private setupOnAfterLoadingObserver(): void {\n    this.onAfterLoadingSubscription = combineLatest([\n      this.mapLoadCompleted$.pipe(filter(completed => completed === true)),\n      this.playerIdReceived$.pipe(filter(received => received === true)),\n      this.playersReceived$.pipe(filter(received => received === true)),\n      this.eventsReceived$.pipe(filter(received => received === true))\n    ]).pipe(\n      take(1), // Only execute once when all conditions are met\n      switchMap(() => {\n        // Call the hook and return the observable\n        return this.hooks.callHooks(\"client-sceneMap-onAfterLoading\", this.sceneMap);\n      })\n    ).subscribe();\n  }\n\n  /**\n   * Clear client prediction states for cleanup\n   * \n   * Removes old prediction states and input history to prevent memory leaks.\n   * Should be called when changing maps or disconnecting.\n   * \n   * @example\n   * ```ts\n   * // Clear prediction states when changing maps\n   * engine.clearClientPredictionStates();\n   * ```\n   */\n  clearClientPredictionStates() {\n    this.initializePredictionController();\n    this.frameOffset = 0;\n    this.inputFrameCounter = 0;\n  }\n\n  /**\n   * Trigger a flash animation on a sprite\n   * \n   * This method allows you to trigger a flash effect on any sprite from client-side code.\n   * The flash can be configured with various options including type (alpha, tint, or both),\n   * duration, cycles, and color.\n   * \n   * ## Design\n   * \n   * The flash is applied directly to the sprite object using its flash trigger.\n   * This is useful for client-side visual feedback, UI interactions, or local effects\n   * that don't need to be synchronized with the server.\n   * \n   * @param spriteId - The ID of the sprite to flash. If not provided, flashes the current player\n   * @param options - Flash configuration options\n   * @param options.type - Type of flash effect: 'alpha' (opacity), 'tint' (color), or 'both' (default: 'alpha')\n   * @param options.duration - Duration of the flash animation in milliseconds (default: 300)\n   * @param options.cycles - Number of flash cycles (flash on/off) (default: 1)\n   * @param options.alpha - Alpha value when flashing, from 0 to 1 (default: 0.3)\n   * @param options.tint - Tint color when flashing as hex value or color name (default: 0xffffff - white)\n   * \n   * @example\n   * ```ts\n   * // Flash the current player with default settings\n   * engine.flash();\n   * \n   * // Flash a specific sprite with red tint\n   * engine.flash('sprite-id', { type: 'tint', tint: 0xff0000 });\n   * \n   * // Flash with both alpha and tint for dramatic effect\n   * engine.flash(undefined, { \n   *   type: 'both', \n   *   alpha: 0.5, \n   *   tint: 0xff0000,\n   *   duration: 200,\n   *   cycles: 2\n   * });\n   * \n   * // Quick damage flash on current player\n   * engine.flash(undefined, { \n   *   type: 'tint', \n   *   tint: 'red', \n   *   duration: 150,\n   *   cycles: 1\n   * });\n   * ```\n   */\n  flash(\n    spriteId?: string,\n    options?: {\n      type?: 'alpha' | 'tint' | 'both';\n      duration?: number;\n      cycles?: number;\n      alpha?: number;\n      tint?: number | string;\n    }\n  ): void {\n    const targetId = spriteId || this.playerId;\n    if (!targetId) return;\n\n    const sprite = this.sceneMap.getObjectById(targetId);\n    if (sprite && typeof sprite.flash === 'function') {\n      sprite.flash(options);\n    }\n  }\n\n  private applyServerAck(ack: { frame: number; serverTick?: number; x?: number; y?: number; direction?: Direction }) {\n    if (this.predictionEnabled && this.prediction) {\n      this.prediction.applyServerAck({\n        frame: ack.frame,\n        serverTick: ack.serverTick,\n        state:\n          typeof ack.x === \"number\" && typeof ack.y === \"number\"\n            ? { x: ack.x, y: ack.y, direction: ack.direction }\n            : undefined,\n      });\n      return;\n    }\n\n    if (typeof ack.x !== \"number\" || typeof ack.y !== \"number\") {\n      return;\n    }\n    const player = this.getCurrentPlayer();\n    const myId = this.playerIdSignal();\n    if (!player || !myId) {\n      return;\n    }\n    const hitbox = typeof player.hitbox === \"function\" ? player.hitbox() : player.hitbox;\n    const width = hitbox?.w ?? 0;\n    const height = hitbox?.h ?? 0;\n    const updated = this.sceneMap.updateHitbox(myId, ack.x, ack.y, width, height);\n    if (!updated) {\n      this.sceneMap.setBodyPosition(myId, ack.x, ack.y, \"top-left\");\n    }\n    player.x.set(Math.round(ack.x));\n    player.y.set(Math.round(ack.y));\n    if (ack.direction) {\n      player.changeDirection(ack.direction);\n    }\n  }\n\n  /**\n   * Replay unacknowledged inputs from a given frame to resimulate client prediction\n   * after applying server authority at a certain frame.\n   * \n   * @param startFrame - The last server-acknowledged frame\n   * \n   * @example\n   * ```ts\n   * // After applying a server correction at frame N\n   * this.replayUnackedInputsFromFrame(N);\n   * ```\n   */\n  private async replayUnackedInputsFromFrame(_startFrame: number): Promise<void> {\n    // Prediction controller handles replay internally. Kept for backwards compatibility.\n  }\n\n  /**\n   * Clear all client resources and reset state\n   * \n   * This method should be called to clean up all client-side resources when\n   * shutting down or resetting the client engine. It:\n   * - Destroys the PIXI renderer\n   * - Stops all sounds\n   * - Cleans up subscriptions and event listeners\n   * - Resets scene map\n   * - Stops ping/pong interval\n   * - Clears prediction states\n   * \n   * ## Design\n   * \n   * This method is used primarily in testing environments to ensure clean\n   * state between tests. In production, the client engine typically persists\n   * for the lifetime of the application.\n   * \n   * @example\n   * ```ts\n   * // In test cleanup\n   * afterEach(() => {\n   *   clientEngine.clear();\n   * });\n   * ```\n   */\n  clear(): void {\n    try {\n      // First, unsubscribe from all tick subscriptions to stop rendering attempts\n      for (const subscription of this.tickSubscriptions) {\n        if (subscription && typeof subscription.unsubscribe === 'function') {\n          subscription.unsubscribe();\n        }\n      }\n      this.tickSubscriptions = [];\n\n      // Stop ping/pong interval\n      if (this.pingInterval) {\n        clearInterval(this.pingInterval);\n        this.pingInterval = null;\n      }\n\n      // Clean up onAfterLoading subscription\n      if (this.onAfterLoadingSubscription && typeof this.onAfterLoadingSubscription.unsubscribe === 'function') {\n        this.onAfterLoadingSubscription.unsubscribe();\n        this.onAfterLoadingSubscription = undefined;\n      }\n\n      // Clean up canvasElement (CanvasEngine) BEFORE destroying PIXI app\n      // This prevents CanvasEngine from trying to render after PIXI is destroyed\n      // CanvasEngine manages its own render loop which could try to access PIXI after destruction\n      if (this.canvasElement) {\n        try {\n          // Try to stop or cleanup canvasElement if it has cleanup methods\n          if (typeof (this.canvasElement as any).destroy === 'function') {\n            (this.canvasElement as any).destroy();\n          }\n          // Clear the reference\n          this.canvasElement = undefined;\n        } catch (error) {\n          // Ignore errors during canvasElement cleanup\n        }\n      }\n\n      // Reset scene map if it exists (this should stop any ongoing animations/renders)\n      if (this.sceneMap && typeof (this.sceneMap as any).reset === 'function') {\n        (this.sceneMap as any).reset();\n      }\n\n      // Stop all sounds\n      this.stopAllSounds();\n\n      // Remove resize event listener\n      if (this.resizeHandler && typeof window !== 'undefined') {\n        window.removeEventListener('resize', this.resizeHandler);\n        this.resizeHandler = undefined;\n      }\n\n      // Destroy PIXI app and renderer if they exist\n      // Destroy the app first, which will destroy the renderer\n      // Store renderer reference before destroying app (since app.destroy() will destroy the renderer)\n      const rendererStillExists = this.renderer && typeof this.renderer.destroy === 'function';\n      \n      if (this.canvasApp && typeof this.canvasApp.destroy === 'function') {\n        try {\n          // Stop the ticker first to prevent any render calls during destruction\n          if (this.canvasApp.ticker) {\n            if (typeof this.canvasApp.ticker.stop === 'function') {\n              this.canvasApp.ticker.stop();\n            }\n            // Also remove all listeners from ticker to prevent callbacks\n            if (typeof this.canvasApp.ticker.removeAll === 'function') {\n              this.canvasApp.ticker.removeAll();\n            }\n          }\n          \n          // Stop the renderer's ticker if it exists separately\n          if (this.renderer && (this.renderer as any).ticker) {\n            if (typeof (this.renderer as any).ticker.stop === 'function') {\n              (this.renderer as any).ticker.stop();\n            }\n            if (typeof (this.renderer as any).ticker.removeAll === 'function') {\n              (this.renderer as any).ticker.removeAll();\n            }\n          }\n          \n          // Remove the canvas from DOM before destroying to prevent render attempts\n          if (this.canvasApp.canvas && this.canvasApp.canvas.parentNode) {\n            this.canvasApp.canvas.parentNode.removeChild(this.canvasApp.canvas);\n          }\n          \n          // Destroy with minimal options to avoid issues\n          // Don't pass options that might trigger additional cleanup that could fail\n          this.canvasApp.destroy(true);\n        } catch (error) {\n          // Ignore errors during destruction\n        }\n        this.canvasApp = undefined;\n        // canvasApp.destroy() already destroyed the renderer, so just null it\n        this.renderer = null as any;\n      } else if (rendererStillExists) {\n        // Fallback: destroy renderer directly only if app doesn't exist or wasn't destroyed\n        try {\n          // Stop the renderer's ticker if it has one\n          if ((this.renderer as any).ticker) {\n            if (typeof (this.renderer as any).ticker.stop === 'function') {\n              (this.renderer as any).ticker.stop();\n            }\n            if (typeof (this.renderer as any).ticker.removeAll === 'function') {\n              (this.renderer as any).ticker.removeAll();\n            }\n          }\n          \n          this.renderer.destroy(true);\n        } catch (error) {\n          // Ignore errors during destruction\n        }\n        this.renderer = null as any;\n      }\n\n      // Clean up prediction controller\n      if (this.prediction) {\n        // Prediction controller cleanup is handled internally when destroyed\n        this.prediction = undefined;\n      }\n\n      // Reset signals\n      this.playerIdSignal.set(null);\n      this.cameraFollowTargetId.set(null);\n      this.spriteComponentsBehind.set([]);\n      this.spriteComponentsInFront.set([]);\n      \n      // Clear maps and arrays\n      this.spritesheets.clear();\n      this.sounds.clear();\n      this.componentAnimations = [];\n      this.particleSettings.emitters = [];\n\n      // Reset state\n      this.stopProcessingInput = false;\n      this.lastInputTime = 0;\n      this.inputFrameCounter = 0;\n      this.frameOffset = 0;\n      this.rtt = 0;\n\n      // Reset behavior subjects\n      this.mapLoadCompleted$.next(false);\n      this.playerIdReceived$.next(false);\n      this.playersReceived$.next(false);\n      this.eventsReceived$.next(false);\n    } catch (error) {\n      console.warn('Error during client engine cleanup:', error);\n    }\n  }\n}\n"],"names":["Canvas","componentAnimation"],"mappings":"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"}

package/dist/{index18.js → Sound.js}

@@ -94,4 +94,4 @@ class RpgSound {
 }
 
 export { RpgSound, Sound, getSoundMetadata };
-//# sourceMappingURL=index18.js.map
+//# sourceMappingURL=Sound.js.map

package/dist/Sound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sound.js","sources":["../src/Sound.ts"],"sourcesContent":["import { Howler } from 'canvasengine';\nimport { RpgClientEngine } from './RpgClientEngine';\nimport { inject } from './core/inject';\n\n/**\n * Sound decorator options\n * \n * Defines the configuration for a sound that can be played in the game.\n * The sound can be a single file or multiple files (for different formats).\n * \n * @interface SoundOptions\n */\nexport interface SoundOptions {\n  /**\n   * Sound identifier. Used to retrieve the sound later with RpgSound.get()\n   * \n   * @type {string}\n   */\n  id?: string;\n\n  /**\n   * Single sound file path. Use require() to wrap the path.\n   * \n   * @type {string}\n   * @example\n   * sound: require('./assets/sound.ogg')\n   */\n  sound?: string;\n\n  /**\n   * Multiple sounds with different IDs. The key is the sound ID and the value is the file path.\n   * Use require() to wrap each path.\n   * \n   * @type {{ [id: string]: string }}\n   * @example\n   * sounds: {\n   *   hero: require('./assets/hero.ogg'),\n   *   monster: require('./assets/monster.ogg')\n   * }\n   */\n  sounds?: { [id: string]: string };\n\n  /**\n   * Whether the sound should loop when it finishes playing.\n   * \n   * @type {boolean}\n   * @default false\n   */\n  loop?: boolean;\n\n  /**\n   * Volume level (0.0 to 1.0).\n   * \n   * @type {number}\n   * @default 1.0\n   */\n  volume?: number;\n}\n\n/**\n * Metadata stored on the class decorated with @Sound\n * \n * @interface SoundMetadata\n */\ninterface SoundMetadata {\n  id?: string;\n  sound?: string;\n  sounds?: { [id: string]: string };\n  loop?: boolean;\n  volume?: number;\n}\n\nconst SOUND_METADATA_KEY = Symbol('rpgjs:sound');\n\n/**\n * Sound decorator\n * \n * Decorates a class to define a sound configuration. The decorated class can be\n * added to the RpgClient module configuration, and the sound will be automatically\n * registered and available through RpgSound.get().\n * \n * ## Design\n * \n * The decorator stores metadata on the class that is later used by the module loader\n * to register sounds with the engine. The sound is created using Howler.js for\n * advanced audio features like looping, volume control, and cross-browser compatibility.\n * \n * @param options - Sound configuration options\n * \n * @example\n * ```ts\n * import { Sound } from '@rpgjs/client'\n * \n * @Sound({\n *   id: 'town-music',\n *   sound: require('./sound/town.ogg'),\n *   loop: true,\n *   volume: 0.5\n * })\n * export class TownMusic {}\n * \n * // Multiple sounds in one class\n * @Sound({\n *   sounds: {\n *     hero: require('./assets/hero.ogg'),\n *     monster: require('./assets/monster.ogg')\n *   },\n *   loop: true\n * })\n * export class CharacterSounds {}\n * ```\n */\nexport function Sound(options: SoundOptions) {\n  return function <T extends { new (...args: any[]): {} }>(constructor: T) {\n    const metadata: SoundMetadata = {\n      id: options.id,\n      sound: options.sound,\n      sounds: options.sounds,\n      loop: options.loop,\n      volume: options.volume,\n    };\n\n    // Store metadata on the class\n    (constructor as any)[SOUND_METADATA_KEY] = metadata;\n\n    return constructor;\n  };\n}\n\n/**\n * Get sound metadata from a decorated class\n * \n * @param soundClass - The class decorated with @Sound\n * @returns The sound metadata or undefined\n */\nexport function getSoundMetadata(soundClass: any): SoundMetadata | undefined {\n  return (soundClass as any)[SOUND_METADATA_KEY];\n}\n\n/**\n * RpgSound class\n * \n * Provides a unified API to manage sounds in the game. Uses Howler.js internally\n * for advanced audio features. Sounds can be retrieved by ID and controlled\n * using Howler.js methods.\n * \n * ## Design\n * \n * RpgSound acts as a facade over Howler.js, providing easy access to sounds\n * registered in the engine. It supports both individual sound control and\n * global sound management (volume, mute, etc.).\n * \n * @example\n * ```ts\n * import { RpgSound } from '@rpgjs/client'\n * \n * // Play a sound\n * RpgSound.get('town-music').play()\n * \n * // Control volume\n * RpgSound.get('town-music').volume(0.5)\n * \n * // Stop a sound\n * RpgSound.get('town-music').stop()\n * \n * // Global volume control\n * RpgSound.global.volume(0.2)\n * ```\n */\nexport class RpgSound {\n  private static engine: RpgClientEngine | null = null;\n\n  /**\n   * Initialize RpgSound with the engine instance\n   * \n   * This is called automatically by the engine during initialization.\n   * \n   * @param engine - The RpgClientEngine instance\n   */\n  static init(engine: RpgClientEngine): void {\n    RpgSound.engine = engine;\n  }\n\n  /**\n   * Get a sound by its ID\n   * \n   * Retrieves a Howler sound instance from the engine's sound cache.\n   * The sound must be registered beforehand (via @Sound decorator or manually).\n   * \n   * @param id - The sound identifier\n   * @returns The Howler sound instance, or undefined if not found\n   * \n   * @example\n   * ```ts\n   * // Get and play a sound\n   * const sound = RpgSound.get('town-music');\n   * if (sound) {\n   *   sound.play();\n   * }\n   * \n   * // Chain methods\n   * RpgSound.get('battle-theme')?.volume(0.8).play();\n   * ```\n   */\n  static get(id: string): any {\n    if (!RpgSound.engine) {\n      console.warn('RpgSound not initialized. Make sure the engine has started.');\n      return undefined;\n    }\n\n    const sound = RpgSound.engine.sounds.get(id);\n    if (!sound) {\n      console.warn(`Sound with id \"${id}\" not found`);\n      return undefined;\n    }\n\n    // If the sound is a Howler instance, return it directly\n    if (sound && typeof sound.play === 'function') {\n      return sound;\n    }\n\n    // If the sound has a src property, try to create a Howler instance\n    if (sound && sound.src) {\n      // This should have been handled during addSound, but just in case\n      return sound;\n    }\n\n    return sound;\n  }\n\n  /**\n   * Global Howler instance for managing all sounds\n   * \n   * Provides access to Howler.js global methods for controlling all sounds\n   * at once (volume, mute, etc.).\n   * \n   * @example\n   * ```ts\n   * // Set global volume to 20%\n   * RpgSound.global.volume(0.2)\n   * \n   * // Mute all sounds\n   * RpgSound.global.mute(true)\n   * \n   * // Unmute all sounds\n   * RpgSound.global.mute(false)\n   * ```\n   */\n  static get global(): typeof Howler {\n    return Howler;\n  }\n}\n\n"],"names":[],"mappings":";;AAwEA,MAAM,kBAAA,GAAqB,OAAO,aAAa,CAAA;AAwCxC,SAAS,MAAM,OAAA,EAAuB;AAC3C,EAAA,OAAO,SAAkD,WAAA,EAAgB;AACvE,IAAA,MAAM,QAAA,GAA0B;AAAA,MAC9B,IAAI,OAAA,CAAQ,EAAA;AAAA,MACZ,OAAO,OAAA,CAAQ,KAAA;AAAA,MACf,QAAQ,OAAA,CAAQ,MAAA;AAAA,MAChB,MAAM,OAAA,CAAQ,IAAA;AAAA,MACd,QAAQ,OAAA,CAAQ;AAAA,KAClB;AAGA,IAAC,WAAA,CAAoB,kBAAkB,CAAA,GAAI,QAAA;AAE3C,IAAA,OAAO,WAAA;AAAA,EACT,CAAA;AACF;AAQO,SAAS,iBAAiB,UAAA,EAA4C;AAC3E,EAAA,OAAQ,WAAmB,kBAAkB,CAAA;AAC/C;AAgCO,MAAM,QAAA,CAAS;AAAA,EACpB;AAAA,IAAA,IAAA,CAAe,MAAA,GAAiC,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShD,OAAO,KAAK,MAAA,EAA+B;AACzC,IAAA,QAAA,CAAS,MAAA,GAAS,MAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBA,OAAO,IAAI,EAAA,EAAiB;AAC1B,IAAA,IAAI,CAAC,SAAS,MAAA,EAAQ;AACpB,MAAA,OAAA,CAAQ,KAAK,6DAA6D,CAAA;AAC1E,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,MAAA,CAAO,MAAA,CAAO,IAAI,EAAE,CAAA;AAC3C,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,eAAA,EAAkB,EAAE,CAAA,WAAA,CAAa,CAAA;AAC9C,MAAA,OAAO,MAAA;AAAA,IACT;AAGA,IAAA,IAAI,KAAA,IAAS,OAAO,KAAA,CAAM,IAAA,KAAS,UAAA,EAAY;AAC7C,MAAA,OAAO,KAAA;AAAA,IACT;AAGA,IAAA,IAAI,KAAA,IAAS,MAAM,GAAA,EAAK;AAEtB,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,OAAO,KAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBA,WAAW,MAAA,GAAwB;AACjC,IAAA,OAAO,MAAA;AAAA,EACT;AACF;;;;"}

package/dist/{index34.js → components/animations/animation.ce.js}

@@ -1,6 +1,6 @@
 import { useProps, useDefineProps, h, Sprite } from 'canvasengine';
-import { RpgClientEngine } from './index2.js';
-import { inject } from './index6.js';
+import { RpgClientEngine } from '../../RpgClientEngine.js';
+import { inject } from '../../core/inject.js';
 
 function component($$props) {
         useProps($$props);
@@ -18,4 +18,4 @@ var sheet = {
       }
 
 export { component as default };
-//# sourceMappingURL=index34.js.map
+//# sourceMappingURL=animation.ce.js.map

package/dist/components/animations/animation.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.ce.js","sources":["../../../src/components/animations/animation.ce"],"sourcesContent":["<Sprite sheet x y anchor={0.5} />\n\n<script>\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { inject } from \"../../core/inject\";\n\n  const { x, y, animationName, graphic, onFinish } = defineProps();\n\n  const client = inject(RpgClientEngine);\n\n  const sheet = {\n    definition: client.getSpriteSheet(graphic()),\n    playing: animationName() ?? 'default',\n    onFinish\n  };\n</script>\n"],"names":[],"mappings":";;;;AAOqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE;AACd,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ;AAC1H,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,KAAK,GAAG;AACZ,IAAI,UAAU,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;AAChD,IAAI,OAAO,EAAE,CAAC,EAAE,GAAG,aAAa,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,SAAS;AAC9E,IAAI,QAAQ,EAAE;AACd,CAAC;AACD,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE;AAC1D,QAAQ,OAAO;AACf,MAAM;;;;"}

package/dist/{index33.js → components/animations/hit.ce.js}

@@ -68,4 +68,4 @@ tick(function (_a) {
       }
 
 export { component as default };
-//# sourceMappingURL=index33.js.map
+//# sourceMappingURL=hit.ce.js.map

package/dist/components/animations/hit.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hit.ce.js","sources":["../../../src/components/animations/hit.ce"],"sourcesContent":["<Text x y zIndex={10000} color scale size={30} text />\n\n<script>\n  import { animatedSignal, mount, signal, tick } from \"canvasengine\";\n  import { Direction } from \"@rpgjs/common\";\n  const {\n    text,\n    direction,\n    onFinish,\n    duration,\n    color,\n    x: positionX,\n    y: positionY\n  } = defineProps({\n    duration: {\n      default: 1000\n    },\n    color: {\n      default: 'black'\n    }\n  });\n\n  const scale = animatedSignal(1, {\n    duration: duration(),\n  });\n\n  // Generate random initial position\n  const randomPosition = () => Math.floor(Math.random() * 60);\n  const initialY = randomPosition();\n  const x = signal(positionX());\n  const y = signal(positionY() - initialY);\n\n  // Initial velocity\n  let velocityX = 0;\n  let velocityY = 0;\n\n  // Set initial velocity based on direction\n  const speed = 200;\n  switch (direction()) {\n    case Direction.Left:\n      velocityX = speed;\n      break;\n    case Direction.Right:\n      velocityX = -speed;\n      break;\n    case Direction.Up:\n      velocityY = speed;\n      break;\n    case Direction.Down:\n      velocityY = -speed;\n      break;\n  }\n\n  // Add some randomness to the velocity\n  velocityX += (Math.random() - 0.5) * 100;\n  velocityY += (Math.random() - 0.5) * 100;\n\n  const gravity = 500; // Gravity effect\n  const deceleration = 0.98; // Deceleration factor\n\n  mount(() => {\n    scale.set(0.1);\n  });\n\n  let elapsedTime = 0;\n\n  tick(({ deltaTime }) => {\n    elapsedTime += deltaTime;\n    \n    if (elapsedTime < duration()) {\n      // Update position\n      x.update((x) => x + (velocityX * deltaTime) / 1000);\n      y.update((y) => y + (velocityY * deltaTime) / 1000);\n\n      // Apply gravity\n      velocityY += (gravity * deltaTime) / 1000;\n\n      // Apply deceleration\n      velocityX *= deceleration;\n      velocityY *= deceleration;\n    } else {\n      if (onFinish) {\n        onFinish();\n      }\n    }\n  });\n</script>\n"],"names":[],"mappings":";;;AAOqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,CAAC;AAC7B,IAAI,QAAQ,EAAE;AACd,QAAQ,OAAO,EAAE;AACjB,KAAK;AACL,IAAI,KAAK,EAAE;AACX,QAAQ,OAAO,EAAE;AACjB;AACA,CAAC,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC;AAClJ,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,QAAQ,EAAE,QAAQ,EAAE;AACxB,CAAC,CAAC;AACF,IAAI,cAAc,GAAG,YAAY,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3E,IAAI,QAAQ,GAAG,cAAc,EAAE;AAC/B,IAAI,CAAC,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;AAC3B,IAAI,CAAC,GAAG,MAAM,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC;AACtC,IAAI,SAAS,GAAG,CAAC;AACjB,IAAI,SAAS,GAAG,CAAC;AACjB,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,SAAS,EAAE;AACnB,IAAI,KAAK,SAAS,CAAC,IAAI;AACvB,QAAQ,SAAS,GAAG,KAAK;AACzB,QAAQ;AACR,IAAI,KAAK,SAAS,CAAC,KAAK;AACxB,QAAQ,SAAS,GAAG,CAAC,KAAK;AAC1B,QAAQ;AACR,IAAI,KAAK,SAAS,CAAC,EAAE;AACrB,QAAQ,SAAS,GAAG,KAAK;AACzB,QAAQ;AACR,IAAI,KAAK,SAAS,CAAC,IAAI;AACvB,QAAQ,SAAS,GAAG,CAAC,KAAK;AAC1B,QAAQ;AACR;AACA,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,GAAG;AACxC,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,GAAG;AACxC,IAAI,OAAO,GAAG,GAAG;AACjB,IAAI,YAAY,GAAG,IAAI;AACvB,KAAK,CAAC,YAAY;AAClB,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AAClB,CAAC,CAAC;AACF,IAAI,WAAW,GAAG,CAAC;AACnB,IAAI,CAAC,UAAU,EAAE,EAAE;AACnB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS;AAChC,IAAI,WAAW,IAAI,SAAS;AAC5B,IAAI,IAAI,WAAW,GAAG,QAAQ,EAAE,EAAE;AAClC;AACA,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7E,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7E;AACA,QAAQ,SAAS,IAAI,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI;AACjD;AACA,QAAQ,SAAS,IAAI,YAAY;AACjC,QAAQ,SAAS,IAAI,YAAY;AACjC,IAAI;AACJ,SAAS;AACT,QAAQ,IAAI,QAAQ,EAAE;AACtB,YAAY,QAAQ,EAAE;AACtB,QAAQ;AACR,IAAI;AACJ,CAAC,CAAC;AACF,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;AACjF,QAAQ,OAAO;AACf,MAAM;;;;"}

package/dist/{index12.js → components/animations/index.js}

@@ -1,5 +1,5 @@
-import component$1 from './index33.js';
-import component from './index34.js';
+import component$1 from './hit.ce.js';
+import component from './animation.ce.js';
 
 const PrebuiltComponentAnimations = {
   Hit: component$1,
@@ -7,4 +7,4 @@ const PrebuiltComponentAnimations = {
 };
 
 export { PrebuiltComponentAnimations };
-//# sourceMappingURL=index12.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/animations/index.ts"],"sourcesContent":["import Hit from \"./hit.ce\";\nimport Animation from \"./animation.ce\";\n\nexport const PrebuiltComponentAnimations = {\n    Hit,\n    Animation\n}"],"names":["Hit","Animation"],"mappings":";;;AAGO,MAAM,2BAAA,GAA8B;AAAA,OACvCA,WAAA;AAAA,aACAC;AACJ;;;;"}

package/dist/{index17.js → components/character.ce.js}

@@ -2,9 +2,9 @@ import { useProps, useDefineProps, computed, signal, on, animatedSignal, mount,
 import { combineLatest, map, startWith, pairwise, filter, lastValueFrom } from 'rxjs';
 import { Particle } from '@canvasengine/presets';
 import { Direction, ModulesToken } from '@rpgjs/common';
-import { RpgClientEngine } from './index2.js';
-import { inject } from './index6.js';
-import { RpgGui } from './index9.js';
+import { RpgClientEngine } from '../RpgClientEngine.js';
+import { inject } from '../core/inject.js';
+import { RpgGui } from '../Gui/Gui.js';
 
 function component($$props) {
         useProps($$props);
@@ -305,4 +305,4 @@ tick(function () {
       }
 
 export { component as default };
-//# sourceMappingURL=index17.js.map
+//# sourceMappingURL=character.ce.js.map

package/dist/components/character.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"character.ce.js","sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={y} viewportFollow={shouldFollowCamera} controls onBeforeDestroy visible >\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  } \n  <Particle emit={@emitParticleTrigger} settings={@particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of graphicsSignals) {\n      <Sprite \n        sheet={@sheet(@graphicObj)} \n        direction \n        tint \n        hitbox \n        flash={flashConfig}\n      />\n    }\n  </Container>\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={@compConfig.@dependencies}>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  }\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={@attachedGui.@dependencies} object={object} onFinish={(data) => {\n          onAttachedGuiFinish(attachedGui, data)\n        }} onInteraction={(name, data) => {\n          onAttachedGuiInteraction(attachedGui, name, data)\n        }} />\n      </Container>\n    }\n  }\n</Container>\n\n<script>\n  import { signal, effect, mount, computed, tick, animatedSignal, on } from \"canvasengine\";\n\n  import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken, ModulesToken } from \"@rpgjs/common\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";  \n  import { Direction } from \"@rpgjs/common\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n\n  const { object, id } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const playerId = client.playerId;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const isMe = computed(() => id() === playerId);\n\n  /**\n   * Normalize a single sprite component configuration\n   * \n   * Handles both direct component references and configuration objects with optional props and dependencies.\n   * Extracts the component reference and creates a computed function that returns the props.\n   * \n   * ## Design\n   * \n   * Supports two formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...}, dependencies: (object) => [...] }`\n   * \n   * The normalization process:\n   * - Extracts the actual component from either format\n   * - Extracts dependencies function if provided\n   * - Creates a computed function that returns props (static object or dynamic function result)\n   * - Returns a normalized object with `component`, `props`, and `dependencies`\n   * \n   * @param comp - Component reference or configuration object\n   * @returns Normalized component configuration with component, props, and dependencies\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * normalizeComponent(ShadowComponent)\n   * // => { component: ShadowComponent, props: {}, dependencies: undefined }\n   * \n   * // With static props\n   * normalizeComponent({ component: LightHalo, props: { radius: 30 } })\n   * // => { component: LightHalo, props: { radius: 30 }, dependencies: undefined }\n   * \n   * // With dynamic props and dependencies\n   * normalizeComponent({ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * })\n   * // => { component: HealthBar, props: {...}, dependencies: (object) => [...] }\n   * ```\n   */\n  const normalizeComponent = (comp) => {\n    let componentRef;\n    let propsValue;\n    let dependenciesFn;\n    \n    // If it's a direct component reference\n    if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    // If it's a configuration object with component and props\n    else if (comp && typeof comp === 'object' && comp.component) {\n      componentRef = comp.component;\n      // Support both \"data\" (legacy) and \"props\" (new) for backward compatibility\n      propsValue = comp.props !== undefined ? comp.props : comp.data;\n      dependenciesFn = comp.dependencies;\n    }\n    // Fallback: treat as direct component\n    else {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    \n    // Return props directly (object or function), not as computed\n    // The computed will be created in the template when needed\n    return {\n      component: componentRef,\n      props: typeof propsValue === 'function' ? propsValue(object) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(object) : []\n    };\n  };\n\n  /**\n   * Normalize an array of sprite components\n   * \n   * Applies normalization to each component in the array using `normalizeComponent`.\n   * \n   * @param components - Array of component references or configuration objects\n   * @returns Array of normalized component configurations\n   */\n  const normalizeComponents = (components) => {\n    return components.map((comp) => normalizeComponent(comp));\n  };\n\n\n  /**\n   * Normalized components to render behind sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * Supports multiple formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n   * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n   * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n   * \n   * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n   * The object is passed to the dependencies function to allow sprite-specific dependency resolution.\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * componentsBehind: [ShadowComponent]\n   * \n   * // With static props\n   * componentsBehind: [{ component: LightHalo, props: { radius: 30 } }]\n   * \n   * // With dynamic props and dependencies\n   * componentsBehind: [{ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * }]\n   * ```\n   */\n  const normalizedComponentsBehind = computed(() => {\n    return normalizeComponents(componentsBehind());\n  });\n\n  /**\n   * Normalized components to render in front of sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * See `normalizedComponentsBehind` for format details.\n   * Components with dependencies will only be displayed when all dependencies are resolved.\n   */\n  const normalizedComponentsInFront = computed(() => {\n    return normalizeComponents(componentsInFront());\n  });\n  \n  /**\n   * Determine if the camera should follow this sprite\n   * \n   * The camera follows this sprite if:\n   * - It's explicitly set as the camera follow target, OR\n   * - It's the current player and no explicit target is set (default behavior)\n   */\n  const shouldFollowCamera = computed(() => {\n    const cameraTargetId = client.cameraFollowTargetId();\n    // If a target is explicitly set, only follow if this sprite is the target\n    if (cameraTargetId !== null) {\n      return id() === cameraTargetId;\n    }\n    // Otherwise, follow the current player (default behavior)\n    return isMe();\n  });\n\n  /**\n   * Get all attached GUI components that should be rendered on sprites\n   * These are GUIs with attachToSprite: true\n   */\n  const attachedGuis = computed(() => {\n    return guiService.getAttachedGuis();\n  });\n\n  /**\n   * Check if attached GUIs should be displayed for this sprite\n   * This is controlled by showAttachedGui/hideAttachedGui on the server\n   */\n  const shouldDisplayAttachedGui = computed(() => {\n    return guiService.shouldDisplayAttachedGui(id());\n  });\n\n  const { \n    x, \n    y, \n    tint, \n    direction, \n    animationName, \n    animationCurrentIndex,\n    emitParticleTrigger, \n    particleName, \n    graphics, \n    hitbox,\n    isConnected,\n    graphicsSignals,\n    flashTrigger\n  } = object;\n\n  /**\n   * Flash configuration signals for dynamic options\n   * These signals are updated when the flash trigger is activated with options\n   */\n  const flashType = signal<'alpha' | 'tint' | 'both'>('alpha');\n  const flashDuration = signal(300);\n  const flashCycles = signal(1);\n  const flashAlpha = signal(0.3);\n  const flashTint = signal(0xffffff);\n\n  /**\n   * Listen to flash trigger to update configuration dynamically\n   * When flash is triggered with options, update the signals\n   */\n  on(flashTrigger, (data) => {\n    if (data && typeof data === 'object') {\n      if (data.type !== undefined) flashType.set(data.type);\n      if (data.duration !== undefined) flashDuration.set(data.duration);\n      if (data.cycles !== undefined) flashCycles.set(data.cycles);\n      if (data.alpha !== undefined) flashAlpha.set(data.alpha);\n      if (data.tint !== undefined) flashTint.set(data.tint);\n    }\n  });\n\n  /**\n   * Flash configuration for the sprite\n   * \n   * This configuration is used by the flash directive to create visual feedback effects.\n   * The flash trigger is exposed through the object, allowing both server events and\n   * client-side code to trigger flash animations. Options can be passed dynamically\n   * through the trigger, which updates the reactive signals.\n   */\n  const flashConfig = computed(() => ({\n    trigger: flashTrigger,\n    type: flashType(),\n    duration: flashDuration(),\n    cycles: flashCycles(),\n    alpha: flashAlpha(),\n    tint: flashTint(),\n  }));\n\n  const particleSettings = client.particleSettings;\n\n  const canControls = () => isMe() && object.canMove()\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const visible = computed(() => {\n    if (object.type === 'event') {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = signal({\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Down })\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Up })\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Left })\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Right })\n      },\n    },\n    action: {\n      bind: keyboardControls.action,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'action' })\n           // particleName.set('hit') \n          // emitParticleTrigger.start()\n          // object.flash('red')\n        }\n      },\n    },\n    gamepad: {\n      enabled: true\n    }\n  });\n\n  const smoothX = animatedSignal(x(), {\n    duration: isMe() ? 0 : 0\n  });\n\n  const smoothY = animatedSignal(y(), {\n    duration: isMe() ? 0 : 0,\n  });\n\n  const realAnimationName = signal(animationName());\n\n  const xSubscription = x.observable.subscribe((value) => {\n    smoothX.set(value);\n  });\n\n  const ySubscription = y.observable.subscribe((value) => {\n    smoothY.set(value);\n  });\n  \n  const sheet = (graphicObject) => {\n    return {\n      definition: graphicObject,\n      playing: realAnimationName,\n      params: {\n        direction\n      },\n      onFinish() {\n        animationCurrentIndex.update(index => index + 1)\n      }\n    };\n  }\n\n  // Combine animation change detection with movement state from smoothX/smoothY\n  const movementAnimations = ['walk', 'stand'];\n  const epsilon = 0; // movement threshold to consider the easing still running\n\n  const stateX$ = smoothX.animatedState.observable;\n  const stateY$ = smoothY.animatedState.observable;\n  const animationName$ = animationName.observable;\n\n  const moving$ = combineLatest([stateX$, stateY$]).pipe(\n    map(([sx, sy]) => {\n      const xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;\n      const yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;\n      return !xFinished || !yFinished; // moving if X or Y is not finished\n    }),\n    startWith(false)\n  );\n\n  const animationChange$ = animationName$.pipe(\n    startWith(animationName()),\n    pairwise(),\n    filter(([prev, curr]) => prev !== curr)\n  );\n\n  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    if (curr == 'stand' && !isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!movementAnimations.includes(curr)) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && object.animationIsPlaying && object.animationIsPlaying()) {\n      if (movementAnimations.includes(curr)) {\n        if (typeof object.resetAnimationState === 'function') {\n          object.resetAnimationState();\n        }\n      }\n    }\n  });\n\n  /**\n   * Cleanup subscriptions and call hooks before sprite destruction.\n   *\n   * # Design\n   * - Prevent memory leaks by unsubscribing from all local subscriptions created in this component.\n   * - Execute destruction hooks to notify modules and scene map of sprite removal.\n   *\n   * @example\n   * await onBeforeDestroy();\n   */\n  const onBeforeDestroy = async () => {\n    animationMovementSubscription.unsubscribe();\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", object)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, object))\n  }\n\n  mount((element) => {\n    hooks.callHooks(\"client-sprite-onAdd\", object).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, object).subscribe()\n    if (isMe()) client.setKeyboardControls(element.directives.controls)\n  })\n\n  /**\n   * Handle attached GUI finish event\n   * \n   * @param gui - The GUI instance\n   * @param data - Data passed from the GUI component\n   */\n  const onAttachedGuiFinish = (gui, data) => {\n    guiService.guiClose(gui.name, data);\n  };\n\n  /**\n   * Handle attached GUI interaction event\n   * \n   * @param gui - The GUI instance\n   * @param name - Interaction name\n   * @param data - Interaction data\n   */\n  const onAttachedGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data);\n  };\n\n  tick(() => {\n    hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n  })\n</script>"],"names":[],"mappings":"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"}

package/dist/{index51.js → components/dynamics/parse-value.js}

@@ -51,4 +51,4 @@ const parseDynamicValue = (value, object) => {
 };
 
 export { parseDynamicValue };
-//# sourceMappingURL=index51.js.map
+//# sourceMappingURL=parse-value.js.map

package/dist/components/dynamics/parse-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-value.js","sources":["../../../src/components/dynamics/parse-value.ts"],"sourcesContent":["import { computed } from \"canvasengine\";\n\ninterface MatchResult {\n    property: string;\n    fullMatch: string;\n    index: number;\n}\n\nexport const parseDynamicValue = (value: any, object?: any) => {\n    if (typeof value !== 'string') {\n        return computed(() => String(value ?? ''));\n    }\n\n    // Find all dynamic references like {propertyName}\n    const pattern = /\\{([^}]+)\\}/g;\n    const matches: MatchResult[] = [];\n    let match;\n    \n    while ((match = pattern.exec(value)) !== null) {\n        matches.push({\n            property: match[1],\n            fullMatch: match[0],\n            index: match.index!\n        });\n    }\n\n    // If no dynamic references found, return simple computed\n    if (matches.length === 0) {\n        return computed(() => value);\n    }\n\n    // Create computed that tracks all referenced signals\n    return computed(() => {\n        let result = value;\n        \n        // Replace from end to start to preserve indices\n        for (let i = matches.length - 1; i >= 0; i--) {\n            const { property, fullMatch } = matches[i];\n            \n            // Try to access the property from the object\n            // Support nested properties like {param.maxHp}\n            let propertyValue = '';\n            try {\n                const propertyPath = property.split('.');\n                let currentValue = object;\n                \n                for (let j = 0; j < propertyPath.length; j++) {\n                    const prop = propertyPath[j];\n                    \n                    // Check if currentValue is a signal (function) and call it\n                    if (typeof currentValue === 'function') {\n                        currentValue = currentValue();\n                    }\n                    \n                    // Access the property\n                    if (currentValue && typeof currentValue === 'object' && prop in currentValue) {\n                        currentValue = currentValue[prop];\n                    } else {\n                        currentValue = undefined;\n                        break;\n                    }\n                }\n                \n                // If the final value is a signal, call it\n                if (typeof currentValue === 'function') {\n                    currentValue = currentValue();\n                }\n                \n                propertyValue = currentValue != null ? String(currentValue) : '';\n            } catch (error) {\n                // If property doesn't exist or can't be accessed, use empty string\n                propertyValue = '';\n            }\n            \n            result = result.replace(fullMatch, propertyValue);\n        }\n        \n        return result;\n    });\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAA,GAAoB,CAAC,KAAA,EAAY,MAAA,KAAiB;AAC3D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,OAAO,QAAA,CAAS,MAAM,MAAA,CAAO,KAAA,IAAS,EAAE,CAAC,CAAA;AAAA,EAC7C;AAGA,EAAA,MAAM,OAAA,GAAU,cAAA;AAChB,EAAA,MAAM,UAAyB,EAAC;AAChC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,OAAA,CAAQ,IAAA,CAAK,KAAK,OAAO,IAAA,EAAM;AAC3C,IAAA,OAAA,CAAQ,IAAA,CAAK;AAAA,MACT,QAAA,EAAU,MAAM,CAAC,CAAA;AAAA,MACjB,SAAA,EAAW,MAAM,CAAC,CAAA;AAAA,MAClB,OAAO,KAAA,CAAM;AAAA,KAChB,CAAA;AAAA,EACL;AAGA,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,QAAA,CAAS,MAAM,KAAK,CAAA;AAAA,EAC/B;AAGA,EAAA,OAAO,SAAS,MAAM;AAClB,IAAA,IAAI,MAAA,GAAS,KAAA;AAGb,IAAA,KAAA,IAAS,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AAC1C,MAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,QAAQ,CAAC,CAAA;AAIzC,MAAA,IAAI,aAAA,GAAgB,EAAA;AACpB,MAAA,IAAI;AACA,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AACvC,QAAA,IAAI,YAAA,GAAe,MAAA;AAEnB,QAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,YAAA,CAAa,QAAQ,CAAA,EAAA,EAAK;AAC1C,UAAA,MAAM,IAAA,GAAO,aAAa,CAAC,CAAA;AAG3B,UAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACpC,YAAA,YAAA,GAAe,YAAA,EAAa;AAAA,UAChC;AAGA,UAAA,IAAI,YAAA,IAAgB,OAAO,YAAA,KAAiB,QAAA,IAAY,QAAQ,YAAA,EAAc;AAC1E,YAAA,YAAA,GAAe,aAAa,IAAI,CAAA;AAAA,UACpC,CAAA,MAAO;AACH,YAAA,YAAA,GAAe,KAAA,CAAA;AACf,YAAA;AAAA,UACJ;AAAA,QACJ;AAGA,QAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACpC,UAAA,YAAA,GAAe,YAAA,EAAa;AAAA,QAChC;AAEA,QAAA,aAAA,GAAgB,YAAA,IAAgB,IAAA,GAAO,MAAA,CAAO,YAAY,CAAA,GAAI,EAAA;AAAA,MAClE,SAAS,KAAA,EAAO;AAEZ,QAAA,aAAA,GAAgB,EAAA;AAAA,MACpB;AAEA,MAAA,MAAA,GAAS,MAAA,CAAO,OAAA,CAAQ,SAAA,EAAW,aAAa,CAAA;AAAA,IACpD;AAEA,IAAA,OAAO,MAAA;AAAA,EACX,CAAC,CAAA;AACL;;;;"}

package/dist/{index39.js → components/dynamics/text.ce.js}

@@ -1,5 +1,5 @@
 import { useProps, useDefineProps, h, Text, computed } from 'canvasengine';
-import { parseDynamicValue } from './index51.js';
+import { parseDynamicValue } from './parse-value.js';
 
 function component($$props) {
         useProps($$props);
@@ -138,4 +138,4 @@ var getComponentStyle = function (component) {
       }
 
 export { component as default };
-//# sourceMappingURL=index39.js.map
+//# sourceMappingURL=text.ce.js.map

package/dist/components/dynamics/text.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.ce.js","sources":["../../../src/components/dynamics/text.ce"],"sourcesContent":["<Text text={@parseDynamicValue(@component.@value, @object)} ...getComponentStyle(component) />\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { parseDynamicValue } from \"./parse-value\";\n\nconst { object } = defineProps();\nconst component = object._component;\n\n/**\n * Parses a numeric style value that can be a number or a string\n * \n * If the value is a string, it may contain dynamic references like {hp}\n * which need to be parsed using parseDynamicValue. If it's a number,\n * it's returned as-is wrapped in a computed.\n * \n * @param value - Numeric value (number or string)\n * @param object - Object to resolve dynamic references from\n * @returns Computed signal with the numeric value\n */\nconst parseNumericStyleValue = (value, object) => {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n    \n    if (typeof value === 'number') {\n        return value;\n    }\n    \n    if (typeof value === 'string') {\n        // Check if it contains dynamic references\n        if (value.includes('{')) {\n            // Parse dynamic value and convert to number\n            const parsed = parseDynamicValue(value, object);\n            return computed(() => {\n                const str = parsed();\n                const num = parseFloat(str);\n                return isNaN(num) ? 0 : num;\n            });\n        } else {\n            // Simple string number, convert directly\n            const num = parseFloat(value);\n            return isNaN(num) ? undefined : num;\n        }\n    }\n    \n    return value;\n};\n\n/**\n * Maps component style properties to Canvas Engine Text component props\n * \n * Converts TextComponentOptions from the server to the format expected\n * by the Canvas Engine Text component. Supports all text styling properties\n * including fill, fontSize, fontFamily, fontStyle, fontWeight, stroke,\n * opacity, wordWrap, and align. Also supports dynamic values (number | string)\n * for numeric properties like fontSize and opacity.\n * \n * @param component - Component definition with style property\n * @returns Object with Text component props\n * \n * @example\n * ```ts\n * // Component with style\n * const component = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: 20,\n *     fontFamily: 'Arial',\n *     fontWeight: 'bold'\n *   }\n * };\n * \n * const props = getComponentStyle(component);\n * // Returns: { color: '#000000', size: 20, fontFamily: 'Arial', style: { fontWeight: 'bold' } }\n * \n * // Component with dynamic fontSize\n * const component2 = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: '{hp}', // Will be resolved from object.hp\n *     opacity: '0.8'\n *   }\n * };\n * ```\n */\nconst getComponentStyle = (component) => {\n    if (!component.style) {\n        return {};\n    }\n\n    const style = component.style;\n    const result = {};\n\n    // Map fill to color (shortcut property)\n    // fill can be a string (hex color) or a dynamic string\n    if (style.fill !== undefined) {\n        if (typeof style.fill === 'string' && style.fill.includes('{')) {\n            result.color = parseDynamicValue(style.fill, object);\n        } else {\n            result.color = style.fill;\n        }\n    }\n\n    // Map fontSize to size (shortcut property)\n    // fontSize can be number or string (with dynamic references)\n    if (style.fontSize !== undefined) {\n        const fontSizeValue = parseNumericStyleValue(style.fontSize, object);\n        if (fontSizeValue !== undefined) {\n            result.size = fontSizeValue;\n        }\n    }\n\n    // Map fontFamily (shortcut property)\n    if (style.fontFamily !== undefined) {\n        if (typeof style.fontFamily === 'string' && style.fontFamily.includes('{')) {\n            result.fontFamily = parseDynamicValue(style.fontFamily, object);\n        } else {\n            result.fontFamily = style.fontFamily;\n        }\n    }\n\n    // Build style object for PixiJS Text properties\n    const textStyle = {};\n\n    // Font style properties\n    if (style.fontStyle !== undefined) {\n        if (typeof style.fontStyle === 'string' && style.fontStyle.includes('{')) {\n            textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);\n        } else {\n            textStyle.fontStyle = style.fontStyle;\n        }\n    }\n\n    if (style.fontWeight !== undefined) {\n        if (typeof style.fontWeight === 'string' && style.fontWeight.includes('{')) {\n            textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);\n        } else if (typeof style.fontWeight === 'number') {\n            textStyle.fontWeight = style.fontWeight;\n        } else {\n            textStyle.fontWeight = style.fontWeight;\n        }\n    }\n\n    // Stroke properties\n    if (style.stroke !== undefined) {\n        if (typeof style.stroke === 'string' && style.stroke.includes('{')) {\n            textStyle.stroke = parseDynamicValue(style.stroke, object);\n        } else {\n            textStyle.stroke = style.stroke;\n        }\n    }\n\n    // Opacity (can be number or string)\n    if (style.opacity !== undefined) {\n        const opacityValue = parseNumericStyleValue(style.opacity, object);\n        if (opacityValue !== undefined) {\n            textStyle.opacity = opacityValue;\n        }\n    }\n\n    // Word wrap\n    if (style.wordWrap !== undefined) {\n        textStyle.wordWrap = style.wordWrap;\n    }\n\n    // Text alignment\n    if (style.align !== undefined) {\n        if (typeof style.align === 'string' && style.align.includes('{')) {\n            textStyle.align = parseDynamicValue(style.align, object);\n        } else {\n            textStyle.align = style.align;\n        }\n    }\n\n    // Only add style prop if there are style properties\n    if (Object.keys(textStyle).length > 0) {\n        result.style = textStyle;\n    }\n\n    return result;\n}\n</script>"],"names":[],"mappings":"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"}

package/dist/{index11.js → components/gui/box.ce.js}

@@ -1,15 +1,15 @@
 import { useProps, useDefineProps, computed, h, Container, Rect } from 'canvasengine';
-import { RpgClientEngine } from './index2.js';
-import './index31.js';
+import { RpgClientEngine } from '../../RpgClientEngine.js';
+import '../../node_modules/.pnpm/@signe_room@2.6.0/node_modules/@signe/room/dist/index.js';
 import '@rpgjs/common';
-import './index20.js';
-import { inject } from './index6.js';
+import '../../node_modules/.pnpm/@signe_di@2.6.0/node_modules/@signe/di/dist/index.js';
+import { inject } from '../../core/inject.js';
 import 'rxjs';
-import './index32.js';
-import './index18.js';
+import '../../node_modules/.pnpm/@signe_sync@2.6.0/node_modules/@signe/sync/dist/client/index.js';
+import '../../Sound.js';
 import 'pixi.js';
 import '@canvasengine/presets';
-import './index19.js';
+import '../../Resource.js';
 
 function component($$props) {
         useProps($$props);
@@ -23,4 +23,4 @@ var _color = computed(function () { var _a; return ((_a = engine.globalConfig.gu
       }
 
 export { component as default };
-//# sourceMappingURL=index11.js.map
+//# sourceMappingURL=box.ce.js.map

package/dist/components/gui/box.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.ce.js","sources":["../../../src/components/gui/box.ce"],"sourcesContent":["<Container positionType=\"absolute\" top={top} left={left}>\n    <Container\n      anchor={[0.5, 0.5]}\n    >\n    <Rect width height color={_color} />\n    <Container attach={child}></Container>\n  </Container>  \n</Container>\n\n<script>\n  import { RpgClientEngine, inject } from \"../../index\";\n\n  const { width, height, children, color, top, left } = defineProps();\n  const engine = inject(RpgClientEngine)\n  const child = children[0]\n  const _color = computed(() => engine.globalConfig.gui?.windowColor || color?.() || \"#1a1a2e\")\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;AAOqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI;AAC5I,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;AACvB,IAAI,MAAM,GAAG,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,WAAW,MAAM,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC;AAClN,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACvM,QAAQ,OAAO;AACf,MAAM;;;;"}

package/dist/{index10.js → components/gui/dialogbox/index.ce.js}

@@ -1,7 +1,7 @@
 import { useProps, useDefineProps, signal, animatedSignal, computed, trigger, mount, effect, h, Container, Rect, cond, Text, Sprite } from 'canvasengine';
-import component$1 from './index48.js';
-import { inject } from './index6.js';
-import { RpgClientEngine } from './index2.js';
+import component$1 from './selection.ce.js';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
 
 function component($$props) {
         useProps($$props);
@@ -150,4 +150,4 @@ effect(function () {
       }
 
 export { component as default };
-//# sourceMappingURL=index10.js.map
+//# sourceMappingURL=index.ce.js.map

package/dist/components/gui/dialogbox/index.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ce.js","sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<Container justifyContent=\"center\" alignItems=\"center\" width=\"100%\" height=\"100%\">\n  <Container\n    ref=\"dialogbox\"\n    scale={{ x: scaleX }}\n    anchor={[0.5, 0.5]}\n    width={widthBox}\n    height\n    controls\n    ...positionBox()\n  >\n  <Rect \n    width={widthBox} \n    height \n    color={@dialogboxStyles.@backgroundColor} \n    alpha={@dialogboxStyles.@backgroundOpacity} />\n      <Container\n        flexDirection=\"row\"\n        width={widthBox}\n        height\n        alpha={contentOpacity}\n      >\n        <Container flexDirection=\"row\">\n          <Container flexDirection=\"column\">\n            <Text\n              text\n              color=\"#fff\"\n              fontSize={18}\n              margin\n              typewriter\n              style={textStyle}\n            />\n            @if (visibleSelection) {\n              <Selection selectedIndex={0} items={choices} onSelect />\n            }\n          </Container>\n          @if (face) {\n            <Sprite sheet={@faceSheet(@face.@id, @face.@expression)} />\n          }\n        </Container>\n    </Container>\n</Container>  \n\n  \n</Container>\n<script>\n  import Selection from './selection.ce'\n\n  import {\n    animatedSignal,\n    computed,\n    effect,\n    signal,\n    trigger,\n    mount\n  } from \"canvasengine\";\n\n  import { inject } from \"../../../core/inject\";\n  import { RpgClientEngine } from \"../../../RpgClientEngine\";\n  import BoxComponent from \"../box.ce\";\n\n  const {\n    message,\n    choices: _choices,\n    onFinish,\n    onInteraction,\n    face,\n    position,\n    typewriterEffect,\n    autoClose\n  } = defineProps();\n  \n  const client = inject(RpgClientEngine);\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const dialogboxStyles = client.globalConfig.box.styles ?? {\n    backgroundColor: \"#1a1a2e\",\n    backgroundOpacity: 0.9,\n  }\n  const dialogBoxTypewriterSound = client.globalConfig?.box?.sounds?.typewriter\n\n  const sounds = client.sounds;\n\n  client.stopProcessingInput = true;\n  let isDestroyed = false;\n\n  const texts = [message()]\n  const height = signal(256);\n  const margin = signal(40);\n  const isTextCompleted = signal(false);\n\n  const drawSpeaker = (g) => {\n    g.beginFill(0xffa500); // Orange color\n    g.lineStyle(2, 0x000000); // Black border\n    g.moveTo(0, 0);\n    g.lineTo(70, 0);\n    g.lineTo(80, 15);\n    g.lineTo(70, 30);\n    g.lineTo(0, 30);\n    g.lineTo(0, 0);\n    g.endFill();\n  };\n\n  const border = signal({ width: 5, color: \"#595971\" });\n  const shadow = signal({ color: \"#000\", blur: 10, offsetX: 10, offsetY: 10 });\n\n  const contentOpacity = animatedSignal(0, {\n    duration: 1000,\n  });\n\n  const scaleX = animatedSignal(0, {\n    duration: 500,\n  });\n\n  const positionBox = computed(() => {\n    if (position() === 'bottom') {\n      return { positionType: 'absolute', bottom: 10 };\n    }\n    else if (position() === 'top') {\n      return { positionType: 'absolute', top: 10 };\n    }\n    return {};\n  });\n\n  const widthBox = computed(() => {\n    return 700;\n  });\n\n  scaleX.set(1);\n  contentOpacity.set(1);\n\n  const currentTextIndex = signal(0);\n  const currentText = computed(() => texts?.[currentTextIndex()] ?? '');\n  const isChoiceDisplayed = signal(false);\n\n  const text = computed(() => {\n    const current = currentText();\n    return typeof current === \"string\" ? current : current.text;\n  });\n\n  const faceSheet = (graphicId, animationName) => {\n    return {\n      definition: client.getSpriteSheet(graphicId),\n      playing: animationName,\n    };\n  }\n\n  const choices = computed(() => {\n    //const current = currentText();\n    //return typeof current === \"string\" ? null : current.choices;\n    return _choices;\n  });\n\n  const visibleSelection = computed(() => isChoiceDisplayed() && choices().length != 0)\n\n  const triggerSkip = trigger();\n\n  const typewriter = typewriterEffect() ? {\n    speed: 0.3,\n    skip: triggerSkip,\n    sound: {\n      src: sounds.get(dialogBoxTypewriterSound)?.src\n    },\n    onComplete: () => {\n      isTextCompleted.set(true);\n      if (autoClose()) {\n        setTimeout(() => {\n          onFinish();\n        }, 1000);\n      }\n    }\n  } : null;\n\n  const textStyle = {\n    wordWrap: true,\n    wordWrapWidth: widthBox() - margin() * 2 - (face ? 256 : 0)\n  }\n\n  mount((element) => {\n    const [dialogbox] = element.props.children\n    return () => {\n      dialogbox.directives.controls.onDestroy()\n      isDestroyed = true;\n      // Wait destroy is finished before start processing input\n      setTimeout(() => {\n        client.stopProcessingInput = false;\n      }, 500)\n    }\n  })\n\n  const controls = signal({\n    next: {\n      bind: keyboardControls.action,\n      keyDown(e) {\n        if (isDestroyed) return;\n        if (isChoiceDisplayed()) {\n          // If choices are displayed, do nothing (wait for selection)\n          return;\n        }\n\n        // If text is still typing, just skip (fast forward) the animation\n        if (!isTextCompleted()) {\n          triggerSkip.start();\n          isTextCompleted.set(true);\n        }\n        else {\n          const isFinished = currentTextIndex() === texts.length - 1;\n          currentTextIndex.update((index) => {\n            if (index < texts.length - 1) {\n              return index + 1;\n            }\n            return index;\n          });\n          isChoiceDisplayed.set(false);\n          isTextCompleted.set(false);\n          if (isFinished && onFinish) {\n            onFinish();\n          } \n        }\n      },\n    },\n  });\n\n  const onSelect = (index) => {\n    onFinish(index);\n  }\n  \n  effect(() => {\n    if (choices().length != 0) {\n      isChoiceDisplayed.set(true);\n    }\n  });\n</script>"],"names":["Selection"],"mappings":";;;;;AAYqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,YAAY;AAC9D,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,EAAE;AAC5C,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC7D,YAAY,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;AAC5B,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3E,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3B,QAAQ;AACR,QAAQ,OAAO,CAAC;AAChB,IAAI,CAAC;AACL,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,CAAC;AACD,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACnB,IAAC,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAiB,EAAE,CAAC,aAAa,CAAC,KAAC,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,gBAAgB,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,SAAS,GAAG,EAAE,CAAC;AAC9N,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB;AAC3D,IAAI,eAAe,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG;AAC7F,IAAI,eAAe,EAAE,SAAS;AAC9B,IAAI,iBAAiB,EAAE,GAAG;AAC1B,CAAC;AACD,IAAI,wBAAwB,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,MAAM,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,UAAU;AACrN,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM;AAC1B,MAAM,CAAC,mBAAmB,GAAG,IAAI;AACjC,IAAI,WAAW,GAAG,KAAK;AACvB,IAAI,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;AACvB,IAAI,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC;AACxB,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;AACvB,IAAI,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC;AAYtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;AACrC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;AACzE,IAAI,cAAc,GAAG,cAAc,CAAC,CAAC,EAAE;AACvC,IAAI,QAAQ,EAAE,IAAI;AAClB,CAAC,CAAC;AACF,IAAI,MAAM,GAAG,cAAc,CAAC,CAAC,EAAE;AAC/B,IAAI,QAAQ,EAAE,GAAG;AACjB,CAAC,CAAC;AACF,IAAI,WAAW,GAAG,QAAQ,CAAC,YAAY;AACvC,IAAI,IAAI,QAAQ,EAAE,KAAK,QAAQ,EAAE;AACjC,QAAQ,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE;AACvD,IAAI;AACJ,SAAS,IAAI,QAAQ,EAAE,KAAK,KAAK,EAAE;AACnC,QAAQ,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE;AACpD,IAAI;AACJ,IAAI,OAAO,EAAE;AACb,CAAC,CAAC;AACF,IAAI,QAAQ,GAAG,QAAQ,CAAC,YAAY;AACpC,IAAI,OAAO,GAAG;AACd,CAAC,CAAC;AACF,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACb,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAChC,IAAI,WAAW,GAAG,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9K,IAAI,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC;AACrC,IAAI,IAAI,GAAG,QAAQ,CAAC,YAAY;AAChC,IAAI,IAAI,OAAO,GAAG,WAAW,EAAE;AAC/B,IAAI,OAAO,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI;AAC/D,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,UAAU,SAAS,EAAE,aAAa,EAAE;AACpD,IAAI,OAAO;AACX,QAAQ,UAAU,EAAE,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC;AACpD,QAAQ,OAAO,EAAE,aAAa;AAC9B,KAAK;AACL,CAAC;AACD,IAAI,OAAO,GAAG,QAAQ,CAAC,YAAY;AACnC;AACA;AACA,IAAI,OAAO,QAAQ;AACnB,CAAC,CAAC;AACF,IAAI,gBAAgB,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,iBAAiB,EAAE,IAAI,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,WAAW,GAAG,OAAO,EAAE;AAC3B,IAAI,UAAU,GAAG,gBAAgB,EAAE,GAAG;AACtC,IAAI,KAAK,EAAE,GAAG;AACd,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,KAAK,EAAE;AACX,QAAQ,GAAG,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;AACjG,KAAK;AACL,IAAI,UAAU,EAAE,YAAY;AAC5B,QAAQ,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;AACjC,QAAQ,IAAI,SAAS,EAAE,EAAE;AACzB,YAAY,UAAU,CAAC,YAAY;AACnC,gBAAgB,QAAQ,EAAE;AAC1B,YAAY,CAAC,EAAE,IAAI,CAAC;AACpB,QAAQ;AACR,IAAI;AACJ,CAAC,GAAG,IAAI;AACR,IAAI,SAAS,GAAG;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,IAAI,aAAa,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,GAAG,CAAC,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC;AAC9D,CAAC;AACD,KAAK,CAAC,UAAU,OAAO,EAAE;AACzB,IAAI,IAAI,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,IAAI,OAAO,YAAY;AACvB,QAAQ,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,EAAE;AACjD,QAAQ,WAAW,GAAG,IAAI;AAC1B;AACA,QAAQ,UAAU,CAAC,YAAY;AAC/B,YAAY,MAAM,CAAC,mBAAmB,GAAG,KAAK;AAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC;AACf,IAAI,CAAC;AACL,CAAC,CAAC;AACF,IAAI,QAAQ,GAAG,MAAM,CAAC;AACtB,IAAI,IAAI,EAAE;AACV,QAAQ,IAAI,EAAE,gBAAgB,CAAC,MAAM;AACrC,QAAQ,OAAO,EAAE,UAAU,CAAC,EAAE;AAC9B,YAAY,IAAI,WAAW;AAC3B,gBAAgB;AAChB,YAAY,IAAI,iBAAiB,EAAE,EAAE;AACrC;AACA,gBAAgB;AAChB,YAAY;AACZ;AACA,YAAY,IAAI,CAAC,eAAe,EAAE,EAAE;AACpC,gBAAgB,WAAW,CAAC,KAAK,EAAE;AACnC,gBAAgB,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;AACzC,YAAY;AACZ,iBAAiB;AACjB,gBAAgB,IAAI,UAAU,GAAG,gBAAgB,EAAE,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;AACxE,gBAAgB,gBAAgB,CAAC,MAAM,CAAC,UAAU,KAAK,EAAE;AACzD,oBAAoB,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAClD,wBAAwB,OAAO,KAAK,GAAG,CAAC;AACxC,oBAAoB;AACpB,oBAAoB,OAAO,KAAK;AAChC,gBAAgB,CAAC,CAAC;AAClB,gBAAgB,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;AAC5C,gBAAgB,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1C,gBAAgB,IAAI,UAAU,IAAI,QAAQ,EAAE;AAC5C,oBAAoB,QAAQ,EAAE;AAC9B,gBAAgB;AAChB,YAAY;AACZ,QAAQ,CAAC;AACT,KAAK;AACL,CAAC,CAAC;AACF,IAAI,QAAQ,GAAG,UAAU,KAAK,EAAE;AAChC,IAAI,QAAQ,CAAC,KAAK,CAAC;AACnB,CAAC;AACD,MAAM,CAAC,YAAY;AACnB,IAAI,IAAI,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE;AAC/B,QAAQ,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC;AACnC,IAAI;AACJ,CAAC,CAAC;AACF,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,eAAe,EAAE,KAAK,EAAE,eAAe,CAAC,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAACA,WAAS,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7xB,QAAQ,OAAO;AACf,MAAM;;;;"}

package/dist/{index52.js → components/gui/dialogbox/itemMenu.ce.js}

@@ -17,4 +17,4 @@ var width = 256;
       }
 
 export { component as default };
-//# sourceMappingURL=index52.js.map
+//# sourceMappingURL=itemMenu.ce.js.map

package/dist/components/gui/dialogbox/itemMenu.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemMenu.ce.js","sources":["../../../../src/components/gui/dialogbox/itemMenu.ce"],"sourcesContent":["<Container>\n    <Rect width height color=\"#595971\" alpha visible={isSelected} />\n    <Container flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n        <Text text color=\"#fff\" fontSize={18} margin={10} />\n    </Container>\n</Container>\n\n<script>\nimport { animatedSignal } from \"canvasengine\";\n\nconst { text, isSelected } = defineProps();\n\nconst alpha = animatedSignal(1, {\n    repeatType: \"reverse\",\n    duration: 500,\n    repeat: Infinity,\n});\n\nalpha.set(0.5);\n\nconst height = 40;\nconst width = 256;\n</script>"],"names":[],"mappings":";;AAQqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU;AAC1E,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,QAAQ;AACpB,CAAC,CAAC;AACF,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AACd,IAAI,MAAM,GAAG,EAAE;AACf,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACrQ,QAAQ,OAAO;AACf,MAAM;;;;"}

package/dist/{index48.js → components/gui/dialogbox/selection.ce.js}

@@ -1,7 +1,7 @@
 import { useProps, useDefineProps, mount, signal, h, Container, loop, Howl, computed } from 'canvasengine';
-import component$1 from './index52.js';
-import { RpgClientEngine } from './index2.js';
-import { inject } from './index6.js';
+import component$1 from './itemMenu.ce.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+import { inject } from '../../../core/inject.js';
 
 function component($$props) {
         useProps($$props);
@@ -74,4 +74,4 @@ var controls = signal({
       }
 
 export { component as default };
-//# sourceMappingURL=index48.js.map
+//# sourceMappingURL=selection.ce.js.map

package/dist/components/gui/dialogbox/selection.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.ce.js","sources":["../../../../src/components/gui/dialogbox/selection.ce"],"sourcesContent":["<Container controls flexDirection=\"column\" margin={[0, 0, 0, 50]}>\n    @for ((item,index) of items) { \n      <ItemMenu text={@item.@text} isSelected={@selected(@index)} /> \n    }\n</Container>\n\n<script>\n  import { signal, computed, mount, Howl } from \"canvasengine\";\n  import ItemMenu from \"./itemMenu.ce\";\n  import { RpgClientEngine } from \"../../../RpgClientEngine\";\n  import { inject } from \"../../../core/inject\";\n\n  const {\n    items,\n    wrapAround,\n    onSelect,\n    selectedIndex,\n  } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const keyboardControls = client.globalConfig.keyboardControls;\n  const sounds = client.sounds;\n  const dialogBoxCursorSound = client.globalConfig?.box?.sounds?.cursorMove\n  const dialogBoxCursorSelectSound = client.globalConfig?.box?.sounds?.cursorSelect\n\n\n  const playDialogBoxSound = (soundId) => {\n    if (!soundId) return;\n    const sound = new Howl.Howl({\n      src: [sounds.get(soundId)?.src]\n    })\n    sound.play()\n  }\n\n  const selected = (index) => {\n    return computed(() => {\n      return index === selectedIndex();\n    })\n  }\n\n  mount((element) => {\n    return () => {\n      element.directives.controls.onDestroy()\n    }\n  })\n\n  const controls = signal({\n    down: {\n      bind: keyboardControls.down,\n      keyDown() {\n        playDialogBoxSound(dialogBoxCursorSound);\n        selectedIndex.update((currentIndex) => {\n          if (wrapAround) {\n            return (currentIndex + 1) % items().length;\n          } else {\n            return Math.min(currentIndex + 1, items().length - 1);\n          }\n        });\n      },\n    },\n    up: {\n      bind: keyboardControls.up,\n      keyDown() {\n        playDialogBoxSound(dialogBoxCursorSound);\n        selectedIndex.update((currentIndex) => {\n          if (wrapAround) {\n            return (currentIndex - 1 + items().length) % items().length;\n          } else {\n            return Math.max(currentIndex - 1, 0);\n          }\n        });\n      },\n    },\n    enter: {\n      bind: keyboardControls.action,\n      keyDown() {\n        onSelect?.(selectedIndex());\n        playDialogBoxSound(dialogBoxCursorSelectSound);\n      },\n    },\n  });\n</script>\n"],"names":["ItemMenu"],"mappings":"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"}