@rpgjs/tiledmap 5.0.0-alpha.6 → 5.0.0-alpha.7

package/dist/client/index.js

@@ -13,15 +13,12 @@ function provideTiledMap(options) {
     },
     (_a = provideLoadMap) == null ? void 0 : _a(async (map) => {
       const response = await fetch(`${options.basePath}/${map}.tmx`);
-      const mapData = (await response.text()).replace(
-        /source="([^"]+)"/g,
-        `source="${options.basePath}/$1"`
-      );
+      const mapData = await response.text();
       const parser = new TiledParser(mapData);
       const parsedMap = parser.parseMap();
       const tilesets = [];
       for (let tileset of parsedMap.tilesets) {
-        const response2 = await fetch(`${tileset.source}`);
+        const response2 = await fetch(`${options.basePath}/${tileset.source}`);
         const tilesetData = await response2.text();
         const parser2 = new TiledParser(tilesetData);
         const parsedTileset = parser2.parseTileset();
@@ -38,7 +35,10 @@ function provideTiledMap(options) {
         data: mapData,
         component,
         parsedMap,
-        id: map
+        id: map,
+        params: {
+          basePath: options.basePath
+        }
       };
       if (options.onLoadMap) {
         await options.onLoadMap(map);

package/dist/client/index4.js

@@ -4,9 +4,10 @@ import { TiledMap } from "@canvasengine/presets";
 function component($$props) {
   useProps($$props);
   const defineProps = useDefineProps($$props);
-  var data = defineProps().data;
+  var _a = defineProps(), data = _a.data, params = _a.params;
   var map = signal(data());
-  let $this = h(Container, null, h(TiledMap, { map, basePath: "map", createLayersPerTilesZ: true, objectLayer: () => h(EventLayerComponent) }));
+  var basePath = signal(params().basePath);
+  let $this = h(Container, null, h(TiledMap, { map, basePath, createLayersPerTilesZ: true, objectLayer: () => h(EventLayerComponent) }));
   return $this;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpgjs/tiledmap",
-  "version": "5.0.0-alpha.6",
+  "version": "5.0.0-alpha.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -22,12 +22,12 @@
   "license": "MIT",
   "description": "RPGJS is a framework for creating RPG/MMORPG games",
   "peerDependencies": {
-    "@canvasengine/presets": "2.0.0-beta.21",
-    "@rpgjs/client": "5.0.0-alpha.6",
-    "@rpgjs/common": "5.0.0-alpha.6",
-    "@rpgjs/server": "5.0.0-alpha.6",
-    "@rpgjs/vite": "5.0.0-alpha.6",
-    "canvasengine": "2.0.0-beta.21"
+    "@canvasengine/presets": "2.0.0-beta.25",
+    "@rpgjs/client": "5.0.0-alpha.7",
+    "@rpgjs/common": "5.0.0-alpha.7",
+    "@rpgjs/server": "5.0.0-alpha.7",
+    "@rpgjs/vite": "5.0.0-alpha.7",
+    "canvasengine": "2.0.0-beta.25"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -17,15 +17,12 @@ export function provideTiledMap(options: {
     provideLoadMap?.(async (map) => {
       "use client";
       const response = await fetch(`${options.basePath}/${map}.tmx`);
-      const mapData = (await response.text()).replace(
-        /source="([^"]+)"/g,
-        `source="${options.basePath}/$1"`
-      );
+      const mapData = (await response.text());
       const parser = new TiledParser(mapData);
       const parsedMap = parser.parseMap();
       const tilesets: any = [];
       for (let tileset of parsedMap.tilesets) {
-        const response = await fetch(`${tileset.source}`);
+        const response = await fetch(`${options.basePath}/${tileset.source}`);
         const tilesetData = await response.text();
         const parser = new TiledParser(tilesetData);
         const parsedTileset = parser.parseTileset();
@@ -43,6 +40,9 @@ export function provideTiledMap(options: {
         component: Tiled,
         parsedMap,
         id: map,
+        params: {
+          basePath: options.basePath,
+        },
       };
 
       if (options.onLoadMap) {

package/src/tiled.ce

@@ -1,5 +1,5 @@
 <Container>
-    <TiledMap map basePath="map" createLayersPerTilesZ={true} objectLayer={() => <EventLayerComponent />}  />
+    <TiledMap map basePath createLayersPerTilesZ={true} objectLayer={() => <EventLayerComponent />}  />
 </Container>
 
 <script>
@@ -7,7 +7,8 @@
     import { TiledMap } from "@canvasengine/presets";
     import { signal } from "canvasengine";
 
-    const { data } = defineProps()
+    const { data, params } = defineProps()
 
     const map = signal(data())
+    const basePath = signal(params().basePath)
 </script>