@rpgjs/client 5.0.0-alpha.9 → 5.0.0-beta.1

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

@@ -0,0 +1,70 @@
+import { Text, animatedSignal, h, mount, signal, tick, useDefineProps, useProps } from "canvasengine";
+import { Direction } from "@rpgjs/common";
+//#region src/components/animations/hit.ce
+function component($$props) {
+	useProps($$props);
+	var _a = useDefineProps($$props)({
+		duration: { default: 1e3 },
+		color: { default: "black" }
+	}), text = _a.text, direction = _a.direction, onFinish = _a.onFinish, duration = _a.duration, color = _a.color, positionX = _a.x, positionY = _a.y;
+	var scale = animatedSignal(1, { duration: duration() });
+	var randomPosition = function() {
+		return Math.floor(Math.random() * 60);
+	};
+	var initialY = randomPosition();
+	var x = signal(positionX());
+	var y = signal(positionY() - initialY);
+	var velocityX = 0;
+	var velocityY = 0;
+	var speed = 200;
+	switch (direction()) {
+		case Direction.Left:
+			velocityX = speed;
+			break;
+		case Direction.Right:
+			velocityX = -speed;
+			break;
+		case Direction.Up:
+			velocityY = speed;
+			break;
+		case Direction.Down:
+			velocityY = -speed;
+			break;
+	}
+	velocityX += (Math.random() - .5) * 100;
+	velocityY += (Math.random() - .5) * 100;
+	var gravity = 500;
+	var deceleration = .98;
+	mount(function() {
+		scale.set(.1);
+	});
+	var elapsedTime = 0;
+	tick(function(_a) {
+		var deltaTime = _a.deltaTime;
+		elapsedTime += deltaTime;
+		if (elapsedTime < duration()) {
+			x.update(function(x) {
+				return x + velocityX * deltaTime / 1e3;
+			});
+			y.update(function(y) {
+				return y + velocityY * deltaTime / 1e3;
+			});
+			velocityY += gravity * deltaTime / 1e3;
+			velocityX *= deceleration;
+			velocityY *= deceleration;
+		} else if (onFinish) onFinish();
+	});
+	return h(Text, {
+		x,
+		y,
+		zIndex: 1e4,
+		color,
+		scale,
+		size: 30,
+		text
+	});
+}
+//#endregion
+export { component as default };
+
+//# sourceMappingURL=hit.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hit.ce.js","names":[],"sources":["../../../src/components/animations/hit.ce"],"sourcesContent":["<Text x y zIndex={10000} color scale size={30} text />\n\n<script>\n  import { animatedSignal, mount, signal, tick } from \"canvasengine\";\n  import { Direction } from \"@rpgjs/common\";\n  const {\n    text,\n    direction,\n    onFinish,\n    duration,\n    color,\n    x: positionX,\n    y: positionY\n  } = defineProps({\n    duration: {\n      default: 1000\n    },\n    color: {\n      default: 'black'\n    }\n  });\n\n  const scale = animatedSignal(1, {\n    duration: duration(),\n  });\n\n  // Generate random initial position\n  const randomPosition = () => Math.floor(Math.random() * 60);\n  const initialY = randomPosition();\n  const x = signal(positionX());\n  const y = signal(positionY() - initialY);\n\n  // Initial velocity\n  let velocityX = 0;\n  let velocityY = 0;\n\n  // Set initial velocity based on direction\n  const speed = 200;\n  switch (direction()) {\n    case Direction.Left:\n      velocityX = speed;\n      break;\n    case Direction.Right:\n      velocityX = -speed;\n      break;\n    case Direction.Up:\n      velocityY = speed;\n      break;\n    case Direction.Down:\n      velocityY = -speed;\n      break;\n  }\n\n  // Add some randomness to the velocity\n  velocityX += (Math.random() - 0.5) * 100;\n  velocityY += (Math.random() - 0.5) * 100;\n\n  const gravity = 500; // Gravity effect\n  const deceleration = 0.98; // Deceleration factor\n\n  mount(() => {\n    scale.set(0.1);\n  });\n\n  let elapsedTime = 0;\n\n  tick(({ deltaTime }) => {\n    elapsedTime += deltaTime;\n    \n    if (elapsedTime < duration()) {\n      // Update position\n      x.update((x) => x + (velocityX * deltaTime) / 1000);\n      y.update((y) => y + (velocityY * deltaTime) / 1000);\n\n      // Apply gravity\n      velocityY += (gravity * deltaTime) / 1000;\n\n      // Apply deceleration\n      velocityX *= deceleration;\n      velocityY *= deceleration;\n    } else {\n      if (onFinish) {\n        onFinish();\n      }\n    }\n  });\n</script>\n"],"mappings":";;;AAOI,SAAS,UAAA,SAAA;AACD,UAAA,QAAA;CAER,IAAK,KADG,eAAA,QAAA,CACH;EACL,UAAG,EACA,SAAA,KACF;EACD,OAAA,EACE,SAAS,SACV;EACJ,CAAC,EAAE,OAAO,GAAA,MAAA,YAAA,GAAA,WAAA,WAAA,GAAA,UAAA,WAAA,GAAA,UAAA,QAAA,GAAA,OAAA,YAAA,GAAA,GAAA,YAAA,GAAA;CACX,IAAI,QAAE,eAAe,GAAA,EACjB,UAAA,UAAA,EACH,CAAC;;;;CAEF,IAAE,WAAa,gBAAgB;CAC/B,IAAI,IAAA,OAAU,WAAU,CAAA;CACxB,IAAI,IAAA,OAAA,WAAA,GAAA,SAAA;;CAEJ,IAAI,YAAU;CACd,IAAE,QAAM;AACR,SAAQ,WAAW,EAAnB;EACE,KAAO,UAAU;AACX,eAAW;;EAEf,KAAC,UAAQ;AACP,eAAa,CAAA;AACb;;AAEE,eAAS;AACT;EACN,KAAO,UAAU;AACX,eAAW,CAAA;AACb;;AAEN,eAAS,KAAU,QAAK,GAAA,MAAA;AACxB,eAAM,KAAa,QAAK,GAAA,MAAA;CACxB,IAAI,UAAO;CACX,IAAI,eAAe;AACnB,OAAM,WAAY;AACd,QAAE,IAAK,GAAA;GACT;CACF,IAAI,cAAc;AAClB,MAAK,SAAM,IAAA;EACT,IAAA,YAAA,GAAA;;AAEE,MAAI,cAAM,UAAkB,EAAA;AAE9B,KAAA,OAAc,SAAW,GAAG;AAAE,WAAO,IAAG,YAAA,YAAA;KAAA;;;;AAGlC,gBAAc,UAAU,YAAa;AAErC,gBAAM;AACV,gBAAc;aAGZ,SAAA,WAAA;GAIJ;AAEM,QADY,EAAE,MAAA;EAAQ;EAAG;EAAC,QAAA;EAAA;EAAA;EAAA,MAAA;EAAA;EAAA,CAAA"}

package/dist/components/animations/index.d.ts

@@ -0,0 +1,4 @@
+export declare const PrebuiltComponentAnimations: {
+    Hit: any;
+    Animation: any;
+};

package/dist/components/animations/index.js

@@ -0,0 +1,11 @@
+import component from "./hit.ce.js";
+import component$1 from "./animation.ce.js";
+//#region src/components/animations/index.ts
+var PrebuiltComponentAnimations = {
+	Hit: component,
+	Animation: component$1
+};
+//#endregion
+export { PrebuiltComponentAnimations };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/animations/index.ts"],"sourcesContent":["import Hit from \"./hit.ce\";\nimport Animation from \"./animation.ce\";\n\nexport const PrebuiltComponentAnimations = {\n    Hit,\n    Animation\n}"],"mappings":";;;AAGA,IAAa,8BAA8B;CACvC,KAAA;CACA,WAAA"}

package/dist/components/character.ce.js

@@ -0,0 +1,392 @@
+import { inject } from "../core/inject.js";
+import { RpgGui } from "../Gui/Gui.js";
+import { RpgClientEngine } from "../RpgClientEngine.js";
+import { Container, Sprite, animatedSignal, computed, cond, h, loop, mount, on, signal, tick, useDefineProps, useProps } from "canvasengine";
+import { Particle } from "@canvasengine/presets";
+import { Direction, ModulesToken } from "@rpgjs/common";
+import { combineLatest, filter, lastValueFrom, map, pairwise, startWith } from "rxjs";
+//#region src/components/character.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	var __assign = this && this.__assign || function() {
+		__assign = Object.assign || function(t) {
+			for (var s, i = 1, n = arguments.length; i < n; i++) {
+				s = arguments[i];
+				for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+			}
+			return t;
+		};
+		return __assign.apply(this, arguments);
+	};
+	var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+		function adopt(value) {
+			return value instanceof P ? value : new P(function(resolve) {
+				resolve(value);
+			});
+		}
+		return new (P || (P = Promise))(function(resolve, reject) {
+			function fulfilled(value) {
+				try {
+					step(generator.next(value));
+				} catch (e) {
+					reject(e);
+				}
+			}
+			function rejected(value) {
+				try {
+					step(generator["throw"](value));
+				} catch (e) {
+					reject(e);
+				}
+			}
+			function step(result) {
+				result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+			}
+			step((generator = generator.apply(thisArg, _arguments || [])).next());
+		});
+	};
+	var __generator = this && this.__generator || function(thisArg, body) {
+		var _ = {
+			label: 0,
+			sent: function() {
+				if (t[0] & 1) throw t[1];
+				return t[1];
+			},
+			trys: [],
+			ops: []
+		}, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+		return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+			return this;
+		}), g;
+		function verb(n) {
+			return function(v) {
+				return step([n, v]);
+			};
+		}
+		function step(op) {
+			if (f) throw new TypeError("Generator is already executing.");
+			while (g && (g = 0, op[0] && (_ = 0)), _) try {
+				if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+				if (y = 0, t) op = [op[0] & 2, t.value];
+				switch (op[0]) {
+					case 0:
+					case 1:
+						t = op;
+						break;
+					case 4:
+						_.label++;
+						return {
+							value: op[1],
+							done: false
+						};
+					case 5:
+						_.label++;
+						y = op[1];
+						op = [0];
+						continue;
+					case 7:
+						op = _.ops.pop();
+						_.trys.pop();
+						continue;
+					default:
+						if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+							_ = 0;
+							continue;
+						}
+						if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+							_.label = op[1];
+							break;
+						}
+						if (op[0] === 6 && _.label < t[1]) {
+							_.label = t[1];
+							t = op;
+							break;
+						}
+						if (t && _.label < t[2]) {
+							_.label = t[2];
+							_.ops.push(op);
+							break;
+						}
+						if (t[2]) _.ops.pop();
+						_.trys.pop();
+						continue;
+				}
+				op = body.call(thisArg, _);
+			} catch (e) {
+				op = [6, e];
+				y = 0;
+			} finally {
+				f = t = 0;
+			}
+			if (op[0] & 5) throw op[1];
+			return {
+				value: op[0] ? op[1] : void 0,
+				done: true
+			};
+		}
+	};
+	var _a = defineProps(), object = _a.object, id = _a.id;
+	var client = inject(RpgClientEngine);
+	var hooks = inject(ModulesToken);
+	var guiService = inject(RpgGui);
+	client.spritesheets;
+	var playerId = client.playerId;
+	var componentsBehind = client.spriteComponentsBehind;
+	var componentsInFront = client.spriteComponentsInFront;
+	var isMe = computed(function() {
+		return id() === playerId;
+	});
+	var normalizeComponent = function(comp) {
+		var componentRef;
+		var propsValue;
+		var dependenciesFn;
+		if (typeof comp === "function" || comp && typeof comp === "object" && !comp.component) {
+			componentRef = comp;
+			propsValue = void 0;
+			dependenciesFn = void 0;
+		} else if (comp && typeof comp === "object" && comp.component) {
+			componentRef = comp.component;
+			propsValue = comp.props !== void 0 ? comp.props : comp.data;
+			dependenciesFn = comp.dependencies;
+		} else {
+			componentRef = comp;
+			propsValue = void 0;
+			dependenciesFn = void 0;
+		}
+		return {
+			component: componentRef,
+			props: typeof propsValue === "function" ? propsValue(object) : propsValue || {},
+			dependencies: dependenciesFn ? dependenciesFn(object) : []
+		};
+	};
+	var normalizeComponents = function(components) {
+		return components.map(function(comp) {
+			return normalizeComponent(comp);
+		});
+	};
+	var normalizedComponentsBehind = computed(function() {
+		return normalizeComponents(componentsBehind());
+	});
+	var normalizedComponentsInFront = computed(function() {
+		return normalizeComponents(componentsInFront());
+	});
+	var shouldFollowCamera = computed(function() {
+		var cameraTargetId = client.cameraFollowTargetId();
+		if (cameraTargetId !== null) return id() === cameraTargetId;
+		return isMe();
+	});
+	var attachedGuis = computed(function() {
+		return guiService.getAttachedGuis();
+	});
+	var shouldDisplayAttachedGui = computed(function() {
+		return guiService.shouldDisplayAttachedGui(id());
+	}), x = object.x, y = object.y, tint = object.tint, direction = object.direction, animationName = object.animationName, animationCurrentIndex = object.animationCurrentIndex, emitParticleTrigger = object.emitParticleTrigger, particleName = object.particleName;
+	object.graphics;
+	var hitbox = object.hitbox, isConnected = object.isConnected, graphicsSignals = object.graphicsSignals, flashTrigger = object.flashTrigger;
+	var flashType = signal("alpha");
+	var flashDuration = signal(300);
+	var flashCycles = signal(1);
+	var flashAlpha = signal(.3);
+	var flashTint = signal(16777215);
+	on(flashTrigger, function(data) {
+		if (data && typeof data === "object") {
+			if (data.type !== void 0) flashType.set(data.type);
+			if (data.duration !== void 0) flashDuration.set(data.duration);
+			if (data.cycles !== void 0) flashCycles.set(data.cycles);
+			if (data.alpha !== void 0) flashAlpha.set(data.alpha);
+			if (data.tint !== void 0) flashTint.set(data.tint);
+		}
+	});
+	var flashConfig = computed(function() {
+		return {
+			trigger: flashTrigger,
+			type: flashType(),
+			duration: flashDuration(),
+			cycles: flashCycles(),
+			alpha: flashAlpha(),
+			tint: flashTint()
+		};
+	});
+	var particleSettings = client.particleSettings;
+	var canControls = function() {
+		return isMe() && object.canMove();
+	};
+	var keyboardControls = client.globalConfig.keyboardControls;
+	var visible = computed(function() {
+		if (object.isEvent()) return true;
+		return isConnected();
+	});
+	var controls = signal({
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			keyDown: function() {
+				if (canControls()) client.processInput({ input: Direction.Down });
+			}
+		},
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			keyDown: function() {
+				if (canControls()) client.processInput({ input: Direction.Up });
+			}
+		},
+		left: {
+			repeat: true,
+			bind: keyboardControls.left,
+			keyDown: function() {
+				if (canControls()) client.processInput({ input: Direction.Left });
+			}
+		},
+		right: {
+			repeat: true,
+			bind: keyboardControls.right,
+			keyDown: function() {
+				if (canControls()) client.processInput({ input: Direction.Right });
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown: function() {
+				if (canControls()) client.processAction({ action: "action" });
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown: function() {
+				if (canControls()) client.processAction({ action: "escape" });
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	var smoothX = animatedSignal(x(), { duration: isMe() ? 0 : 0 });
+	var smoothY = animatedSignal(y(), { duration: isMe() ? 0 : 0 });
+	var z = computed(function() {
+		return object.y() + object.z();
+	});
+	var realAnimationName = signal(animationName());
+	var xSubscription = x.observable.subscribe(function(value) {
+		smoothX.set(value);
+	});
+	var ySubscription = y.observable.subscribe(function(value) {
+		smoothY.set(value);
+	});
+	var sheet = function(graphicObject) {
+		return {
+			definition: graphicObject,
+			playing: realAnimationName(),
+			params: { direction: direction() },
+			onFinish: function() {
+				animationCurrentIndex.update(function(index) {
+					return index + 1;
+				});
+			}
+		};
+	};
+	var movementAnimations = ["walk", "stand"];
+	var epsilon = 0;
+	var stateX$ = smoothX.animatedState.observable;
+	var stateY$ = smoothY.animatedState.observable;
+	var animationName$ = animationName.observable;
+	var moving$ = combineLatest([stateX$, stateY$]).pipe(map(function(_a) {
+		var sx = _a[0], sy = _a[1];
+		var xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;
+		var yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;
+		return !xFinished || !yFinished;
+	}), startWith(false));
+	var animationMovementSubscription = combineLatest([animationName$.pipe(startWith(animationName()), pairwise(), filter(function(_a) {
+		return _a[0] !== _a[1];
+	})), moving$]).subscribe(function(_a) {
+		var _b = _a[0];
+		_b[0];
+		var curr = _b[1], isMoving = _a[1];
+		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 && object.animationIsPlaying && object.animationIsPlaying()) {
+			if (movementAnimations.includes(curr)) {
+				if (typeof object.resetAnimationState === "function") object.resetAnimationState();
+			}
+		}
+	});
+	var onBeforeDestroy = function() {
+		return __awaiter(void 0, void 0, void 0, function() {
+			return __generator(this, function(_a) {
+				switch (_a.label) {
+					case 0:
+						animationMovementSubscription.unsubscribe();
+						xSubscription.unsubscribe();
+						ySubscription.unsubscribe();
+						return [4, lastValueFrom(hooks.callHooks("client-sprite-onDestroy", object))];
+					case 1:
+						_a.sent();
+						return [4, lastValueFrom(hooks.callHooks("client-sceneMap-onRemoveSprite", client.sceneMap, object))];
+					case 2:
+						_a.sent();
+						return [2];
+				}
+			});
+		});
+	};
+	mount(function(element) {
+		hooks.callHooks("client-sprite-onAdd", object).subscribe();
+		hooks.callHooks("client-sceneMap-onAddSprite", client.sceneMap, object).subscribe();
+		if (isMe()) client.setKeyboardControls(element.directives.controls);
+	});
+	var onAttachedGuiFinish = function(gui, data) {
+		guiService.guiClose(gui.name, data);
+	};
+	var onAttachedGuiInteraction = function(gui, name, data) {
+		guiService.guiInteraction(gui.name, name, data);
+	};
+	tick(function() {
+		hooks.callHooks("client-sprite-onUpdate").subscribe();
+	});
+	return h(Container, {
+		x: smoothX,
+		y: smoothY,
+		zIndex: z,
+		viewportFollow: shouldFollowCamera,
+		controls,
+		onBeforeDestroy,
+		visible
+	}, [
+		loop(normalizedComponentsBehind, (compConfig) => h(Container, null, h(compConfig.component, {
+			object,
+			...compConfig.props
+		}))),
+		h(Particle, {
+			emit: emitParticleTrigger,
+			settings: particleSettings,
+			zIndex: 1e3,
+			name: particleName
+		}),
+		h(Container, null, loop(graphicsSignals, (graphicObj) => h(Sprite, {
+			sheet: computed(() => sheet(graphicObj)),
+			direction,
+			tint,
+			hitbox,
+			flash: flashConfig
+		}))),
+		loop(normalizedComponentsInFront, (compConfig) => h(Container, { dependencies: compConfig.dependencies }, h(compConfig.component, {
+			object,
+			...compConfig.props
+		}))),
+		loop(attachedGuis, (attachedGui) => cond(shouldDisplayAttachedGui, () => h(Container, null, h(attachedGui.component, {
+			...attachedGui.data(),
+			dependencies: attachedGui.dependencies,
+			object,
+			onFinish: (data) => {
+				onAttachedGuiFinish(attachedGui, data);
+			},
+			onInteraction: (name, data) => {
+				onAttachedGuiInteraction(attachedGui, name, data);
+			}
+		}))))
+	]);
+}
+//#endregion
+export { component as default };
+
+//# sourceMappingURL=character.ce.js.map

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

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

package/dist/components/dynamics/parse-value.d.ts

@@ -0,0 +1 @@
+export declare const parseDynamicValue: (value: any, object?: any) => import('canvasengine').ComputedSignal<string>;

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

@@ -0,0 +1,44 @@
+import { computed } from "canvasengine";
+//#region src/components/dynamics/parse-value.ts
+var parseDynamicValue = (value, object) => {
+	if (typeof value !== "string") return computed(() => String(value ?? ""));
+	const pattern = /\{([^}]+)\}/g;
+	const matches = [];
+	let match;
+	while ((match = pattern.exec(value)) !== null) matches.push({
+		property: match[1],
+		fullMatch: match[0],
+		index: match.index
+	});
+	if (matches.length === 0) return computed(() => value);
+	return computed(() => {
+		let result = value;
+		for (let i = matches.length - 1; i >= 0; i--) {
+			const { property, fullMatch } = matches[i];
+			let propertyValue = "";
+			try {
+				const propertyPath = property.split(".");
+				let currentValue = object;
+				for (let j = 0; j < propertyPath.length; j++) {
+					const prop = propertyPath[j];
+					if (typeof currentValue === "function") currentValue = currentValue();
+					if (currentValue && typeof currentValue === "object" && prop in currentValue) currentValue = currentValue[prop];
+					else {
+						currentValue = void 0;
+						break;
+					}
+				}
+				if (typeof currentValue === "function") currentValue = currentValue();
+				propertyValue = currentValue != null ? String(currentValue) : "";
+			} catch (error) {
+				propertyValue = "";
+			}
+			result = result.replace(fullMatch, propertyValue);
+		}
+		return result;
+	});
+};
+//#endregion
+export { parseDynamicValue };
+
+//# sourceMappingURL=parse-value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parse-value.js","names":[],"sources":["../../../src/components/dynamics/parse-value.ts"],"sourcesContent":["import { computed } from \"canvasengine\";\n\ninterface MatchResult {\n    property: string;\n    fullMatch: string;\n    index: number;\n}\n\nexport const parseDynamicValue = (value: any, object?: any) => {\n    if (typeof value !== 'string') {\n        return computed(() => String(value ?? ''));\n    }\n\n    // Find all dynamic references like {propertyName}\n    const pattern = /\\{([^}]+)\\}/g;\n    const matches: MatchResult[] = [];\n    let match;\n    \n    while ((match = pattern.exec(value)) !== null) {\n        matches.push({\n            property: match[1],\n            fullMatch: match[0],\n            index: match.index!\n        });\n    }\n\n    // If no dynamic references found, return simple computed\n    if (matches.length === 0) {\n        return computed(() => value);\n    }\n\n    // Create computed that tracks all referenced signals\n    return computed(() => {\n        let result = value;\n        \n        // Replace from end to start to preserve indices\n        for (let i = matches.length - 1; i >= 0; i--) {\n            const { property, fullMatch } = matches[i];\n            \n            // Try to access the property from the object\n            // Support nested properties like {param.maxHp}\n            let propertyValue = '';\n            try {\n                const propertyPath = property.split('.');\n                let currentValue = object;\n                \n                for (let j = 0; j < propertyPath.length; j++) {\n                    const prop = propertyPath[j];\n                    \n                    // Check if currentValue is a signal (function) and call it\n                    if (typeof currentValue === 'function') {\n                        currentValue = currentValue();\n                    }\n                    \n                    // Access the property\n                    if (currentValue && typeof currentValue === 'object' && prop in currentValue) {\n                        currentValue = currentValue[prop];\n                    } else {\n                        currentValue = undefined;\n                        break;\n                    }\n                }\n                \n                // If the final value is a signal, call it\n                if (typeof currentValue === 'function') {\n                    currentValue = currentValue();\n                }\n                \n                propertyValue = currentValue != null ? String(currentValue) : '';\n            } catch (error) {\n                // If property doesn't exist or can't be accessed, use empty string\n                propertyValue = '';\n            }\n            \n            result = result.replace(fullMatch, propertyValue);\n        }\n        \n        return result;\n    });\n};\n"],"mappings":";;AAQA,IAAa,qBAAqB,OAAY,WAAiB;AAC3D,KAAI,OAAO,UAAU,SACjB,QAAO,eAAe,OAAO,SAAS,GAAG,CAAC;CAI9C,MAAM,UAAU;CAChB,MAAM,UAAyB,EAAE;CACjC,IAAI;AAEJ,SAAQ,QAAQ,QAAQ,KAAK,MAAM,MAAM,KACrC,SAAQ,KAAK;EACT,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,OAAO,MAAM;EAChB,CAAC;AAIN,KAAI,QAAQ,WAAW,EACnB,QAAO,eAAe,MAAM;AAIhC,QAAO,eAAe;EAClB,IAAI,SAAS;AAGb,OAAK,IAAI,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;GAC1C,MAAM,EAAE,UAAU,cAAc,QAAQ;GAIxC,IAAI,gBAAgB;AACpB,OAAI;IACA,MAAM,eAAe,SAAS,MAAM,IAAI;IACxC,IAAI,eAAe;AAEnB,SAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;KAC1C,MAAM,OAAO,aAAa;AAG1B,SAAI,OAAO,iBAAiB,WACxB,gBAAe,cAAc;AAIjC,SAAI,gBAAgB,OAAO,iBAAiB,YAAY,QAAQ,aAC5D,gBAAe,aAAa;UACzB;AACH,qBAAe,KAAA;AACf;;;AAKR,QAAI,OAAO,iBAAiB,WACxB,gBAAe,cAAc;AAGjC,oBAAgB,gBAAgB,OAAO,OAAO,aAAa,GAAG;YACzD,OAAO;AAEZ,oBAAgB;;AAGpB,YAAS,OAAO,QAAQ,WAAW,cAAc;;AAGrD,SAAO;GACT"}

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

@@ -0,0 +1,73 @@
+import { parseDynamicValue } from "./parse-value.js";
+import { Text, computed, h, useDefineProps, useProps } from "canvasengine";
+//#region src/components/dynamics/text.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	var __assign = this && this.__assign || function() {
+		__assign = Object.assign || function(t) {
+			for (var s, i = 1, n = arguments.length; i < n; i++) {
+				s = arguments[i];
+				for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+			}
+			return t;
+		};
+		return __assign.apply(this, arguments);
+	};
+	var object = defineProps().object;
+	var component = object._component;
+	var parseNumericStyleValue = function(value, object) {
+		if (value === void 0 || value === null) return;
+		if (typeof value === "number") return value;
+		if (typeof value === "string") if (value.includes("{")) {
+			var parsed_1 = parseDynamicValue(value, object);
+			return computed(function() {
+				var str = parsed_1();
+				var num = parseFloat(str);
+				return isNaN(num) ? 0 : num;
+			});
+		} else {
+			var num = parseFloat(value);
+			return isNaN(num) ? void 0 : num;
+		}
+		return value;
+	};
+	var getComponentStyle = function(component) {
+		if (!component.style) return {};
+		var style = component.style;
+		var result = {};
+		if (style.fill !== void 0) if (typeof style.fill === "string" && style.fill.includes("{")) result.color = parseDynamicValue(style.fill, object);
+		else result.color = style.fill;
+		if (style.fontSize !== void 0) {
+			var fontSizeValue = parseNumericStyleValue(style.fontSize, object);
+			if (fontSizeValue !== void 0) result.size = fontSizeValue;
+		}
+		if (style.fontFamily !== void 0) if (typeof style.fontFamily === "string" && style.fontFamily.includes("{")) result.fontFamily = parseDynamicValue(style.fontFamily, object);
+		else result.fontFamily = style.fontFamily;
+		var textStyle = {};
+		if (style.fontStyle !== void 0) if (typeof style.fontStyle === "string" && style.fontStyle.includes("{")) textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);
+		else textStyle.fontStyle = style.fontStyle;
+		if (style.fontWeight !== void 0) if (typeof style.fontWeight === "string" && style.fontWeight.includes("{")) textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);
+		else if (typeof style.fontWeight === "number") textStyle.fontWeight = style.fontWeight;
+		else textStyle.fontWeight = style.fontWeight;
+		if (style.stroke !== void 0) if (typeof style.stroke === "string" && style.stroke.includes("{")) textStyle.stroke = parseDynamicValue(style.stroke, object);
+		else textStyle.stroke = style.stroke;
+		if (style.opacity !== void 0) {
+			var opacityValue = parseNumericStyleValue(style.opacity, object);
+			if (opacityValue !== void 0) textStyle.opacity = opacityValue;
+		}
+		if (style.wordWrap !== void 0) textStyle.wordWrap = style.wordWrap;
+		if (style.align !== void 0) if (typeof style.align === "string" && style.align.includes("{")) textStyle.align = parseDynamicValue(style.align, object);
+		else textStyle.align = style.align;
+		if (Object.keys(textStyle).length > 0) result.style = textStyle;
+		return result;
+	};
+	return h(Text, {
+		text: computed(() => parseDynamicValue(component.value, object)),
+		...getComponentStyle(component)
+	});
+}
+//#endregion
+export { component as default };
+
+//# sourceMappingURL=text.ce.js.map