@rpgjs/client 5.0.0-alpha.9 → 5.0.0-beta.1

package/dist/index8.js

@@ -1,108 +0,0 @@
-import { provideModules, findModules } from '@rpgjs/common';
-import { inject } from './index16.js';
-import { RpgGui } from './index9.js';
-
-function provideClientModules(modules) {
-  return provideModules(modules, "client", (modules2, context) => {
-    const mainModuleClient = findModules(context, "Client");
-    modules2 = [...mainModuleClient, ...modules2];
-    modules2 = modules2.map((module) => {
-      if ("client" in module) {
-        module = module.client;
-      }
-      if (module.spritesheets) {
-        const spritesheets = [...module.spritesheets];
-        module.spritesheets = {
-          load: (engine) => {
-            spritesheets.forEach((spritesheet) => {
-              engine.addSpriteSheet(spritesheet);
-            });
-          }
-        };
-      }
-      if (module.sounds) {
-        const sounds = [...module.sounds];
-        module.sounds = {
-          load: (engine) => {
-            sounds.forEach((sound) => {
-              engine.addSound(sound);
-            });
-          }
-        };
-      }
-      if (module.gui) {
-        const gui = [...module.gui];
-        module.gui = {
-          load: (engine) => {
-            const guiService = inject(engine.context, RpgGui);
-            gui.forEach((gui2) => {
-              guiService.add(gui2);
-            });
-          }
-        };
-      }
-      if (module.effects) {
-        const effects = [...module.effects];
-        module.effects = {
-          load: (engine) => {
-            effects.forEach((effect) => {
-              engine.addEffect(effect);
-            });
-          }
-        };
-      }
-      if (module.particles) {
-        const particles = [...module.particles];
-        module.particles = {
-          load: (engine) => {
-            particles.forEach((particle) => {
-              engine.addParticle(particle);
-            });
-          }
-        };
-      }
-      if (module.sprite) {
-        const sprite = { ...module.sprite };
-        module.sprite = {
-          ...sprite,
-          load: (engine) => {
-            if (sprite.componentsBehind) {
-              sprite.componentsBehind.forEach((component) => {
-                engine.addSpriteComponentBehind(component);
-              });
-            }
-            if (sprite.componentsInFront) {
-              sprite.componentsInFront.forEach((component) => {
-                engine.addSpriteComponentInFront(component);
-              });
-            }
-          }
-        };
-      }
-      return module;
-    });
-    return modules2;
-  });
-}
-const GlobalConfigToken = "GlobalConfigToken";
-function provideGlobalConfig(config) {
-  return {
-    provide: GlobalConfigToken,
-    useValue: config ?? {}
-  };
-}
-function provideClientGlobalConfig(config = {}) {
-  if (!config.keyboardControls) {
-    config.keyboardControls = {
-      up: "up",
-      down: "down",
-      left: "left",
-      right: "right",
-      action: "space"
-    };
-  }
-  return provideGlobalConfig(config);
-}
-
-export { GlobalConfigToken, provideClientGlobalConfig, provideClientModules, provideGlobalConfig };
-//# sourceMappingURL=index8.js.map

package/dist/index8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index8.js","sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\n\nexport function provideClientModules(modules: RpgClient[]) {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              engine.addSound(sound);\n            });\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui);\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.effects) {\n        const effects = [...module.effects];\n        module.effects = {\n          load: (engine: RpgClientEngine) => {\n            effects.forEach((effect) => {\n              engine.addEffect(effect);\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      if (module.sprite) {\n        const sprite = {...module.sprite};\n        module.sprite = {\n          ...sprite,\n          load: (engine: RpgClientEngine) => {\n            if (sprite.componentsBehind) {\n              sprite.componentsBehind.forEach((component) => {\n                engine.addSpriteComponentBehind(component);\n              });\n            }\n            if (sprite.componentsInFront) {\n              sprite.componentsInFront.forEach((component) => {\n                engine.addSpriteComponentInFront(component);\n              });\n            }\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n\n"],"names":["modules","gui"],"mappings":"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"}

package/dist/index9.js

@@ -1,76 +0,0 @@
-import { inject } from './index16.js';
-import { signal } from 'canvasengine';
-import { WebSocketToken } from './index17.js';
-import { PrebuiltGui } from './index10.js';
-
-const throwError = (id) => {
-  throw `The GUI named ${id} is non-existent. Please add the component in the gui property of the decorator @RpgClient`;
-};
-class RpgGui {
-  constructor(context) {
-    this.context = context;
-    this.gui = signal({});
-    this.webSocket = inject(context, WebSocketToken);
-    this.add({
-      name: "rpg-dialog",
-      component: PrebuiltGui.Dialogbox
-    });
-  }
-  async _initialize() {
-    this.webSocket.on("gui.open", (data) => {
-      this.display(data.guiId, data.data);
-    });
-    this.webSocket.on("gui.exit", (guiId) => {
-      this.hide(guiId);
-    });
-  }
-  guiInteraction(guiId, name, data) {
-    this.webSocket.emit("gui.interaction", {
-      guiId,
-      name,
-      data
-    });
-  }
-  guiClose(guiId, data) {
-    this.webSocket.emit("gui.exit", {
-      guiId,
-      data
-    });
-  }
-  add(gui) {
-    this.gui()[gui.name] = {
-      name: gui.name,
-      component: gui.component,
-      display: signal(gui.display || false),
-      data: signal(gui.data || {})
-    };
-  }
-  get(id) {
-    if (typeof id != "string") {
-      id = id.name;
-    }
-    return this.gui()[id];
-  }
-  exists(id) {
-    return !!this.get(id);
-  }
-  getAll() {
-    return this.gui();
-  }
-  display(id, data = {}) {
-    if (!this.exists(id)) {
-      throw throwError(id);
-    }
-    this.get(id).data.set(data);
-    this.get(id).display.set(true);
-  }
-  hide(id) {
-    if (!this.exists(id)) {
-      throw throwError(id);
-    }
-    this.get(id).display.set(false);
-  }
-}
-
-export { RpgGui };
-//# sourceMappingURL=index9.js.map

package/dist/index9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index9.js","sources":["../src/Gui/Gui.ts"],"sourcesContent":["import { Context, inject } from \"@signe/di\";\nimport { signal } from \"canvasengine\";\nimport { AbstractWebsocket, WebSocketToken } from \"../services/AbstractSocket\";\nimport { PrebuiltGui } from \"../components/gui\";\n\ninterface GuiOptions {\n  name: string;\n  component: any;\n  display?: boolean;\n  data?: any;\n}\n\nconst throwError = (id: string) => {\n  throw `The GUI named ${id} is non-existent. Please add the component in the gui property of the decorator @RpgClient`;\n};\n\nexport class RpgGui {\n  private webSocket: AbstractWebsocket;\n  gui = signal<any>({});\n\n  constructor(private context: Context) {\n    this.webSocket = inject(context, WebSocketToken);\n    this.add({\n      name: \"rpg-dialog\",\n      component: PrebuiltGui.Dialogbox,\n    });\n  }\n\n  async _initialize() {\n    this.webSocket.on(\"gui.open\", (data: { guiId: string; data: any }) => {\n      this.display(data.guiId, data.data);\n    });\n\n    this.webSocket.on(\"gui.exit\", (guiId: string) => {\n      this.hide(guiId);\n    });\n  }\n\n  guiInteraction(guiId: string, name: string, data: any) {\n    this.webSocket.emit(\"gui.interaction\", {\n      guiId,\n      name,\n      data,\n    });\n  }\n\n  guiClose(guiId: string, data?: any) {\n    this.webSocket.emit(\"gui.exit\", {\n      guiId,\n      data,\n    });\n  }\n\n  add(gui: GuiOptions) {\n    this.gui()[gui.name] = {\n      name: gui.name,\n      component: gui.component,\n      display: signal(gui.display || false),\n      data: signal(gui.data || {}),\n    };\n  }\n\n  get(id: string | GuiOptions) {\n    if (typeof id != \"string\") {\n      id = id.name;\n    }\n    return this.gui()[id];\n  }\n\n  exists(id: string): boolean {\n    return !!this.get(id);\n  }\n\n  getAll() {\n    return this.gui();\n  }\n\n  display(id: string, data = {}) {\n    if (!this.exists(id)) {\n      throw throwError(id);\n    }\n    this.get(id).data.set(data);\n    this.get(id).display.set(true);\n  }\n\n  hide(id: string) {\n    if (!this.exists(id)) {\n      throw throwError(id);\n    }\n    this.get(id).display.set(false);\n  }\n}\n"],"names":[],"mappings":"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"}

package/src/components/gui/dialogbox/itemMenu.ce

@@ -1,23 +0,0 @@
-<Container>
-    <Rect width height color="#595971" alpha visible={isSelected} />
-    <Container flexDirection="row" alignItems="center" justifyContent="center">
-        <Text text color="#fff" fontSize={18} margin={10} />
-    </Container>
-</Container>
-
-<script>
-import { animatedSignal } from "canvasengine";
-
-const { text, isSelected } = defineProps();
-
-const alpha = animatedSignal(1, {
-    repeatType: "reverse",
-    duration: 500,
-    repeat: Infinity,
-});
-
-alpha.set(0.5);
-
-const height = 40;
-const width = 256;
-</script>

package/src/components/gui/dialogbox/selection.ce

@@ -1,67 +0,0 @@
-<Container controls flexDirection="column" margin={[0, 0, 0, 50]}>
-    @for ((item,index) of items) { 
-      <ItemMenu text={@item.@text} isSelected={@selected(@index)} /> 
-    }
-</Container>
-
-<script>
-  import { signal, computed, mount } from "canvasengine";
-  import ItemMenu from "./itemMenu.ce";
-  import { RpgClientEngine } from "../../../RpgClientEngine";
-  import { inject } from "../../../core/inject";
-
-  const {
-    items,
-    wrapAround,
-    onSelect,
-    selectedIndex,
-  } = defineProps();
-
-  const client = inject(RpgClientEngine);
-  const keyboardControls = client.globalConfig.keyboardControls;
-
-  const selected = (index) => {
-    return computed(() => {
-      return index === selectedIndex();
-    })
-  }
-
-  mount((element) => {
-    return () => {
-      element.directives.controls.onDestroy()
-    }
-  })
-
-  const controls = signal({
-    down: {
-      bind: keyboardControls.down,
-      keyDown() {
-        selectedIndex.update((currentIndex) => {
-          if (wrapAround) {
-            return (currentIndex + 1) % items().length;
-          } else {
-            return Math.min(currentIndex + 1, items().length - 1);
-          }
-        });
-      },
-    },
-    up: {
-      bind: keyboardControls.up,
-      keyDown() {
-        selectedIndex.update((currentIndex) => {
-          if (wrapAround) {
-            return (currentIndex - 1 + items().length) % items().length;
-          } else {
-            return Math.max(currentIndex - 1, 0);
-          }
-        });
-      },
-    },
-    enter: {
-      bind: keyboardControls.action,
-      keyDown() {
-        onSelect?.(selectedIndex());
-      },
-    },
-  });
-</script>