Merge branch 'update-game-tiles' into metadataScriptingApi

front/src/Api/Events/IframeEvent.ts

@@ -17,6 +17,7 @@ import type { LayerEvent } from './LayerEvent';
 import type { SetPropertyEvent } from "./setPropertyEvent";
 import type { TagEvent } from "./TagEvent";
 import type { TilesetEvent } from "./TilesetEvent";
+import type { UpdateTileEvent } from "./UpdateTileEvent";
 
 export interface TypedMessageEvent<T> extends MessageEvent {
     data: T
@@ -43,7 +44,8 @@ export type IframeEventMap = {
     setProperty: SetPropertyEvent
     getDataLayer: undefined
     getTag: undefined
-    tilsetEvent: TilesetEvent
+    tilesetEvent: TilesetEvent
+    updateTileEvent: UpdateTileEvent
 }
 export interface IframeEvent<T extends keyof IframeEventMap> {
     type: T;

front/src/Api/Events/UpdateTileEvent.ts

@@ -0,0 +1,15 @@
+import * as tg from "generic-type-guard";
+
+
+export const isUpdateTileEvent = tg.isArray(
+    new tg.IsInterface().withProperties({
+        x: tg.isNumber,
+        y: tg.isNumber,
+        tile: tg.isUnion(tg.isNumber, tg.isString),
+        layer: tg.isString
+    }).get()
+);
+/**
+ * A message sent from the game to the iFrame when a user enters or leaves a zone marked with the "zone" property.
+ */
+export type UpdateTileEvent = tg.GuardedType<typeof isUpdateTileEvent>;

front/src/Api/IframeListener.ts

@@ -21,6 +21,7 @@ import { isMenuItemRegisterEvent } from './Events/MenuItemRegisterEvent';
 import type { MenuItemClickedEvent } from './Events/MenuItemClickedEvent';
 import type { TagEvent } from "./Events/TagEvent";
 import { isTilesetEvent, TilesetEvent } from "./Events/TilesetEvent";
+import { isUpdateTileEvent, UpdateTileEvent } from './Events/UpdateTileEvent';
 
 
 /**
@@ -35,12 +36,6 @@ class IframeListener {
     private readonly _openPopupStream: Subject<OpenPopupEvent> = new Subject();
     public readonly openPopupStream = this._openPopupStream.asObservable();
 
-    private readonly _openTabStream: Subject<OpenTabEvent> = new Subject();
-    public readonly openTabStream = this._openTabStream.asObservable();
-
-    private readonly _goToPageStream: Subject<GoToPageEvent> = new Subject();
-    public readonly goToPageStream = this._goToPageStream.asObservable();
-
     private readonly _openCoWebSiteStream: Subject<OpenCoWebSiteEvent> = new Subject();
     public readonly openCoWebSiteStream = this._openCoWebSiteStream.asObservable();
 
@@ -86,6 +81,9 @@ class IframeListener {
     private readonly _tilesetLoaderStream: Subject<TilesetEvent> =  new Subject();
     public readonly tilesetLoaderStream = this._tilesetLoaderStream.asObservable();
 
+    private readonly _updateTileStream: Subject<UpdateTileEvent> = new Subject();
+    public readonly updateTileStream = this._updateTileStream.asObservable();
+
     private readonly iframes = new Set<HTMLIFrameElement>();
     private readonly scripts = new Map<string, HTMLIFrameElement>();
     private sendPlayerMove: boolean = false;
@@ -156,8 +154,10 @@ class IframeListener {
                     this._registerMenuCommandStream.next(payload.data.menutItem)
                 } else if (payload.type == "getTag") {
                     this._tagListStream.next();
-                } else if (payload.type == "tilsetEvent" && isTilesetEvent(payload.data)) {
+                } else if (payload.type == "tilesetEvent" && isTilesetEvent(payload.data)) {
                     this._tilesetLoaderStream.next(payload.data);
+                } else if (payload.type == "updateTileEvent" && isUpdateTileEvent(payload.data)) {
+                    this._updateTileStream.next(payload.data)
                 }
             }
         }, false);

front/src/Phaser/Game/GameScene.ts

@@ -80,6 +80,7 @@ import CanvasTexture = Phaser.Textures.CanvasTexture;
 import GameObject = Phaser.GameObjects.GameObject;
 import FILE_LOAD_ERROR = Phaser.Loader.Events.FILE_LOAD_ERROR;
 import DOMElement = Phaser.GameObjects.DOMElement;
+import EVENT_TYPE = Phaser.Scenes.Events
 import type { Subscription } from "rxjs";
 import { worldFullMessageStream } from "../../Connexion/WorldFullMessageStream";
 import { lazyLoadCompanionResource } from "../Companion/CompanionTexturesLoadingManager";
@@ -910,12 +911,33 @@ ${escapedMessage}
             iframeListener.sendUserTagList({list: this.connection.getAllTag()});
         }))
 
+/*
         this.iframeSubscriptionList.push(iframeListener.tilesetLoaderStream.subscribe((tileset) => {
             //this.load.tilemapTiledJSON('logo', tileset.imgUrl);
             this.load.image('logo', tileset.imgUrl);
             this.Terrains.push(this.Map.addTilesetImage(tileset.name, tileset.imgUrl, tileset.tilewidth, tileset.tileheight, tileset.margin, tileset.spacing));
             this.gameMap.addTerrain(this.Terrains[this.Terrains.length - 1]);
         }))
+*/
+
+        this.iframeSubscriptionList.push(iframeListener.updateTileStream.subscribe(event => {
+            for (const eventTile of event) {
+                const layer = this.gameMap.findPhaserLayer(eventTile.layer);
+                if (layer) {
+                    const tile = layer.getTileAt(eventTile.x, eventTile.y)
+                    if (typeof eventTile.tile == "string") {
+                        const tileIndex = this.getIndexForTileType(eventTile.tile);
+                        if (tileIndex) {
+                            tile.index = tileIndex
+                        } else {
+                            return
+                        }
+                    } else {
+                        tile.index = eventTile.tile
+                    }
+                }
+            }
+        }))
 
     }
 
@@ -945,6 +967,19 @@ ${escapedMessage}
     }
 
 
+    private getIndexForTileType(tileType: string): number | null {
+        for (const tileset of this.mapFile.tilesets) {
+            if (tileset.tiles) {
+                for (const tilesetTile of tileset.tiles) {
+                    if (tilesetTile.type == tileType) {
+                        return tileset.firstgid + tilesetTile.id
+                    }
+                }
+            }
+        }
+        return null
+    }
+
     private getMapDirUrl(): string {
         return this.MapUrlFile.substr(0, this.MapUrlFile.lastIndexOf('/'));
     }

front/src/Phaser/Map/ITiledMap.ts

@@ -170,7 +170,7 @@ export interface ITiledTileSet {
     tilewidth: number;
     transparentcolor: string;
     terrains: ITiledMapTerrain[];
-    tiles: {[key: string]: { terrain: number[] }};
+    tiles: Array<ITile>;
 
     /**
      * Refers to external tileset file (should be JSON)
@@ -178,6 +178,11 @@ export interface ITiledTileSet {
     source: string;
 }
 
+export interface ITile {
+    id: number,
+    type?: string
+}
+
 export interface ITiledMapTerrain {
     name: string;
     tile: number;

front/src/iframe_api.ts

@@ -26,8 +26,6 @@ interface WorkAdventureApi {
     onEnterZone(name: string, callback: () => void): void;
     onLeaveZone(name: string, callback: () => void): void;
     openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup;
-    openTab(url: string): void;
-    goToPage(url: string): void;
     openCoWebSite(url: string): void;
     closeCoWebSite(): void;
     disablePlayerControls() : void;
@@ -167,7 +165,7 @@ window.WA = {
 
     loadTileset(name: string, imgUrl : string, tilewidth : number, tileheight : number, margin : number, spacing : number): void {
         postToParent({
-            type: "tilsetEvent",
+            type: "updateTileEvent",
             data: {
                 name: name,
                 imgUrl: imgUrl,
@@ -276,24 +274,6 @@ window.WA = {
         window.parent.postMessage({ 'type': 'removeBubble' }, '*');
     },
 
-    openTab(url: string): void {
-        window.parent.postMessage({
-            "type": 'openTab',
-            "data": {
-                url
-            } as OpenTabEvent
-        }, '*');
-    },
-
-    goToPage(url: string): void {
-        window.parent.postMessage({
-            "type": 'goToPage',
-            "data": {
-                url
-            } as GoToPageEvent
-        }, '*');
-    },
-
     openCoWebSite(url: string): void {
         window.parent.postMessage({
             "type": 'openCoWebSite',