@rpgjs/client 5.0.0-beta.2 → 5.0.0-beta.22

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

@@ -1,16 +1,16 @@
 import { inject } from "../../core/inject.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
-import { Sprite, h, useDefineProps, useProps } from "canvasengine";
+import { Sprite, h, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/animations/animation.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var _a;
-	var _b = defineProps(), x = _b.x, y = _b.y, animationName = _b.animationName, graphic = _b.graphic, onFinish = _b.onFinish;
+	useDefineEmits($$props);
+	const { x, y, animationName, graphic, onFinish } = defineProps();
 	return h(Sprite, {
 		sheet: {
 			definition: inject(RpgClientEngine).getSpriteSheet(graphic()),
-			playing: (_a = animationName()) !== null && _a !== void 0 ? _a : "default",
+			playing: animationName() ?? "default",
 			onFinish
 		},
 		x,
@@ -18,7 +18,8 @@ function component($$props) {
 		anchor: .5
 	});
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=animation.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"animation.ce.js","names":[],"sources":["../../../src/components/animations/animation.ce"],"sourcesContent":["<Sprite sheet x y anchor={0.5} />\n\n<script>\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { inject } from \"../../core/inject\";\n\n  const { x, y, animationName, graphic, onFinish } = defineProps();\n\n  const client = inject(RpgClientEngine);\n\n  const sheet = {\n    definition: client.getSpriteSheet(graphic()),\n    playing: animationName() ?? 'default',\n    onFinish\n  };\n</script>\n"],"mappings":";;;;;AAQuB,UAAC,QAAgB;;CAEhC,IAAA;CACR,IAAI,KAAA,aAAkB,EAAC,IAAA,GAAA,GAAA,IAAe,GAAA,GAAA,gBAAU,GAAA,eAAA,UAAA,GAAA,SAAA,WAAA,GAAA;;SAE5C;GACD,YAFU,OAAA,gBAAoB,CAE9B,eAAA,SAAA,CAAA;GACD,UAAM,KAAA,eAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA"}
+{"version":3,"file":"animation.ce.js","names":[],"sources":["../../../src/components/animations/animation.ce"],"sourcesContent":["<Sprite sheet x y anchor={0.5} />\n\n<script>\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { inject } from \"../../core/inject\";\n\n  const { x, y, animationName, graphic, onFinish } = defineProps();\n\n  const client = inject(RpgClientEngine);\n\n  const sheet = {\n    definition: client.getSpriteSheet(graphic()),\n    playing: animationName() ?? 'default',\n    onFinish\n  };\n</script>\n"],"mappings":";;;;;CAQuB,SAAC,OAAe;;CAEvB,eAAA,OAAA;CACZ,MAAU,EAAE,GAAA,GAAM,eAAe,SAAS,aAAE,YAAA;;;GAG7C,YAFU,OAAA,eAEV,EAAA,eAAA,QAAA,CAAA;GACD,SAAM,cAAA,KAAA"}

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

@@ -0,0 +1,60 @@
+import { h, tick, useDefineEmits, useDefineProps, useProps } from "canvasengine";
+import { Fx } from "@canvasengine/presets";
+//#region src/components/animations/fx.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	useDefineEmits($$props);
+	const { name, preset, trigger, onFinish, onStart, onComplete, onParticleSpawn, displayDuration, duration, autostart, loop, enabled, x, y, rotation, scale, alpha, timeScale, maxParticles, preload, missingTexture, zIndex } = defineProps({
+		autostart: { default: true },
+		loop: { default: false },
+		enabled: { default: true },
+		rotation: { default: 0 },
+		scale: { default: 1 },
+		alpha: { default: 1 },
+		timeScale: { default: 1 },
+		maxParticles: { default: 600 },
+		preload: { default: true },
+		missingTexture: { default: "shape" }
+	});
+	let elapsedTime = 0;
+	let finished = false;
+	function finish(instance) {
+		if (finished) return;
+		finished = true;
+		onComplete?.(instance);
+		onFinish?.(instance);
+	}
+	tick(({ deltaTime }) => {
+		const maxDuration = displayDuration?.() ?? (loop() ? duration?.() : void 0);
+		if (!maxDuration || finished) return;
+		elapsedTime += deltaTime;
+		if (elapsedTime >= maxDuration) finish();
+	});
+	return h(Fx, {
+		name,
+		preset,
+		trigger,
+		autostart,
+		loop,
+		enabled,
+		x,
+		y,
+		rotation,
+		scale,
+		alpha,
+		timeScale,
+		maxParticles,
+		preload,
+		missingTexture,
+		zIndex,
+		onStart,
+		onComplete: finish,
+		onParticleSpawn
+	});
+}
+var __ce_component = component;
+//#endregion
+export { __ce_component as default };
+
+//# sourceMappingURL=fx.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx.ce.js","names":[],"sources":["../../../src/components/animations/fx.ce"],"sourcesContent":["<Fx\n  name={name}\n  preset={preset}\n  trigger={trigger}\n  autostart={autostart}\n  loop={loop}\n  enabled={enabled}\n  x={x}\n  y={y}\n  rotation={rotation}\n  scale={scale}\n  alpha={alpha}\n  timeScale={timeScale}\n  maxParticles={maxParticles}\n  preload={preload}\n  missingTexture={missingTexture}\n  zIndex={zIndex}\n  onStart={onStart}\n  onComplete={finish}\n  onParticleSpawn={onParticleSpawn}\n/>\n\n<script>\n  import { tick } from \"canvasengine\";\n  import { Fx } from \"@canvasengine/presets\";\n\n  const {\n    name,\n    preset,\n    trigger,\n    onFinish,\n    onStart,\n    onComplete,\n    onParticleSpawn,\n    displayDuration,\n    duration,\n    autostart,\n    loop,\n    enabled,\n    x,\n    y,\n    rotation,\n    scale,\n    alpha,\n    timeScale,\n    maxParticles,\n    preload,\n    missingTexture,\n    zIndex,\n  } = defineProps({\n    autostart: {\n      default: true,\n    },\n    loop: {\n      default: false,\n    },\n    enabled: {\n      default: true,\n    },\n    rotation: {\n      default: 0,\n    },\n    scale: {\n      default: 1,\n    },\n    alpha: {\n      default: 1,\n    },\n    timeScale: {\n      default: 1,\n    },\n    maxParticles: {\n      default: 600,\n    },\n    preload: {\n      default: true,\n    },\n    missingTexture: {\n      default: \"shape\",\n    },\n  });\n\n  let elapsedTime = 0;\n  let finished = false;\n\n  function finish(instance) {\n    if (finished) return;\n    finished = true;\n    onComplete?.(instance);\n    onFinish?.(instance);\n  }\n\n  tick(({ deltaTime }) => {\n    const maxDuration = displayDuration?.() ?? (loop() ? duration?.() : undefined);\n    if (!maxDuration || finished) return;\n    elapsedTime += deltaTime;\n    if (elapsedTime >= maxDuration) {\n      finish();\n    }\n  });\n</script>\n"],"mappings":";;;AAME,SAAS,UAAO,SAAA;CACZ,SAAA,OAAA;CACA,MAAA,cAAA,eAAA,OAAA;CACc,eAAA,OAAA;CACZ,MAAM,EAAA,MAAA,QAAA,SAAA,UAAA,SAAA,YAAA,iBAAA,iBAAA,UAAA,WAAA,MAAA,SAAA,GAAA,GAAA,UAAA,OAAA,OAAA,WAAA,cAAA,SAAA,gBAAA,WAAA,YAAA;EACZ,WAAY,EACZ,SAAW,KACX;EACA,MAAQ,EACR,SAAe,MACf;EACA,SAAS,EACT,SAAY,KACZ;EACD,UAAA,EAAA,SAAA,EAEA;EACC,OAAS,EACH,SAAQ,EAAA;EAEd,OAAM,EACA,SAAA,EACJ;EACA,WAAO,EACP,SAAQ,EACR;EACA,cAAU,EACV,SAAA,IACA;EACA,SAAQ,EACR,SAAS,KACT;EACA,gBAAO,EACN,SAAA,QACD;CACJ,CAAC;CACD,IAAI,cAAK;CACT,IAAI,WAAK;CACT,SAAI,OAAS,UAAA;EACT,IAAA,UACA;EACA,WAAA;EACA,aAAM,QAAA;EACN,WAAE,QAAY;CAClB;CACA,MAAM,EAAA,gBAAa;EACf,MAAC,cAAA,kBAAA,MAAA,KAAA,IAAA,WAAA,IAAA,KAAA;EACD,IAAI,CAAC,eAAC,UACJ;EACF,eAAC;EACD,IAAA,eAAS,aACP,OAAS;CAEf,CAAC;CAEI,OADW,EAAA,IAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA,YAAA;EAAA;CAAA,CACX;AACD;AAEC,IAAA,iBAAA"}

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

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

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

@@ -1 +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"}
+{"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;CACD,SAAA,OAAA;CACR,MAAQ,cAAA,eAAA,OAAA;CACH,eAAA,OAAA;CACF,MAAA,EAAS,MAAA,WAAA,UAAA,UAAA,OAAA,GAAA,WAAA,GAAA,cAAA,YAAA;EACZ,UAAG,EACD,SAAW,IACb;EACA,OAAE,EACD,SAAA,QACD;CACJ,CAAC;CACD,MAAI,QAAA,eAAA,GAAA,EACA,UAAA,SAAA,EAAA,CAAA;CAEJ,MAAE,uBAAc,KAAkB,MAAA,KAAA,OAAA,IAAA,EAAA;CAClC,MAAI,WAAU,eAAU;CACxB,MAAI,IAAA,OAAA,UAAA,CAAA;;CAEJ,IAAI,YAAU;CACd,IAAE,YAAM;CACR,MAAE,QAAM;CACR,QAAQ,UAAU,GAAlB;EACE,KAAO,UAAU;;GAEd;EACH,KAAI,UAAa;GACb,YAAa;;EAEf,KAAK,UAAQ;GACT,YAAW;GACX;EACJ,KAAK,UAAU;GACb,YAAY;GACZ;CACN;CACA,cAAM,KAAa,OAAK,IAAA,MAAA;CACxB,cAAW,KAAA,OAAA,IAAA,MAAA;CACX,MAAI,UAAK;CACT,MAAM,eAAY;CAClB,YAAW;EACP,MAAK,IAAA,EAAA;CACT,CAAC;CACD,IAAI,cAAO;CACX,MAAE,EAAA,gBAAA;;EAEE,IAAI,cAAM,SAAiB,GAAC;GAE9B,EAAA,QAAc,MAAK,IAAQ,YAAU,YAAG,GAAA;;GAGlC,aAAc,UAAU,YAAa;GAErC,aAAM;GACV,aAAc;EACd,OAEE,IAAA,UAAA,SAAA;CAIN,CAAC;CAEO,OADY,EAAE,MAAA;EAAQ;EAAG;EAAC,QAAA;EAAA;EAAA;EAAA,MAAA;EAAA;CAAA,CAClB;AACV"}

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

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

package/dist/components/animations/index.js

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

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

@@ -1 +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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/animations/index.ts"],"sourcesContent":["import Hit from \"./hit.ce\";\nimport Animation from \"./animation.ce\";\nimport Fx from \"./fx.ce\";\n\nexport const PrebuiltComponentAnimations = {\n    Hit,\n    Animation,\n    Fx\n}\n"],"mappings":";;;;AAIA,IAAa,8BAA8B;CACvC,KAAA;CACA,WAAA;CACA,IAAA;AACJ"}