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

package/src/services/mmorpg.ts

@@ -4,38 +4,70 @@ import { RpgGui } from "../Gui/Gui";
 import { RpgClientEngine } from "../RpgClientEngine";
 import { AbstractWebsocket, WebSocketToken } from "./AbstractSocket";
 import { UpdateMapService, UpdateMapToken } from "@rpgjs/common";
+import { provideKeyboardControls } from "./keyboardControls";
+import { provideSaveClient } from "./save";
 
 interface MmorpgOptions {
-    host: string;
+    host?: string;
 }
 
 class BridgeWebsocket extends AbstractWebsocket {
-    private socket: any;
+  private socket: any;
+  private privateId: string;
+  private pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];
 
-  constructor(protected context: Context, private options: MmorpgOptions) {
+  constructor(protected context: Context, private options: MmorpgOptions = {}) {
     super(context);
+    const id = localStorage.getItem("rpgjs-user-id") || crypto.randomUUID()
+    localStorage.setItem("rpgjs-user-id", id)
+    this.privateId = id
   }
 
-  async connection() {
+  async connection(listeners?: (data: any) => void) {
     // tmp
     class Room {
         
     }
     const instance = new Room()
-    this.socket = await connectionRoom(this.options, instance)
+    this.socket = await connectionRoom({
+        host: this.options.host || window.location.host,
+        room: "lobby-1",
+        id: this.privateId
+    }, instance)
+
+    listeners?.(this.socket)
+    this.pendingOn.forEach(({ event, callback }) => this.socket.on(event, callback));
+    this.pendingOn = [];
   }
 
   on(key: string, callback: (data: any) => void) {
+    if (!this.socket) {
+      this.pendingOn.push({ event: key, callback });
+      return;
+    }
     this.socket.on(key, callback);
   }
 
   off(event: string, callback: (data: any) => void) {
+    if (!this.socket) return;
     this.socket.off(event, callback);
   }
 
   emit(event: string, data: any) {
     this.socket.emit(event, data);
   }
+
+  updateProperties({ room }: { room: any }) {
+    this.socket.conn.updateProperties({
+      room: room,
+      id: this.privateId,
+      host: this.options.host
+    })
+  }
+
+  async reconnect(listeners?: (data: any) => void) {
+   this.socket.conn.reconnect()
+  }
 }
 
 class UpdateMapStandaloneService extends UpdateMapService {
@@ -58,6 +90,8 @@ export function provideMmorpg(options: MmorpgOptions) {
       provide: UpdateMapToken,
       useFactory: (context: Context) => new UpdateMapStandaloneService(context, options),
     },
+    provideKeyboardControls(),
+    provideSaveClient(),
     RpgGui,
     RpgClientEngine,
   ];

package/src/services/save.ts

@@ -0,0 +1,103 @@
+import type { SaveSlotList, SaveSlotMeta } from "@rpgjs/common";
+import { inject } from "../core/inject";
+import { AbstractWebsocket, WebSocketToken } from "./AbstractSocket";
+
+export const SaveClientToken = "SaveClientToken";
+
+type SaveListResult = {
+  requestId: string;
+  slots: SaveSlotList;
+};
+
+type SaveSaveResult = {
+  requestId: string;
+  index: number;
+  slots: SaveSlotList;
+};
+
+type SaveLoadResult = {
+  requestId: string;
+  index: number;
+  ok: boolean;
+  slot?: SaveSlotMeta;
+};
+
+type SaveErrorResult = {
+  requestId: string;
+  message: string;
+};
+
+type PendingRequest = {
+  resolve: (value: any) => void;
+  reject: (error: Error) => void;
+};
+
+export class SaveClientService {
+  private webSocket: AbstractWebsocket = inject(WebSocketToken);
+  private pending: Map<string, PendingRequest> = new Map();
+  private requestCounter = 0;
+
+  initialize() {
+    const saveListResult = (data: SaveListResult) => this.resolveRequest(data.requestId, data);
+    const saveSaveResult = (data: SaveSaveResult) => this.resolveRequest(data.requestId, data);
+    const saveLoadResult = (data: SaveLoadResult) => this.resolveRequest(data.requestId, data);
+    const saveErrorResult = (data: SaveErrorResult) => this.rejectRequest(data.requestId, data.message);
+    this.webSocket.off("save.list.result", saveListResult);
+    this.webSocket.off("save.save.result", saveSaveResult);
+    this.webSocket.off("save.load.result", saveLoadResult);
+    this.webSocket.off("save.error", saveErrorResult);
+    this.webSocket.on("save.list.result", saveListResult);
+    this.webSocket.on("save.save.result", saveSaveResult);
+    this.webSocket.on("save.load.result", saveLoadResult);
+    this.webSocket.on("save.error", saveErrorResult);
+  }
+
+  listSlots(): Promise<SaveSlotList> {
+    return this.request<SaveListResult>("save.list", {}).then((result) => result.slots);
+  }
+
+  saveSlot(index: number, meta: SaveSlotMeta = {}): Promise<SaveSlotList> {
+    return this.request<SaveSaveResult>("save.save", { index, meta }).then((result) => result.slots);
+  }
+
+  loadSlot(index: number): Promise<boolean> {
+    return this.request<SaveLoadResult>("save.load", { index }).then((result) => result.ok);
+  }
+
+  private request<T>(event: string, payload: Record<string, any>): Promise<T> {
+    return new Promise((resolve, reject) => {
+      if (!this.webSocket) {
+        this.initialize();
+      }
+      const requestId = this.nextRequestId();
+      this.pending.set(requestId, { resolve, reject });
+      this.webSocket?.emit(event, { requestId, ...payload });
+    });
+  }
+
+  private resolveRequest(requestId: string, result: any) {
+    const pending = this.pending.get(requestId);
+    if (!pending) return;
+    this.pending.delete(requestId);
+    pending.resolve(result);
+  }
+
+  private rejectRequest(requestId: string, message: string) {
+    const pending = this.pending.get(requestId);
+    if (!pending) return;
+    this.pending.delete(requestId);
+    pending.reject(new Error(message));
+  }
+
+  private nextRequestId(): string {
+    this.requestCounter += 1;
+    return `${Date.now()}-${this.requestCounter}`;
+  }
+}
+
+export function provideSaveClient() {
+  return {
+    provide: SaveClientService,
+    useClass: SaveClientService,
+  };
+}

package/src/services/standalone.ts

@@ -5,25 +5,51 @@ import { RpgClientEngine } from "../RpgClientEngine";
 import { UpdateMapService, UpdateMapToken } from "@rpgjs/common";
 import { LoadMapToken } from "./loadMap";
 import { RpgGui } from "../Gui/Gui";
+import { provideKeyboardControls } from "./keyboardControls";
+import { provideSaveClient } from "./save";
 
 type ServerIo = any;
 type ClientIo = any;
 
+interface StandaloneOptions {
+  env?: Record<string, any>;
+}
+
 class BridgeWebsocket extends AbstractWebsocket {
   private room: ServerIo;
   private socket: ClientIo;
+  private pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];
+  private rooms = {
+    partyFn: async (roomId: string) => {
+      this.room = new ServerIo(roomId, this.rooms);
+      const server = new this.server(this.room)
+      await server.onStart();
+      await server.subRoom.onStart()
+      this.context.set('server', server)
+      return server
+    },
+    env: {}
+  }
+  private serverInstance: any;
 
-  constructor(protected context: Context, private server: any) {
+  constructor(protected context: Context, private server: any, options: StandaloneOptions = {}) {
     super(context);
     // fake room
-    this.room = new ServerIo("lobby-1");
+    this.rooms.env = options.env || {};
+    this.room = new ServerIo("lobby-1", this.rooms);
   }
 
   async connection(listeners?: (data: any) => void) {
-    const server = new this.server(this.room);
-    await server.onStart();
-    this.context.set('server', server)
-    this.socket = new ClientIo(server);
+    this.serverInstance = new this.server(this.room);
+    await this.serverInstance.onStart();
+    await this.serverInstance.subRoom.onStart()
+    this.context.set('server', this.serverInstance)
+    return this._connection(listeners)
+  }
+
+  private async _connection(listeners?: (data: any) => void) {
+    this.serverInstance = this.context.get('server')
+    this.socket = new ClientIo(this.serverInstance, 'player-client-id');
     const url = new URL('http://localhost')
     const request = new Request(url.toString(), {
       method: 'GET',
@@ -32,21 +58,29 @@ class BridgeWebsocket extends AbstractWebsocket {
       }
     })
     listeners?.(this.socket)
-    await server.onConnect(this.socket.conn as any, { request } as any);
+    await this.serverInstance.onConnect(this.socket.conn as any, { request } as any);
     this.room.clients.set(this.socket.id, this.socket);
+    this.pendingOn.forEach(({ event, callback }) => this.socket.addEventListener(event, callback));
+    this.pendingOn = [];
     return this.socket
   }
 
   on(key: string, callback: (data: any) => void) {
-    this.socket.addEventListener("message", (event) => {
+    const handler = (event) => {
       const object = JSON.parse(event);
       if (object.type === key) {
         callback(object.value);
       }
-    });
+    };
+    if (!this.socket) {
+      this.pendingOn.push({ event: "message", callback: handler });
+      return;
+    }
+    this.socket.addEventListener("message", handler);
   }
 
   off(event: string, callback: (data: any) => void) {
+    if (!this.socket) return;
     this.socket.removeEventListener(event, callback);
   }
 
@@ -57,24 +91,80 @@ class BridgeWebsocket extends AbstractWebsocket {
     });
   }
 
+  /**
+   * Update underlying connection properties before a reconnect
+   *
+   * Design
+   * - Dynamically register a factory for the requested room to ensure a fresh server instance
+   * - Swap the internal ServerIo to target the new room
+   *
+   * @param params - Properties to update
+   * @param params.room - The target room id (e.g. `map-simplemap2`)
+   *
+   * @example
+   * ```ts
+   * websocket.updateProperties({ room: 'map-simplemap2' })
+   * await websocket.reconnect()
+   * ```
+   */
   updateProperties({ room }: { room: any }) {
-    this.room = new ServerIo(room);
+    // empty
   }
 
+  /**
+   * Reconnect the client to the current Party room
+   *
+   * Design
+   * - Must be called after `updateProperties()` when switching rooms
+   * - Rebuilds the client <-> server bridge and re-triggers connection listeners
+   *
+   * @param listeners - Optional callback to re-bind event handlers on the new socket
+   *
+   * @example
+   * ```ts
+   * websocket.updateProperties({ room: 'map-dungeon' })
+   * await websocket.reconnect((socket) => {
+   *   // re-bind events here
+   * })
+   * ```
+   */
   async reconnect(listeners?: (data: any) => void) {
-    await this.connection((socket) => {
+    await this._connection((socket) => {
       listeners?.(socket)
     })
   }
+
+  getServer() {
+    return this.serverInstance
+  }
+
+  getSocket() {
+    return this.socket
+  }
 }
 
 class UpdateMapStandaloneService extends UpdateMapService {
   private server: any;
 
-  async update(mapId: string, map: any) {
+  /**
+   * Update the current room map data on the server side
+   *
+   * Design
+   * - Uses the in-memory server instance stored in context (standalone mode)
+   * - Builds a local HTTP-like request to the current Party room endpoint
+   *
+   * @param map - The map payload to apply on the server
+   *
+   * @example
+   * ```ts
+   * await updateMapService.update({ width: 1024, height: 768, events: [] })
+   * ```
+   */
+  async update(map: any) {
     this.server = this.context.get('server')
+    const roomId = this.server?.room?.id ?? 'lobby-1'
     const req = {
-      url: `http://localhost/parties/main/${mapId}/map/update`,
+      url: `http://localhost/parties/main/${roomId}/map/update`,
       method: 'POST',
       headers: new Headers({}),
       json: async () => {
@@ -85,16 +175,18 @@ class UpdateMapStandaloneService extends UpdateMapService {
   }
 }
 
-export function provideRpg(server: any) {
+export function provideRpg(server: any, options: StandaloneOptions = {}) {
   return [
     {
       provide: WebSocketToken,
-      useFactory: (context: Context) => new BridgeWebsocket(context, server),
+      useFactory: (context: Context) => new BridgeWebsocket(context, server, options),
     },
     {
       provide: UpdateMapToken,
       useClass: UpdateMapStandaloneService,
     },
+    provideKeyboardControls(),
+    provideSaveClient(),
     RpgGui,
     RpgClientEngine,
   ];

package/src/utils/getEntityProp.ts

@@ -0,0 +1,87 @@
+import { computed, Signal } from "canvasengine";
+import { RpgClientObject } from "../Game/Object";
+
+const BUILTIN_PARAM_KEYS = [
+  "maxHp",
+  "maxSp",
+  "atk",
+  "pdef",
+  "sdef",
+  "str",
+  "agi",
+  "int",
+  "dex",
+] as const;
+
+type BuiltInParamKey = typeof BUILTIN_PARAM_KEYS[number];
+type ParamPropKey = `params.${BuiltInParamKey}` | `params.${string}`;
+
+const entityPropMap = {
+  level: (entity: RpgClientObject) => entity._level(),
+  exp: (entity: RpgClientObject) => entity._exp(),
+  gold: (entity: RpgClientObject) => entity._gold(),
+  hp: (entity: RpgClientObject) => entity.hpSignal(),
+  sp: (entity: RpgClientObject) => entity.spSignal(),
+  name: (entity: RpgClientObject) => entity.name(),
+  type: (entity: RpgClientObject) => entity.type(),
+  x: (entity: RpgClientObject) => entity.x(),
+  y: (entity: RpgClientObject) => entity.y(),
+  z: (entity: RpgClientObject) => entity.z(),
+  tint: (entity: RpgClientObject) => entity.tint(),
+  direction: (entity: RpgClientObject) => entity.direction(),
+  speed: (entity: RpgClientObject) => entity.speed(),
+  hitbox: (entity: RpgClientObject) => entity.hitbox(),
+  animation: (entity: RpgClientObject) => entity.animationName(),
+  canMove: (entity: RpgClientObject) => entity.canMove(),
+  graphics: (entity: RpgClientObject) => entity.graphics(),
+  items: (entity: RpgClientObject) => entity.items(),
+  equipments: (entity: RpgClientObject) => entity.equipments(),
+  states: (entity: RpgClientObject) => entity.states(),
+  skills: (entity: RpgClientObject) => entity.skills(),
+  effects: (entity: RpgClientObject) => entity._effects(),
+  componentsTop: (entity: RpgClientObject) => entity.componentsTop(),
+  componentsBottom: (entity: RpgClientObject) => entity.componentsBottom(),
+  componentsCenter: (entity: RpgClientObject) => entity.componentsCenter(),
+  componentsLeft: (entity: RpgClientObject) => entity.componentsLeft(),
+  componentsRight: (entity: RpgClientObject) => entity.componentsRight(),
+} as const;
+
+type EntityPropMap = typeof entityPropMap;
+type EntityPropKey = keyof EntityPropMap | ParamPropKey;
+type EntityPropValue<K extends EntityPropKey> = K extends keyof EntityPropMap
+  ? ReturnType<EntityPropMap[K]>
+  : K extends `params.${string}`
+  ? number | undefined
+  : never;
+
+const isSignal = <T>(value: unknown): value is Signal<T> =>
+  typeof value === "function";
+
+const toSignal = <T>(value: Signal<T> | T): Signal<T> =>
+  isSignal<T>(value) ? value : computed(() => value);
+
+export const getEntityProp = <K extends EntityPropKey>(
+  entity: Signal<RpgClientObject | undefined> | RpgClientObject | undefined,
+  key: K
+): Signal<EntityPropValue<K>> => {
+  const entitySignal = toSignal(entity);
+
+  return computed(() => {
+    const current = entitySignal();
+    if (!current) {
+      return undefined as EntityPropValue<K>;
+    }
+
+    if (Object.prototype.hasOwnProperty.call(entityPropMap, key)) {
+      const getter = entityPropMap[key as keyof EntityPropMap];
+      return getter(current) as EntityPropValue<K>;
+    }
+
+    if (key.startsWith("params.")) {
+      const paramKey = key.slice("params.".length);
+      return current._param?.()?.[paramKey] as EntityPropValue<K>;
+    }
+
+    return undefined as EntityPropValue<K>;
+  });
+};

package/tsconfig.json

@@ -30,6 +30,6 @@
     ],
     "typeRoots": [
         "node_modules/@types",
-        "src/types"
+        "node_modules/@rpgjs/client"
     ],
   }

package/vite.config.ts

@@ -19,12 +19,14 @@ export default defineConfig({
     sourcemap: true,
     minify: false,
     lib: {
-      entry: 'src/index.ts',
+      entry: {
+        index: 'src/index.ts'
+      },
       formats: ['es'],
-      fileName: 'index'
+      fileName: (format, entryName) => `${entryName}.js`
     },
     rollupOptions: {
-      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs'],
+      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs', 'pixi.js'],
       output: {
         preserveModules: true,
         preserveModulesRoot: 'src'

package/CHANGELOG.md

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

package/dist/Game/EffectManager.d.ts

@@ -1,5 +0,0 @@
-import { RpgCommonPlayer } from '@rpgjs/common';
-export declare class EffectManager {
-    current: import('canvasengine').WritableArraySignal<any[]>;
-    displayEffect(params: any, player: RpgCommonPlayer): void;
-}

package/dist/components/effects/index.d.ts

@@ -1,4 +0,0 @@
-export declare const PrebuiltEffects: {
-    Hit: any;
-    Animation: any;
-};

package/dist/index10.js

@@ -1,8 +0,0 @@
-import component from './index22.js';
-
-const PrebuiltGui = {
-  Dialogbox: component
-};
-
-export { PrebuiltGui };
-//# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index10.js","sources":["../src/components/gui/index.ts"],"sourcesContent":["import Dialogbox from \"./dialogbox/index.ce\";\n\nexport const PrebuiltGui = {\n    Dialogbox\n}"],"names":["Dialogbox"],"mappings":";;AAEO,MAAM,WAAc,GAAA;AAAA,aACvBA;AACJ;;;;"}

package/dist/index11.js

@@ -1,10 +0,0 @@
-import component$1 from './index23.js';
-import component from './index24.js';
-
-const PrebuiltEffects = {
-  Hit: component$1,
-  Animation: component
-};
-
-export { PrebuiltEffects };
-//# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index11.js","sources":["../src/components/effects/index.ts"],"sourcesContent":["import Hit from \"./hit.ce\";\nimport Animation from \"./animation.ce\";\n\nexport const PrebuiltEffects = {\n    Hit,\n    Animation\n}"],"names":["Hit","Animation"],"mappings":";;;AAGO,MAAM,eAAkB,GAAA;AAAA,OAC3BA,WAAA;AAAA,aACAC;AACJ;;;;"}

package/dist/index12.js

@@ -1,8 +0,0 @@
-import { RMSpritesheet } from './index25.js';
-
-const Presets = {
-  RMSpritesheet
-};
-
-export { Presets };
-//# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index12.js","sources":["../src/presets/index.ts"],"sourcesContent":["import { RMSpritesheet } from \"./rmspritesheet\";\n\nexport const Presets = {\n    RMSpritesheet\n}"],"names":[],"mappings":";;AAEO,MAAM,OAAU,GAAA;AAAA,EACnB;AACJ;;;;"}

package/dist/index13.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index13.js","sources":["../src/components/scenes/event-layer.ce"],"sourcesContent":["<Container sortableChildren={true}>\n    @for ((event,id) of events) {\n        <Character id={id} object={event} isMe={false}  />\n    }\n\n    @for ((player,id) of players) {\n        <Character id={id} object={player} isMe={true} />\n    }\n</Container>\n\n<script>\n    import { effect, signal, computed, mount } from 'canvasengine'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import Character from \"../character.ce\";\n   \n    const engine = inject(RpgClientEngine);\n    const players = engine.sceneMap.players\n    const events = engine.sceneMap.events\n</script>"],"names":["Character"],"mappings":";;;;;AAQqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAA4B,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AAC5C,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO;AACrC,IAAI,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC7B,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,CAACA,WAAS,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,CAACA,WAAS,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACrO,QAAQ,OAAO;AACf;;;;"}

package/dist/index14.js

@@ -1,50 +0,0 @@
-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 './index28.js';
-import { RpgGui } from './index9.js';
-
-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];
-        }
-        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 { component as default };
-//# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index14.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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"}