@rpgjs/client 5.0.0-alpha.4 → 5.0.0-alpha.5

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":["../src/components/gui/dialogbox/itemMenu.ce"],"sourcesContent":["<Container>\n    <Rect width height color=\"#595971\" alpha visible={isSelected} />\n    <Container flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n        <Text text color=\"#fff\" fontSize={18} margin={10} />\n    </Container>\n</Container>\n\n<script>\nimport { animatedSignal } from \"canvasengine\";\n\nconst { text, isSelected } = defineProps();\n\nconst alpha = animatedSignal(1, {\n    repeatType: \"reverse\",\n    duration: 500,\n    repeat: Infinity,\n});\n\nalpha.set(0.5);\n\nconst height = 40;\nconst width = 256;\n</script>"],"names":[],"mappings":";;AAQqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU;AAC1E,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,QAAQ;AACpB,CAAC,CAAC;AACF,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AACd,IAAI,MAAM,GAAG,EAAE;AACf,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACrQ,QAAQ,OAAO;AACf;;;;"}
+{"version":3,"file":"index38.js","sources":["../src/Game/Object.ts"],"sourcesContent":["import { RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal } from \"canvasengine\";\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract type: string;\n  emitParticleTrigger = trigger()\n  particleName = signal('')\n\n  flash(color: string, duration: number = 100) {\n    const lastTint = this.tint()\n    this.tint.set(color);\n    setTimeout(() => {\n      this.tint.set(lastTint)\n    }, duration)\n  }\n}   "],"names":[],"mappings":";;;AAGO,MAAe,wBAAwB,eAAgB,CAAA;AAAA,EAAvD,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL,IAAA,IAAA,CAAA,mBAAA,GAAsB,OAAQ,EAAA;AAC9B,IAAA,IAAA,CAAA,YAAA,GAAe,OAAO,EAAE,CAAA;AAAA;AAAA,EAExB,KAAA,CAAM,KAAe,EAAA,QAAA,GAAmB,GAAK,EAAA;AAC3C,IAAM,MAAA,QAAA,GAAW,KAAK,IAAK,EAAA;AAC3B,IAAK,IAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AACnB,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,IAAA,CAAK,IAAI,QAAQ,CAAA;AAAA,OACrB,QAAQ,CAAA;AAAA;AAEf;;;;"}

package/dist/index39.js

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

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/Game/Object.ts"],"sourcesContent":["import { RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal } from \"canvasengine\";\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract type: string;\n  emitParticleTrigger = trigger()\n  particleName = signal('')\n\n  flash(color: string, duration: number = 100) {\n    const lastTint = this.tint()\n    this.tint.set(color);\n    setTimeout(() => {\n      this.tint.set(lastTint)\n    }, duration)\n  }\n}   "],"names":[],"mappings":";;;AAGO,MAAe,wBAAwB,eAAgB,CAAA;AAAA,EAAvD,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL,IAAA,IAAA,CAAA,mBAAA,GAAsB,OAAQ,EAAA;AAC9B,IAAA,IAAA,CAAA,YAAA,GAAe,OAAO,EAAE,CAAA;AAAA;AAAA,EAExB,KAAA,CAAM,KAAe,EAAA,QAAA,GAAmB,GAAK,EAAA;AAC3C,IAAM,MAAA,QAAA,GAAW,KAAK,IAAK,EAAA;AAC3B,IAAK,IAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AACnB,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,IAAA,CAAK,IAAI,QAAQ,CAAA;AAAA,OACrB,QAAQ,CAAA;AAAA;AAEf;;;;"}
+{"version":3,"file":"index39.js","sources":["../src/components/gui/dialogbox/itemMenu.ce"],"sourcesContent":["<Container>\n    <Rect width height color=\"#595971\" alpha visible={isSelected} />\n    <Container flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n        <Text text color=\"#fff\" fontSize={18} margin={10} />\n    </Container>\n</Container>\n\n<script>\nimport { animatedSignal } from \"canvasengine\";\n\nconst { text, isSelected } = defineProps();\n\nconst alpha = animatedSignal(1, {\n    repeatType: \"reverse\",\n    duration: 500,\n    repeat: Infinity,\n});\n\nalpha.set(0.5);\n\nconst height = 40;\nconst width = 256;\n</script>"],"names":[],"mappings":";;AAQqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU;AAC1E,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,QAAQ;AACpB,CAAC,CAAC;AACF,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AACd,IAAI,MAAM,GAAG,EAAE;AACf,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACrQ,QAAQ,OAAO;AACf;;;;"}

package/dist/index4.js

@@ -1,7 +1,7 @@
-import { connectionRoom } from './index21.js';
+import { connectionRoom } from './index22.js';
 import { RpgGui } from './index9.js';
 import { RpgClientEngine } from './index2.js';
-import { WebSocketToken, AbstractWebsocket } from './index16.js';
+import { WebSocketToken, AbstractWebsocket } from './index17.js';
 import { UpdateMapToken, UpdateMapService } from '@rpgjs/common';
 
 class BridgeWebsocket extends AbstractWebsocket {

package/dist/index5.js

@@ -1,4 +1,4 @@
-import { injector, inject, Context } from './index15.js';
+import { injector, inject, Context } from './index16.js';
 import { RpgClientEngine } from './index2.js';
 import { setInject } from './index6.js';
 

package/dist/index6.js

@@ -1,4 +1,4 @@
-import { inject as inject$1 } from './index15.js';
+import { inject as inject$1 } from './index16.js';
 
 let context = null;
 function inject(service, _context) {

package/dist/index7.js

@@ -1,4 +1,4 @@
-import { inject } from './index15.js';
+import { inject } from './index16.js';
 import { UpdateMapToken } from '@rpgjs/common';
 
 const LoadMapToken = "LoadMapToken";

package/dist/index8.js

@@ -1,5 +1,5 @@
 import { provideModules, findModules } from '@rpgjs/common';
-import { inject } from './index15.js';
+import { inject } from './index16.js';
 import { RpgGui } from './index9.js';
 
 function provideClientModules(modules) {

package/dist/index9.js

@@ -1,6 +1,6 @@
-import { inject } from './index15.js';
+import { inject } from './index16.js';
 import { signal } from 'canvasengine';
-import { WebSocketToken } from './index16.js';
+import { WebSocketToken } from './index17.js';
 import { PrebuiltGui } from './index10.js';
 
 const throwError = (id) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpgjs/client",
-  "version": "5.0.0-alpha.4",
+  "version": "5.0.0-alpha.5",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -16,14 +16,16 @@
   ],
   "author": "Samuel Ronce",
   "license": "MIT",
+  "peerDependencies": {
+    "canvasengine": "^2.0.0-beta.22",
+    "@canvasengine/presets": "^2.0.0-beta.22",
+    "pixi.js": "^8.9.2"
+  },
   "dependencies": {
-    "@canvasengine/presets": "2.0.0-beta.22",
-    "@rpgjs/common": "5.0.0-alpha.4",
+    "@rpgjs/common": "5.0.0-alpha.5",
     "@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"
   },
   "devDependencies": {

package/src/components/index.ts

@@ -1,3 +1,4 @@
 import EventLayerComponent from "./scenes/event-layer.ce";
+import CharacterComponent from "./character.ce";
 
-export { EventLayerComponent }
+export { EventLayerComponent, CharacterComponent }

package/src/components/scenes/draw-map.ce

@@ -1,24 +1,8 @@
 <Container sound={backgroundMusic} >
   <Container sound={backgroundAmbientSound} />
 
-  <!-- <Sprite image={map.@fullImage} scale /> -->
-
   <sceneComponent() data={map.@data} />
   
-  <!-- <Container sortableChildren={true}>
-    @for (obj of middleLayer) {
-      <ElementMap ...obj image={map.@gridImage} scale /> 
-    }
-
-    @for ((event,id) of events) {
-      <Character id={id} object={event} isMe={false}  />
-    }
-  
-    @for ((player,id) of players) {
-      <Character id={id} object={player} isMe={true} />
-    }
-  </Container> -->
-
   @for (effect of effects) {
     <Container>
       @for (animation of effect.current) {
@@ -43,8 +27,6 @@
     const backgroundAmbientSound = { src: mapParams?.backgroundAmbientSound, autoplay: true, loop: true }
     
     const data = signal(map().data)
-    // const middleLayer = computed(() => data().filter(obj => obj.layer === 1))
-    // const topLayer = computed(() => data().filter(obj => obj.layer === 2))
 
     const scale = mapParams?.scale || 1
     const worldWidth = (mapParams?.width || 2048) * scale

package/src/components/scenes/event-layer.ce

@@ -9,7 +9,7 @@
 </Container>
 
 <script>
-    import { effect, signal, computed, mount } from 'canvasengine'
+    import { effect, signal } from 'canvasengine'
     import { inject } from "../../core/inject";
     import { RpgClientEngine } from "../../RpgClientEngine";
     import Character from "../character.ce";

package/vite.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
       fileName: 'index'
     },
     rollupOptions: {
-      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs'],
+      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs', 'pixi.js'],
       output: {
         preserveModules: true,
         preserveModulesRoot: 'src'

package/src/components/scenes/element-map.ce

@@ -1,23 +0,0 @@
-<Sprite image rectangle x y zIndex />
-
-<script>
-const {
-    image,
-    rect,
-    drawIn,
-    id,
-} = defineProps()
-
-const rectangle = {
-    x: rect[0],
-    y: rect[1],
-    width: rect[2],
-    height: rect[3]
-}
-
-const x = drawIn[0]
-const y = drawIn[1]
-
-const zIndex = y + rectangle.height
-</script>
-