@rpgjs/client 5.0.0-beta.11 → 5.0.0-beta.12

package/dist/components/character.ce.js

@@ -1,7 +1,8 @@
 import { inject } from "../core/inject.js";
-import { getKeyboardControlBind, resolveKeyboardActionInput } from "../services/actionInput.js";
+import { getKeyboardControlBind, keyboardEventMatchesBind, resolveKeyboardActionInput, resolveKeyboardDirectionInput } from "../services/actionInput.js";
 import { getCanMoveValue } from "../utils/readPropValue.js";
 import { RpgGui } from "../Gui/Gui.js";
+import { normalizeEventComponent } from "../Game/EventComponentResolver.js";
 import { RpgClientEngine } from "../RpgClientEngine.js";
 import __ce_component$1 from "./player-components.ce.js";
 import { Container, Sprite, animatedSignal, computed, cond, effect, h, loop, mount, on, signal, tick, useDefineProps, useProps } from "canvasengine";
@@ -63,6 +64,14 @@ function component($$props) {
 	const normalizedComponentsInFront = computed(() => {
 		return normalizeComponents(componentsInFront());
 	});
+	const isEventSprite = () => {
+		return typeof sprite?.isEvent === "function" ? sprite.isEvent() : sprite?._type === "event";
+	};
+	const resolvedEventComponents = computed(() => {
+		if (!isEventSprite()) return [];
+		const eventComponent = normalizeEventComponent(client.resolveEventComponent(sprite), sprite);
+		return eventComponent ? [eventComponent] : [];
+	});
 	const shouldFollowCamera = computed(() => {
 		const cameraTargetId = client.cameraFollowTargetId();
 		if (cameraTargetId !== null) return id() === cameraTargetId;
@@ -75,6 +84,11 @@ function component($$props) {
 		return guiService.shouldDisplayAttachedGui(id());
 	});
 	const { x, y, tint, direction, animationName, animationCurrentIndex, emitParticleTrigger, particleName, graphics, hitbox, isConnected, graphicsSignals, flashTrigger } = sprite;
+	const renderedGraphics = computed(() => {
+		const eventComponent = resolvedEventComponents()[0];
+		if (eventComponent && !eventComponent.renderGraphic) return [];
+		return graphicsSignals();
+	});
 	const flashType = signal("alpha");
 	const flashDuration = signal(300);
 	const flashCycles = signal(1);
@@ -100,6 +114,68 @@ function component($$props) {
 	const particleSettings = client.particleSettings;
 	const canControls = () => isMe() && getCanMoveValue(sprite);
 	const keyboardControls = client.globalConfig.keyboardControls;
+	const activeDirectionKeys = /* @__PURE__ */ new Map();
+	const resolveHeldDirection = () => {
+		const directions = Array.from(activeDirectionKeys.values());
+		return directions[directions.length - 1];
+	};
+	const resolveSpriteDirection = () => {
+		const heldDirection = resolveHeldDirection();
+		if (heldDirection) return heldDirection;
+		if (typeof sprite.getDirection === "function") return sprite.getDirection();
+		if (typeof sprite.direction === "function") return sprite.direction();
+		return direction();
+	};
+	const withCurrentDirection = (payload) => {
+		if (payload.action !== "action") return payload;
+		const data = payload.data && typeof payload.data === "object" ? { ...payload.data } : {};
+		return {
+			...payload,
+			data: {
+				...data,
+				direction: data.direction ?? resolveSpriteDirection()
+			}
+		};
+	};
+	const resolveCurrentActionInput = () => withCurrentDirection(resolveKeyboardActionInput(keyboardControls.action, client, sprite));
+	const playPredictedWalkAnimation = () => {
+		if (sprite.animationFixed) return;
+		if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return;
+		realAnimationName.set("walk");
+	};
+	const resumeHeldDirectionWalkAnimation = () => {
+		if (!isCurrentPlayer()) return false;
+		if (activeDirectionKeys.size === 0) return false;
+		if (!canControls()) return false;
+		if (sprite.animationFixed) return false;
+		if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return false;
+		realAnimationName.set("walk");
+		return true;
+	};
+	const processMovementInput = (input) => {
+		if (!canControls()) return;
+		client.processInput({ input });
+		playPredictedWalkAnimation();
+	};
+	const actionBind = () => getKeyboardControlBind(keyboardControls.action);
+	const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;
+	const handleNativeActionWhileMoving = (event) => {
+		const inputDirection = resolveKeyboardDirectionInput(event, keyboardControls);
+		if (inputDirection) {
+			const keyId = keyboardEventId(event);
+			if (event.type === "keydown") {
+				activeDirectionKeys.delete(keyId);
+				activeDirectionKeys.set(keyId, inputDirection);
+				resumeHeldDirectionWalkAnimation();
+			} else activeDirectionKeys.delete(keyId);
+		}
+		if (!isCurrentPlayer()) return;
+		if (event.type !== "keydown" || event.repeat) return;
+		if (activeDirectionKeys.size === 0) return;
+		if (!keyboardEventMatchesBind(event, actionBind())) return;
+		if (!canControls()) return;
+		client.processAction(resolveCurrentActionInput());
+	};
 	const visible = computed(() => {
 		if (sprite.isEvent()) return true;
 		return isConnected();
@@ -109,34 +185,34 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			keyDown() {
-				if (canControls()) client.processInput({ input: Direction.Down });
+				processMovementInput(Direction.Down);
 			}
 		},
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			keyDown() {
-				if (canControls()) client.processInput({ input: Direction.Up });
+				processMovementInput(Direction.Up);
 			}
 		},
 		left: {
 			repeat: true,
 			bind: keyboardControls.left,
 			keyDown() {
-				if (canControls()) client.processInput({ input: Direction.Left });
+				processMovementInput(Direction.Left);
 			}
 		},
 		right: {
 			repeat: true,
 			bind: keyboardControls.right,
 			keyDown() {
-				if (canControls()) client.processInput({ input: Direction.Right });
+				processMovementInput(Direction.Right);
 			}
 		},
 		action: {
 			bind: getKeyboardControlBind(keyboardControls.action),
 			keyDown() {
-				if (canControls()) client.processAction(resolveKeyboardActionInput(keyboardControls.action, client, sprite));
+				if (canControls()) client.processAction(resolveCurrentActionInput());
 			}
 		},
 		escape: {
@@ -359,6 +435,8 @@ function component($$props) {
 	const graphicBounds = computed(() => {
 		const box = hitbox();
 		const fallback = hitboxBounds();
+		const customEventComponent = resolvedEventComponents()[0];
+		if (customEventComponent && !customEventComponent.renderGraphic) return fallback;
 		const dimensions = imageDimensions();
 		const graphics = graphicsSignals();
 		let bounds = null;
@@ -443,15 +521,26 @@ function component($$props) {
 		if (resolveRemoveContext()) runBeforeRemove();
 	});
 	const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {
-		if (curr == "stand" && !isMoving) realAnimationName.set(curr);
-		else if (curr == "walk" && isMoving) realAnimationName.set(curr);
-		else if (!movementAnimations.includes(curr)) realAnimationName.set(curr);
-		if (!isMoving && sprite.animationIsPlaying && sprite.animationIsPlaying()) {
-			if (movementAnimations.includes(curr)) {
+		const isMovementAnimation = movementAnimations.includes(curr);
+		const isTemporaryAnimationPlaying = sprite.animationIsPlaying && sprite.animationIsPlaying();
+		if (sprite.animationFixed && isMovementAnimation && isTemporaryAnimationPlaying) return;
+		if (curr == "stand" && !isMoving) {
+			if (!resumeHeldDirectionWalkAnimation()) realAnimationName.set(curr);
+		} else if (curr == "walk" && isMoving) realAnimationName.set(curr);
+		else if (!isMovementAnimation) realAnimationName.set(curr);
+		if (!isMoving && isTemporaryAnimationPlaying) {
+			if (isMovementAnimation) {
 				if (typeof sprite.resetAnimationState === "function") sprite.resetAnimationState();
 			}
 		}
 	});
+	const resumeWalkSubscriptions = [
+		sprite._canMove,
+		sprite._animationFixed,
+		sprite.animationIsPlaying
+	].filter((signal) => signal?.observable).map((signal) => signal.observable.subscribe(() => {
+		resumeHeldDirectionWalkAnimation();
+	}));
 	const waitForTemporaryAnimationEnd = (maxDuration = 1200) => {
 		if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) return Promise.resolve();
 		return new Promise((resolve) => {
@@ -475,14 +564,23 @@ function component($$props) {
 	const onBeforeDestroy = async () => {
 		await runBeforeRemove();
 		await waitForTemporaryAnimationEnd();
+		if (typeof document !== "undefined") {
+			document.removeEventListener("keydown", handleNativeActionWhileMoving);
+			document.removeEventListener("keyup", handleNativeActionWhileMoving);
+		}
 		removeTransitionSubscription?.unsubscribe();
 		animationMovementSubscription.unsubscribe();
+		resumeWalkSubscriptions.forEach((subscription) => subscription.unsubscribe());
 		xSubscription.unsubscribe();
 		ySubscription.unsubscribe();
 		await lastValueFrom(hooks.callHooks("client-sprite-onDestroy", sprite));
 		await lastValueFrom(hooks.callHooks("client-sceneMap-onRemoveSprite", client.sceneMap, sprite));
 	};
 	mount((element) => {
+		if (typeof document !== "undefined") {
+			document.addEventListener("keydown", handleNativeActionWhileMoving);
+			document.addEventListener("keyup", handleNativeActionWhileMoving);
+		}
 		hooks.callHooks("client-sprite-onAdd", sprite).subscribe();
 		hooks.callHooks("client-sceneMap-onAddSprite", client.sceneMap, sprite).subscribe();
 		effect(() => {
@@ -527,14 +625,14 @@ function component($$props) {
 			zIndex: 1e3,
 			name: particleName
 		}),
-		h(Container, null, loop(graphicsSignals, (graphicObj) => h(Container, { scale: computed(() => graphicScale(graphicObj)) }, h(Sprite, {
+		h(Container, null, [loop(renderedGraphics, (graphicObj) => h(Container, { scale: computed(() => graphicScale(graphicObj)) }, h(Sprite, {
 			sheet: computed(() => sheet(graphicObj)),
 			direction,
 			tint,
 			hitbox,
 			shadowCaster: computed(() => shadowCaster(graphicObj)),
 			flash: flashConfig
-		})))),
+		}))), loop(resolvedEventComponents, (eventComponent) => h(Container, { dependencies: eventComponent.dependencies }, h(eventComponent.component, eventComponent.props)))]),
 		h(__ce_component$1, {
 			object: sprite,
 			position: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={z} viewportFollow={shouldFollowCamera} controls onBeforeDestroy  visible>\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  } \n  <PlayerComponents object={sprite} position=\"bottom\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"left\" graphicBounds />\n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of graphicsSignals) {\n      <Container scale={graphicScale(graphicObj)}>\n        <Sprite \n          sheet={sheet(graphicObj)} \n          direction \n          tint \n          hitbox\n          shadowCaster={shadowCaster(graphicObj)}\n          flash={flashConfig}\n        />\n      </Container>\n    }\n  </Container>\n  <PlayerComponents object={sprite} position=\"center\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"right\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"top\" graphicBounds />\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  }\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={sprite} 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  import { Assets } from \"pixi.js\";\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, Animation } from \"@rpgjs/common\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n  import { getCanMoveValue } from \"../utils/readPropValue\";\n  import { getKeyboardControlBind, resolveKeyboardActionInput } from \"../services/actionInput\";\n\n  const { object, id } = defineProps();\n  const sprite = object();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const readProp = (value) => typeof value === 'function' ? value() : value;\n  const isCurrentPlayer = () => {\n    const playerId = client.playerIdSignal();\n    const currentPlayer = playerId ? client.sceneMap?.players?.()?.[playerId] : undefined;\n    return readProp(id) === playerId\n      || readProp(sprite?.id) === playerId\n      || sprite === currentPlayer\n      || sprite === client.sceneMap?.getCurrentPlayer?.();\n  };\n  const isMe = computed(isCurrentPlayer);\n  const shadowsEnabled = computed(() => {\n    const lighting = client.sceneMap?.lighting?.();\n    return Boolean(lighting?.shadows?.enabled || (lighting?.spots?.length ?? 0) > 0);\n  });\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(sprite) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(sprite) : []\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  } = sprite;\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() && getCanMoveValue(sprite)\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const visible = computed(() => {\n    if (sprite.isEvent()) {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = {\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: getKeyboardControlBind(keyboardControls.action),\n      keyDown() {\n        if (canControls()) {\n          client.processAction(resolveKeyboardActionInput(keyboardControls.action, client, sprite))\n        }\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\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 z = computed(() => {\n    return sprite.y() + sprite.z()\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: direction()\n      },\n      onFinish() {\n        animationCurrentIndex.update(index => index + 1)\n      }\n    };\n  }\n\n  const graphicScale = (graphicObject) => {\n    const scale = graphicObject?.scale;\n    if (Array.isArray(scale)) return scale;\n    if (typeof scale === 'number') return [scale, scale];\n    if (scale && typeof scale === 'object') {\n      const x = typeof scale.x === 'number' ? scale.x : 1;\n      const y = typeof scale.y === 'number' ? scale.y : x;\n      return [x, y];\n    }\n    return undefined;\n  }\n\n  const shadowCaster = (graphicObject) => {\n    const box = hitbox();\n    const bounds = graphicBounds();\n    const scale = graphicScale(graphicObject);\n    const scaleY = Array.isArray(scale) && typeof scale[1] === 'number' ? Math.abs(scale[1]) : 1;\n    const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32) * scaleY;\n\n    return {\n      enabled: shadowsEnabled,\n      height,\n      footAnchor: { x: 0.5, y: 1 },\n      footOffset: { x: 0, y: 2 },\n      alpha: 0.5,\n      blur: 3.5,\n      gradientPower: 2,\n      hardness: 0.42,\n      minLength: Math.max(6, (box?.h ?? 32) * 0.25),\n      maxLength: Math.max(90, height * 1.8),\n      contactAlpha: 0.3,\n      contactScale: 0.3,\n    };\n  }\n\n  const imageDimensions = signal({});\n  const loadingImageDimensions = new Set();\n\n  const toPositiveNumber = (value) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) && number > 0 ? number : undefined;\n  };\n\n  const toFiniteNumber = (value, fallback = 0) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) ? number : fallback;\n  };\n\n  const clampRatio = (value) => Math.min(1, Math.max(0, value));\n\n  const normalizePair = (value, fallback = [1, 1]) => {\n    if (Array.isArray(value)) {\n      const x = toFiniteNumber(value[0], fallback[0]);\n      const y = toFiniteNumber(value[1] ?? value[0], x);\n      return [x, y];\n    }\n    if (typeof value === 'number') {\n      return [value, value];\n    }\n    if (value && typeof value === 'object') {\n      const x = toFiniteNumber(value.x, fallback[0]);\n      const y = toFiniteNumber(value.y ?? value.x, x);\n      return [x, y];\n    }\n    return fallback;\n  };\n\n  const normalizeAnchor = (value) => {\n    if (!Array.isArray(value)) return undefined;\n    const [x, y] = normalizePair(value, [0, 0]);\n    return [clampRatio(x), clampRatio(y)];\n  };\n\n  const resolveImageSource = (image) => {\n    if (typeof image === 'string') return image;\n    if (typeof image?.default === 'string') return image.default;\n    return undefined;\n  };\n\n  const parentTextureOptions = (graphicObject) => {\n    const props = [\n      'width',\n      'height',\n      'framesHeight',\n      'framesWidth',\n      'rectWidth',\n      'rectHeight',\n      'offset',\n      'image',\n      'sound',\n      'spriteRealSize',\n      'scale',\n      'anchor',\n      'pivot',\n      'x',\n      'y',\n      'opacity'\n    ];\n\n    return props.reduce((options, prop) => {\n      if (graphicObject?.[prop] !== undefined) {\n        options[prop] = graphicObject[prop];\n      }\n      return options;\n    }, {});\n  };\n\n  const resolveTextureOptions = (graphicObject) => {\n    const textures = graphicObject?.textures ?? {};\n    const texture =\n      textures[realAnimationName()] ??\n      textures[Animation.Stand] ??\n      Object.values(textures)[0] ??\n      {};\n\n    return {\n      ...parentTextureOptions(graphicObject),\n      ...texture\n    };\n  };\n\n  const resolveFirstAnimationFrame = (textureOptions) => {\n    const animations = textureOptions?.animations;\n    if (!animations) return {};\n\n    try {\n      const frames = typeof animations === 'function'\n        ? animations({ direction: direction() })\n        : animations;\n      if (!Array.isArray(frames)) return {};\n      const firstGroup = frames[0];\n      return Array.isArray(firstGroup) ? firstGroup[0] ?? {} : firstGroup ?? {};\n    }\n    catch {\n      return {};\n    }\n  };\n\n  const optionValue = (prop, frame, textureOptions, graphicObject) => {\n    return frame?.[prop] ?? textureOptions?.[prop] ?? graphicObject?.[prop];\n  };\n\n  const resolveFrameSize = (textureOptions, dimensions) => {\n    const framesWidth = toPositiveNumber(textureOptions?.framesWidth) ?? 1;\n    const framesHeight = toPositiveNumber(textureOptions?.framesHeight) ?? 1;\n    const imageSource = resolveImageSource(textureOptions?.image);\n    const loadedSize = imageSource ? dimensions[imageSource] : undefined;\n    const fullWidth = toPositiveNumber(textureOptions?.width) ?? loadedSize?.width;\n    const fullHeight = toPositiveNumber(textureOptions?.height) ?? loadedSize?.height;\n    const width = toPositiveNumber(textureOptions?.rectWidth) ??\n      toPositiveNumber(textureOptions?.spriteWidth) ??\n      (fullWidth ? fullWidth / framesWidth : undefined);\n    const height = toPositiveNumber(textureOptions?.rectHeight) ??\n      toPositiveNumber(textureOptions?.spriteHeight) ??\n      (fullHeight ? fullHeight / framesHeight : undefined);\n\n    return {\n      width,\n      height\n    };\n  };\n\n  const resolveHitboxAnchor = (spriteWidth, spriteHeight, realSize, box) => {\n    if (!spriteWidth || !spriteHeight || !box) {\n      return [0, 0];\n    }\n\n    const heightOfSprite = typeof realSize === 'number' ? realSize : realSize?.height;\n    const resolvedHeight = toPositiveNumber(heightOfSprite) ?? spriteHeight;\n    const gap = Math.max(0, (spriteHeight - resolvedHeight) / 2);\n    const hitboxTopLeftX = clampRatio((spriteWidth - box.w) / 2 / spriteWidth);\n    const hitboxTopLeftY = clampRatio((spriteHeight - box.h - gap) / spriteHeight);\n    const hitboxCenterX = clampRatio(hitboxTopLeftX + box.w / 2 / spriteWidth);\n    const hitboxCenterY = clampRatio(hitboxTopLeftY + box.h / 2 / spriteHeight);\n    const footY = clampRatio((spriteHeight - gap) / spriteHeight);\n\n    switch (box.anchorMode ?? 'top-left') {\n      case 'center':\n        return [hitboxCenterX, hitboxCenterY];\n      case 'foot':\n        return [hitboxCenterX, footY];\n      case 'top-left':\n      default:\n        return [hitboxTopLeftX, hitboxTopLeftY];\n    }\n  };\n\n  const loadImageDimensions = (image) => {\n    const source = resolveImageSource(image);\n    if (!source || imageDimensions()[source] || loadingImageDimensions.has(source)) {\n      return;\n    }\n\n    loadingImageDimensions.add(source);\n    Assets.load(source)\n      .then((texture) => {\n        const width = toPositiveNumber(texture?.width);\n        const height = toPositiveNumber(texture?.height);\n        if (!width || !height) return;\n\n        imageDimensions.update((dimensions) => ({\n          ...dimensions,\n          [source]: { width, height }\n        }));\n      })\n      .catch(() => {})\n      .finally(() => {\n        loadingImageDimensions.delete(source);\n      });\n  };\n\n  effect(() => {\n    const sources = new Set();\n\n    graphicsSignals().forEach((graphicObject) => {\n      const baseImage = resolveImageSource(graphicObject?.image);\n      if (baseImage) sources.add(baseImage);\n\n      Object.values(graphicObject?.textures ?? {}).forEach((textureOptions) => {\n        const image = resolveImageSource(textureOptions?.image ?? graphicObject?.image);\n        if (image) sources.add(image);\n      });\n    });\n\n    sources.forEach((source) => loadImageDimensions(source));\n  });\n\n  const hitboxBounds = computed(() => {\n    const box = hitbox();\n    const width = box?.w ?? 0;\n    const height = box?.h ?? 0;\n\n    return {\n      left: 0,\n      top: 0,\n      right: width,\n      bottom: height,\n      width,\n      height,\n      centerX: width / 2,\n      centerY: height / 2\n    };\n  });\n\n  const graphicBounds = computed(() => {\n    const box = hitbox();\n    const fallback = hitboxBounds();\n    const dimensions = imageDimensions();\n    const graphics = graphicsSignals();\n    let bounds = null;\n\n    graphics.forEach((graphicObject) => {\n      const textureOptions = resolveTextureOptions(graphicObject);\n      const frame = resolveFirstAnimationFrame(textureOptions);\n      const size = resolveFrameSize(textureOptions, dimensions);\n      const spriteWidth = size.width ?? box?.w;\n      const spriteHeight = size.height ?? box?.h;\n\n      if (!spriteWidth || !spriteHeight) {\n        return;\n      }\n\n      const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n      const anchor = explicitAnchor ?? resolveHitboxAnchor(\n        spriteWidth,\n        spriteHeight,\n        optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n        box\n      );\n      const scale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n      const x = toFiniteNumber(optionValue('x', frame, textureOptions, graphicObject), 0);\n      const y = toFiniteNumber(optionValue('y', frame, textureOptions, graphicObject), 0);\n      const leftEdge = -anchor[0] * spriteWidth * scale[0];\n      const rightEdge = (1 - anchor[0]) * spriteWidth * scale[0];\n      const topEdge = -anchor[1] * spriteHeight * scale[1];\n      const bottomEdge = (1 - anchor[1]) * spriteHeight * scale[1];\n      const graphic = {\n        left: x + Math.min(leftEdge, rightEdge),\n        top: y + Math.min(topEdge, bottomEdge),\n        right: x + Math.max(leftEdge, rightEdge),\n        bottom: y + Math.max(topEdge, bottomEdge)\n      };\n\n      bounds = bounds\n        ? {\n            left: Math.min(bounds.left, graphic.left),\n            top: Math.min(bounds.top, graphic.top),\n            right: Math.max(bounds.right, graphic.right),\n            bottom: Math.max(bounds.bottom, graphic.bottom)\n          }\n        : graphic;\n    });\n\n    if (!bounds) {\n      return fallback;\n    }\n\n    const width = bounds.right - bounds.left;\n    const height = bounds.bottom - bounds.top;\n\n    return {\n      ...bounds,\n      width,\n      height,\n      centerX: bounds.left + width / 2,\n      centerY: bounds.top + height / 2\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  let beforeRemovePromise = null;\n  let beforeRemoveTransitionValue = null;\n  const resolveRemoveContext = () => {\n    if (!sprite._removeTransition) return null;\n    const value = sprite._removeTransition();\n    if (!value || typeof value !== 'string') return null;\n    try {\n      const context = JSON.parse(value);\n      if (!context || typeof context !== 'object' || !context.active) return null;\n      context.__transitionValue = value;\n      return context;\n    }\n    catch {\n      return null;\n    }\n  };\n\n  const withTimeout = (promise, timeoutMs = 0) => {\n    if (!timeoutMs || timeoutMs <= 0) return promise;\n    return Promise.race([\n      promise,\n      new Promise((resolve) => setTimeout(resolve, timeoutMs)),\n    ]);\n  };\n\n  const runBeforeRemove = () => {\n    const context = resolveRemoveContext();\n    if (!context) return Promise.resolve();\n    if (beforeRemovePromise && beforeRemoveTransitionValue === context.__transitionValue) {\n      return beforeRemovePromise;\n    }\n    beforeRemoveTransitionValue = context.__transitionValue;\n    beforeRemovePromise = withTimeout(\n      lastValueFrom(hooks.callHooks(\"client-sprite-onBeforeRemove\", sprite, context)),\n      context.timeoutMs\n    );\n    return beforeRemovePromise;\n  };\n\n  const removeTransitionSubscription = sprite._removeTransition?.observable?.subscribe(() => {\n    if (resolveRemoveContext()) {\n      runBeforeRemove();\n    }\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 && sprite.animationIsPlaying && sprite.animationIsPlaying()) {\n      if (movementAnimations.includes(curr)) {\n        if (typeof sprite.resetAnimationState === 'function') {\n          sprite.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 waitForTemporaryAnimationEnd = (maxDuration = 1200) => {\n    if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) {\n      return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n      let finished = false;\n      let timeout;\n      let subscription;\n      const finish = () => {\n        if (finished) return;\n        finished = true;\n        clearTimeout(timeout);\n        subscription?.unsubscribe();\n        resolve();\n      };\n      timeout = setTimeout(finish, maxDuration);\n      subscription = sprite.animationIsPlaying.observable.subscribe((isPlaying) => {\n        if (!isPlaying) finish();\n      });\n      if (finished) subscription.unsubscribe();\n    });\n  };\n\n  const onBeforeDestroy = async () => {\n    await runBeforeRemove();\n    await waitForTemporaryAnimationEnd();\n    removeTransitionSubscription?.unsubscribe();\n    animationMovementSubscription.unsubscribe();\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", sprite)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, sprite))\n  }\n\n  mount((element) => {\n    hooks.callHooks(\"client-sprite-onAdd\", sprite).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, sprite).subscribe()\n    effect(() => {\n      if (isCurrentPlayer()) {\n        client.setKeyboardControls(element.directives.controls)\n      }\n    })\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>\n"],"mappings":"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"}
+{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={z} viewportFollow={shouldFollowCamera} controls onBeforeDestroy  visible>\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  } \n  <PlayerComponents object={sprite} position=\"bottom\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"left\" graphicBounds />\n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of renderedGraphics) {\n      <Container scale={graphicScale(graphicObj)}>\n        <Sprite \n          sheet={sheet(graphicObj)} \n          direction \n          tint \n          hitbox\n          shadowCaster={shadowCaster(graphicObj)}\n          flash={flashConfig}\n        />\n      </Container>\n    }\n    @for (eventComponent of resolvedEventComponents) {\n      <Container dependencies={eventComponent.dependencies}>\n        <eventComponent.component ...eventComponent.props />\n      </Container>\n    }\n  </Container>\n  <PlayerComponents object={sprite} position=\"center\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"right\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"top\" graphicBounds />\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  }\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={sprite} 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  import { Assets } from \"pixi.js\";\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, Animation } from \"@rpgjs/common\";\n  import { normalizeEventComponent } from \"../Game/EventComponentResolver\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n  import { getCanMoveValue } from \"../utils/readPropValue\";\n  import {\n    getKeyboardControlBind,\n    keyboardEventMatchesBind,\n    resolveKeyboardActionInput,\n    resolveKeyboardDirectionInput,\n  } from \"../services/actionInput\";\n\n  const { object, id } = defineProps();\n  const sprite = object();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const readProp = (value) => typeof value === 'function' ? value() : value;\n  const isCurrentPlayer = () => {\n    const playerId = client.playerIdSignal();\n    const currentPlayer = playerId ? client.sceneMap?.players?.()?.[playerId] : undefined;\n    return readProp(id) === playerId\n      || readProp(sprite?.id) === playerId\n      || sprite === currentPlayer\n      || sprite === client.sceneMap?.getCurrentPlayer?.();\n  };\n  const isMe = computed(isCurrentPlayer);\n  const shadowsEnabled = computed(() => {\n    const lighting = client.sceneMap?.lighting?.();\n    return Boolean(lighting?.shadows?.enabled || (lighting?.spots?.length ?? 0) > 0);\n  });\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(sprite) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(sprite) : []\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  const isEventSprite = () => {\n    return typeof sprite?.isEvent === 'function'\n      ? sprite.isEvent()\n      : sprite?._type === 'event';\n  };\n\n  const resolvedEventComponents = computed(() => {\n    if (!isEventSprite()) return [];\n    const eventComponent = normalizeEventComponent(client.resolveEventComponent(sprite), sprite);\n    return eventComponent ? [eventComponent] : [];\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  } = sprite;\n\n  const renderedGraphics = computed(() => {\n    const eventComponent = resolvedEventComponents()[0];\n    if (eventComponent && !eventComponent.renderGraphic) return [];\n    return graphicsSignals();\n  });\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() && getCanMoveValue(sprite)\n  const keyboardControls = client.globalConfig.keyboardControls;\n  const activeDirectionKeys = new Map();\n\n  const resolveHeldDirection = () => {\n    const directions = Array.from(activeDirectionKeys.values());\n    return directions[directions.length - 1];\n  };\n\n  const resolveSpriteDirection = () => {\n    const heldDirection = resolveHeldDirection();\n    if (heldDirection) return heldDirection;\n    if (typeof sprite.getDirection === 'function') return sprite.getDirection();\n    if (typeof sprite.direction === 'function') return sprite.direction();\n    return direction();\n  };\n\n  const withCurrentDirection = (payload) => {\n    if (payload.action !== 'action') return payload;\n    const data = payload.data && typeof payload.data === 'object'\n      ? { ...payload.data }\n      : {};\n    return {\n      ...payload,\n      data: {\n        ...data,\n        direction: data.direction ?? resolveSpriteDirection(),\n      },\n    };\n  };\n\n  const resolveCurrentActionInput = () =>\n    withCurrentDirection(\n      resolveKeyboardActionInput(keyboardControls.action, client, sprite)\n    );\n\n  const playPredictedWalkAnimation = () => {\n    if (sprite.animationFixed) return;\n    if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return;\n    realAnimationName.set('walk');\n  };\n\n  const resumeHeldDirectionWalkAnimation = () => {\n    if (!isCurrentPlayer()) return false;\n    if (activeDirectionKeys.size === 0) return false;\n    if (!canControls()) return false;\n    if (sprite.animationFixed) return false;\n    if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return false;\n    realAnimationName.set('walk');\n    return true;\n  };\n\n  const processMovementInput = (input) => {\n    if (!canControls()) return;\n    client.processInput({ input });\n    playPredictedWalkAnimation();\n  };\n\n  const actionBind = () => getKeyboardControlBind(keyboardControls.action);\n  const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;\n\n  const handleNativeActionWhileMoving = (event) => {\n    const inputDirection = resolveKeyboardDirectionInput(event, keyboardControls);\n    if (inputDirection) {\n      const keyId = keyboardEventId(event);\n      if (event.type === 'keydown') {\n        activeDirectionKeys.delete(keyId);\n        activeDirectionKeys.set(keyId, inputDirection);\n        resumeHeldDirectionWalkAnimation();\n      }\n      else {\n        activeDirectionKeys.delete(keyId);\n      }\n    }\n\n    if (!isCurrentPlayer()) return;\n    if (event.type !== 'keydown' || event.repeat) return;\n    if (activeDirectionKeys.size === 0) return;\n    if (!keyboardEventMatchesBind(event, actionBind())) return;\n    if (!canControls()) return;\n\n    client.processAction(resolveCurrentActionInput());\n  };\n\n  const visible = computed(() => {\n    if (sprite.isEvent()) {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = {\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        processMovementInput(Direction.Down)\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        processMovementInput(Direction.Up)\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        processMovementInput(Direction.Left)\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        processMovementInput(Direction.Right)\n      },\n    },\n    action: {\n      bind: getKeyboardControlBind(keyboardControls.action),\n      keyDown() {\n        if (canControls()) {\n          client.processAction(resolveCurrentActionInput())\n        }\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\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 z = computed(() => {\n    return sprite.y() + sprite.z()\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: direction()\n      },\n      onFinish() {\n        animationCurrentIndex.update(index => index + 1)\n      }\n    };\n  }\n\n  const graphicScale = (graphicObject) => {\n    const scale = graphicObject?.scale;\n    if (Array.isArray(scale)) return scale;\n    if (typeof scale === 'number') return [scale, scale];\n    if (scale && typeof scale === 'object') {\n      const x = typeof scale.x === 'number' ? scale.x : 1;\n      const y = typeof scale.y === 'number' ? scale.y : x;\n      return [x, y];\n    }\n    return undefined;\n  }\n\n  const shadowCaster = (graphicObject) => {\n    const box = hitbox();\n    const bounds = graphicBounds();\n    const scale = graphicScale(graphicObject);\n    const scaleY = Array.isArray(scale) && typeof scale[1] === 'number' ? Math.abs(scale[1]) : 1;\n    const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32) * scaleY;\n\n    return {\n      enabled: shadowsEnabled,\n      height,\n      footAnchor: { x: 0.5, y: 1 },\n      footOffset: { x: 0, y: 2 },\n      alpha: 0.5,\n      blur: 3.5,\n      gradientPower: 2,\n      hardness: 0.42,\n      minLength: Math.max(6, (box?.h ?? 32) * 0.25),\n      maxLength: Math.max(90, height * 1.8),\n      contactAlpha: 0.3,\n      contactScale: 0.3,\n    };\n  }\n\n  const imageDimensions = signal({});\n  const loadingImageDimensions = new Set();\n\n  const toPositiveNumber = (value) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) && number > 0 ? number : undefined;\n  };\n\n  const toFiniteNumber = (value, fallback = 0) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) ? number : fallback;\n  };\n\n  const clampRatio = (value) => Math.min(1, Math.max(0, value));\n\n  const normalizePair = (value, fallback = [1, 1]) => {\n    if (Array.isArray(value)) {\n      const x = toFiniteNumber(value[0], fallback[0]);\n      const y = toFiniteNumber(value[1] ?? value[0], x);\n      return [x, y];\n    }\n    if (typeof value === 'number') {\n      return [value, value];\n    }\n    if (value && typeof value === 'object') {\n      const x = toFiniteNumber(value.x, fallback[0]);\n      const y = toFiniteNumber(value.y ?? value.x, x);\n      return [x, y];\n    }\n    return fallback;\n  };\n\n  const normalizeAnchor = (value) => {\n    if (!Array.isArray(value)) return undefined;\n    const [x, y] = normalizePair(value, [0, 0]);\n    return [clampRatio(x), clampRatio(y)];\n  };\n\n  const resolveImageSource = (image) => {\n    if (typeof image === 'string') return image;\n    if (typeof image?.default === 'string') return image.default;\n    return undefined;\n  };\n\n  const parentTextureOptions = (graphicObject) => {\n    const props = [\n      'width',\n      'height',\n      'framesHeight',\n      'framesWidth',\n      'rectWidth',\n      'rectHeight',\n      'offset',\n      'image',\n      'sound',\n      'spriteRealSize',\n      'scale',\n      'anchor',\n      'pivot',\n      'x',\n      'y',\n      'opacity'\n    ];\n\n    return props.reduce((options, prop) => {\n      if (graphicObject?.[prop] !== undefined) {\n        options[prop] = graphicObject[prop];\n      }\n      return options;\n    }, {});\n  };\n\n  const resolveTextureOptions = (graphicObject) => {\n    const textures = graphicObject?.textures ?? {};\n    const texture =\n      textures[realAnimationName()] ??\n      textures[Animation.Stand] ??\n      Object.values(textures)[0] ??\n      {};\n\n    return {\n      ...parentTextureOptions(graphicObject),\n      ...texture\n    };\n  };\n\n  const resolveFirstAnimationFrame = (textureOptions) => {\n    const animations = textureOptions?.animations;\n    if (!animations) return {};\n\n    try {\n      const frames = typeof animations === 'function'\n        ? animations({ direction: direction() })\n        : animations;\n      if (!Array.isArray(frames)) return {};\n      const firstGroup = frames[0];\n      return Array.isArray(firstGroup) ? firstGroup[0] ?? {} : firstGroup ?? {};\n    }\n    catch {\n      return {};\n    }\n  };\n\n  const optionValue = (prop, frame, textureOptions, graphicObject) => {\n    return frame?.[prop] ?? textureOptions?.[prop] ?? graphicObject?.[prop];\n  };\n\n  const resolveFrameSize = (textureOptions, dimensions) => {\n    const framesWidth = toPositiveNumber(textureOptions?.framesWidth) ?? 1;\n    const framesHeight = toPositiveNumber(textureOptions?.framesHeight) ?? 1;\n    const imageSource = resolveImageSource(textureOptions?.image);\n    const loadedSize = imageSource ? dimensions[imageSource] : undefined;\n    const fullWidth = toPositiveNumber(textureOptions?.width) ?? loadedSize?.width;\n    const fullHeight = toPositiveNumber(textureOptions?.height) ?? loadedSize?.height;\n    const width = toPositiveNumber(textureOptions?.rectWidth) ??\n      toPositiveNumber(textureOptions?.spriteWidth) ??\n      (fullWidth ? fullWidth / framesWidth : undefined);\n    const height = toPositiveNumber(textureOptions?.rectHeight) ??\n      toPositiveNumber(textureOptions?.spriteHeight) ??\n      (fullHeight ? fullHeight / framesHeight : undefined);\n\n    return {\n      width,\n      height\n    };\n  };\n\n  const resolveHitboxAnchor = (spriteWidth, spriteHeight, realSize, box) => {\n    if (!spriteWidth || !spriteHeight || !box) {\n      return [0, 0];\n    }\n\n    const heightOfSprite = typeof realSize === 'number' ? realSize : realSize?.height;\n    const resolvedHeight = toPositiveNumber(heightOfSprite) ?? spriteHeight;\n    const gap = Math.max(0, (spriteHeight - resolvedHeight) / 2);\n    const hitboxTopLeftX = clampRatio((spriteWidth - box.w) / 2 / spriteWidth);\n    const hitboxTopLeftY = clampRatio((spriteHeight - box.h - gap) / spriteHeight);\n    const hitboxCenterX = clampRatio(hitboxTopLeftX + box.w / 2 / spriteWidth);\n    const hitboxCenterY = clampRatio(hitboxTopLeftY + box.h / 2 / spriteHeight);\n    const footY = clampRatio((spriteHeight - gap) / spriteHeight);\n\n    switch (box.anchorMode ?? 'top-left') {\n      case 'center':\n        return [hitboxCenterX, hitboxCenterY];\n      case 'foot':\n        return [hitboxCenterX, footY];\n      case 'top-left':\n      default:\n        return [hitboxTopLeftX, hitboxTopLeftY];\n    }\n  };\n\n  const loadImageDimensions = (image) => {\n    const source = resolveImageSource(image);\n    if (!source || imageDimensions()[source] || loadingImageDimensions.has(source)) {\n      return;\n    }\n\n    loadingImageDimensions.add(source);\n    Assets.load(source)\n      .then((texture) => {\n        const width = toPositiveNumber(texture?.width);\n        const height = toPositiveNumber(texture?.height);\n        if (!width || !height) return;\n\n        imageDimensions.update((dimensions) => ({\n          ...dimensions,\n          [source]: { width, height }\n        }));\n      })\n      .catch(() => {})\n      .finally(() => {\n        loadingImageDimensions.delete(source);\n      });\n  };\n\n  effect(() => {\n    const sources = new Set();\n\n    graphicsSignals().forEach((graphicObject) => {\n      const baseImage = resolveImageSource(graphicObject?.image);\n      if (baseImage) sources.add(baseImage);\n\n      Object.values(graphicObject?.textures ?? {}).forEach((textureOptions) => {\n        const image = resolveImageSource(textureOptions?.image ?? graphicObject?.image);\n        if (image) sources.add(image);\n      });\n    });\n\n    sources.forEach((source) => loadImageDimensions(source));\n  });\n\n  const hitboxBounds = computed(() => {\n    const box = hitbox();\n    const width = box?.w ?? 0;\n    const height = box?.h ?? 0;\n\n    return {\n      left: 0,\n      top: 0,\n      right: width,\n      bottom: height,\n      width,\n      height,\n      centerX: width / 2,\n      centerY: height / 2\n    };\n  });\n\n  const graphicBounds = computed(() => {\n    const box = hitbox();\n    const fallback = hitboxBounds();\n    const customEventComponent = resolvedEventComponents()[0];\n    if (customEventComponent && !customEventComponent.renderGraphic) {\n      return fallback;\n    }\n    const dimensions = imageDimensions();\n    const graphics = graphicsSignals();\n    let bounds = null;\n\n    graphics.forEach((graphicObject) => {\n      const textureOptions = resolveTextureOptions(graphicObject);\n      const frame = resolveFirstAnimationFrame(textureOptions);\n      const size = resolveFrameSize(textureOptions, dimensions);\n      const spriteWidth = size.width ?? box?.w;\n      const spriteHeight = size.height ?? box?.h;\n\n      if (!spriteWidth || !spriteHeight) {\n        return;\n      }\n\n      const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n      const anchor = explicitAnchor ?? resolveHitboxAnchor(\n        spriteWidth,\n        spriteHeight,\n        optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n        box\n      );\n      const scale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n      const x = toFiniteNumber(optionValue('x', frame, textureOptions, graphicObject), 0);\n      const y = toFiniteNumber(optionValue('y', frame, textureOptions, graphicObject), 0);\n      const leftEdge = -anchor[0] * spriteWidth * scale[0];\n      const rightEdge = (1 - anchor[0]) * spriteWidth * scale[0];\n      const topEdge = -anchor[1] * spriteHeight * scale[1];\n      const bottomEdge = (1 - anchor[1]) * spriteHeight * scale[1];\n      const graphic = {\n        left: x + Math.min(leftEdge, rightEdge),\n        top: y + Math.min(topEdge, bottomEdge),\n        right: x + Math.max(leftEdge, rightEdge),\n        bottom: y + Math.max(topEdge, bottomEdge)\n      };\n\n      bounds = bounds\n        ? {\n            left: Math.min(bounds.left, graphic.left),\n            top: Math.min(bounds.top, graphic.top),\n            right: Math.max(bounds.right, graphic.right),\n            bottom: Math.max(bounds.bottom, graphic.bottom)\n          }\n        : graphic;\n    });\n\n    if (!bounds) {\n      return fallback;\n    }\n\n    const width = bounds.right - bounds.left;\n    const height = bounds.bottom - bounds.top;\n\n    return {\n      ...bounds,\n      width,\n      height,\n      centerX: bounds.left + width / 2,\n      centerY: bounds.top + height / 2\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  let beforeRemovePromise = null;\n  let beforeRemoveTransitionValue = null;\n  const resolveRemoveContext = () => {\n    if (!sprite._removeTransition) return null;\n    const value = sprite._removeTransition();\n    if (!value || typeof value !== 'string') return null;\n    try {\n      const context = JSON.parse(value);\n      if (!context || typeof context !== 'object' || !context.active) return null;\n      context.__transitionValue = value;\n      return context;\n    }\n    catch {\n      return null;\n    }\n  };\n\n  const withTimeout = (promise, timeoutMs = 0) => {\n    if (!timeoutMs || timeoutMs <= 0) return promise;\n    return Promise.race([\n      promise,\n      new Promise((resolve) => setTimeout(resolve, timeoutMs)),\n    ]);\n  };\n\n  const runBeforeRemove = () => {\n    const context = resolveRemoveContext();\n    if (!context) return Promise.resolve();\n    if (beforeRemovePromise && beforeRemoveTransitionValue === context.__transitionValue) {\n      return beforeRemovePromise;\n    }\n    beforeRemoveTransitionValue = context.__transitionValue;\n    beforeRemovePromise = withTimeout(\n      lastValueFrom(hooks.callHooks(\"client-sprite-onBeforeRemove\", sprite, context)),\n      context.timeoutMs\n    );\n    return beforeRemovePromise;\n  };\n\n  const removeTransitionSubscription = sprite._removeTransition?.observable?.subscribe(() => {\n    if (resolveRemoveContext()) {\n      runBeforeRemove();\n    }\n  });\n\n  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    const isMovementAnimation = movementAnimations.includes(curr);\n    const isTemporaryAnimationPlaying =\n      sprite.animationIsPlaying && sprite.animationIsPlaying();\n\n    if (sprite.animationFixed && isMovementAnimation && isTemporaryAnimationPlaying) {\n      return;\n    }\n\n    if (curr == 'stand' && !isMoving) {\n      if (!resumeHeldDirectionWalkAnimation()) {\n        realAnimationName.set(curr);\n      }\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!isMovementAnimation) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && isTemporaryAnimationPlaying) {\n      if (isMovementAnimation) {\n        if (typeof sprite.resetAnimationState === 'function') {\n          sprite.resetAnimationState();\n        }\n      }\n    }\n  });\n\n  const resumeWalkSubscriptions = [\n    sprite._canMove,\n    sprite._animationFixed,\n    sprite.animationIsPlaying,\n  ]\n    .filter(signal => signal?.observable)\n    .map(signal => signal.observable.subscribe(() => {\n      resumeHeldDirectionWalkAnimation();\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 waitForTemporaryAnimationEnd = (maxDuration = 1200) => {\n    if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) {\n      return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n      let finished = false;\n      let timeout;\n      let subscription;\n      const finish = () => {\n        if (finished) return;\n        finished = true;\n        clearTimeout(timeout);\n        subscription?.unsubscribe();\n        resolve();\n      };\n      timeout = setTimeout(finish, maxDuration);\n      subscription = sprite.animationIsPlaying.observable.subscribe((isPlaying) => {\n        if (!isPlaying) finish();\n      });\n      if (finished) subscription.unsubscribe();\n    });\n  };\n\n  const onBeforeDestroy = async () => {\n    await runBeforeRemove();\n    await waitForTemporaryAnimationEnd();\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keydown', handleNativeActionWhileMoving);\n      document.removeEventListener('keyup', handleNativeActionWhileMoving);\n    }\n    removeTransitionSubscription?.unsubscribe();\n    animationMovementSubscription.unsubscribe();\n    resumeWalkSubscriptions.forEach(subscription => subscription.unsubscribe());\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", sprite)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, sprite))\n  }\n\n  mount((element) => {\n    if (typeof document !== 'undefined') {\n      document.addEventListener('keydown', handleNativeActionWhileMoving);\n      document.addEventListener('keyup', handleNativeActionWhileMoving);\n    }\n    hooks.callHooks(\"client-sprite-onAdd\", sprite).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, sprite).subscribe()\n    effect(() => {\n      if (isCurrentPlayer()) {\n        client.setKeyboardControls(element.directives.controls)\n      }\n    })\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>\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -27,5 +27,6 @@ export { RpgClientObject } from './Game/Object';
 export { RpgClientPlayer } from './Game/Player';
 export { RpgClientEvent } from './Game/Event';
 export * from './Game/ProjectileManager';
+export * from './Game/ClientVisuals';
 export { withMobile } from './components/gui/mobile';
 export * from './services/AbstractSocket';

package/dist/index.js

@@ -1,7 +1,7 @@
 import { Context } from "./node_modules/.pnpm/@signe_di@3.0.1/node_modules/@signe/di/dist/index.js";
 import { clearInject, context, inject, setInject } from "./core/inject.js";
 import { AbstractWebsocket, WebSocketToken } from "./services/AbstractSocket.js";
-import { getKeyboardControlBind, isKeyboardActionConfig, normalizeActionInput, resolveKeyboardActionInput } from "./services/actionInput.js";
+import { getKeyboardControlBind, isKeyboardActionConfig, keyboardEventMatchesBind, normalizeActionInput, resolveKeyboardActionInput, resolveKeyboardDirectionInput } from "./services/actionInput.js";
 import __ce_component$2 from "./components/gui/dialogbox/index.ce.js";
 import __ce_component from "./components/gui/box.ce.js";
 import __ce_component$16 from "./components/gui/shop/shop.ce.js";
@@ -30,6 +30,7 @@ import { RpgClientEvent } from "./Game/Event.js";
 import { GlobalConfigToken, provideClientGlobalConfig, provideClientModules, provideGlobalConfig } from "./module.js";
 import { PrebuiltComponentAnimations } from "./components/animations/index.js";
 import { ProjectileManager } from "./Game/ProjectileManager.js";
+import { ClientVisualRegistry } from "./Game/ClientVisuals.js";
 import { createClientPointerContext } from "./services/pointerContext.js";
 import { RpgClientEngine } from "./RpgClientEngine.js";
 import { Control } from "./services/keyboardControls.js";
@@ -46,4 +47,4 @@ import "./components/index.js";
 import { Spritesheet } from "./decorators/spritesheet.js";
 import { withMobile } from "./components/gui/mobile/index.js";
 import { Input, KeyboardControls } from "canvasengine";
-export { AbstractWebsocket, __ce_component as BoxComponent, BridgeWebsocket, __ce_component$1 as CharacterComponent, Context, Control, __ce_component$2 as DialogboxComponent, __ce_component$3 as EquipMenuComponent, __ce_component$4 as EventLayerComponent, __ce_component$5 as ExitMenuComponent, __ce_component$6 as GameoverComponent, GlobalConfigToken, __ce_component$7 as HpBar, __ce_component$8 as HudComponent, Input, __ce_component$9 as ItemsMenuComponent, KeyboardControls, __ce_component$10 as LightHalo, LoadMapService, LoadMapToken, __ce_component$11 as MainMenuComponent, __ce_component$12 as NotificationComponent, __ce_component$13 as OptionsMenuComponent, PrebuiltComponentAnimations, Presets, ProjectileManager, RpgClientEngine, RpgClientEvent, RpgClientObject, RpgClientPlayer, RpgGui, RpgResource, RpgSound, SaveClientService, SaveClientToken, __ce_component$14 as SaveLoadComponent, __ce_component$15 as SceneMap, __ce_component$16 as ShopComponent, __ce_component$17 as SkillsMenuComponent, Sound, Spritesheet, __ce_component$18 as TitleScreenComponent, WebSocketToken, clearInject, context, createClientPointerContext, getEntityProp, getKeyboardControlBind, getSoundMetadata, inject, isKeyboardActionConfig, normalizeActionInput, provideClientGlobalConfig, provideClientModules, provideGlobalConfig, provideLoadMap, provideMmorpg, provideRpg, provideSaveClient, resolveKeyboardActionInput, setInject, startGame, withMobile };
+export { AbstractWebsocket, __ce_component as BoxComponent, BridgeWebsocket, __ce_component$1 as CharacterComponent, ClientVisualRegistry, Context, Control, __ce_component$2 as DialogboxComponent, __ce_component$3 as EquipMenuComponent, __ce_component$4 as EventLayerComponent, __ce_component$5 as ExitMenuComponent, __ce_component$6 as GameoverComponent, GlobalConfigToken, __ce_component$7 as HpBar, __ce_component$8 as HudComponent, Input, __ce_component$9 as ItemsMenuComponent, KeyboardControls, __ce_component$10 as LightHalo, LoadMapService, LoadMapToken, __ce_component$11 as MainMenuComponent, __ce_component$12 as NotificationComponent, __ce_component$13 as OptionsMenuComponent, PrebuiltComponentAnimations, Presets, ProjectileManager, RpgClientEngine, RpgClientEvent, RpgClientObject, RpgClientPlayer, RpgGui, RpgResource, RpgSound, SaveClientService, SaveClientToken, __ce_component$14 as SaveLoadComponent, __ce_component$15 as SceneMap, __ce_component$16 as ShopComponent, __ce_component$17 as SkillsMenuComponent, Sound, Spritesheet, __ce_component$18 as TitleScreenComponent, WebSocketToken, clearInject, context, createClientPointerContext, getEntityProp, getKeyboardControlBind, getSoundMetadata, inject, isKeyboardActionConfig, keyboardEventMatchesBind, normalizeActionInput, provideClientGlobalConfig, provideClientModules, provideGlobalConfig, provideLoadMap, provideMmorpg, provideRpg, provideSaveClient, resolveKeyboardActionInput, resolveKeyboardDirectionInput, setInject, startGame, withMobile };

package/dist/module.js

@@ -112,6 +112,12 @@ function provideClientModules(modules) {
 					});
 				} };
 			}
+			if (module.clientVisuals) {
+				const clientVisuals = { ...module.clientVisuals };
+				module.clientVisuals = { load: (engine) => {
+					engine.registerClientVisuals(clientVisuals);
+				} };
+			}
 			if (module.projectiles) {
 				const projectiles = { ...module.projectiles };
 				module.projectiles = {
@@ -158,6 +164,7 @@ function provideClientModules(modules) {
 						if (sprite.components) Object.entries(sprite.components).forEach(([id, component]) => {
 							engine.registerSpriteComponent(id, component);
 						});
+						if (sprite.eventComponent) engine.addEventComponentResolver(sprite.eventComponent);
 					}
 				};
 			}

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","names":[],"sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { FactoryProvider } from \"@signe/di\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\nimport { getSoundMetadata } from \"./Sound\";\n\n/**\n * Type for client modules that can be either:\n * - An object implementing RpgClient interface\n * - A class decorated with @RpgModule decorator\n */\nexport type RpgClientModule = RpgClient | (new () => any);\n\n/**\n * Provides client modules configuration to Dependency Injection\n * \n * This function accepts an array of client modules that can be either:\n * - Objects implementing the RpgClient interface\n * - Classes decorated with the @RpgModule decorator (which will be instantiated)\n * \n * @param modules - Array of client modules (objects or classes)\n * @returns FactoryProvider configuration for DI\n * @example\n * ```ts\n * // Using an object\n * provideClientModules([\n *   {\n *     engine: {\n *       onConnected(engine) {\n *         console.log('Client connected')\n *       }\n *     }\n *   }\n * ])\n * \n * // Using a decorated class\n * @RpgModule<RpgClient>({\n *   engine: {\n *     onStart(engine) {\n *       console.log('Client started')\n *     }\n *   }\n * })\n * class MyClientModule {}\n * \n * provideClientModules([MyClientModule])\n * ```\n */\nexport function provideClientModules(modules: RpgClientModule[]): FactoryProvider {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      // If module is a class (constructor function), instantiate it\n      // The RpgModule decorator adds properties to the prototype, which will be accessible via the instance\n      if (typeof module === 'function') {\n        const instance = new module() as any;\n        // Copy all enumerable properties (including from prototype) to a plain object\n        const moduleObj: any = {};\n        for (const key in instance) {\n          moduleObj[key] = instance[key];\n        }\n        module = moduleObj;\n      }\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.spritesheetResolver) {\n        const resolver = module.spritesheetResolver;\n        module.spritesheetResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSpritesheetResolver(resolver);\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              // Check if it's a class decorated with @Sound\n              if (typeof sound === 'function' || (sound && sound.constructor && sound.constructor !== Object)) {\n                const metadata = getSoundMetadata(sound);\n                if (metadata) {\n                  // Handle single sound\n                  if (metadata.id && metadata.sound) {\n                    engine.addSound({\n                      id: metadata.id,\n                      src: metadata.sound,\n                      loop: metadata.loop,\n                      volume: metadata.volume,\n                    });\n                  }\n                  // Handle multiple sounds\n                  if (metadata.sounds) {\n                    Object.entries(metadata.sounds).forEach(([soundId, soundSrc]) => {\n                      engine.addSound({\n                        id: soundId,\n                        src: soundSrc,\n                        loop: metadata.loop,\n                        volume: metadata.volume,\n                      });\n                    });\n                  }\n                } else {\n                  // Not a decorated class, treat as regular sound object\n                  engine.addSound(sound);\n                }\n              } else {\n                // Regular sound object\n                engine.addSound(sound);\n              }\n            });\n          },\n        };\n      }\n      if (module.soundResolver) {\n        const resolver = module.soundResolver;\n        module.soundResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSoundResolver(resolver);\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.componentAnimations) {\n        const componentAnimations = [...module.componentAnimations];\n        module.componentAnimations = {\n          load: (engine: RpgClientEngine) => {\n            componentAnimations.forEach((componentAnimation) => {\n              engine.addComponentAnimation(componentAnimation);\n            });\n          },\n        };\n      }\n      if (module.projectiles) {\n        const projectiles = { ...module.projectiles };\n        module.projectiles = {\n          ...projectiles,\n          load: (engine: RpgClientEngine) => {\n            if (projectiles.components) {\n              Object.entries(projectiles.components).forEach(([type, component]) => {\n                engine.registerProjectileComponent(type, component);\n              });\n            }\n          },\n        };\n      }\n      if (module.transitions) {\n        const transitions = [...module.transitions];\n        module.transitions = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            transitions.forEach((transition) => {\n              guiService.add({\n                name: transition.id,\n                component: transition.component,\n                data: transition.props || {}\n              });\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      if (module.sprite) {\n        const sprite = {...module.sprite};\n        module.sprite = {\n          ...sprite,\n          load: (engine: RpgClientEngine) => {\n            if (sprite.componentsBehind) {\n              sprite.componentsBehind.forEach((component) => {\n                engine.addSpriteComponentBehind(component);\n              });\n            }\n            if (sprite.componentsInFront) {\n              sprite.componentsInFront.forEach((component) => {\n                engine.addSpriteComponentInFront(component);\n              });\n            }\n            if (sprite.components) {\n              Object.entries(sprite.components).forEach(([id, component]) => {\n                engine.registerSpriteComponent(id, component);\n              });\n            }\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space',\n      escape: 'escape'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAgB,qBAAqB,SAA6C;CAChF,OAAO,eAAe,SAAS,WAAW,SAAS,YAAY;EAE7D,UAAU,CAAC,GADc,YAAY,SAAS,QAChC,GAAkB,GAAG,OAAO;EAC1C,UAAU,QAAQ,KAAK,WAAW;GAGhC,IAAI,OAAO,WAAW,YAAY;IAChC,MAAM,WAAW,IAAI,OAAO;IAE5B,MAAM,YAAiB,CAAC;IACxB,KAAK,MAAM,OAAO,UAChB,UAAU,OAAO,SAAS;IAE5B,SAAS;GACX;GACA,IAAI,YAAY,QACd,SAAS,OAAO;GAElB,IAAI,OAAO,cAAc;IACvB,MAAM,eAAe,CAAC,GAAG,OAAO,YAAY;IAC5C,OAAO,eAAe,EACpB,OAAO,WAA4B;KACjC,aAAa,SAAS,gBAAgB;MACpC,OAAO,eAAe,WAAW;KACnC,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,qBAAqB;IAC9B,MAAM,WAAW,OAAO;IACxB,OAAO,sBAAsB,EAC3B,OAAO,WAA4B;KACjC,OAAO,uBAAuB,QAAQ;IACxC,EACF;GACF;GACA,IAAI,OAAO,QAAQ;IACjB,MAAM,SAAS,CAAC,GAAG,OAAO,MAAM;IAChC,OAAO,SAAS,EACd,OAAO,WAA4B;KACjC,OAAO,SAAS,UAAU;MAExB,IAAI,OAAO,UAAU,cAAe,SAAS,MAAM,eAAe,MAAM,gBAAgB,QAAS;OAC/F,MAAM,WAAW,iBAAiB,KAAK;OACvC,IAAI,UAAU;QAEZ,IAAI,SAAS,MAAM,SAAS,OAC1B,OAAO,SAAS;SACd,IAAI,SAAS;SACb,KAAK,SAAS;SACd,MAAM,SAAS;SACf,QAAQ,SAAS;QACnB,CAAC;QAGH,IAAI,SAAS,QACX,OAAO,QAAQ,SAAS,MAAM,EAAE,SAAS,CAAC,SAAS,cAAc;SAC/D,OAAO,SAAS;UACd,IAAI;UACJ,KAAK;UACL,MAAM,SAAS;UACf,QAAQ,SAAS;SACnB,CAAC;QACH,CAAC;OAEL,OAEE,OAAO,SAAS,KAAK;MAEzB,OAEE,OAAO,SAAS,KAAK;KAEzB,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,eAAe;IACxB,MAAM,WAAW,OAAO;IACxB,OAAO,gBAAgB,EACrB,OAAO,WAA4B;KACjC,OAAO,iBAAiB,QAAQ;IAClC,EACF;GACF;GACA,IAAI,OAAO,KAAK;IACd,MAAM,MAAM,CAAC,GAAG,OAAO,GAAG;IAC1B,OAAO,MAAM,EACX,OAAO,WAA4B;KACjC,MAAM,aAAa,OAAO,OAAO,SAAS,MAAM;KAChD,IAAI,SAAS,QAAQ;MACnB,WAAW,IAAI,GAAG;KACpB,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,qBAAqB;IAC9B,MAAM,sBAAsB,CAAC,GAAG,OAAO,mBAAmB;IAC1D,OAAO,sBAAsB,EAC3B,OAAO,WAA4B;KACjC,oBAAoB,SAAS,uBAAuB;MAClD,OAAO,sBAAsB,kBAAkB;KACjD,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,aAAa;IACtB,MAAM,cAAc,EAAE,GAAG,OAAO,YAAY;IAC5C,OAAO,cAAc;KACnB,GAAG;KACH,OAAO,WAA4B;MACjC,IAAI,YAAY,YACd,OAAO,QAAQ,YAAY,UAAU,EAAE,SAAS,CAAC,MAAM,eAAe;OACpE,OAAO,4BAA4B,MAAM,SAAS;MACpD,CAAC;KAEL;IACF;GACF;GACA,IAAI,OAAO,aAAa;IACtB,MAAM,cAAc,CAAC,GAAG,OAAO,WAAW;IAC1C,OAAO,cAAc,EACnB,OAAO,WAA4B;KACjC,MAAM,aAAa,OAAO,OAAO,SAAS,MAAM;KAChD,YAAY,SAAS,eAAe;MAClC,WAAW,IAAI;OACb,MAAM,WAAW;OACjB,WAAW,WAAW;OACtB,MAAM,WAAW,SAAS,CAAC;MAC7B,CAAC;KACH,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,WAAW;IACpB,MAAM,YAAY,CAAC,GAAG,OAAO,SAAS;IACtC,OAAO,YAAY,EACjB,OAAO,WAA4B;KACjC,UAAU,SAAS,aAAa;MAC9B,OAAO,YAAY,QAAQ;KAC7B,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,QAAQ;IACjB,MAAM,SAAS,EAAC,GAAG,OAAO,OAAM;IAChC,OAAO,SAAS;KACd,GAAG;KACH,OAAO,WAA4B;MACjC,IAAI,OAAO,kBACT,OAAO,iBAAiB,SAAS,cAAc;OAC7C,OAAO,yBAAyB,SAAS;MAC3C,CAAC;MAEH,IAAI,OAAO,mBACT,OAAO,kBAAkB,SAAS,cAAc;OAC9C,OAAO,0BAA0B,SAAS;MAC5C,CAAC;MAEH,IAAI,OAAO,YACT,OAAO,QAAQ,OAAO,UAAU,EAAE,SAAS,CAAC,IAAI,eAAe;OAC7D,OAAO,wBAAwB,IAAI,SAAS;MAC9C,CAAC;KAEL;IACF;GACF;GACA,OAAO;EACT,CAAC;EACD,OAAO;CACT,CAAC;AACH;AAEA,IAAa,oBAAoB;AAEjC,SAAgB,oBAAoB,QAAa;CAC/C,OAAO;EACL,SAAS;EACT,UAAU,UAAU,CAAC;CACvB;AACF;AAEA,SAAgB,0BAA0B,SAAc,CAAC,GAAG;CAC1D,IAAI,CAAC,OAAO,kBACV,OAAO,mBAAmB;EACxB,IAAI;EACJ,MAAM;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;CACV;CAEF,OAAO,oBAAoB,MAAM;AACnC"}
+{"version":3,"file":"module.js","names":[],"sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { FactoryProvider } from \"@signe/di\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\nimport { getSoundMetadata } from \"./Sound\";\n\n/**\n * Type for client modules that can be either:\n * - An object implementing RpgClient interface\n * - A class decorated with @RpgModule decorator\n */\nexport type RpgClientModule = RpgClient | (new () => any);\n\n/**\n * Provides client modules configuration to Dependency Injection\n * \n * This function accepts an array of client modules that can be either:\n * - Objects implementing the RpgClient interface\n * - Classes decorated with the @RpgModule decorator (which will be instantiated)\n * \n * @param modules - Array of client modules (objects or classes)\n * @returns FactoryProvider configuration for DI\n * @example\n * ```ts\n * // Using an object\n * provideClientModules([\n *   {\n *     engine: {\n *       onConnected(engine) {\n *         console.log('Client connected')\n *       }\n *     }\n *   }\n * ])\n * \n * // Using a decorated class\n * @RpgModule<RpgClient>({\n *   engine: {\n *     onStart(engine) {\n *       console.log('Client started')\n *     }\n *   }\n * })\n * class MyClientModule {}\n * \n * provideClientModules([MyClientModule])\n * ```\n */\nexport function provideClientModules(modules: RpgClientModule[]): FactoryProvider {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      // If module is a class (constructor function), instantiate it\n      // The RpgModule decorator adds properties to the prototype, which will be accessible via the instance\n      if (typeof module === 'function') {\n        const instance = new module() as any;\n        // Copy all enumerable properties (including from prototype) to a plain object\n        const moduleObj: any = {};\n        for (const key in instance) {\n          moduleObj[key] = instance[key];\n        }\n        module = moduleObj;\n      }\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.spritesheetResolver) {\n        const resolver = module.spritesheetResolver;\n        module.spritesheetResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSpritesheetResolver(resolver);\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              // Check if it's a class decorated with @Sound\n              if (typeof sound === 'function' || (sound && sound.constructor && sound.constructor !== Object)) {\n                const metadata = getSoundMetadata(sound);\n                if (metadata) {\n                  // Handle single sound\n                  if (metadata.id && metadata.sound) {\n                    engine.addSound({\n                      id: metadata.id,\n                      src: metadata.sound,\n                      loop: metadata.loop,\n                      volume: metadata.volume,\n                    });\n                  }\n                  // Handle multiple sounds\n                  if (metadata.sounds) {\n                    Object.entries(metadata.sounds).forEach(([soundId, soundSrc]) => {\n                      engine.addSound({\n                        id: soundId,\n                        src: soundSrc,\n                        loop: metadata.loop,\n                        volume: metadata.volume,\n                      });\n                    });\n                  }\n                } else {\n                  // Not a decorated class, treat as regular sound object\n                  engine.addSound(sound);\n                }\n              } else {\n                // Regular sound object\n                engine.addSound(sound);\n              }\n            });\n          },\n        };\n      }\n      if (module.soundResolver) {\n        const resolver = module.soundResolver;\n        module.soundResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSoundResolver(resolver);\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.componentAnimations) {\n        const componentAnimations = [...module.componentAnimations];\n        module.componentAnimations = {\n          load: (engine: RpgClientEngine) => {\n            componentAnimations.forEach((componentAnimation) => {\n              engine.addComponentAnimation(componentAnimation);\n            });\n          },\n        };\n      }\n      if (module.clientVisuals) {\n        const clientVisuals = { ...module.clientVisuals };\n        module.clientVisuals = {\n          load: (engine: RpgClientEngine) => {\n            engine.registerClientVisuals(clientVisuals);\n          },\n        };\n      }\n      if (module.projectiles) {\n        const projectiles = { ...module.projectiles };\n        module.projectiles = {\n          ...projectiles,\n          load: (engine: RpgClientEngine) => {\n            if (projectiles.components) {\n              Object.entries(projectiles.components).forEach(([type, component]) => {\n                engine.registerProjectileComponent(type, component);\n              });\n            }\n          },\n        };\n      }\n      if (module.transitions) {\n        const transitions = [...module.transitions];\n        module.transitions = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            transitions.forEach((transition) => {\n              guiService.add({\n                name: transition.id,\n                component: transition.component,\n                data: transition.props || {}\n              });\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      if (module.sprite) {\n        const sprite = {...module.sprite};\n        module.sprite = {\n          ...sprite,\n          load: (engine: RpgClientEngine) => {\n            if (sprite.componentsBehind) {\n              sprite.componentsBehind.forEach((component) => {\n                engine.addSpriteComponentBehind(component);\n              });\n            }\n            if (sprite.componentsInFront) {\n              sprite.componentsInFront.forEach((component) => {\n                engine.addSpriteComponentInFront(component);\n              });\n            }\n            if (sprite.components) {\n              Object.entries(sprite.components).forEach(([id, component]) => {\n                engine.registerSpriteComponent(id, component);\n              });\n            }\n            if (sprite.eventComponent) {\n              engine.addEventComponentResolver(sprite.eventComponent);\n            }\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space',\n      escape: 'escape'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n"],"mappings":"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"}

package/dist/services/actionInput.d.ts

@@ -1,4 +1,4 @@
-import { RpgActionInput, RpgActionName } from '@rpgjs/common';
+import { Direction, RpgActionInput, RpgActionName } from '@rpgjs/common';
 export type KeyboardActionDataResolver<TClient = any, TSprite = any> = (client: TClient, sprite: TSprite) => any;
 export interface KeyboardActionConfig<TClient = any, TSprite = any> {
     bind: any;
@@ -9,4 +9,6 @@ export declare function normalizeActionInput(action: RpgActionName, data?: any):
 export declare function normalizeActionInput(action: RpgActionInput): RpgActionInput;
 export declare function isKeyboardActionConfig(value: any): value is KeyboardActionConfig;
 export declare function getKeyboardControlBind(control: any): any;
+export declare function keyboardEventMatchesBind(event: KeyboardEvent, bind: any): boolean;
 export declare function resolveKeyboardActionInput(control: any, client: any, sprite: any, defaultAction?: RpgActionName): RpgActionInput;
+export declare function resolveKeyboardDirectionInput(event: KeyboardEvent, keyboardControls: any): Direction | undefined;

package/dist/services/actionInput.js

@@ -1,3 +1,4 @@
+import { Direction } from "@rpgjs/common";
 //#region src/services/actionInput.ts
 function normalizeActionInput(action, data) {
 	if (typeof action === "object") return action;
@@ -12,6 +13,28 @@ function isKeyboardActionConfig(value) {
 function getKeyboardControlBind(control) {
 	return isKeyboardActionConfig(control) ? control.bind : control;
 }
+var KEY_CODE_NAMES = {
+	32: "space",
+	27: "escape",
+	37: "left",
+	38: "up",
+	39: "right",
+	40: "down"
+};
+var normalizeKeyboardName = (value) => {
+	if (typeof value !== "string") return void 0;
+	const normalized = value.toLowerCase();
+	if (normalized === " " || normalized === "spacebar" || normalized === "space") return "space";
+	if (normalized.startsWith("arrow")) return normalized.slice(5);
+	return normalized;
+};
+function keyboardEventMatchesBind(event, bind) {
+	if (Array.isArray(bind)) return bind.some((item) => keyboardEventMatchesBind(event, item));
+	if (typeof bind === "number") return event.keyCode === bind;
+	const expected = normalizeKeyboardName(bind);
+	if (!expected) return false;
+	return normalizeKeyboardName(event.key) === expected || normalizeKeyboardName(event.code) === expected || KEY_CODE_NAMES[event.keyCode] === expected;
+}
 function resolveKeyboardActionInput(control, client, sprite, defaultAction = "action") {
 	if (!isKeyboardActionConfig(control)) return { action: defaultAction };
 	const action = control.action ?? defaultAction;
@@ -21,7 +44,16 @@ function resolveKeyboardActionInput(control, client, sprite, defaultAction = "ac
 		data
 	};
 }
+function resolveKeyboardDirectionInput(event, keyboardControls) {
+	const directions = [
+		[keyboardControls?.up, Direction.Up],
+		[keyboardControls?.down, Direction.Down],
+		[keyboardControls?.left, Direction.Left],
+		[keyboardControls?.right, Direction.Right]
+	];
+	for (const [control, direction] of directions) if (keyboardEventMatchesBind(event, getKeyboardControlBind(control))) return direction;
+}
 //#endregion
-export { getKeyboardControlBind, isKeyboardActionConfig, normalizeActionInput, resolveKeyboardActionInput };
+export { getKeyboardControlBind, isKeyboardActionConfig, keyboardEventMatchesBind, normalizeActionInput, resolveKeyboardActionInput, resolveKeyboardDirectionInput };
 
 //# sourceMappingURL=actionInput.js.map