@rpgjs/client 5.0.0-alpha.2 → 5.0.0-alpha.20

package/dist/index22.js

@@ -1,109 +1,46 @@
-import { useProps, useDefineProps, signal, animatedSignal, computed, trigger, mount, effect, h, Container, Rect, cond, Text } from 'canvasengine';
-import component$1 from './index37.js';
-import { inject } from './index6.js';
+import { RpgCommonMap } from '@rpgjs/common';
+import { sync, users } from './index21.js';
+import { RpgClientPlayer } from './index35.js';
+import { signal, computed } from 'canvasengine';
+import { RpgClientEvent } from './index36.js';
 import { RpgClientEngine } from './index2.js';
+import { inject } from './index6.js';
 
-function component($$props) {
-        useProps($$props);
-        const defineProps = useDefineProps($$props);
-        var _a = defineProps(), message = _a.message, _choices = _a.choices, onFinish = _a.onFinish; _a.onInteraction;
-var client = inject(RpgClientEngine);
-var keyboardControls = client.globalConfig.keyboardControls;
-client.stopProcessingInput = true;
-var isDestroyed = false;
-var texts = [message()];
-var height = signal(250);
-var isTextCompleted = signal(false);
-var border = signal({ width: 5, color: "#595971" });
-var shadow = signal({ color: "#000", blur: 10, offsetX: 10, offsetY: 10 });
-var contentOpacity = animatedSignal(0, {
-    duration: 1000,
-});
-var scaleX = animatedSignal(0, {
-    duration: 500,
-});
-scaleX.set(1);
-contentOpacity.set(1);
-var currentTextIndex = signal(0);
-var currentText = computed(function () { var _a; return (_a = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex()]) !== null && _a !== void 0 ? _a : ''; });
-var isChoiceDisplayed = signal(false);
-var text = computed(function () {
-    var current = currentText();
-    return typeof current === "string" ? current : current.text;
-});
-var choices = computed(function () {
-    //const current = currentText();
-    //return typeof current === "string" ? null : current.choices;
-    return _choices;
-});
-var visibleSelection = computed(function () { return isChoiceDisplayed() && choices().length != 0; });
-var triggerSkip = trigger();
-var typewriter = {
-    speed: 0.3,
-    skip: triggerSkip,
-    onComplete: function () {
-        isTextCompleted.set(true);
-    }
-};
-var textStyle = {
-    wordWrap: true,
-    wordWrapWidth: 700 - 256 - 80
-};
-signal({ x: 0, y: 0, width: 256, height: 256 });
-mount(function (element) {
-    var dialogbox = element.props.children[0];
-    return function () {
-        dialogbox.directives.controls.onDestroy();
-        isDestroyed = true;
-        // Wait destroy is finished before start processing input
-        setTimeout(function () {
-            client.stopProcessingInput = false;
-        }, 500);
-    };
-});
-var controls = signal({
-    next: {
-        bind: keyboardControls.action,
-        keyDown: function (e) {
-            if (isDestroyed)
-                return;
-            if (isChoiceDisplayed()) {
-                // If choices are displayed, do nothing (wait for selection)
-                return;
-            }
-            // If text is still typing, just skip (fast forward) the animation
-            if (!isTextCompleted()) {
-                triggerSkip.start();
-                isTextCompleted.set(true);
-            }
-            else {
-                var isFinished = currentTextIndex() === texts.length - 1;
-                currentTextIndex.update(function (index) {
-                    if (index < texts.length - 1) {
-                        return index + 1;
-                    }
-                    return index;
-                });
-                isChoiceDisplayed.set(false);
-                isTextCompleted.set(false);
-                if (isFinished && onFinish) {
-                    onFinish();
-                }
-            }
-        },
-    },
-});
-var onSelect = function (index) {
-    onFinish(index);
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
 };
-effect(function () {
-    if (choices().length != 0) {
-        isChoiceDisplayed.set(true);
-    }
-});
-        let $this = h(Container, { justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }, h(Container, { ref: 'dialogbox', scale: { x: scaleX }, anchor: [0.5, 0.5], width: 700, height, controls, positionType: 'absolute', bottom: 10 }, [h(Rect, { width: 700, height: 250, color: '#1a1a2e' }), h(Rect, { x: 0, y: 0, width: 700, height, color: '#1a1a2e', alpha: 0.9, borderRadius: 10, border, shadow }), h(Container, { flexDirection: 'row', width: 700, height, alpha: contentOpacity }, h(Container, { flexDirection: 'column' }, [h(Text, { text, color: '#fff', fontSize: 18, margin: 40, typewriter, style: textStyle }), cond(visibleSelection, () => h(component$1, { selectedIndex: 0, items: choices, onSelect }))]))]));
-        return $this
-      }
+class RpgClientMap extends RpgCommonMap {
+  constructor() {
+    super(...arguments);
+    this.engine = inject(RpgClientEngine);
+    this.players = signal({});
+    this.events = signal({});
+    this.currentPlayer = computed(() => this.players()[this.engine.playerIdSignal()]);
+  }
+  getCurrentPlayer() {
+    return this.currentPlayer();
+  }
+  reset() {
+    this.players.set({});
+    this.events.set({});
+    this.clearPhysic();
+  }
+  stepPredictionTick() {
+    this.forceSingleTick();
+  }
+}
+__decorateClass([
+  users(RpgClientPlayer)
+], RpgClientMap.prototype, "players");
+__decorateClass([
+  sync(RpgClientEvent)
+], RpgClientMap.prototype, "events");
 
-export { component as default };
+export { RpgClientMap };
 //# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":["../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<Container justifyContent=\"center\" alignItems=\"center\" width=\"100%\" height=\"100%\">\n  <Container\n    ref=\"dialogbox\"\n    scale={{ x: scaleX }}\n    anchor={[0.5, 0.5]}\n    width={700}\n    height\n    controls\n    positionType=\"absolute\"\n    bottom={10}\n  >\n  <Rect width={700} height={250} color=\"#1a1a2e\" />\n    <Rect\n      x={0}\n      y={0}\n      width={700}\n      height\n      color=\"#1a1a2e\"\n      alpha={0.9}\n      borderRadius={10}\n      border\n      shadow\n    />\n      <Container\n        flexDirection=\"row\"\n        width={700}\n        height\n        alpha={contentOpacity}\n      >\n        <Container flexDirection=\"column\">\n          <Text\n            text\n            color=\"#fff\"\n            fontSize={18}\n            margin={40}\n            typewriter\n            style={textStyle}\n          />\n          @if (visibleSelection) {\n            <Selection selectedIndex={0} items={choices} onSelect />\n          }\n        </Container>\n    </Container>\n</Container>  \n\n  \n</Container>\n<script>\n  import Selection from './selection.ce'\n\n  import {\n    animatedSignal,\n    computed,\n    effect,\n    signal,\n    trigger,\n    mount\n  } from \"canvasengine\";\n\n  import { inject } from \"../../../core/inject\";\n  import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n  const {\n    message,\n    choices: _choices,\n    onFinish,\n    onInteraction\n  } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  client.stopProcessingInput = true;\n  let isDestroyed = false;\n\n  const texts = [message()]\n  const height = signal(250);\n  const isTextCompleted = signal(false);\n\n  const drawSpeaker = (g) => {\n    g.beginFill(0xffa500); // Orange color\n    g.lineStyle(2, 0x000000); // Black border\n    g.moveTo(0, 0);\n    g.lineTo(70, 0);\n    g.lineTo(80, 15);\n    g.lineTo(70, 30);\n    g.lineTo(0, 30);\n    g.lineTo(0, 0);\n    g.endFill();\n  };\n\n  const border = signal({ width: 5, color: \"#595971\" });\n  const shadow = signal({ color: \"#000\", blur: 10, offsetX: 10, offsetY: 10 });\n\n  const contentOpacity = animatedSignal(0, {\n    duration: 1000,\n  });\n\n  const scaleX = animatedSignal(0, {\n    duration: 500,\n  });\n\n  scaleX.set(1);\n  contentOpacity.set(1);\n\n  const currentTextIndex = signal(0);\n  const currentText = computed(() => texts?.[currentTextIndex()] ?? '');\n  const isChoiceDisplayed = signal(false);\n\n  const text = computed(() => {\n    const current = currentText();\n    return typeof current === \"string\" ? current : current.text;\n  });\n\n  const choices = computed(() => {\n    //const current = currentText();\n    //return typeof current === \"string\" ? null : current.choices;\n    return _choices;\n  });\n\n  const visibleSelection = computed(() => isChoiceDisplayed() && choices().length != 0)\n\n  const triggerSkip = trigger();\n\n  const typewriter = {\n    speed: 0.3,\n    skip: triggerSkip,\n    onComplete: () => {\n      isTextCompleted.set(true);\n    }\n  }\n\n  const textStyle = {\n    wordWrap: true,\n    wordWrapWidth: 700 - 256 - 80\n  }\n\n  const face = signal({ x: 0, y: 0, width: 256, height: 256 });\n\n  mount((element) => {\n    const [dialogbox] = element.props.children\n    return () => {\n      dialogbox.directives.controls.onDestroy()\n      isDestroyed = true;\n      // Wait destroy is finished before start processing input\n      setTimeout(() => {\n        client.stopProcessingInput = false;\n      }, 500)\n    }\n  })\n\n  const controls = signal({\n    next: {\n      bind: keyboardControls.action,\n      keyDown(e) {\n        if (isDestroyed) return;\n        if (isChoiceDisplayed()) {\n          // If choices are displayed, do nothing (wait for selection)\n          return;\n        }\n\n        // If text is still typing, just skip (fast forward) the animation\n        if (!isTextCompleted()) {\n          triggerSkip.start();\n          isTextCompleted.set(true);\n        }\n        else {\n          const isFinished = currentTextIndex() === texts.length - 1;\n          currentTextIndex.update((index) => {\n            if (index < texts.length - 1) {\n              return index + 1;\n            }\n            return index;\n          });\n          isChoiceDisplayed.set(false);\n          isTextCompleted.set(false);\n          if (isFinished && onFinish) {\n            onFinish();\n          } \n        }\n      },\n    },\n  });\n\n  const onSelect = (index) => {\n    onFinish(index);\n  }\n  \n  effect(() => {\n    if (choices().length != 0) {\n      isChoiceDisplayed.set(true);\n    }\n  });\n</script>"],"names":["Selection"],"mappings":"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"}
+{"version":3,"file":"index22.js","sources":["../src/Game/Map.ts"],"sourcesContent":["import { RpgCommonMap } from \"@rpgjs/common\";\nimport { sync, users } from \"@signe/sync\";\nimport { RpgClientPlayer } from \"./Player\";\nimport { Signal, signal, computed } from \"canvasengine\";\nimport { RpgClientEvent } from \"./Event\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { inject } from \"../core/inject\";\n\nexport class RpgClientMap extends RpgCommonMap<any> {\n  engine: RpgClientEngine = inject(RpgClientEngine)\n  @users(RpgClientPlayer) players = signal<Record<string, RpgClientPlayer>>({});\n  @sync(RpgClientEvent) events = signal<Record<string, RpgClientEvent>>({});\n  currentPlayer = computed(() => this.players()[this.engine.playerIdSignal()!])\n\n  getCurrentPlayer() {\n    return this.currentPlayer()\n  }\n\n  reset() {\n    this.players.set({})\n    this.events.set({})\n    this.clearPhysic()\n  }\n\n  stepPredictionTick(): void {\n    this.forceSingleTick();\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQO,MAAM,qBAAqB,YAAA,CAAkB;AAAA,EAA7C,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AACL,IAAA,IAAA,CAAA,MAAA,GAA0B,OAAO,eAAe,CAAA;AACxB,IAAA,IAAA,CAAA,OAAA,GAAU,MAAA,CAAwC,EAAE,CAAA;AACtD,IAAA,IAAA,CAAA,MAAA,GAAS,MAAA,CAAuC,EAAE,CAAA;AACxE,IAAA,IAAA,CAAA,aAAA,GAAgB,QAAA,CAAS,MAAM,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,MAAA,CAAO,cAAA,EAAiB,CAAC,CAAA;AAAA,EAAA;AAAA,EAE5E,gBAAA,GAAmB;AACjB,IAAA,OAAO,KAAK,aAAA,EAAc;AAAA,EAC5B;AAAA,EAEA,KAAA,GAAQ;AACN,IAAA,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,EAAE,CAAA;AACnB,IAAA,IAAA,CAAK,MAAA,CAAO,GAAA,CAAI,EAAE,CAAA;AAClB,IAAA,IAAA,CAAK,WAAA,EAAY;AAAA,EACnB;AAAA,EAEA,kBAAA,GAA2B;AACzB,IAAA,IAAA,CAAK,eAAA,EAAgB;AAAA,EACvB;AACF;AAjB0B,eAAA,CAAA;AAAA,EAAvB,MAAM,eAAe;AAAA,CAAA,EAFX,YAAA,CAEa,SAAA,EAAA,SAAA,CAAA;AACF,eAAA,CAAA;AAAA,EAArB,KAAK,cAAc;AAAA,CAAA,EAHT,YAAA,CAGW,SAAA,EAAA,QAAA,CAAA;;;;"}

package/dist/index23.js

@@ -1,71 +1,25 @@
-import { useProps, useDefineProps, animatedSignal, signal, mount, tick, h, Text } from 'canvasengine';
-import { Direction } from '@rpgjs/common';
+import { generateUID } from '@rpgjs/common';
+import { signal } from 'canvasengine';
 
-function component($$props) {
-        useProps($$props);
-        const defineProps = useDefineProps($$props);
-        var _a = defineProps({
-    duration: {
-        default: 1000
-    },
-    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 = -200;
-        break;
-    case Direction.Up:
-        velocityY = speed;
-        break;
-    case Direction.Down:
-        velocityY = -200;
-        break;
-}
-velocityX += (Math.random() - 0.5) * 100;
-velocityY += (Math.random() - 0.5) * 100;
-var gravity = 500;
-var deceleration = 0.98;
-mount(function () {
-    scale.set(0.1);
-});
-var elapsedTime = 0;
-tick(function (_a) {
-    var deltaTime = _a.deltaTime;
-    elapsedTime += deltaTime;
-    if (elapsedTime < duration()) {
-        // Update position
-        x.update(function (x) { return x + (velocityX * deltaTime) / 1000; });
-        y.update(function (y) { return y + (velocityY * deltaTime) / 1000; });
-        // Apply gravity
-        velocityY += (gravity * deltaTime) / 1000;
-        // Apply deceleration
-        velocityX *= deceleration;
-        velocityY *= deceleration;
-    }
-    else {
-        if (onFinish) {
-            onFinish();
-        }
-    }
-});
-        let $this = h(Text, { x, y, zIndex: 10000, color, scale, size: 30, text });
-        return $this
+class AnimationManager {
+  constructor() {
+    this.current = signal([]);
+  }
+  displayEffect(params, player) {
+    const id = generateUID();
+    this.current().push({
+      ...params,
+      id,
+      x: player.x,
+      y: player.y,
+      object: player,
+      onFinish: () => {
+        const index = this.current().findIndex((value) => value.id === id);
+        this.current().splice(index, 1);
       }
+    });
+  }
+}
 
-export { component as default };
+export { AnimationManager };
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/components/effects/hit.ce"],"sourcesContent":["<Text x y zIndex={10000} color scale size={30} text />\n\n<script>\n  import { animatedSignal, mount, signal, tick } from \"canvasengine\";\n  import { Direction } from \"@rpgjs/common\";\n  const {\n    text,\n    direction,\n    onFinish,\n    duration,\n    color,\n    x: positionX,\n    y: positionY\n  } = defineProps({\n    duration: {\n      default: 1000\n    },\n    color: {\n      default: 'black'\n    }\n  });\n\n  const scale = animatedSignal(1, {\n    duration: duration(),\n  });\n\n  // Generate random initial position\n  const randomPosition = () => Math.floor(Math.random() * 60);\n  const initialY = randomPosition();\n  const x = signal(positionX());\n  const y = signal(positionY() - initialY);\n\n  // Initial velocity\n  let velocityX = 0;\n  let velocityY = 0;\n\n  // Set initial velocity based on direction\n  const speed = 200;\n  switch (direction()) {\n    case Direction.Left:\n      velocityX = speed;\n      break;\n    case Direction.Right:\n      velocityX = -speed;\n      break;\n    case Direction.Up:\n      velocityY = speed;\n      break;\n    case Direction.Down:\n      velocityY = -speed;\n      break;\n  }\n\n  // Add some randomness to the velocity\n  velocityX += (Math.random() - 0.5) * 100;\n  velocityY += (Math.random() - 0.5) * 100;\n\n  const gravity = 500; // Gravity effect\n  const deceleration = 0.98; // Deceleration factor\n\n  mount(() => {\n    scale.set(0.1);\n  });\n\n  let elapsedTime = 0;\n\n  tick(({ deltaTime }) => {\n    elapsedTime += deltaTime;\n    \n    if (elapsedTime < duration()) {\n      // Update position\n      x.update((x) => x + (velocityX * deltaTime) / 1000);\n      y.update((y) => y + (velocityY * deltaTime) / 1000);\n\n      // Apply gravity\n      velocityY += (gravity * deltaTime) / 1000;\n\n      // Apply deceleration\n      velocityX *= deceleration;\n      velocityY *= deceleration;\n    } else {\n      if (onFinish) {\n        onFinish();\n      }\n    }\n  });\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index23.js","sources":["../src/Game/AnimationManager.ts"],"sourcesContent":["import { generateUID, RpgCommonPlayer } from \"@rpgjs/common\";\nimport { signal } from \"canvasengine\";\n\nexport class AnimationManager {\n  current = signal<any[]>([]);\n\n  displayEffect(params: any, player: RpgCommonPlayer | { x: number, y: number }) {\n    const id = generateUID();\n    this.current().push({\n      ...params,\n      id,\n      x: player.x,\n      y: player.y,\n      object: player,\n      onFinish: () => {\n        const index = this.current().findIndex((value) => value.id === id);\n        this.current().splice(index, 1);\n      },\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,gBAAA,CAAiB;AAAA,EAAvB,WAAA,GAAA;AACL,IAAA,IAAA,CAAA,OAAA,GAAU,MAAA,CAAc,EAAE,CAAA;AAAA,EAAA;AAAA,EAE1B,aAAA,CAAc,QAAa,MAAA,EAAoD;AAC7E,IAAA,MAAM,KAAK,WAAA,EAAY;AACvB,IAAA,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK;AAAA,MAClB,GAAG,MAAA;AAAA,MACH,EAAA;AAAA,MACA,GAAG,MAAA,CAAO,CAAA;AAAA,MACV,GAAG,MAAA,CAAO,CAAA;AAAA,MACV,MAAA,EAAQ,MAAA;AAAA,MACR,UAAU,MAAM;AACd,QAAA,MAAM,KAAA,GAAQ,KAAK,OAAA,EAAQ,CAAE,UAAU,CAAC,KAAA,KAAU,KAAA,CAAM,EAAA,KAAO,EAAE,CAAA;AACjE,QAAA,IAAA,CAAK,OAAA,EAAQ,CAAE,MAAA,CAAO,KAAA,EAAO,CAAC,CAAA;AAAA,MAChC;AAAA,KACD,CAAA;AAAA,EACH;AACF;;;;"}