@rpgjs/client 5.0.0-alpha.11 → 5.0.0-alpha.12

package/dist/index17.js

@@ -1,233 +1,50 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useProps, useDefineProps, computed, effect, h, Canvas, loop, Viewport, cond, Container } from 'canvasengine';
+import { inject } from './index6.js';
+import { RpgClientEngine } from './index2.js';
+import component$1 from './index32.js';
+import { RpgGui } from './index9.js';
 
-// src/inject.ts
-function provide(context, name, value) {
-  context.set("inject:" + name, value);
-  return value;
-}
-__name(provide, "provide");
-function isInjected(context, name) {
-  return context.get("injected:" + name) === true;
-}
-__name(isInjected, "isInjected");
-function isProvided(context, name) {
-  return context.get("inject:" + name) !== void 0;
-}
-__name(isProvided, "isProvided");
-function inject(context, service, args = []) {
-  const isClass = typeof service === "function";
-  const name = isClass ? service.name : service;
-  const value = context.get("inject:" + name);
-  if (value) {
-    context.set("injected:" + name, true);
-    return value;
-  }
-  throw new Error(`Injection provider ${name} not found`);
-}
-__name(inject, "inject");
-function override(providers, newProvider, options) {
-  let { upsert = false, key } = options ?? {};
-  if (!key) {
-    key = typeof newProvider === "function" ? newProvider.name : newProvider.provide;
-  }
-  const flatProviders = providers.flat();
-  const exists = flatProviders.some((provider) => {
-    if (typeof provider === "function") {
-      return provider.name === key;
-    } else if (typeof provider === "object") {
-      return provider.provide === key;
-    }
-    return false;
-  });
-  const mappedProviders = flatProviders.map((provider) => {
-    if (typeof provider === "function" && provider.name === key) {
-      return newProvider;
-    } else if (typeof provider === "object" && provider.provide === key) {
-      return newProvider;
-    }
-    return provider;
-  });
-  if (upsert && !exists) {
-    mappedProviders.push(newProvider);
-  }
-  return mappedProviders;
-}
-__name(override, "override");
-function findProviders(providers, name) {
-  const results = [];
-  for (const provider of providers) {
-    if (Array.isArray(provider)) {
-      results.push(...findProviders(provider, name));
-    } else if (findProvider(provider, name)) {
-      results.push(provider);
-    }
-  }
-  return results;
-}
-__name(findProviders, "findProviders");
-function findProvider(providers, name) {
-  if (!Array.isArray(providers)) {
-    if (typeof providers === "object" && "provide" in providers) {
-      const provider = providers;
-      const providerName = typeof provider.provide === "function" ? provider.provide.name : provider.provide;
-      if (name instanceof RegExp) {
-        if (name.test(providerName)) return providers;
-      } else {
-        if (providerName === name) return providers;
-      }
-    }
-    return null;
-  }
-  for (const provider of providers) {
-    if (Array.isArray(provider)) {
-      const found = findProvider(provider, name);
-      if (found) return found;
-      continue;
-    }
-    if (typeof provider === "object" && "provide" in provider) {
-      const providerName = typeof provider.provide === "function" ? provider.provide.name : provider.provide;
-      if (name instanceof RegExp) {
-        if (name.test(providerName)) return provider;
-      } else {
-        if (providerName === name) return provider;
-      }
-    }
-  }
-  return null;
-}
-__name(findProvider, "findProvider");
-
-// src/merge-config.ts
-function processProvider(mergedConfig, baseConfig, provider) {
-  if (Array.isArray(provider)) {
-    for (const nestedProvider of provider) {
-      processProvider(mergedConfig, baseConfig, nestedProvider);
-    }
-    return;
-  }
-  const existingProvider = findProvider(baseConfig.providers, provider.provide);
-  if (existingProvider) {
-    mergedConfig.providers = override(mergedConfig.providers, provider);
-  } else {
-    mergedConfig.providers.push(provider);
-  }
-}
-__name(processProvider, "processProvider");
-function mergeConfig(baseConfig, config) {
-  const mergedConfig = {
-    ...baseConfig,
-    ...config,
-    providers: [
-      ...baseConfig.providers
-    ]
-    // Start with a copy of base providers
-  };
-  for (const provider of config.providers) {
-    processProvider(mergedConfig, baseConfig, provider);
-  }
-  return mergedConfig;
-}
-__name(mergeConfig, "mergeConfig");
-
-// src/provider.ts
-function getDeps(provider) {
-  if (typeof provider === "function") {
-    return provider.deps ?? [];
-  }
-  return provider.deps ?? [];
-}
-__name(getDeps, "getDeps");
-function sortProviders(providers) {
-  const tokenName = /* @__PURE__ */ __name((t) => typeof t === "function" ? t.name : t, "tokenName");
-  const map = /* @__PURE__ */ new Map();
-  for (const p of providers) {
-    const token = tokenName(typeof p === "function" ? p : p.provide);
-    map.set(token, p);
-  }
-  const result = [];
-  const visited = /* @__PURE__ */ new Set();
-  const stack = /* @__PURE__ */ new Set();
-  const visit = /* @__PURE__ */ __name((token) => {
-    const name = tokenName(token);
-    if (visited.has(name)) return;
-    if (stack.has(name)) {
-      throw new Error(`Circular dependency detected for provider ${name}`);
-    }
-    stack.add(name);
-    const provider = map.get(name);
-    if (provider) {
-      for (const dep of getDeps(provider)) {
-        visit(dep);
-      }
-      visited.add(name);
-      result.push(provider);
-    }
-    stack.delete(name);
-  }, "visit");
-  for (const p of providers) {
-    const token = typeof p === "function" ? p : p.provide;
-    visit(token);
-  }
-  return result;
-}
-__name(sortProviders, "sortProviders");
-async function injector(context, providers) {
-  providers = providers.flat();
-  providers = sortProviders(providers);
-  for (const provider of providers) {
-    let token;
-    let instance;
-    if (typeof provider === "function") {
-      token = provider;
-      instance = new provider(context);
-    } else {
-      token = provider.provide;
-      const provideUserClass = provider.useClass;
-      const isClass = typeof provideUserClass === "function";
-      if (isClass) {
-        instance = new provideUserClass(context);
-      } else if ("useValue" in provider) {
-        instance = provider.useValue;
-      } else if ("useFactory" in provider) {
-        instance = provider.useFactory?.(context);
-        if (instance instanceof Promise) {
-          instance = await instance;
+function component($$props) {
+        useProps($$props);
+        useDefineProps($$props);
+        var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
         }
-      } else if ("useExisting" in provider) {
-        instance = inject(context, provider.useExisting);
-      }
-    }
-    const name = typeof token === "function" ? token.name : token;
-    provide(context, name, instance);
-  }
-}
-__name(injector, "injector");
-
-// src/context.ts
-var Context = class {
-  static {
-    __name(this, "Context");
-  }
-  /** Internal storage for injected values */
-  values = {};
-  /**
-   * Sets a value in the context
-   * @param key - Unique identifier for the value
-   * @param value - Value to store
-   */
-  set(key, value) {
-    this.values[key] = value;
-  }
-  /**
-   * Retrieves a value from the context
-   * @param key - Unique identifier for the value
-   * @returns The stored value or undefined if not found
-   */
-  get(key) {
-    return this.values[key];
-  }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var engine = inject(RpgClientEngine);
+var guiService = inject(RpgGui);
+var sceneData = engine.sceneMap.data;
+var gui = guiService.gui;
+var worldWidth = computed(function () { var _a; return (_a = sceneData()) === null || _a === void 0 ? void 0 : _a.width; });
+var worldHeight = computed(function () { var _a; return (_a = sceneData()) === null || _a === void 0 ? void 0 : _a.height; });
+effect(function () {
+    if (sceneData() && !sceneData().component) {
+        throw new Error("Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.");
+    }
+});
+var onGuiFinish = function (gui, data) {
+    guiService.guiClose(gui.name, data);
+};
+var onGuiInteraction = function (gui, name, data) {
+    guiService.guiInteraction(gui.name, name, data);
 };
+var clamp = {
+    direction: "all"
+};
+        let $this = h(Canvas, { width: computed(() => engine.width()), height: computed(() => engine.height()) }, [h(Viewport, { worldWidth, worldHeight, clamp }, cond(sceneData, () => h(component$1))), loop(gui, gui => h(Container, { display: 'flex' }, cond(gui.display, () => h(gui.component, { ...gui.data(), onFinish: (data) => {
+          onGuiFinish(gui, data);
+        }, onInteraction: (name, data) => {
+          onGuiInteraction(gui, name, data);
+        } }))))]);
+        return $this
+      }
 
-export { Context, findProvider, findProviders, inject, injector, isInjected, isProvided, mergeConfig, override, provide };
+export { component as default };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../../../node_modules/.pnpm/@signe+di@2.4.0/node_modules/@signe/di/dist/index.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\n// src/inject.ts\nfunction provide(context, name, value) {\n  context.set(\"inject:\" + name, value);\n  return value;\n}\n__name(provide, \"provide\");\nfunction isInjected(context, name) {\n  return context.get(\"injected:\" + name) === true;\n}\n__name(isInjected, \"isInjected\");\nfunction isProvided(context, name) {\n  return context.get(\"inject:\" + name) !== void 0;\n}\n__name(isProvided, \"isProvided\");\nfunction inject(context, service, args = []) {\n  const isClass = typeof service === \"function\";\n  const name = isClass ? service.name : service;\n  const value = context.get(\"inject:\" + name);\n  if (value) {\n    context.set(\"injected:\" + name, true);\n    return value;\n  }\n  throw new Error(`Injection provider ${name} not found`);\n}\n__name(inject, \"inject\");\nfunction override(providers, newProvider, options) {\n  let { upsert = false, key } = options ?? {};\n  if (!key) {\n    key = typeof newProvider === \"function\" ? newProvider.name : newProvider.provide;\n  }\n  const flatProviders = providers.flat();\n  const exists = flatProviders.some((provider) => {\n    if (typeof provider === \"function\") {\n      return provider.name === key;\n    } else if (typeof provider === \"object\") {\n      return provider.provide === key;\n    }\n    return false;\n  });\n  const mappedProviders = flatProviders.map((provider) => {\n    if (typeof provider === \"function\" && provider.name === key) {\n      return newProvider;\n    } else if (typeof provider === \"object\" && provider.provide === key) {\n      return newProvider;\n    }\n    return provider;\n  });\n  if (upsert && !exists) {\n    mappedProviders.push(newProvider);\n  }\n  return mappedProviders;\n}\n__name(override, \"override\");\nfunction findProviders(providers, name) {\n  const results = [];\n  for (const provider of providers) {\n    if (Array.isArray(provider)) {\n      results.push(...findProviders(provider, name));\n    } else if (findProvider(provider, name)) {\n      results.push(provider);\n    }\n  }\n  return results;\n}\n__name(findProviders, \"findProviders\");\nfunction findProvider(providers, name) {\n  if (!Array.isArray(providers)) {\n    if (typeof providers === \"object\" && \"provide\" in providers) {\n      const provider = providers;\n      const providerName = typeof provider.provide === \"function\" ? provider.provide.name : provider.provide;\n      if (name instanceof RegExp) {\n        if (name.test(providerName)) return providers;\n      } else {\n        if (providerName === name) return providers;\n      }\n    }\n    return null;\n  }\n  for (const provider of providers) {\n    if (Array.isArray(provider)) {\n      const found = findProvider(provider, name);\n      if (found) return found;\n      continue;\n    }\n    if (typeof provider === \"object\" && \"provide\" in provider) {\n      const providerName = typeof provider.provide === \"function\" ? provider.provide.name : provider.provide;\n      if (name instanceof RegExp) {\n        if (name.test(providerName)) return provider;\n      } else {\n        if (providerName === name) return provider;\n      }\n    }\n  }\n  return null;\n}\n__name(findProvider, \"findProvider\");\n\n// src/merge-config.ts\nfunction processProvider(mergedConfig, baseConfig, provider) {\n  if (Array.isArray(provider)) {\n    for (const nestedProvider of provider) {\n      processProvider(mergedConfig, baseConfig, nestedProvider);\n    }\n    return;\n  }\n  const existingProvider = findProvider(baseConfig.providers, provider.provide);\n  if (existingProvider) {\n    mergedConfig.providers = override(mergedConfig.providers, provider);\n  } else {\n    mergedConfig.providers.push(provider);\n  }\n}\n__name(processProvider, \"processProvider\");\nfunction mergeConfig(baseConfig, config) {\n  const mergedConfig = {\n    ...baseConfig,\n    ...config,\n    providers: [\n      ...baseConfig.providers\n    ]\n    // Start with a copy of base providers\n  };\n  for (const provider of config.providers) {\n    processProvider(mergedConfig, baseConfig, provider);\n  }\n  return mergedConfig;\n}\n__name(mergeConfig, \"mergeConfig\");\n\n// src/provider.ts\nfunction getDeps(provider) {\n  if (typeof provider === \"function\") {\n    return provider.deps ?? [];\n  }\n  return provider.deps ?? [];\n}\n__name(getDeps, \"getDeps\");\nfunction sortProviders(providers) {\n  const tokenName = /* @__PURE__ */ __name((t) => typeof t === \"function\" ? t.name : t, \"tokenName\");\n  const map = /* @__PURE__ */ new Map();\n  for (const p of providers) {\n    const token = tokenName(typeof p === \"function\" ? p : p.provide);\n    map.set(token, p);\n  }\n  const result = [];\n  const visited = /* @__PURE__ */ new Set();\n  const stack = /* @__PURE__ */ new Set();\n  const visit = /* @__PURE__ */ __name((token) => {\n    const name = tokenName(token);\n    if (visited.has(name)) return;\n    if (stack.has(name)) {\n      throw new Error(`Circular dependency detected for provider ${name}`);\n    }\n    stack.add(name);\n    const provider = map.get(name);\n    if (provider) {\n      for (const dep of getDeps(provider)) {\n        visit(dep);\n      }\n      visited.add(name);\n      result.push(provider);\n    }\n    stack.delete(name);\n  }, \"visit\");\n  for (const p of providers) {\n    const token = typeof p === \"function\" ? p : p.provide;\n    visit(token);\n  }\n  return result;\n}\n__name(sortProviders, \"sortProviders\");\nasync function injector(context, providers) {\n  providers = providers.flat();\n  providers = sortProviders(providers);\n  for (const provider of providers) {\n    let token;\n    let instance;\n    if (typeof provider === \"function\") {\n      token = provider;\n      instance = new provider(context);\n    } else {\n      token = provider.provide;\n      const provideUserClass = provider.useClass;\n      const isClass = typeof provideUserClass === \"function\";\n      if (isClass) {\n        instance = new provideUserClass(context);\n      } else if (\"useValue\" in provider) {\n        instance = provider.useValue;\n      } else if (\"useFactory\" in provider) {\n        instance = provider.useFactory?.(context);\n        if (instance instanceof Promise) {\n          instance = await instance;\n        }\n      } else if (\"useExisting\" in provider) {\n        instance = inject(context, provider.useExisting);\n      }\n    }\n    const name = typeof token === \"function\" ? token.name : token;\n    provide(context, name, instance);\n  }\n}\n__name(injector, \"injector\");\n\n// src/context.ts\nvar Context = class {\n  static {\n    __name(this, \"Context\");\n  }\n  /** Internal storage for injected values */\n  values = {};\n  /**\n   * Sets a value in the context\n   * @param key - Unique identifier for the value\n   * @param value - Value to store\n   */\n  set(key, value) {\n    this.values[key] = value;\n  }\n  /**\n   * Retrieves a value from the context\n   * @param key - Unique identifier for the value\n   * @returns The stored value or undefined if not found\n   */\n  get(key) {\n    return this.values[key];\n  }\n};\nexport {\n  Context,\n  findProvider,\n  findProviders,\n  inject,\n  injector,\n  isInjected,\n  isProvided,\n  mergeConfig,\n  override,\n  provide\n};\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index17.js","sources":["../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={@engine.width} height={@engine.height}>\n  <Viewport worldWidth worldHeight clamp>\n    @if (sceneData) {\n      <SceneMap />\n    }\n  </Viewport>\n  @for (gui of gui) {\n    <Container display=\"flex\">\n      @if (gui.display) {\n        <gui.component ...gui.data() onFinish={(data) => {\n          onGuiFinish(gui, data)\n        }} onInteraction={(name, data) => {\n          onGuiInteraction(gui, name, data)\n        }} /> \n      }\n    </Container>\n  } \n</Canvas>\n\n<script>\n  import { signal, computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import SceneMap from './draw-map.ce'\n  import { RpgGui } from \"../../Gui/Gui\";\n\n  const engine = inject(RpgClientEngine);\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const gui = guiService.gui\n  const worldWidth = computed(() => sceneData()?.width)\n  const worldHeight = computed(() => sceneData()?.height)\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\n\n  const onGuiFinish = (gui, data) => {\n    guiService.guiClose(gui.name, data)\n  }\n\n  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n  \n  const clamp = {\n    direction: \"all\"\n  }\n</script>\n"],"names":["SceneMap"],"mappings":"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"}

package/dist/index19.js

@@ -1,5 +1,5 @@
-import { __name } from './index29.js';
-import { isSignal, isComputed, isObjectSubject, isArraySubject } from './index30.js';
+import { __name } from './index30.js';
+import { isSignal, isComputed, isObjectSubject, isArraySubject } from './index31.js';
 
 // src/utils.ts
 function isFunction(val) {

package/dist/index2.js

@@ -1,5 +1,5 @@
-import component from './index16.js';
-import { inject } from './index17.js';
+import component from './index17.js';
+import { inject } from './index16.js';
 import { signal, bootstrapCanvas } from 'canvasengine';
 import { WebSocketToken } from './index18.js';
 import { LoadMapToken } from './index7.js';
@@ -33,6 +33,18 @@ class RpgClientEngine {
     this.loadMapService = inject(context, LoadMapToken);
     this.hooks = inject(context, ModulesToken);
     this.globalConfig = inject(context, GlobalConfigToken);
+    if (!this.globalConfig) {
+      this.globalConfig = {};
+    }
+    if (!this.globalConfig.box) {
+      this.globalConfig.box = {
+        styles: {
+          backgroundColor: "#1a1a2e",
+          backgroundOpacity: 0.9
+        },
+        sounds: {}
+      };
+    }
     this.addComponentAnimation({
       id: "animation",
       component: PrebuiltComponentAnimations.Animation
@@ -44,6 +56,12 @@ class RpgClientEngine {
     const { app, canvasElement } = await bootstrapCanvas(this.selector, component);
     this.renderer = app.renderer;
     this.tick = canvasElement?.propObservables?.context["tick"].observable;
+    this.hooks.callHooks("client-spritesheets-load", this).subscribe();
+    this.hooks.callHooks("client-sounds-load", this).subscribe();
+    this.hooks.callHooks("client-gui-load", this).subscribe();
+    this.hooks.callHooks("client-particles-load", this).subscribe();
+    this.hooks.callHooks("client-componentAnimations-load", this).subscribe();
+    this.hooks.callHooks("client-sprite-load", this).subscribe();
     await lastValueFrom(this.hooks.callHooks("client-engine-onStart", this));
     window.addEventListener("resize", () => {
       this.hooks.callHooks("client-engine-onWindowResize", this).subscribe();
@@ -51,12 +69,6 @@ class RpgClientEngine {
     this.tick.subscribe((tick) => {
       this.hooks.callHooks("client-engine-onStep", this, tick).subscribe();
     });
-    this.hooks.callHooks("client-spritesheets-load", this).subscribe();
-    this.hooks.callHooks("client-sounds-load", this).subscribe();
-    this.hooks.callHooks("client-gui-load", this).subscribe();
-    this.hooks.callHooks("client-particles-load", this).subscribe();
-    this.hooks.callHooks("client-componentAnimations-load", this).subscribe();
-    this.hooks.callHooks("client-sprite-load", this).subscribe();
     await this.webSocket.connection(() => {
       this.initListeners();
       this.guiService._initialize();

package/dist/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":["../src/RpgClientEngine.ts"],"sourcesContent":["import Canvas from \"./components/scenes/canvas.ce\";\nimport { Context, inject } from \"@signe/di\";\nimport { signal, bootstrapCanvas } from \"canvasengine\";\nimport { AbstractWebsocket, WebSocketToken } from \"./services/AbstractSocket\";\nimport { LoadMapService, LoadMapToken } from \"./services/loadMap\";\nimport { Hooks, ModulesToken } from \"@rpgjs/common\";\nimport { load } from \"@signe/sync\";\nimport { RpgClientMap } from \"./Game/Map\"\nimport { RpgGui } from \"./Gui/Gui\";\nimport { AnimationManager } from \"./Game/AnimationManager\";\nimport { lastValueFrom, Observable } from \"rxjs\";\nimport { GlobalConfigToken } from \"./module\";\nimport * as PIXI from \"pixi.js\";\nimport { PrebuiltComponentAnimations } from \"./components/animations\";\n\nexport class RpgClientEngine<T = any> {\n  private guiService: RpgGui;\n  private webSocket: AbstractWebsocket;\n  private loadMapService: LoadMapService;\n  private hooks: Hooks;\n  private sceneMap: RpgClientMap\n  private selector: HTMLElement;\n  public globalConfig: T;\n  public sceneComponent: any;\n  stopProcessingInput = false;\n  width = signal(\"100%\");\n  height = signal(\"100%\");\n  spritesheets: Map<string, any> = new Map();\n  sounds: Map<string, any> = new Map();\n  componentAnimations: any[] = [];\n  particleSettings: {\n    emitters: any[]\n  } = {\n    emitters: []\n  }\n  renderer: PIXI.Renderer;\n  tick: Observable<number>;\n  playerIdSignal = signal<string | null>(null);\n  spriteComponentsBehind = signal<any[]>([]);\n  spriteComponentsInFront = signal<any[]>([]);\n\n  constructor(public context: Context) {\n    this.webSocket = inject(context, WebSocketToken);\n    this.guiService = inject(context, RpgGui);\n    this.loadMapService = inject(context, LoadMapToken);\n    this.hooks = inject<Hooks>(context, ModulesToken);\n    this.globalConfig = inject(context, GlobalConfigToken)\n\n    this.addComponentAnimation({\n      id: \"animation\",\n      component: PrebuiltComponentAnimations.Animation\n    })\n  }\n\n  async start() {\n    this.sceneMap = new RpgClientMap()\n    this.selector = document.body.querySelector(\"#rpg\") as HTMLElement;\n\n    const { app, canvasElement } = await bootstrapCanvas(this.selector, Canvas);\n    this.renderer = app.renderer as PIXI.Renderer;\n    this.tick = canvasElement?.propObservables?.context['tick'].observable\n\n    await lastValueFrom(this.hooks.callHooks(\"client-engine-onStart\", this));\n\n    // wondow is resize\n    window.addEventListener('resize', () => {\n      this.hooks.callHooks(\"client-engine-onWindowResize\", this).subscribe();\n    })\n\n    this.tick.subscribe((tick) => {\n      this.hooks.callHooks(\"client-engine-onStep\", this, tick).subscribe();\n    })\n\n    this.hooks.callHooks(\"client-spritesheets-load\", this).subscribe();\n    this.hooks.callHooks(\"client-sounds-load\", this).subscribe();\n    this.hooks.callHooks(\"client-gui-load\", this).subscribe();\n    this.hooks.callHooks(\"client-particles-load\", this).subscribe();\n    this.hooks.callHooks(\"client-componentAnimations-load\", this).subscribe();\n    this.hooks.callHooks(\"client-sprite-load\", this).subscribe();\n\n  \n    await this.webSocket.connection(() => {\n      this.initListeners()\n      this.guiService._initialize()\n    });\n  }\n\n  private initListeners() {\n    this.webSocket.on(\"sync\", (data) => {\n      if (data.pId) this.playerIdSignal.set(data.pId)\n      this.hooks.callHooks(\"client-sceneMap-onChanges\", this.sceneMap, { partial: data }).subscribe();\n      load(this.sceneMap, data, true);\n    });\n\n    this.webSocket.on(\"changeMap\", (data) => {\n      this.loadScene(data.mapId);\n    });\n\n    this.webSocket.on(\"showComponentAnimation\", (data) => {\n      const { params, object, position, id } = data;\n      if (!object && position === undefined) {\n        throw new Error(\"Please provide an object or x and y coordinates\");\n      }\n      const player = object ? this.sceneMap.getObjectById(object) : undefined;\n      this.getComponentAnimation(id).displayEffect(params, player || position)\n    });\n\n    this.webSocket.on(\"setAnimation\", (data) => {\n      const { animationName, nbTimes, object } = data;\n      const player = this.sceneMap.getObjectById(object);\n      player.setAnimation(animationName, nbTimes)\n    })\n\n    this.webSocket.on('open', () => {\n      this.hooks.callHooks(\"client-engine-onConnected\", this, this.socket).subscribe();\n    })\n\n    this.webSocket.on('close', () => {\n      this.hooks.callHooks(\"client-engine-onDisconnected\", this, this.socket).subscribe();\n    })\n\n    this.webSocket.on('error', (error) => {\n      this.hooks.callHooks(\"client-engine-onConnectError\", this, error, this.socket).subscribe();\n    })\n  }\n  \n  private async loadScene(mapId: string) {\n    this.hooks.callHooks(\"client-sceneMap-onBeforeLoading\", this.sceneMap).subscribe();\n    this.webSocket.updateProperties({ room: mapId })\n    await this.webSocket.reconnect(() => {\n      this.initListeners()\n      this.guiService._initialize()\n    })\n    const res = await this.loadMapService.load(mapId)\n    this.sceneMap.data.set(res)\n    this.hooks.callHooks(\"client-sceneMap-onAfterLoading\", this.sceneMap).subscribe();\n    //this.sceneMap.loadPhysic()\n  }\n\n  addSpriteSheet<T = any>(spritesheetClass: any, id?: string): any {\n    this.spritesheets.set(id || spritesheetClass.id, spritesheetClass);\n    return spritesheetClass as any;\n  }\n\n  addSound(sound: any, id?: string) {\n    this.sounds.set(id || sound.id, sound);\n    return sound;\n  }\n\n  addParticle(particle: any) {\n    this.particleSettings.emitters.push(particle)\n    return particle;\n  }\n\n  /**\n   * Add a component to render behind sprites\n   * Components added with this method will be displayed with a lower z-index than the sprite\n   * \n   * @param component - The component to add behind sprites\n   * @returns The added component\n   * \n   * @example\n   * ```ts\n   * // Add a shadow component behind all sprites\n   * engine.addSpriteComponentBehind(ShadowComponent);\n   * ```\n   */\n  addSpriteComponentBehind(component: any) {\n    this.spriteComponentsBehind.update((components: any[]) => [...components, component])\n    return component\n  }\n\n  /**\n   * Add a component to render in front of sprites\n   * Components added with this method will be displayed with a higher z-index than the sprite\n   * \n   * @param component - The component to add in front of sprites\n   * @returns The added component\n   * \n   * @example\n   * ```ts\n   * // Add a health bar component in front of all sprites\n   * engine.addSpriteComponentInFront(HealthBarComponent);\n   * ```\n   */\n  addSpriteComponentInFront(component: any) {\n    this.spriteComponentsInFront.update((components: any[]) => [...components, component])\n    return component\n  }\n\n  /**\n   * Add a component animation to the engine\n   * \n   * Component animations are temporary visual effects that can be displayed\n   * on sprites or objects, such as hit indicators, spell effects, or status animations.\n   * \n   * @param componentAnimation - The component animation configuration\n   * @param componentAnimation.id - Unique identifier for the animation\n   * @param componentAnimation.component - The component function to render\n   * @returns The added component animation configuration\n   * \n   * @example\n   * ```ts\n   * // Add a hit animation component\n   * engine.addComponentAnimation({\n   *   id: 'hit',\n   *   component: HitComponent\n   * });\n   * \n   * // Add an explosion effect component\n   * engine.addComponentAnimation({\n   *   id: 'explosion',\n   *   component: ExplosionComponent\n   * });\n   * ```\n   */\n  addComponentAnimation(componentAnimation: {\n    component: any,\n    id: string\n  }) {\n    const instance = new AnimationManager()\n    this.componentAnimations.push({\n      id: componentAnimation.id,\n      component: componentAnimation.component,\n      instance: instance,\n      current: instance.current\n    })\n    return componentAnimation;\n  }\n\n  /**\n   * Get a component animation by its ID\n   * \n   * Retrieves the EffectManager instance for a specific component animation,\n   * which can be used to display the animation on sprites or objects.\n   * \n   * @param id - The unique identifier of the component animation\n   * @returns The EffectManager instance for the animation\n   * @throws Error if the component animation is not found\n   * \n   * @example\n   * ```ts\n   * // Get the hit animation and display it\n   * const hitAnimation = engine.getComponentAnimation('hit');\n   * hitAnimation.displayEffect({ text: \"Critical!\" }, player);\n   * ```\n   */\n  getComponentAnimation(id: string): AnimationManager {\n    const componentAnimation = this.componentAnimations.find((componentAnimation) => componentAnimation.id === id)\n    if (!componentAnimation) {\n      throw new Error(`Component animation with id ${id} not found`)\n    }\n    return componentAnimation.instance\n  }\n\n  processInput({ input }: { input: number }) {\n    this.hooks.callHooks(\"client-engine-onInput\", this, { input, playerId: this.playerId }).subscribe();\n    this.webSocket.emit('move', { input })\n  }\n\n  processAction({ action }: { action: number }) {\n    if (this.stopProcessingInput) return;\n    this.hooks.callHooks(\"client-engine-onInput\", this, { input: 'action', playerId: this.playerId }).subscribe();\n    this.webSocket.emit('action', { action })\n  }\n\n  get PIXI() {\n    return PIXI\n  }\n\n  get socket() {\n    return this.webSocket\n  }\n  \n  get playerId() {\n    return this.playerIdSignal()\n  }\n\n  get scene() {\n    return this.sceneMap\n  }\n\n  getCurrentPlayer() {\n    return this.sceneMap.getCurrentPlayer()\n  }\n}\n"],"names":["Canvas","componentAnimation"],"mappings":";;;;;;;;;;;;;;;AAeO,MAAM,eAAyB,CAAA;AAAA,EA0BpC,YAAmB,OAAkB,EAAA;AAAlB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAjBnB,IAAsB,IAAA,CAAA,mBAAA,GAAA,KAAA;AACtB,IAAA,IAAA,CAAA,KAAA,GAAQ,OAAO,MAAM,CAAA;AACrB,IAAA,IAAA,CAAA,MAAA,GAAS,OAAO,MAAM,CAAA;AACtB,IAAA,IAAA,CAAA,YAAA,uBAAqC,GAAI,EAAA;AACzC,IAAA,IAAA,CAAA,MAAA,uBAA+B,GAAI,EAAA;AACnC,IAAA,IAAA,CAAA,mBAAA,GAA6B,EAAC;AAC9B,IAEI,IAAA,CAAA,gBAAA,GAAA;AAAA,MACF,UAAU;AAAC,KACb;AAGA,IAAA,IAAA,CAAA,cAAA,GAAiB,OAAsB,IAAI,CAAA;AAC3C,IAAyB,IAAA,CAAA,sBAAA,GAAA,MAAA,CAAc,EAAE,CAAA;AACzC,IAA0B,IAAA,CAAA,uBAAA,GAAA,MAAA,CAAc,EAAE,CAAA;AAGxC,IAAK,IAAA,CAAA,SAAA,GAAY,MAAO,CAAA,OAAA,EAAS,cAAc,CAAA;AAC/C,IAAK,IAAA,CAAA,UAAA,GAAa,MAAO,CAAA,OAAA,EAAS,MAAM,CAAA;AACxC,IAAK,IAAA,CAAA,cAAA,GAAiB,MAAO,CAAA,OAAA,EAAS,YAAY,CAAA;AAClD,IAAK,IAAA,CAAA,KAAA,GAAQ,MAAc,CAAA,OAAA,EAAS,YAAY,CAAA;AAChD,IAAK,IAAA,CAAA,YAAA,GAAe,MAAO,CAAA,OAAA,EAAS,iBAAiB,CAAA;AAErD,IAAA,IAAA,CAAK,qBAAsB,CAAA;AAAA,MACzB,EAAI,EAAA,WAAA;AAAA,MACJ,WAAW,2BAA4B,CAAA;AAAA,KACxC,CAAA;AAAA;AACH,EAEA,MAAM,KAAQ,GAAA;AACZ,IAAK,IAAA,CAAA,QAAA,GAAW,IAAI,YAAa,EAAA;AACjC,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,MAAM,CAAA;AAElD,IAAM,MAAA,EAAE,KAAK,aAAc,EAAA,GAAI,MAAM,eAAgB,CAAA,IAAA,CAAK,UAAUA,SAAM,CAAA;AAC1E,IAAA,IAAA,CAAK,WAAW,GAAI,CAAA,QAAA;AACpB,IAAA,IAAA,CAAK,IAAO,GAAA,aAAA,EAAe,eAAiB,EAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,UAAA;AAE5D,IAAA,MAAM,cAAc,IAAK,CAAA,KAAA,CAAM,SAAU,CAAA,uBAAA,EAAyB,IAAI,CAAC,CAAA;AAGvE,IAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,MAAM;AACtC,MAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,8BAAgC,EAAA,IAAI,EAAE,SAAU,EAAA;AAAA,KACtE,CAAA;AAED,IAAK,IAAA,CAAA,IAAA,CAAK,SAAU,CAAA,CAAC,IAAS,KAAA;AAC5B,MAAA,IAAA,CAAK,MAAM,SAAU,CAAA,sBAAA,EAAwB,IAAM,EAAA,IAAI,EAAE,SAAU,EAAA;AAAA,KACpE,CAAA;AAED,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,0BAA4B,EAAA,IAAI,EAAE,SAAU,EAAA;AACjE,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,oBAAsB,EAAA,IAAI,EAAE,SAAU,EAAA;AAC3D,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,iBAAmB,EAAA,IAAI,EAAE,SAAU,EAAA;AACxD,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,uBAAyB,EAAA,IAAI,EAAE,SAAU,EAAA;AAC9D,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,iCAAmC,EAAA,IAAI,EAAE,SAAU,EAAA;AACxE,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,oBAAsB,EAAA,IAAI,EAAE,SAAU,EAAA;AAG3D,IAAM,MAAA,IAAA,CAAK,SAAU,CAAA,UAAA,CAAW,MAAM;AACpC,MAAA,IAAA,CAAK,aAAc,EAAA;AACnB,MAAA,IAAA,CAAK,WAAW,WAAY,EAAA;AAAA,KAC7B,CAAA;AAAA;AACH,EAEQ,aAAgB,GAAA;AACtB,IAAA,IAAA,CAAK,SAAU,CAAA,EAAA,CAAG,MAAQ,EAAA,CAAC,IAAS,KAAA;AAClC,MAAA,IAAI,KAAK,GAAK,EAAA,IAAA,CAAK,cAAe,CAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAC9C,MAAK,IAAA,CAAA,KAAA,CAAM,SAAU,CAAA,2BAAA,EAA6B,IAAK,CAAA,QAAA,EAAU,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA,CAAE,SAAU,EAAA;AAC9F,MAAK,IAAA,CAAA,IAAA,CAAK,QAAU,EAAA,IAAA,EAAM,IAAI,CAAA;AAAA,KAC/B,CAAA;AAED,IAAA,IAAA,CAAK,SAAU,CAAA,EAAA,CAAG,WAAa,EAAA,CAAC,IAAS,KAAA;AACvC,MAAK,IAAA,CAAA,SAAA,CAAU,KAAK,KAAK,CAAA;AAAA,KAC1B,CAAA;AAED,IAAA,IAAA,CAAK,SAAU,CAAA,EAAA,CAAG,wBAA0B,EAAA,CAAC,IAAS,KAAA;AACpD,MAAA,MAAM,EAAE,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,IAAO,GAAA,IAAA;AACzC,MAAI,IAAA,CAAC,MAAU,IAAA,QAAA,KAAa,MAAW,EAAA;AACrC,QAAM,MAAA,IAAI,MAAM,iDAAiD,CAAA;AAAA;AAEnE,MAAA,MAAM,SAAS,MAAS,GAAA,IAAA,CAAK,QAAS,CAAA,aAAA,CAAc,MAAM,CAAI,GAAA,MAAA;AAC9D,MAAA,IAAA,CAAK,sBAAsB,EAAE,CAAA,CAAE,aAAc,CAAA,MAAA,EAAQ,UAAU,QAAQ,CAAA;AAAA,KACxE,CAAA;AAED,IAAA,IAAA,CAAK,SAAU,CAAA,EAAA,CAAG,cAAgB,EAAA,CAAC,IAAS,KAAA;AAC1C,MAAA,MAAM,EAAE,aAAA,EAAe,OAAS,EAAA,MAAA,EAAW,GAAA,IAAA;AAC3C,MAAA,MAAM,MAAS,GAAA,IAAA,CAAK,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AACjD,MAAO,MAAA,CAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AAAA,KAC3C,CAAA;AAED,IAAK,IAAA,CAAA,SAAA,CAAU,EAAG,CAAA,MAAA,EAAQ,MAAM;AAC9B,MAAA,IAAA,CAAK,MAAM,SAAU,CAAA,2BAAA,EAA6B,MAAM,IAAK,CAAA,MAAM,EAAE,SAAU,EAAA;AAAA,KAChF,CAAA;AAED,IAAK,IAAA,CAAA,SAAA,CAAU,EAAG,CAAA,OAAA,EAAS,MAAM;AAC/B,MAAA,IAAA,CAAK,MAAM,SAAU,CAAA,8BAAA,EAAgC,MAAM,IAAK,CAAA,MAAM,EAAE,SAAU,EAAA;AAAA,KACnF,CAAA;AAED,IAAA,IAAA,CAAK,SAAU,CAAA,EAAA,CAAG,OAAS,EAAA,CAAC,KAAU,KAAA;AACpC,MAAK,IAAA,CAAA,KAAA,CAAM,UAAU,8BAAgC,EAAA,IAAA,EAAM,OAAO,IAAK,CAAA,MAAM,EAAE,SAAU,EAAA;AAAA,KAC1F,CAAA;AAAA;AACH,EAEA,MAAc,UAAU,KAAe,EAAA;AACrC,IAAA,IAAA,CAAK,MAAM,SAAU,CAAA,iCAAA,EAAmC,IAAK,CAAA,QAAQ,EAAE,SAAU,EAAA;AACjF,IAAA,IAAA,CAAK,SAAU,CAAA,gBAAA,CAAiB,EAAE,IAAA,EAAM,OAAO,CAAA;AAC/C,IAAM,MAAA,IAAA,CAAK,SAAU,CAAA,SAAA,CAAU,MAAM;AACnC,MAAA,IAAA,CAAK,aAAc,EAAA;AACnB,MAAA,IAAA,CAAK,WAAW,WAAY,EAAA;AAAA,KAC7B,CAAA;AACD,IAAA,MAAM,GAAM,GAAA,MAAM,IAAK,CAAA,cAAA,CAAe,KAAK,KAAK,CAAA;AAChD,IAAK,IAAA,CAAA,QAAA,CAAS,IAAK,CAAA,GAAA,CAAI,GAAG,CAAA;AAC1B,IAAA,IAAA,CAAK,MAAM,SAAU,CAAA,gCAAA,EAAkC,IAAK,CAAA,QAAQ,EAAE,SAAU,EAAA;AAAA;AAElF,EAEA,cAAA,CAAwB,kBAAuB,EAAkB,EAAA;AAC/D,IAAA,IAAA,CAAK,YAAa,CAAA,GAAA,CAAI,EAAM,IAAA,gBAAA,CAAiB,IAAI,gBAAgB,CAAA;AACjE,IAAO,OAAA,gBAAA;AAAA;AACT,EAEA,QAAA,CAAS,OAAY,EAAa,EAAA;AAChC,IAAA,IAAA,CAAK,MAAO,CAAA,GAAA,CAAI,EAAM,IAAA,KAAA,CAAM,IAAI,KAAK,CAAA;AACrC,IAAO,OAAA,KAAA;AAAA;AACT,EAEA,YAAY,QAAe,EAAA;AACzB,IAAK,IAAA,CAAA,gBAAA,CAAiB,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA;AAC5C,IAAO,OAAA,QAAA;AAAA;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeA,yBAAyB,SAAgB,EAAA;AACvC,IAAK,IAAA,CAAA,sBAAA,CAAuB,OAAO,CAAC,UAAA,KAAsB,CAAC,GAAG,UAAA,EAAY,SAAS,CAAC,CAAA;AACpF,IAAO,OAAA,SAAA;AAAA;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeA,0BAA0B,SAAgB,EAAA;AACxC,IAAK,IAAA,CAAA,uBAAA,CAAwB,OAAO,CAAC,UAAA,KAAsB,CAAC,GAAG,UAAA,EAAY,SAAS,CAAC,CAAA;AACrF,IAAO,OAAA,SAAA;AAAA;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BA,sBAAsB,kBAGnB,EAAA;AACD,IAAM,MAAA,QAAA,GAAW,IAAI,gBAAiB,EAAA;AACtC,IAAA,IAAA,CAAK,oBAAoB,IAAK,CAAA;AAAA,MAC5B,IAAI,kBAAmB,CAAA,EAAA;AAAA,MACvB,WAAW,kBAAmB,CAAA,SAAA;AAAA,MAC9B,QAAA;AAAA,MACA,SAAS,QAAS,CAAA;AAAA,KACnB,CAAA;AACD,IAAO,OAAA,kBAAA;AAAA;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,sBAAsB,EAA8B,EAAA;AAClD,IAAM,MAAA,kBAAA,GAAqB,KAAK,mBAAoB,CAAA,IAAA,CAAK,CAACC,mBAAuBA,KAAAA,mBAAAA,CAAmB,OAAO,EAAE,CAAA;AAC7G,IAAA,IAAI,CAAC,kBAAoB,EAAA;AACvB,MAAA,MAAM,IAAI,KAAA,CAAM,CAA+B,4BAAA,EAAA,EAAE,CAAY,UAAA,CAAA,CAAA;AAAA;AAE/D,IAAA,OAAO,kBAAmB,CAAA,QAAA;AAAA;AAC5B,EAEA,YAAA,CAAa,EAAE,KAAA,EAA4B,EAAA;AACzC,IAAK,IAAA,CAAA,KAAA,CAAM,SAAU,CAAA,uBAAA,EAAyB,IAAM,EAAA,EAAE,KAAO,EAAA,QAAA,EAAU,IAAK,CAAA,QAAA,EAAU,CAAA,CAAE,SAAU,EAAA;AAClG,IAAA,IAAA,CAAK,SAAU,CAAA,IAAA,CAAK,MAAQ,EAAA,EAAE,OAAO,CAAA;AAAA;AACvC,EAEA,aAAA,CAAc,EAAE,MAAA,EAA8B,EAAA;AAC5C,IAAA,IAAI,KAAK,mBAAqB,EAAA;AAC9B,IAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,uBAAyB,EAAA,IAAA,EAAM,EAAE,KAAA,EAAO,QAAU,EAAA,QAAA,EAAU,IAAK,CAAA,QAAA,EAAU,CAAA,CAAE,SAAU,EAAA;AAC5G,IAAA,IAAA,CAAK,SAAU,CAAA,IAAA,CAAK,QAAU,EAAA,EAAE,QAAQ,CAAA;AAAA;AAC1C,EAEA,IAAI,IAAO,GAAA;AACT,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,IAAI,MAAS,GAAA;AACX,IAAA,OAAO,IAAK,CAAA,SAAA;AAAA;AACd,EAEA,IAAI,QAAW,GAAA;AACb,IAAA,OAAO,KAAK,cAAe,EAAA;AAAA;AAC7B,EAEA,IAAI,KAAQ,GAAA;AACV,IAAA,OAAO,IAAK,CAAA,QAAA;AAAA;AACd,EAEA,gBAAmB,GAAA;AACjB,IAAO,OAAA,IAAA,CAAK,SAAS,gBAAiB,EAAA;AAAA;AAE1C;;;;"}
+{"version":3,"file":"index2.js","sources":["../src/RpgClientEngine.ts"],"sourcesContent":["import Canvas from \"./components/scenes/canvas.ce\";\nimport { Context, inject } from \"@signe/di\";\nimport { signal, bootstrapCanvas } from \"canvasengine\";\nimport { AbstractWebsocket, WebSocketToken } from \"./services/AbstractSocket\";\nimport { LoadMapService, LoadMapToken } from \"./services/loadMap\";\nimport { Hooks, ModulesToken } from \"@rpgjs/common\";\nimport { load } from \"@signe/sync\";\nimport { RpgClientMap } from \"./Game/Map\"\nimport { RpgGui } from \"./Gui/Gui\";\nimport { AnimationManager } from \"./Game/AnimationManager\";\nimport { lastValueFrom, Observable } from \"rxjs\";\nimport { GlobalConfigToken } from \"./module\";\nimport * as PIXI from \"pixi.js\";\nimport { PrebuiltComponentAnimations } from \"./components/animations\";\n\nexport class RpgClientEngine<T = any> {\n  private guiService: RpgGui;\n  private webSocket: AbstractWebsocket;\n  private loadMapService: LoadMapService;\n  private hooks: Hooks;\n  private sceneMap: RpgClientMap\n  private selector: HTMLElement;\n  public globalConfig: T;\n  public sceneComponent: any;\n  stopProcessingInput = false;\n  width = signal(\"100%\");\n  height = signal(\"100%\");\n  spritesheets: Map<string, any> = new Map();\n  sounds: Map<string, any> = new Map();\n  componentAnimations: any[] = [];\n  particleSettings: {\n    emitters: any[]\n  } = {\n    emitters: []\n  }\n  renderer: PIXI.Renderer;\n  tick: Observable<number>;\n  playerIdSignal = signal<string | null>(null);\n  spriteComponentsBehind = signal<any[]>([]);\n  spriteComponentsInFront = signal<any[]>([]);\n\n  constructor(public context: Context) {\n    this.webSocket = inject(context, WebSocketToken);\n    this.guiService = inject(context, RpgGui);\n    this.loadMapService = inject(context, LoadMapToken);\n    this.hooks = inject<Hooks>(context, ModulesToken);\n    this.globalConfig = inject(context, GlobalConfigToken)\n\n    if (!this.globalConfig) {\n      this.globalConfig = {}\n    }\n    if (!this.globalConfig.box) {\n      this.globalConfig.box = {\n        styles: {\n          backgroundColor: \"#1a1a2e\",\n          backgroundOpacity: 0.9\n        },\n        sounds: {}\n      }\n    }\n\n    this.addComponentAnimation({\n      id: \"animation\",\n      component: PrebuiltComponentAnimations.Animation\n    })\n  }\n\n  async start() {\n    this.sceneMap = new RpgClientMap()\n    this.selector = document.body.querySelector(\"#rpg\") as HTMLElement;\n\n    const { app, canvasElement } = await bootstrapCanvas(this.selector, Canvas);\n    this.renderer = app.renderer as PIXI.Renderer;\n    this.tick = canvasElement?.propObservables?.context['tick'].observable\n\n\n    this.hooks.callHooks(\"client-spritesheets-load\", this).subscribe();\n    this.hooks.callHooks(\"client-sounds-load\", this).subscribe();\n    this.hooks.callHooks(\"client-gui-load\", this).subscribe();\n    this.hooks.callHooks(\"client-particles-load\", this).subscribe();\n    this.hooks.callHooks(\"client-componentAnimations-load\", this).subscribe();\n    this.hooks.callHooks(\"client-sprite-load\", this).subscribe();\n\n    await lastValueFrom(this.hooks.callHooks(\"client-engine-onStart\", this));\n\n    // wondow is resize\n    window.addEventListener('resize', () => {\n      this.hooks.callHooks(\"client-engine-onWindowResize\", this).subscribe();\n    })\n\n    this.tick.subscribe((tick) => {\n      this.hooks.callHooks(\"client-engine-onStep\", this, tick).subscribe();\n    })\n\n    await this.webSocket.connection(() => {\n      this.initListeners()\n      this.guiService._initialize()\n    });\n  }\n\n  private initListeners() {\n    this.webSocket.on(\"sync\", (data) => {\n      if (data.pId) this.playerIdSignal.set(data.pId)\n      this.hooks.callHooks(\"client-sceneMap-onChanges\", this.sceneMap, { partial: data }).subscribe();\n      load(this.sceneMap, data, true);\n    });\n\n    this.webSocket.on(\"changeMap\", (data) => {\n      this.loadScene(data.mapId);\n    });\n\n    this.webSocket.on(\"showComponentAnimation\", (data) => {\n      const { params, object, position, id } = data;\n      if (!object && position === undefined) {\n        throw new Error(\"Please provide an object or x and y coordinates\");\n      }\n      const player = object ? this.sceneMap.getObjectById(object) : undefined;\n      this.getComponentAnimation(id).displayEffect(params, player || position)\n    });\n\n    this.webSocket.on(\"setAnimation\", (data) => {\n      const { animationName, nbTimes, object } = data;\n      const player = this.sceneMap.getObjectById(object);\n      player.setAnimation(animationName, nbTimes)\n    })\n\n    this.webSocket.on('open', () => {\n      this.hooks.callHooks(\"client-engine-onConnected\", this, this.socket).subscribe();\n    })\n\n    this.webSocket.on('close', () => {\n      this.hooks.callHooks(\"client-engine-onDisconnected\", this, this.socket).subscribe();\n    })\n\n    this.webSocket.on('error', (error) => {\n      this.hooks.callHooks(\"client-engine-onConnectError\", this, error, this.socket).subscribe();\n    })\n  }\n  \n  private async loadScene(mapId: string) {\n    this.hooks.callHooks(\"client-sceneMap-onBeforeLoading\", this.sceneMap).subscribe();\n    this.webSocket.updateProperties({ room: mapId })\n    await this.webSocket.reconnect(() => {\n      this.initListeners()\n      this.guiService._initialize()\n    })\n    const res = await this.loadMapService.load(mapId)\n    this.sceneMap.data.set(res)\n    this.hooks.callHooks(\"client-sceneMap-onAfterLoading\", this.sceneMap).subscribe();\n    //this.sceneMap.loadPhysic()\n  }\n\n  addSpriteSheet<T = any>(spritesheetClass: any, id?: string): any {\n    this.spritesheets.set(id || spritesheetClass.id, spritesheetClass);\n    return spritesheetClass as any;\n  }\n\n  addSound(sound: any, id?: string) {\n    this.sounds.set(id || sound.id, sound);\n    return sound;\n  }\n\n  addParticle(particle: any) {\n    this.particleSettings.emitters.push(particle)\n    return particle;\n  }\n\n  /**\n   * Add a component to render behind sprites\n   * Components added with this method will be displayed with a lower z-index than the sprite\n   * \n   * @param component - The component to add behind sprites\n   * @returns The added component\n   * \n   * @example\n   * ```ts\n   * // Add a shadow component behind all sprites\n   * engine.addSpriteComponentBehind(ShadowComponent);\n   * ```\n   */\n  addSpriteComponentBehind(component: any) {\n    this.spriteComponentsBehind.update((components: any[]) => [...components, component])\n    return component\n  }\n\n  /**\n   * Add a component to render in front of sprites\n   * Components added with this method will be displayed with a higher z-index than the sprite\n   * \n   * @param component - The component to add in front of sprites\n   * @returns The added component\n   * \n   * @example\n   * ```ts\n   * // Add a health bar component in front of all sprites\n   * engine.addSpriteComponentInFront(HealthBarComponent);\n   * ```\n   */\n  addSpriteComponentInFront(component: any) {\n    this.spriteComponentsInFront.update((components: any[]) => [...components, component])\n    return component\n  }\n\n  /**\n   * Add a component animation to the engine\n   * \n   * Component animations are temporary visual effects that can be displayed\n   * on sprites or objects, such as hit indicators, spell effects, or status animations.\n   * \n   * @param componentAnimation - The component animation configuration\n   * @param componentAnimation.id - Unique identifier for the animation\n   * @param componentAnimation.component - The component function to render\n   * @returns The added component animation configuration\n   * \n   * @example\n   * ```ts\n   * // Add a hit animation component\n   * engine.addComponentAnimation({\n   *   id: 'hit',\n   *   component: HitComponent\n   * });\n   * \n   * // Add an explosion effect component\n   * engine.addComponentAnimation({\n   *   id: 'explosion',\n   *   component: ExplosionComponent\n   * });\n   * ```\n   */\n  addComponentAnimation(componentAnimation: {\n    component: any,\n    id: string\n  }) {\n    const instance = new AnimationManager()\n    this.componentAnimations.push({\n      id: componentAnimation.id,\n      component: componentAnimation.component,\n      instance: instance,\n      current: instance.current\n    })\n    return componentAnimation;\n  }\n\n  /**\n   * Get a component animation by its ID\n   * \n   * Retrieves the EffectManager instance for a specific component animation,\n   * which can be used to display the animation on sprites or objects.\n   * \n   * @param id - The unique identifier of the component animation\n   * @returns The EffectManager instance for the animation\n   * @throws Error if the component animation is not found\n   * \n   * @example\n   * ```ts\n   * // Get the hit animation and display it\n   * const hitAnimation = engine.getComponentAnimation('hit');\n   * hitAnimation.displayEffect({ text: \"Critical!\" }, player);\n   * ```\n   */\n  getComponentAnimation(id: string): AnimationManager {\n    const componentAnimation = this.componentAnimations.find((componentAnimation) => componentAnimation.id === id)\n    if (!componentAnimation) {\n      throw new Error(`Component animation with id ${id} not found`)\n    }\n    return componentAnimation.instance\n  }\n\n  processInput({ input }: { input: number }) {\n    this.hooks.callHooks(\"client-engine-onInput\", this, { input, playerId: this.playerId }).subscribe();\n    this.webSocket.emit('move', { input })\n  }\n\n  processAction({ action }: { action: number }) {\n    if (this.stopProcessingInput) return;\n    this.hooks.callHooks(\"client-engine-onInput\", this, { input: 'action', playerId: this.playerId }).subscribe();\n    this.webSocket.emit('action', { action })\n  }\n\n  get PIXI() {\n    return PIXI\n  }\n\n  get socket() {\n    return this.webSocket\n  }\n  \n  get playerId() {\n    return this.playerIdSignal()\n  }\n\n  get scene() {\n    return this.sceneMap\n  }\n\n  getCurrentPlayer() {\n    return this.sceneMap.getCurrentPlayer()\n  }\n}\n"],"names":["Canvas","componentAnimation"],"mappings":"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"}

package/dist/index20.js

@@ -1,8 +1,8 @@
 import { RpgCommonMap } from '@rpgjs/common';
 import { sync, users } from './index19.js';
-import { RpgClientPlayer } from './index32.js';
+import { RpgClientPlayer } from './index33.js';
 import { signal, computed } from 'canvasengine';
-import { RpgClientEvent } from './index33.js';
+import { RpgClientEvent } from './index34.js';
 import { RpgClientEngine } from './index2.js';
 import { inject } from './index6.js';
 

package/dist/index22.js

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

package/dist/index23.js

@@ -1,4 +1,4 @@
-import { __name } from './index29.js';
+import { __name } from './index30.js';
 import { load } from './index19.js';
 import { PartySocket } from './index38.js';
 import './index39.js';

package/dist/index29.js

@@ -1,5 +1,24 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const FacesetPreset = (options, framesWidth, framesHeight, expressions) => {
+  const textures = {};
+  Object.keys(expressions).forEach((expressionName) => {
+    const [frameX, frameY] = expressions[expressionName];
+    textures[expressionName] = {
+      animations: () => [
+        [{
+          time: 0,
+          frameX,
+          frameY
+        }]
+      ]
+    };
+  });
+  return {
+    ...options,
+    framesWidth,
+    framesHeight,
+    textures
+  };
+};
 
-export { __name };
+export { FacesetPreset };
 //# sourceMappingURL=index29.js.map

package/dist/index29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index29.js","sources":["../../../node_modules/.pnpm/@signe+sync@2.4.0/node_modules/@signe/sync/dist/chunk-7QVYU63E.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\nexport {\n  __name\n};\n//# sourceMappingURL=chunk-7QVYU63E.js.map"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc;AAClC,IAAC,MAAM,GAAG,CAAC,MAAM,EAAE,KAAK,KAAK,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index29.js","sources":["../src/presets/faceset.ts"],"sourcesContent":["/**\n * Creates a faceset preset for character expressions\n * \n * This preset allows you to define multiple facial expressions for a character,\n * where each expression corresponds to a specific frame position (frameX, frameY)\n * within a single faceset texture. Each expression is defined by its position\n * in the faceset grid.\n * \n * @param options - Object containing the faceset configuration\n * @param framesWidth - Number of frames horizontally in the faceset texture\n * @param framesHeight - Number of frames vertically in the faceset texture\n * @param expressions - Object mapping expression names to their frame positions as tuples [frameX, frameY]\n * @returns Faceset configuration with animations for each expression\n * \n * @example\n * ```typescript\n * const faceset = FacesetPreset({\n *   id: \"facesetId\",\n *   image: \"faceset.png\",\n *   width: 1024,\n *   height: 1024,\n * }, 4, 2, {\n *   happy: [0, 0],\n *   sad: [1, 0],\n *   angry: [2, 0],\n *   surprised: [3, 0]\n * });\n * ```\n */\nexport const FacesetPreset = (\n    options: any,\n    framesWidth: number, \n    framesHeight: number,\n    expressions: Record<string, [number, number]>,\n) => {\n    \n    const textures: Record<string, any> = {};\n    \n    // Create texture configuration for each expression\n    Object.keys(expressions).forEach((expressionName) => {\n        const [frameX, frameY] = expressions[expressionName];\n        textures[expressionName] = {\n            animations: () => [\n                [{ \n                    time: 0, \n                    frameX: frameX, \n                    frameY: frameY \n                }]\n            ],\n        };\n    });\n    \n    return {\n        ...options,\n        framesWidth,\n        framesHeight,\n        textures\n    };\n};\n  "],"names":[],"mappings":"AA6BO,MAAM,aAAgB,GAAA,CACzB,OACA,EAAA,WAAA,EACA,cACA,WACC,KAAA;AAED,EAAA,MAAM,WAAgC,EAAC;AAGvC,EAAA,MAAA,CAAO,IAAK,CAAA,WAAW,CAAE,CAAA,OAAA,CAAQ,CAAC,cAAmB,KAAA;AACjD,IAAA,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAA,GAAI,YAAY,cAAc,CAAA;AACnD,IAAA,QAAA,CAAS,cAAc,CAAI,GAAA;AAAA,MACvB,YAAY,MAAM;AAAA,QACd,CAAC;AAAA,UACG,IAAM,EAAA,CAAA;AAAA,UACN,MAAA;AAAA,UACA;AAAA,SACH;AAAA;AACL,KACJ;AAAA,GACH,CAAA;AAED,EAAO,OAAA;AAAA,IACH,GAAG,OAAA;AAAA,IACH,WAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACJ;AACJ;;;;"}