first step on loading a tileset from a script

front/src/Api/Events/IframeEvent.ts

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

front/src/Api/Events/TilesetEvent.ts

@@ -0,0 +1,15 @@
+import * as tg from "generic-type-guard";
+
+export const isTilesetEvent =
+    new tg.IsInterface().withProperties({
+        name : tg.isString,
+        imgUrl : tg.isString,
+        tilewidth : tg.isNumber,
+        tileheight : tg.isNumber,
+        margin : tg.isNumber,
+        spacing : tg.isNumber,
+    }).get();
+/**
+ * A message sent from the iFrame to the game to show/hide a layer.
+ */
+export type TilesetEvent = tg.GuardedType<typeof isTilesetEvent>;

front/src/Api/IframeListener.ts

@@ -20,6 +20,7 @@ import type { DataLayerEvent } from "./Events/DataLayerEvent";
 import { isMenuItemRegisterEvent } from './Events/MenuItemRegisterEvent';
 import type { MenuItemClickedEvent } from './Events/MenuItemClickedEvent';
 import type { TagEvent } from "./Events/TagEvent";
+import { isTilesetEvent, TilesetEvent } from "./Events/TilesetEvent";
 
 
 /**
@@ -79,9 +80,12 @@ class IframeListener {
     private readonly _registerMenuCommandStream: Subject<string> = new Subject();
     public readonly registerMenuCommandStream = this._registerMenuCommandStream.asObservable();
 
-    private readonly _tagListStream: Subject<string> = new Subject();
+    private readonly _tagListStream: Subject<void> = new Subject();
     public readonly tagListStream = this._tagListStream.asObservable();
 
+    private readonly _tilesetLoaderStream: Subject<TilesetEvent> =  new Subject();
+    public readonly tilesetLoaderStream = this._tilesetLoaderStream.asObservable();
+
     private readonly iframes = new Set<HTMLIFrameElement>();
     private readonly scripts = new Map<string, HTMLIFrameElement>();
     private sendPlayerMove: boolean = false;
@@ -152,6 +156,8 @@ class IframeListener {
                     this._registerMenuCommandStream.next(payload.data.menutItem)
                 } else if (payload.type == "getTag") {
                     this._tagListStream.next();
+                } else if (payload.type == "tilsetEvent" && isTilesetEvent(payload.data)) {
+                    this._tilesetLoaderStream.next(payload.data);
                 }
             }
         }, false);