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

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

@@ -3,20 +3,18 @@ import { Direction } from "@rpgjs/common";
 //#region src/components/animations/hit.ce
 function component($$props) {
 	useProps($$props);
-	var _a = useDefineProps($$props)({
+	const { text, direction, onFinish, duration, color, x: positionX, y: positionY } = 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;
+	});
+	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;
@@ -33,22 +31,17 @@ function component($$props) {
 	}
 	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 +57,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;CAER,MAAK,EAAA,MAAA,WAAA,UAAA,UAAA,OAAA,GAAA,WAAA,GAAA,cADG,eAAA,OACH,EAAA;EACL,UAAG,EACA,SAAA,IACH;EACA,OAAA,EACE,SAAS,QACX;CACJ,CAAC;CACD,MAAM,QAAQ,eAAO,GAAA,EACjB,UAAA,SAAA,EACJ,CAAC;;CAED,MAAE,WAAc,eAAgB;CAChC,MAAI,IAAA,OAAU,UAAU,CAAA;CACxB,MAAI,IAAA,OAAA,UAAA,IAAA,QAAA;;CAEJ,IAAI,YAAU;CACd,MAAE,QAAM;CACR,QAAQ,UAAU,GAAlB;EACE,KAAO,UAAU;GACX,YAAW;;EAEf,KAAC,UAAQ;GACP,YAAa,CAAA;GACb;;GAEE,YAAS;GACT;EACN,KAAO,UAAU;GACX,YAAW,CAAA;GACb;CACN;CACA,cAAS,KAAU,OAAK,IAAA,MAAA;CACxB,cAAM,KAAa,OAAK,IAAA,MAAA;CACxB,MAAM,UAAK;CACX,MAAI,eAAiB;CACrB,YAAM;EACF,MAAE,IAAK,EAAA;CACX,CAAC;CACD,IAAI,cAAc;CAClB,MAAM,EAAA,gBAAK;EACT,eAAA;;GAGA,EAAA,QAAc,MAAK,IAAQ,YAAU,YAAG,GAAA;GACxC,EAAA,QAAc,MAAK,IAAQ,YAAU,YAAG,GAAA;GAElC,aAAc,UAAI,YAAQ;;GAG1B,aAAM;EACV,OAAA,IAAA,UAGE,SAAe;CAGrB,CAAC;CAEO,OADL,EAAA,MAAA;EAAA;EAAA;EAAA,QAAA;EAAA;EAAA;EAAA,MAAA;EAAA;CAAA,CACgB;AACb;AAEA,IAAE,iBAAmB"}

package/dist/components/animations/index.js

@@ -1,9 +1,9 @@
-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";
 //#region src/components/animations/index.ts
 var PrebuiltComponentAnimations = {
-	Hit: component,
-	Animation: component$1
+	Hit: __ce_component,
+	Animation: __ce_component$1
 };
 //#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\";\n\nexport const PrebuiltComponentAnimations = {\n    Hit,\n    Animation\n}"],"mappings":";;;AAGA,IAAa,8BAA8B;CACvC,KAAA;CACA,WAAA;AACJ"}