@rpgjs/client 4.3.0 → 5.0.0-alpha.0

package/dist/services/loadMap.d.ts

@@ -0,0 +1,14 @@
+import { Context } from '@signe/di';
+export declare const LoadMapToken = "LoadMapToken";
+export type LoadMapOptions = (mapId: string) => Promise<void>;
+export declare class LoadMapService {
+    private context;
+    private options;
+    private updateMapService;
+    constructor(context: Context, options: LoadMapOptions);
+    load(mapId: string): Promise<void>;
+}
+export declare function provideLoadMap(options: LoadMapOptions): {
+    provide: string;
+    useFactory: (context: Context) => void;
+}[];

package/dist/services/mmorpg.d.ts

@@ -0,0 +1,32 @@
+import { Context } from '@signe/di';
+import { RpgGui } from '../Gui/Gui';
+import { RpgClientEngine } from '../RpgClientEngine';
+import { AbstractWebsocket } from './AbstractSocket';
+import { UpdateMapService } from '@rpgjs/common';
+interface MmorpgOptions {
+    host: string;
+}
+declare class BridgeWebsocket extends AbstractWebsocket {
+    protected context: Context;
+    private options;
+    private socket;
+    constructor(context: Context, options: MmorpgOptions);
+    connection(): Promise<void>;
+    on(key: string, callback: (data: any) => void): void;
+    off(event: string, callback: (data: any) => void): void;
+    emit(event: string, data: any): void;
+}
+declare class UpdateMapStandaloneService extends UpdateMapService {
+    protected context: Context;
+    private options;
+    constructor(context: Context, options: MmorpgOptions);
+    update(map: any): Promise<void>;
+}
+export declare function provideMmorpg(options: MmorpgOptions): (typeof RpgGui | typeof RpgClientEngine | {
+    provide: string;
+    useFactory: (context: Context) => BridgeWebsocket;
+} | {
+    provide: string;
+    useFactory: (context: Context) => UpdateMapStandaloneService;
+})[];
+export {};

package/dist/services/standalone.d.ts

@@ -0,0 +1,34 @@
+import { AbstractWebsocket } from './AbstractSocket';
+import { Context } from '@signe/di';
+import { RpgClientEngine } from '../RpgClientEngine';
+import { UpdateMapService } from '@rpgjs/common';
+import { RpgGui } from '../Gui/Gui';
+declare class BridgeWebsocket extends AbstractWebsocket {
+    protected context: Context;
+    private server;
+    private room;
+    private socket;
+    constructor(context: Context, server: any);
+    connection(listeners?: (data: any) => void): Promise<any>;
+    on(key: string, callback: (data: any) => void): void;
+    off(event: string, callback: (data: any) => void): void;
+    emit(event: string, data: any): void;
+    updateProperties({ room }: {
+        room: any;
+    }): void;
+    reconnect(listeners?: (data: any) => void): Promise<void>;
+}
+declare class UpdateMapStandaloneService extends UpdateMapService {
+    private server;
+    update(mapId: string, map: any): Promise<void>;
+}
+export declare function provideRpg(server: any): (typeof RpgGui | typeof RpgClientEngine | {
+    provide: string;
+    useFactory: (context: Context) => BridgeWebsocket;
+    useClass?: undefined;
+} | {
+    provide: string;
+    useClass: typeof UpdateMapStandaloneService;
+    useFactory?: undefined;
+})[];
+export {};

package/package.json

@@ -1,56 +1,40 @@
 {
   "name": "@rpgjs/client",
-  "version": "4.3.0",
-  "description": "",
-  "main": "lib/index.js",
-  "types": "./lib/index.d.ts",
+  "version": "5.0.0-alpha.0",
+  "description": "RPGJS is a framework for creating RPG/MMORPG games",
+  "main": "dist/index.js",
+  "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsc && tsc-esm-fix  --target='lib' && npm run build:browser",
-    "build:browser": "RPG_TYPE=rpg npx rpgjs build",
-    "watch": "tsc -w"
-  },
-  "keywords": [],
-  "typesVersions": {
-    "*": {
-      "react": [
-        "lib/Gui/React.d.ts"
-      ]
-    }
-  },
-  "exports": {
-    ".": "./lib/index.js",
-    "./react": "./lib/Gui/React.js"
+    "dev": "vite build --watch",
+    "build": "vite build"
   },
+  "keywords": [
+    "rpg",
+    "game",
+    "engine",
+    "javascript",
+    "typescript"
+  ],
   "author": "Samuel Ronce",
   "license": "MIT",
   "dependencies": {
-    "@nanostores/react": "^0.7.1",
-    "@pixi/tilemap": "^4.0.0",
-    "@rpgjs/common": "^4.3.0",
-    "@rpgjs/tiled": "^4.3.0",
-    "@rpgjs/types": "^4.0.5",
-    "@types/howler": "2.2.7",
-    "howler": "2.2.3",
-    "lodash.get": "^4.4.2",
-    "lodash.merge": "4.6.2",
-    "pixi-viewport": "^5.0.2",
-    "pixi.js": "7.2.4",
-    "react-dom": "^18.2.0",
-    "rxjs": "7.8.0",
-    "simple-room-client": "^3.0.0",
-    "vue": "^3.2.47"
+    "@canvasengine/presets": "2.0.0-beta.22",
+    "@rpgjs/common": "workspace:*",
+    "@signe/di": "^2.3.3",
+    "@signe/room": "^2.3.3",
+    "@signe/sync": "^2.3.3",
+    "canvasengine": "2.0.0-beta.22",
+    "pixi.js": "^8.10.1",
+    "rxjs": "^7.8.2"
   },
-  "gitHead": "4794b65ddf537b2a5c87a1e0dc79623753999ee0",
   "devDependencies": {
-    "@babel/types": "^7.22.11",
-    "@rpgjs/compiler": "^4.3.0",
-    "@types/css-font-loading-module": "^0.0.8",
-    "@types/node": "^18.16.0",
-    "@types/react": "^18.2.25",
-    "typescript": "^5.0.4"
+    "@canvasengine/compiler": "2.0.0-beta.21",
+    "vite": "^6.2.5",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.1.1"
   },
   "type": "module"
 }

package/src/Game/EffectManager.ts

@@ -0,0 +1,20 @@
+import { generateUID, RpgCommonPlayer } from "@rpgjs/common";
+import { signal } from "canvasengine";
+
+export class EffectManager {
+  current = signal<any[]>([]);
+
+  displayEffect(params: any, player: RpgCommonPlayer) {
+    const id = generateUID();
+    this.current().push({
+      ...params,
+      id,
+      x: player.x,
+      y: player.y,
+      onFinish: () => {
+        const index = this.current().findIndex((value) => value.id === id);
+        this.current().splice(index, 1);
+      },
+    });
+  }
+}

package/src/Game/Event.ts

@@ -0,0 +1,5 @@
+import { RpgClientObject } from "./Object"; 
+
+export class RpgClientEvent extends RpgClientObject {
+    type = 'event'
+}   

package/src/Game/Map.ts

@@ -0,0 +1,10 @@
+import { RpgCommonMap } from "@rpgjs/common";
+import { sync, users } from "@signe/sync";
+import { RpgClientPlayer } from "./Player";
+import { Signal, signal } from "canvasengine";
+import { RpgClientEvent } from "./Event";
+
+export class RpgClientMap extends RpgCommonMap<RpgClientPlayer> {
+  @users(RpgClientPlayer) players = signal<Record<string, RpgClientPlayer>>({});
+  @sync(RpgClientEvent) events = signal<Record<string, RpgClientEvent>>({});
+}

package/src/Game/Object.ts

@@ -0,0 +1,16 @@
+import { RpgCommonPlayer } from "@rpgjs/common";
+import { trigger, signal } from "canvasengine";
+
+export abstract class RpgClientObject extends RpgCommonPlayer {
+  abstract type: string;
+  emitParticleTrigger = trigger()
+  particleName = signal('')
+
+  flash(color: string, duration: number = 100) {
+    const lastTint = this.tint()
+    this.tint.set(color);
+    setTimeout(() => {
+      this.tint.set(lastTint)
+    }, duration)
+  }
+}   

package/src/Game/Player.ts

@@ -0,0 +1,5 @@
+import { RpgClientObject } from "./Object";
+
+export class RpgClientPlayer extends RpgClientObject {
+    type = 'player'
+}