@rpgjs/client 5.0.0-alpha.3 → 5.0.0-alpha.4

package/dist/index36.js

@@ -1,59 +1,89 @@
-import { useProps, useDefineProps, mount, signal, h, Container, loop, computed } from 'canvasengine';
-import component$1 from './index38.js';
+import { useProps, useDefineProps, computed, signal, h, Container, loop, Sprite } from 'canvasengine';
+import { Particle } from '@canvasengine/presets';
 import { RpgClientEngine } from './index2.js';
 import { inject } from './index6.js';
+import { Direction } from '@rpgjs/common';
 
 function component($$props) {
         useProps($$props);
         const defineProps = useDefineProps($$props);
-        var _a = defineProps(), items = _a.items, wrapAround = _a.wrapAround, onSelect = _a.onSelect, selectedIndex = _a.selectedIndex;
+        var _a = defineProps(), object = _a.object; _a.id; var isMe = _a.isMe;
 var client = inject(RpgClientEngine);
+var spritesheets = client.spritesheets;
+var x = object.x;
+var y = object.y;
+var tint = object.tint;
+var direction = object.direction;
+var animationName = object.animationName;
+var emitParticleTrigger = object.emitParticleTrigger;
+var particleSettings = client.particleSettings;
+var particleName = object.particleName;
+var graphics = object.graphics;
+var hitbox = object.hitbox;
+var widthShadow = 10;
+computed(function () { return ({
+    x: hitbox().w / 2,
+    y: hitbox().h - (hitbox().h / 2),
+    width: hitbox().w + widthShadow,
+    height: hitbox().h,
+}); });
+var canControls = function () { return isMe() && object.canMove(); };
 var keyboardControls = client.globalConfig.keyboardControls;
-var selected = function (index) {
-    return computed(function () {
-        return index === selectedIndex();
-    });
-};
-mount(function (element) {
-    return function () {
-        element.directives.controls.onDestroy();
-    };
-});
 var controls = signal({
     down: {
+        repeat: true,
         bind: keyboardControls.down,
         keyDown: function () {
-            selectedIndex.update(function (currentIndex) {
-                if (wrapAround) {
-                    return (currentIndex + 1) % items().length;
-                }
-                else {
-                    return Math.min(currentIndex + 1, items().length - 1);
-                }
-            });
+            if (canControls())
+                client.processInput({ input: Direction.Down });
         },
     },
     up: {
+        repeat: true,
         bind: keyboardControls.up,
         keyDown: function () {
-            selectedIndex.update(function (currentIndex) {
-                if (wrapAround) {
-                    return (currentIndex - 1 + items().length) % items().length;
-                }
-                else {
-                    return Math.max(currentIndex - 1, 0);
-                }
-            });
+            if (canControls())
+                client.processInput({ input: Direction.Up });
+        },
+    },
+    left: {
+        repeat: true,
+        bind: keyboardControls.left,
+        keyDown: function () {
+            if (canControls())
+                client.processInput({ input: Direction.Left });
         },
     },
-    enter: {
+    right: {
+        repeat: true,
+        bind: keyboardControls.right,
+        keyDown: function () {
+            if (canControls())
+                client.processInput({ input: Direction.Right });
+        },
+    },
+    action: {
         bind: keyboardControls.action,
         keyDown: function () {
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedIndex());
+            if (canControls()) {
+                client.processAction({ action: 'action' });
+                // particleName.set('hit') 
+                // emitParticleTrigger.start()
+                // object.flash('red')
+            }
         },
     },
 });
-        let $this = h(Container, { controls, flexDirection: 'column', margin: [0, 0, 0, 50] }, loop(items, (item, index) => h(component$1, { text: item.text, isSelected: selected(index) })));
+var sheet = function (graphicId) {
+    return {
+        definition: spritesheets.get(graphicId),
+        playing: animationName,
+        params: {
+            direction: direction
+        },
+    };
+};
+        let $this = h(Container, { x, y, zIndex: y, viewportFollow: isMe, controls }, [h(Particle, { emit: emitParticleTrigger, settings: particleSettings, zIndex: 1000, name: particleName }), loop(graphics, graphicId => h(Sprite, { sheet: sheet(graphicId), direction, tint }))]);
         return $this
       }
 

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/components/gui/dialogbox/selection.ce"],"sourcesContent":["<Container controls flexDirection=\"column\" margin={[0, 0, 0, 50]}>\n    @for ((item,index) of items) { \n      <ItemMenu text={@item.@text} isSelected={@selected(@index)} /> \n    }\n</Container>\n\n<script>\n  import { signal, computed, mount } from \"canvasengine\";\n  import ItemMenu from \"./itemMenu.ce\";\n  import { RpgClientEngine } from \"../../../RpgClientEngine\";\n  import { inject } from \"../../../core/inject\";\n\n  const {\n    items,\n    wrapAround,\n    onSelect,\n    selectedIndex,\n  } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const selected = (index) => {\n    return computed(() => {\n      return index === selectedIndex();\n    })\n  }\n\n  mount((element) => {\n    return () => {\n      element.directives.controls.onDestroy()\n    }\n  })\n\n  const controls = signal({\n    down: {\n      bind: keyboardControls.down,\n      keyDown() {\n        selectedIndex.update((currentIndex) => {\n          if (wrapAround) {\n            return (currentIndex + 1) % items().length;\n          } else {\n            return Math.min(currentIndex + 1, items().length - 1);\n          }\n        });\n      },\n    },\n    up: {\n      bind: keyboardControls.up,\n      keyDown() {\n        selectedIndex.update((currentIndex) => {\n          if (wrapAround) {\n            return (currentIndex - 1 + items().length) % items().length;\n          } else {\n            return Math.max(currentIndex - 1, 0);\n          }\n        });\n      },\n    },\n    enter: {\n      bind: keyboardControls.action,\n      keyDown() {\n        onSelect?.(selectedIndex());\n      },\n    },\n  });\n</script>\n"],"names":["ItemMenu"],"mappings":";;;;;AASqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa;AACtI,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB;AAC3D,IAAI,QAAQ,GAAG,UAAU,KAAK,EAAE;AAChC,IAAI,OAAO,QAAQ,CAAC,YAAY;AAChC,QAAQ,OAAO,KAAK,KAAK,aAAa,EAAE;AACxC,KAAK,CAAC;AACN,CAAC;AACD,KAAK,CAAC,UAAU,OAAO,EAAE;AACzB,IAAI,OAAO,YAAY;AACvB,QAAQ,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,EAAE;AAC/C,KAAK;AACL,CAAC,CAAC;AACF,IAAI,QAAQ,GAAG,MAAM,CAAC;AACtB,IAAI,IAAI,EAAE;AACV,QAAQ,IAAI,EAAE,gBAAgB,CAAC,IAAI;AACnC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,MAAM,CAAC,UAAU,YAAY,EAAE;AACzD,gBAAgB,IAAI,UAAU,EAAE;AAChC,oBAAoB,OAAO,CAAC,YAAY,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,MAAM;AAC9D;AACA,qBAAqB;AACrB,oBAAoB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACzE;AACA,aAAa,CAAC;AACd,SAAS;AACT,KAAK;AACL,IAAI,EAAE,EAAE;AACR,QAAQ,IAAI,EAAE,gBAAgB,CAAC,EAAE;AACjC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,MAAM,CAAC,UAAU,YAAY,EAAE;AACzD,gBAAgB,IAAI,UAAU,EAAE;AAChC,oBAAoB,OAAO,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC,MAAM;AAC/E;AACA,qBAAqB;AACrB,oBAAoB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC;AACxD;AACA,aAAa,CAAC;AACd,SAAS;AACT,KAAK;AACL,IAAI,KAAK,EAAE;AACX,QAAQ,IAAI,EAAE,gBAAgB,CAAC,MAAM;AACrC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;AACzF,SAAS;AACT,KAAK;AACL,CAAC,CAAC;AACF,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,CAACA,WAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAC1L,QAAQ,OAAO;AACf;;;;"}
+{"version":3,"file":"index36.js","sources":["../src/components/character.ce"],"sourcesContent":["<Container x y zIndex={y} viewportFollow={isMe} controls>\n  <Particle emit={@emitParticleTrigger} settings={@particleSettings} zIndex={1000} name={particleName} />\n  @for (graphicId of graphics) {\n    <Sprite sheet={@sheet(@graphicId)} direction tint />\n  }\n  <!-- <Ellipse \n    x={shadow.@x} \n    y={shadow.@y} \n    width={shadow.@width} \n    height={shadow.@height} \n    color=\"black\" \n    blur={10} \n    alpha={0.5}\n  /> -->\n</Container>\n\n<script>\n  import { signal, effect, mount, computed } from \"canvasengine\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken } 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\n  const { object, id, isMe } = defineProps();\n\n  const client = inject(RpgClientEngine);\n\n  const spritesheets = client.spritesheets;\n\n  const x = object.x;\n  const y = object.y;\n  const tint = object.tint;\n  const direction = object.direction;\n  const animationName = object.animationName;\n  const emitParticleTrigger = object.emitParticleTrigger;\n  const particleSettings = client.particleSettings;\n  const particleName = object.particleName;\n  const graphics = object.graphics;\n\n  const hitbox = object.hitbox;\n  const widthShadow = 10;\n  const shadow = computed(() => ({\n    x: hitbox().w / 2,\n    y: hitbox().h - (hitbox().h / 2),\n    width: hitbox().w + widthShadow,\n    height: hitbox().h,\n  }))\n  const canControls = () => isMe() && object.canMove()\n  const keyboardControls = client.globalConfig.keyboardControls;\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          // particleName.set('hit') \n          // emitParticleTrigger.start()\n          // object.flash('red')\n        }\n      },\n    },\n  });\n\n  const sheet = (graphicId) => {\n    return {\n      definition: spritesheets.get(graphicId),\n      playing: animationName,\n      params: {\n        direction\n      },\n    };\n  }\n</script>"],"names":[],"mappings":"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"}

package/dist/index37.js

@@ -1,20 +1,61 @@
-import { RpgCommonPlayer } from '@rpgjs/common';
-import { trigger, signal } from 'canvasengine';
+import { useProps, useDefineProps, mount, signal, h, Container, loop, computed } from 'canvasengine';
+import component$1 from './index38.js';
+import { RpgClientEngine } from './index2.js';
+import { inject } from './index6.js';
 
-class RpgClientObject extends RpgCommonPlayer {
-  constructor() {
-    super(...arguments);
-    this.emitParticleTrigger = trigger();
-    this.particleName = signal("");
-  }
-  flash(color, duration = 100) {
-    const lastTint = this.tint();
-    this.tint.set(color);
-    setTimeout(() => {
-      this.tint.set(lastTint);
-    }, duration);
-  }
-}
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var _a = defineProps(), items = _a.items, wrapAround = _a.wrapAround, onSelect = _a.onSelect, selectedIndex = _a.selectedIndex;
+var client = inject(RpgClientEngine);
+var keyboardControls = client.globalConfig.keyboardControls;
+var selected = function (index) {
+    return computed(function () {
+        return index === selectedIndex();
+    });
+};
+mount(function (element) {
+    return function () {
+        element.directives.controls.onDestroy();
+    };
+});
+var controls = signal({
+    down: {
+        bind: keyboardControls.down,
+        keyDown: function () {
+            selectedIndex.update(function (currentIndex) {
+                if (wrapAround) {
+                    return (currentIndex + 1) % items().length;
+                }
+                else {
+                    return Math.min(currentIndex + 1, items().length - 1);
+                }
+            });
+        },
+    },
+    up: {
+        bind: keyboardControls.up,
+        keyDown: function () {
+            selectedIndex.update(function (currentIndex) {
+                if (wrapAround) {
+                    return (currentIndex - 1 + items().length) % items().length;
+                }
+                else {
+                    return Math.max(currentIndex - 1, 0);
+                }
+            });
+        },
+    },
+    enter: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedIndex());
+        },
+    },
+});
+        let $this = h(Container, { controls, flexDirection: 'column', margin: [0, 0, 0, 50] }, loop(items, (item, index) => h(component$1, { text: item.text, isSelected: selected(index) })));
+        return $this
+      }
 
-export { RpgClientObject };
+export { component as default };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/Game/Object.ts"],"sourcesContent":["import { RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal } from \"canvasengine\";\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract type: string;\n  emitParticleTrigger = trigger()\n  particleName = signal('')\n\n  flash(color: string, duration: number = 100) {\n    const lastTint = this.tint()\n    this.tint.set(color);\n    setTimeout(() => {\n      this.tint.set(lastTint)\n    }, duration)\n  }\n}   "],"names":[],"mappings":";;;AAGO,MAAe,wBAAwB,eAAgB,CAAA;AAAA,EAAvD,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL,IAAA,IAAA,CAAA,mBAAA,GAAsB,OAAQ,EAAA;AAC9B,IAAA,IAAA,CAAA,YAAA,GAAe,OAAO,EAAE,CAAA;AAAA;AAAA,EAExB,KAAA,CAAM,KAAe,EAAA,QAAA,GAAmB,GAAK,EAAA;AAC3C,IAAM,MAAA,QAAA,GAAW,KAAK,IAAK,EAAA;AAC3B,IAAK,IAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AACnB,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,IAAA,CAAK,IAAI,QAAQ,CAAA;AAAA,OACrB,QAAQ,CAAA;AAAA;AAEf;;;;"}
+{"version":3,"file":"index37.js","sources":["../src/components/gui/dialogbox/selection.ce"],"sourcesContent":["<Container controls flexDirection=\"column\" margin={[0, 0, 0, 50]}>\n    @for ((item,index) of items) { \n      <ItemMenu text={@item.@text} isSelected={@selected(@index)} /> \n    }\n</Container>\n\n<script>\n  import { signal, computed, mount } from \"canvasengine\";\n  import ItemMenu from \"./itemMenu.ce\";\n  import { RpgClientEngine } from \"../../../RpgClientEngine\";\n  import { inject } from \"../../../core/inject\";\n\n  const {\n    items,\n    wrapAround,\n    onSelect,\n    selectedIndex,\n  } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const selected = (index) => {\n    return computed(() => {\n      return index === selectedIndex();\n    })\n  }\n\n  mount((element) => {\n    return () => {\n      element.directives.controls.onDestroy()\n    }\n  })\n\n  const controls = signal({\n    down: {\n      bind: keyboardControls.down,\n      keyDown() {\n        selectedIndex.update((currentIndex) => {\n          if (wrapAround) {\n            return (currentIndex + 1) % items().length;\n          } else {\n            return Math.min(currentIndex + 1, items().length - 1);\n          }\n        });\n      },\n    },\n    up: {\n      bind: keyboardControls.up,\n      keyDown() {\n        selectedIndex.update((currentIndex) => {\n          if (wrapAround) {\n            return (currentIndex - 1 + items().length) % items().length;\n          } else {\n            return Math.max(currentIndex - 1, 0);\n          }\n        });\n      },\n    },\n    enter: {\n      bind: keyboardControls.action,\n      keyDown() {\n        onSelect?.(selectedIndex());\n      },\n    },\n  });\n</script>\n"],"names":["ItemMenu"],"mappings":";;;;;AASqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa;AACtI,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB;AAC3D,IAAI,QAAQ,GAAG,UAAU,KAAK,EAAE;AAChC,IAAI,OAAO,QAAQ,CAAC,YAAY;AAChC,QAAQ,OAAO,KAAK,KAAK,aAAa,EAAE;AACxC,KAAK,CAAC;AACN,CAAC;AACD,KAAK,CAAC,UAAU,OAAO,EAAE;AACzB,IAAI,OAAO,YAAY;AACvB,QAAQ,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,EAAE;AAC/C,KAAK;AACL,CAAC,CAAC;AACF,IAAI,QAAQ,GAAG,MAAM,CAAC;AACtB,IAAI,IAAI,EAAE;AACV,QAAQ,IAAI,EAAE,gBAAgB,CAAC,IAAI;AACnC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,MAAM,CAAC,UAAU,YAAY,EAAE;AACzD,gBAAgB,IAAI,UAAU,EAAE;AAChC,oBAAoB,OAAO,CAAC,YAAY,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,MAAM;AAC9D;AACA,qBAAqB;AACrB,oBAAoB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACzE;AACA,aAAa,CAAC;AACd,SAAS;AACT,KAAK;AACL,IAAI,EAAE,EAAE;AACR,QAAQ,IAAI,EAAE,gBAAgB,CAAC,EAAE;AACjC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,MAAM,CAAC,UAAU,YAAY,EAAE;AACzD,gBAAgB,IAAI,UAAU,EAAE;AAChC,oBAAoB,OAAO,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC,MAAM;AAC/E;AACA,qBAAqB;AACrB,oBAAoB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC;AACxD;AACA,aAAa,CAAC;AACd,SAAS;AACT,KAAK;AACL,IAAI,KAAK,EAAE;AACX,QAAQ,IAAI,EAAE,gBAAgB,CAAC,MAAM;AACrC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;AACzF,SAAS;AACT,KAAK;AACL,CAAC,CAAC;AACF,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,CAACA,WAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAC1L,QAAQ,OAAO;AACf;;;;"}

package/dist/index39.js

@@ -0,0 +1,20 @@
+import { RpgCommonPlayer } from '@rpgjs/common';
+import { trigger, signal } from 'canvasengine';
+
+class RpgClientObject extends RpgCommonPlayer {
+  constructor() {
+    super(...arguments);
+    this.emitParticleTrigger = trigger();
+    this.particleName = signal("");
+  }
+  flash(color, duration = 100) {
+    const lastTint = this.tint();
+    this.tint.set(color);
+    setTimeout(() => {
+      this.tint.set(lastTint);
+    }, duration);
+  }
+}
+
+export { RpgClientObject };
+//# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index39.js","sources":["../src/Game/Object.ts"],"sourcesContent":["import { RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal } from \"canvasengine\";\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract type: string;\n  emitParticleTrigger = trigger()\n  particleName = signal('')\n\n  flash(color: string, duration: number = 100) {\n    const lastTint = this.tint()\n    this.tint.set(color);\n    setTimeout(() => {\n      this.tint.set(lastTint)\n    }, duration)\n  }\n}   "],"names":[],"mappings":";;;AAGO,MAAe,wBAAwB,eAAgB,CAAA;AAAA,EAAvD,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL,IAAA,IAAA,CAAA,mBAAA,GAAsB,OAAQ,EAAA;AAC9B,IAAA,IAAA,CAAA,YAAA,GAAe,OAAO,EAAE,CAAA;AAAA;AAAA,EAExB,KAAA,CAAM,KAAe,EAAA,QAAA,GAAmB,GAAK,EAAA;AAC3C,IAAM,MAAA,QAAA,GAAW,KAAK,IAAK,EAAA;AAC3B,IAAK,IAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AACnB,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,IAAA,CAAK,IAAI,QAAQ,CAAA;AAAA,OACrB,QAAQ,CAAA;AAAA;AAEf;;;;"}

package/package.json

@@ -1,16 +1,12 @@
 {
   "name": "@rpgjs/client",
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-alpha.4",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build"
-  },
   "keywords": [
     "rpg",
     "game",
@@ -22,7 +18,7 @@
   "license": "MIT",
   "dependencies": {
     "@canvasengine/presets": "2.0.0-beta.22",
-    "@rpgjs/common": "workspace:*",
+    "@rpgjs/common": "5.0.0-alpha.4",
     "@signe/di": "^2.3.3",
     "@signe/room": "^2.3.3",
     "@signe/sync": "^2.3.3",
@@ -36,5 +32,9 @@
     "vite-plugin-dts": "^4.5.3",
     "vitest": "^3.1.1"
   },
-  "type": "module"
-}
+  "type": "module",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build"
+  }
+}

package/CHANGELOG.md

@@ -1,9 +0,0 @@
-# @rpgjs/client
-
-## 5.0.0-alpha.3
-
-### Patch Changes
-
-- alpha
-- Updated dependencies
-  - @rpgjs/common@5.0.0-alpha.3