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

package/CHANGELOG.md

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

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { useProps, useDefineProps, h, Container, loop } from 'canvasengine';
 import { inject } from './index6.js';
 import { RpgClientEngine } from './index2.js';
-import component$1 from './index36.js';
+import component$1 from './index35.js';
 
 function component($$props) {
         useProps($$props);

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { dset } from './index33.js';
 import z from './index34.js';
 import { syncClass, generateShortUUID as generateShortUUID$1, createStatesSnapshot, id, sync, persist, load, getByPath, DELETE_TOKEN } from './index17.js';
-import { signal } from './index35.js';
+import { signal } from './index27.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });

package/dist/index22.js

@@ -1,5 +1,5 @@
 import { useProps, useDefineProps, signal, animatedSignal, computed, trigger, mount, effect, h, Container, Rect, cond, Text } from 'canvasengine';
-import component$1 from './index37.js';
+import component$1 from './index36.js';
 import { inject } from './index6.js';
 import { RpgClientEngine } from './index2.js';
 

package/dist/index29.js

@@ -1,4 +1,4 @@
-import { RpgClientObject } from './index38.js';
+import { RpgClientObject } from './index37.js';
 
 class RpgClientPlayer extends RpgClientObject {
   constructor() {

package/dist/index30.js

@@ -1,4 +1,4 @@
-import { RpgClientObject } from './index38.js';
+import { RpgClientObject } from './index37.js';
 
 class RpgClientEvent extends RpgClientObject {
   constructor() {

package/dist/index35.js

@@ -1,316 +1,91 @@
-import { BehaviorSubject, filter, combineLatest, map, finalize } from 'rxjs';
+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';
 
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var ArraySubject = class extends BehaviorSubject {
-  static {
-    __name(this, "ArraySubject");
-  }
-  _items = [];
-  constructor(items = []) {
-    super({
-      type: "init",
-      items
-    });
-    this.createProxy(items);
-  }
-  createProxy(items) {
-    this._items = new Proxy(items, {
-      get: /* @__PURE__ */ __name((target, prop, receiver) => {
-        const origMethod = target[prop];
-        if (typeof origMethod === "function") {
-          return (...args) => {
-            let changeType = "update";
-            let index = void 0;
-            let isMutateFn = false;
-            let itemsToEmit = [];
-            let changeSplice = true;
-            switch (prop) {
-              case "push":
-                index = target.length;
-                changeType = "add";
-                isMutateFn = true;
-                break;
-              case "pop":
-                index = target.length - 1;
-                changeType = "remove";
-                isMutateFn = true;
-                break;
-              case "unshift":
-                index = 0;
-                changeType = "add";
-                isMutateFn = true;
-                break;
-              case "shift":
-                index = 0;
-                changeType = "remove";
-                isMutateFn = true;
-                break;
-              case "splice":
-                index = args[0];
-                const deleteCount = args[1];
-                const newItems = args.slice(2);
-                itemsToEmit = newItems;
-                if (deleteCount > 0 && newItems.length === 0) {
-                  changeType = "remove";
-                } else if (deleteCount === 0 && newItems.length > 0) {
-                  changeType = "add";
-                } else if (deleteCount === 0 && newItems.length === 0) {
-                  changeSplice = false;
-                } else {
-                  changeType = "update";
-                }
-                isMutateFn = true;
-                break;
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        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 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' });
+                // particleName.set('hit') 
+                // emitParticleTrigger.start()
+                // object.flash('red')
             }
-            const result = origMethod.apply(target, args);
-            if (isMutateFn && changeSplice) {
-              if (prop === "splice") {
-                this.next({
-                  type: changeType,
-                  index,
-                  items: itemsToEmit
-                });
-              } else {
-                this.next({
-                  type: changeType,
-                  index,
-                  items: args
-                });
-              }
-            }
-            return result;
-          };
-        }
-        return Reflect.get(target, prop, receiver);
-      }, "get"),
-      set: /* @__PURE__ */ __name((target, prop, value) => {
-        const index = !isNaN(Number(prop)) ? Number(prop) : void 0;
-        target[prop] = value;
-        this.next({
-          type: "update",
-          index,
-          items: [
-            value
-          ]
-        });
-        return true;
-      }, "set")
-    });
-  }
-  get items() {
-    return this._items;
-  }
-  set items(newItems) {
-    this.createProxy(newItems);
-    this.next({
-      type: "reset",
-      items: newItems
-    });
-  }
-};
-var ObjectSubject = class extends BehaviorSubject {
-  static {
-    __name(this, "ObjectSubject");
-  }
-  _obj;
-  constructor(obj = {}) {
-    super({
-      type: "init",
-      value: obj
-    });
-    this.createProxy(obj);
-  }
-  createProxy(obj) {
-    this._obj = new Proxy(obj, {
-      get: /* @__PURE__ */ __name((target, prop, receiver) => {
-        return Reflect.get(target, prop, receiver);
-      }, "get"),
-      set: /* @__PURE__ */ __name((target, prop, value, receiver) => {
-        const key = prop;
-        const changeType = key in target ? "update" : "add";
-        target[key] = value;
-        this.next({
-          type: changeType,
-          key,
-          value
-        });
-        return true;
-      }, "set"),
-      deleteProperty: /* @__PURE__ */ __name((target, prop) => {
-        const key = prop;
-        if (key in target) {
-          const value = target[key];
-          delete target[key];
-          this.next({
-            type: "remove",
-            key,
-            value
-          });
-          return true;
-        }
-        return false;
-      }, "deleteProperty")
-    });
-  }
-  get obj() {
-    return this._obj;
-  }
-  set obj(newObj) {
-    this.createProxy(newObj);
-    this.next({
-      type: "reset",
-      value: newObj
-    });
-  }
-};
-var getGlobalReactiveStore = /* @__PURE__ */ __name(() => {
-  const globalKey = "__REACTIVE_STORE__";
-  if (typeof globalThis !== "undefined") {
-    if (!globalThis[globalKey]) {
-      globalThis[globalKey] = {
-        currentDependencyTracker: null,
-        currentSubscriptionsTracker: null
-      };
-    }
-    return globalThis[globalKey];
-  }
-  let globalObj;
-  if (typeof window !== "undefined") {
-    globalObj = window;
-  } else if (typeof process !== "undefined" && process.versions && process.versions.node) {
-    globalObj = Function("return this")();
-  } else if (typeof self !== "undefined") {
-    globalObj = self;
-  } else {
-    console.warn("Unable to find global object, using local instance");
+        },
+    },
+});
+var sheet = function (graphicId) {
     return {
-      currentDependencyTracker: null,
-      currentSubscriptionsTracker: null
+        definition: spritesheets.get(graphicId),
+        playing: animationName,
+        params: {
+            direction: direction
+        },
     };
-  }
-  if (!globalObj[globalKey]) {
-    globalObj[globalKey] = {
-      currentDependencyTracker: null,
-      currentSubscriptionsTracker: null
-    };
-  }
-  return globalObj[globalKey];
-}, "getGlobalReactiveStore");
-var reactiveStore = getGlobalReactiveStore();
-var trackDependency = /* @__PURE__ */ __name((signal2) => {
-  if (reactiveStore.currentDependencyTracker) {
-    reactiveStore.currentDependencyTracker(signal2);
-  }
-}, "trackDependency");
-function signal(defaultValue) {
-  let subject;
-  if (Array.isArray(defaultValue)) {
-    subject = new ArraySubject(defaultValue);
-  } else if (typeof defaultValue === "object" && defaultValue !== null) {
-    subject = new ObjectSubject(defaultValue);
-  } else {
-    subject = new BehaviorSubject(defaultValue);
-  }
-  const getValue = /* @__PURE__ */ __name(() => {
-    if (subject instanceof ArraySubject) {
-      return subject.items;
-    } else if (subject instanceof ObjectSubject) {
-      return subject.obj;
-    }
-    return subject.value;
-  }, "getValue");
-  const fn = /* @__PURE__ */ __name(function() {
-    trackDependency(fn);
-    return getValue();
-  }, "fn");
-  fn.set = (value) => {
-    if (subject instanceof ArraySubject) {
-      subject.items = value;
-    } else if (subject instanceof ObjectSubject) {
-      subject.obj = value;
-    } else {
-      subject.next(value);
-    }
-  };
-  fn._isFrozen = false;
-  fn.freeze = () => {
-    fn._isFrozen = true;
-  };
-  fn.unfreeze = () => {
-    fn._isFrozen = false;
-    if (subject instanceof ArraySubject) {
-      subject.next({
-        type: "init",
-        items: subject.items
-      });
-    } else if (subject instanceof ObjectSubject) {
-      subject.next({
-        type: "init",
-        value: subject.obj
-      });
-    } else {
-      subject.next(subject.value);
-    }
-  };
-  fn.mutate = (mutateFn) => {
-    const value = getValue();
-    mutateFn(value);
-  };
-  fn.update = (updateFn) => {
-    const updatedValue = updateFn(getValue());
-    fn.set(updatedValue);
-  };
-  fn.observable = subject.asObservable().pipe(filter(() => !fn._isFrozen));
-  fn._subject = subject;
-  return fn;
-}
-__name(signal, "signal");
-function isSignal(value) {
-  return !!(value && value.observable);
-}
-__name(isSignal, "isSignal");
-function isComputed(value) {
-  return isSignal(value) && !!value.dependencies;
-}
-__name(isComputed, "isComputed");
-function computed(computeFunction, disposableFn) {
-  const dependencies = /* @__PURE__ */ new Set();
-  let init = true;
-  let lastComputedValue;
-  const previousTracker = reactiveStore.currentDependencyTracker;
-  reactiveStore.currentDependencyTracker = (signal2) => {
-    dependencies.add(signal2);
-  };
-  lastComputedValue = computeFunction();
-  if (computeFunction["isEffect"]) {
-    disposableFn = lastComputedValue;
-  }
-  reactiveStore.currentDependencyTracker = previousTracker;
-  const computedObservable = combineLatest([
-    ...dependencies
-  ].map((signal2) => signal2.observable)).pipe(filter(() => !init), map(() => computeFunction()), finalize(() => disposableFn?.()));
-  const fn = /* @__PURE__ */ __name(function() {
-    trackDependency(fn);
-    return lastComputedValue;
-  }, "fn");
-  fn.observable = computedObservable;
-  fn.subscription = computedObservable.subscribe((value) => {
-    lastComputedValue = value;
-  });
-  fn.dependencies = dependencies;
-  reactiveStore.currentSubscriptionsTracker?.(fn.subscription);
-  init = false;
-  return fn;
-}
-__name(computed, "computed");
-
-// src/effect.ts
-function effect(fn) {
-  fn["isEffect"] = true;
-  return computed(fn);
-}
-__name(effect, "effect");
+};
+        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
+      }
 
-export { ArraySubject, ObjectSubject, computed, effect, isComputed, isSignal, signal };
+export { component as default };
 //# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../../../node_modules/.pnpm/@signe+reactive@2.3.1/node_modules/@signe/reactive/dist/index.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\n// src/ArraySubject.ts\nimport { BehaviorSubject } from \"rxjs\";\nvar ArraySubject = class extends BehaviorSubject {\n  static {\n    __name(this, \"ArraySubject\");\n  }\n  _items = [];\n  constructor(items = []) {\n    super({\n      type: \"init\",\n      items\n    });\n    this.createProxy(items);\n  }\n  createProxy(items) {\n    this._items = new Proxy(items, {\n      get: /* @__PURE__ */ __name((target, prop, receiver) => {\n        const origMethod = target[prop];\n        if (typeof origMethod === \"function\") {\n          return (...args) => {\n            let changeType = \"update\";\n            let index = void 0;\n            let isMutateFn = false;\n            let itemsToEmit = [];\n            let changeSplice = true;\n            switch (prop) {\n              case \"push\":\n                index = target.length;\n                changeType = \"add\";\n                isMutateFn = true;\n                break;\n              case \"pop\":\n                index = target.length - 1;\n                changeType = \"remove\";\n                isMutateFn = true;\n                break;\n              case \"unshift\":\n                index = 0;\n                changeType = \"add\";\n                isMutateFn = true;\n                break;\n              case \"shift\":\n                index = 0;\n                changeType = \"remove\";\n                isMutateFn = true;\n                break;\n              case \"splice\":\n                index = args[0];\n                const deleteCount = args[1];\n                const newItems = args.slice(2);\n                itemsToEmit = newItems;\n                if (deleteCount > 0 && newItems.length === 0) {\n                  changeType = \"remove\";\n                } else if (deleteCount === 0 && newItems.length > 0) {\n                  changeType = \"add\";\n                } else if (deleteCount === 0 && newItems.length === 0) {\n                  changeSplice = false;\n                } else {\n                  changeType = \"update\";\n                }\n                isMutateFn = true;\n                break;\n            }\n            const result = origMethod.apply(target, args);\n            if (isMutateFn && changeSplice) {\n              if (prop === \"splice\") {\n                this.next({\n                  type: changeType,\n                  index,\n                  items: itemsToEmit\n                });\n              } else {\n                this.next({\n                  type: changeType,\n                  index,\n                  items: args\n                });\n              }\n            }\n            return result;\n          };\n        }\n        return Reflect.get(target, prop, receiver);\n      }, \"get\"),\n      set: /* @__PURE__ */ __name((target, prop, value) => {\n        const index = !isNaN(Number(prop)) ? Number(prop) : void 0;\n        target[prop] = value;\n        this.next({\n          type: \"update\",\n          index,\n          items: [\n            value\n          ]\n        });\n        return true;\n      }, \"set\")\n    });\n  }\n  get items() {\n    return this._items;\n  }\n  set items(newItems) {\n    this.createProxy(newItems);\n    this.next({\n      type: \"reset\",\n      items: newItems\n    });\n  }\n};\nvar isArraySubject = /* @__PURE__ */ __name((value) => {\n  return \"_items\" in value;\n}, \"isArraySubject\");\n\n// src/ObjectSubject.ts\nimport { BehaviorSubject as BehaviorSubject2 } from \"rxjs\";\nvar ObjectSubject = class extends BehaviorSubject2 {\n  static {\n    __name(this, \"ObjectSubject\");\n  }\n  _obj;\n  constructor(obj = {}) {\n    super({\n      type: \"init\",\n      value: obj\n    });\n    this.createProxy(obj);\n  }\n  createProxy(obj) {\n    this._obj = new Proxy(obj, {\n      get: /* @__PURE__ */ __name((target, prop, receiver) => {\n        return Reflect.get(target, prop, receiver);\n      }, \"get\"),\n      set: /* @__PURE__ */ __name((target, prop, value, receiver) => {\n        const key = prop;\n        const changeType = key in target ? \"update\" : \"add\";\n        target[key] = value;\n        this.next({\n          type: changeType,\n          key,\n          value\n        });\n        return true;\n      }, \"set\"),\n      deleteProperty: /* @__PURE__ */ __name((target, prop) => {\n        const key = prop;\n        if (key in target) {\n          const value = target[key];\n          delete target[key];\n          this.next({\n            type: \"remove\",\n            key,\n            value\n          });\n          return true;\n        }\n        return false;\n      }, \"deleteProperty\")\n    });\n  }\n  get obj() {\n    return this._obj;\n  }\n  set obj(newObj) {\n    this.createProxy(newObj);\n    this.next({\n      type: \"reset\",\n      value: newObj\n    });\n  }\n};\nvar isObjectSubject = /* @__PURE__ */ __name((value) => {\n  return \"_obj\" in value;\n}, \"isObjectSubject\");\n\n// src/signal.ts\nimport { BehaviorSubject as BehaviorSubject3, combineLatest, filter, finalize, map } from \"rxjs\";\nvar getGlobalReactiveStore = /* @__PURE__ */ __name(() => {\n  const globalKey = \"__REACTIVE_STORE__\";\n  if (typeof globalThis !== \"undefined\") {\n    if (!globalThis[globalKey]) {\n      globalThis[globalKey] = {\n        currentDependencyTracker: null,\n        currentSubscriptionsTracker: null\n      };\n    }\n    return globalThis[globalKey];\n  }\n  let globalObj;\n  if (typeof window !== \"undefined\") {\n    globalObj = window;\n  } else if (typeof process !== \"undefined\" && process.versions && process.versions.node) {\n    globalObj = Function(\"return this\")();\n  } else if (typeof self !== \"undefined\") {\n    globalObj = self;\n  } else {\n    console.warn(\"Unable to find global object, using local instance\");\n    return {\n      currentDependencyTracker: null,\n      currentSubscriptionsTracker: null\n    };\n  }\n  if (!globalObj[globalKey]) {\n    globalObj[globalKey] = {\n      currentDependencyTracker: null,\n      currentSubscriptionsTracker: null\n    };\n  }\n  return globalObj[globalKey];\n}, \"getGlobalReactiveStore\");\nvar reactiveStore = getGlobalReactiveStore();\nvar trackDependency = /* @__PURE__ */ __name((signal2) => {\n  if (reactiveStore.currentDependencyTracker) {\n    reactiveStore.currentDependencyTracker(signal2);\n  }\n}, \"trackDependency\");\nfunction signal(defaultValue) {\n  let subject;\n  if (Array.isArray(defaultValue)) {\n    subject = new ArraySubject(defaultValue);\n  } else if (typeof defaultValue === \"object\" && defaultValue !== null) {\n    subject = new ObjectSubject(defaultValue);\n  } else {\n    subject = new BehaviorSubject3(defaultValue);\n  }\n  const getValue = /* @__PURE__ */ __name(() => {\n    if (subject instanceof ArraySubject) {\n      return subject.items;\n    } else if (subject instanceof ObjectSubject) {\n      return subject.obj;\n    }\n    return subject.value;\n  }, \"getValue\");\n  const fn = /* @__PURE__ */ __name(function() {\n    trackDependency(fn);\n    return getValue();\n  }, \"fn\");\n  fn.set = (value) => {\n    if (subject instanceof ArraySubject) {\n      subject.items = value;\n    } else if (subject instanceof ObjectSubject) {\n      subject.obj = value;\n    } else {\n      subject.next(value);\n    }\n  };\n  fn._isFrozen = false;\n  fn.freeze = () => {\n    fn._isFrozen = true;\n  };\n  fn.unfreeze = () => {\n    fn._isFrozen = false;\n    if (subject instanceof ArraySubject) {\n      subject.next({\n        type: \"init\",\n        items: subject.items\n      });\n    } else if (subject instanceof ObjectSubject) {\n      subject.next({\n        type: \"init\",\n        value: subject.obj\n      });\n    } else {\n      subject.next(subject.value);\n    }\n  };\n  fn.mutate = (mutateFn) => {\n    const value = getValue();\n    mutateFn(value);\n  };\n  fn.update = (updateFn) => {\n    const updatedValue = updateFn(getValue());\n    fn.set(updatedValue);\n  };\n  fn.observable = subject.asObservable().pipe(filter(() => !fn._isFrozen));\n  fn._subject = subject;\n  return fn;\n}\n__name(signal, \"signal\");\nfunction isSignal(value) {\n  return !!(value && value.observable);\n}\n__name(isSignal, \"isSignal\");\nfunction isComputed(value) {\n  return isSignal(value) && !!value.dependencies;\n}\n__name(isComputed, \"isComputed\");\nfunction computed(computeFunction, disposableFn) {\n  const dependencies = /* @__PURE__ */ new Set();\n  let init = true;\n  let lastComputedValue;\n  const previousTracker = reactiveStore.currentDependencyTracker;\n  reactiveStore.currentDependencyTracker = (signal2) => {\n    dependencies.add(signal2);\n  };\n  lastComputedValue = computeFunction();\n  if (computeFunction[\"isEffect\"]) {\n    disposableFn = lastComputedValue;\n  }\n  reactiveStore.currentDependencyTracker = previousTracker;\n  const computedObservable = combineLatest([\n    ...dependencies\n  ].map((signal2) => signal2.observable)).pipe(filter(() => !init), map(() => computeFunction()), finalize(() => disposableFn?.()));\n  const fn = /* @__PURE__ */ __name(function() {\n    trackDependency(fn);\n    return lastComputedValue;\n  }, \"fn\");\n  fn.observable = computedObservable;\n  fn.subscription = computedObservable.subscribe((value) => {\n    lastComputedValue = value;\n  });\n  fn.dependencies = dependencies;\n  reactiveStore.currentSubscriptionsTracker?.(fn.subscription);\n  init = false;\n  return fn;\n}\n__name(computed, \"computed\");\n\n// src/effect.ts\nfunction effect(fn) {\n  fn[\"isEffect\"] = true;\n  return computed(fn);\n}\n__name(effect, \"effect\");\nexport {\n  ArraySubject,\n  ObjectSubject,\n  computed,\n  effect,\n  isArraySubject,\n  isComputed,\n  isObjectSubject,\n  isSignal,\n  signal\n};\n//# sourceMappingURL=index.js.map"],"names":["BehaviorSubject2","BehaviorSubject3"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index35.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/index36.js

@@ -1,89 +1,59 @@
-import { useProps, useDefineProps, computed, signal, h, Container, loop, Sprite } from 'canvasengine';
-import { Particle } from '@canvasengine/presets';
+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';
-import { Direction } from '@rpgjs/common';
 
 function component($$props) {
         useProps($$props);
         const defineProps = useDefineProps($$props);
-        var _a = defineProps(), object = _a.object; _a.id; var isMe = _a.isMe;
+        var _a = defineProps(), items = _a.items, wrapAround = _a.wrapAround, onSelect = _a.onSelect, selectedIndex = _a.selectedIndex;
 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 () {
-            if (canControls())
-                client.processInput({ input: Direction.Down });
+            selectedIndex.update(function (currentIndex) {
+                if (wrapAround) {
+                    return (currentIndex + 1) % items().length;
+                }
+                else {
+                    return Math.min(currentIndex + 1, items().length - 1);
+                }
+            });
         },
     },
     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 });
+            selectedIndex.update(function (currentIndex) {
+                if (wrapAround) {
+                    return (currentIndex - 1 + items().length) % items().length;
+                }
+                else {
+                    return Math.max(currentIndex - 1, 0);
+                }
+            });
         },
     },
-    right: {
-        repeat: true,
-        bind: keyboardControls.right,
-        keyDown: function () {
-            if (canControls())
-                client.processInput({ input: Direction.Right });
-        },
-    },
-    action: {
+    enter: {
         bind: keyboardControls.action,
         keyDown: function () {
-            if (canControls()) {
-                client.processAction({ action: 'action' });
-                // particleName.set('hit') 
-                // emitParticleTrigger.start()
-                // object.flash('red')
-            }
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedIndex());
         },
     },
 });
-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 }))]);
+        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
       }
 

package/dist/index36.js.map

@@ -1 +1 @@
-{"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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"}
+{"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;;;;"}

package/dist/index37.js

@@ -1,61 +1,20 @@
-import { useProps, useDefineProps, mount, signal, h, Container, loop, computed } from 'canvasengine';
-import component$1 from './index39.js';
-import { RpgClientEngine } from './index2.js';
-import { inject } from './index6.js';
+import { RpgCommonPlayer } from '@rpgjs/common';
+import { trigger, signal } from 'canvasengine';
 
-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
-      }
+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 { component as default };
+export { RpgClientObject };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"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;;;;"}

package/dist/index38.js

@@ -1,20 +1,20 @@
-import { RpgCommonPlayer } from '@rpgjs/common';
-import { trigger, signal } from 'canvasengine';
+import { useProps, useDefineProps, animatedSignal, h, Container, Rect, Text } 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);
-  }
-}
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var _a = defineProps(), text = _a.text, isSelected = _a.isSelected;
+var alpha = animatedSignal(1, {
+    repeatType: "reverse",
+    duration: 500,
+    repeat: Infinity,
+});
+alpha.set(0.5);
+var height = 40;
+var width = 256;
+        let $this = h(Container, null, [h(Rect, { width, height, color: '#595971', alpha, visible: isSelected }), h(Container, { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }, h(Text, { text, color: '#fff', fontSize: 18, margin: 10 }))]);
+        return $this
+      }
 
-export { RpgClientObject };
+export { component as default };
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.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":"index38.js","sources":["../src/components/gui/dialogbox/itemMenu.ce"],"sourcesContent":["<Container>\n    <Rect width height color=\"#595971\" alpha visible={isSelected} />\n    <Container flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n        <Text text color=\"#fff\" fontSize={18} margin={10} />\n    </Container>\n</Container>\n\n<script>\nimport { animatedSignal } from \"canvasengine\";\n\nconst { text, isSelected } = defineProps();\n\nconst alpha = animatedSignal(1, {\n    repeatType: \"reverse\",\n    duration: 500,\n    repeat: Infinity,\n});\n\nalpha.set(0.5);\n\nconst height = 40;\nconst width = 256;\n</script>"],"names":[],"mappings":";;AAQqB,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,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU;AAC1E,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,QAAQ;AACpB,CAAC,CAAC;AACF,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AACd,IAAI,MAAM,GAAG,EAAE;AACf,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACrQ,QAAQ,OAAO;AACf;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpgjs/client",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.3",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/index39.js

@@ -1,20 +0,0 @@
-import { useProps, useDefineProps, animatedSignal, h, Container, Rect, Text } from 'canvasengine';
-
-function component($$props) {
-        useProps($$props);
-        const defineProps = useDefineProps($$props);
-        var _a = defineProps(), text = _a.text, isSelected = _a.isSelected;
-var alpha = animatedSignal(1, {
-    repeatType: "reverse",
-    duration: 500,
-    repeat: Infinity,
-});
-alpha.set(0.5);
-var height = 40;
-var width = 256;
-        let $this = h(Container, null, [h(Rect, { width, height, color: '#595971', alpha, visible: isSelected }), h(Container, { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }, h(Text, { text, color: '#fff', fontSize: 18, margin: 10 }))]);
-        return $this
-      }
-
-export { component as default };
-//# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index39.js","sources":["../src/components/gui/dialogbox/itemMenu.ce"],"sourcesContent":["<Container>\n    <Rect width height color=\"#595971\" alpha visible={isSelected} />\n    <Container flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n        <Text text color=\"#fff\" fontSize={18} margin={10} />\n    </Container>\n</Container>\n\n<script>\nimport { animatedSignal } from \"canvasengine\";\n\nconst { text, isSelected } = defineProps();\n\nconst alpha = animatedSignal(1, {\n    repeatType: \"reverse\",\n    duration: 500,\n    repeat: Infinity,\n});\n\nalpha.set(0.5);\n\nconst height = 40;\nconst width = 256;\n</script>"],"names":[],"mappings":";;AAQqB,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,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU;AAC1E,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,QAAQ;AACpB,CAAC,CAAC;AACF,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AACd,IAAI,MAAM,GAAG,EAAE;AACf,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACrQ,QAAQ,OAAO;AACf;;;;"}