cowebsite

navigation
sound
player
extraction

front/src/Api/iframe/CoWebsite.ts

@@ -0,0 +1,29 @@
+import type { OpenCoWebSiteEvent } from '../Events/OpenCoWebSiteEvent';
+import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
+
+class WorkadventureCoWebsiteCommands extends IframeApiContribution<WorkadventureCoWebsiteCommands> {
+
+    readonly subObjectIdentifier = "cowebsite"
+
+    readonly addMethodsAtRoot = true
+    callbacks = []
+
+    openCoWebSite(url: string): void {
+        sendToWorkadventure({
+            "type": 'openCoWebSite',
+            "data": {
+                url
+            } as OpenCoWebSiteEvent
+        });
+    }
+
+    closeCoWebSite(): void {
+        sendToWorkadventure({
+            "type": 'closeCoWebSite',
+            data: null
+        });
+    }
+}
+
+
+export default new WorkadventureCoWebsiteCommands();

front/src/Api/iframe/IframeApiContribution.ts

@@ -1,8 +1,7 @@
-import type { IframeEvent, IframeEventMap, IframeResponseEventMap } from '../Events/IframeEvent';
 import type * as tg from "generic-type-guard";
+import type { IframeEvent, IframeEventMap, IframeResponseEventMap } from '../Events/IframeEvent';
 
 
-export type PossibleSubobjects = "zone" | "chat" | "ui"
 
 export function sendToWorkadventure(content: IframeEvent<keyof IframeEventMap>) {
     window.parent.postMessage(content, "*")
@@ -21,7 +20,7 @@ export interface IframeCallbackContribution<Guard extends tg.TypeGuard<unknown>,
     callback: (payloadData: T) => void
 }
 
-
+export type PossibleSubobjects = "zone" | "chat" | "ui" | "nav" | "sound" | "cowebsite" | "player"
 /**
  * !! be aware that the implemented attributes (addMethodsAtRoot and subObjectIdentifier) must be readonly
  * 

front/src/Api/iframe/Navigation.ts

@@ -0,0 +1,35 @@
+import type { GoToPageEvent } from '../Events/GoToPageEvent';
+import type { OpenTabEvent } from '../Events/OpenTabEvent';
+import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
+
+
+
+class WorkadventureNavigationCommands extends IframeApiContribution<WorkadventureNavigationCommands> {
+
+    readonly subObjectIdentifier = "nav"
+
+    readonly addMethodsAtRoot = true
+    callbacks = []
+
+
+    openTab(url: string): void {
+        sendToWorkadventure({
+            "type": 'openTab',
+            "data": {
+                url
+            } as OpenTabEvent
+        });
+    }
+
+    goToPage(url: string): void {
+        sendToWorkadventure({
+            "type": 'goToPage',
+            "data": {
+                url
+            } as GoToPageEvent
+        });
+    }
+}
+
+
+export default new WorkadventureNavigationCommands();

front/src/Api/iframe/Player.ts

@@ -0,0 +1,22 @@
+import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
+
+class WorkadventureNavigationCommands extends IframeApiContribution<WorkadventureNavigationCommands> {
+
+    readonly subObjectIdentifier = "player"
+
+    readonly addMethodsAtRoot = true
+    callbacks = []
+
+    disablePlayerControls(): void {
+        sendToWorkadventure({ 'type': 'disablePlayerControls', data: null });
+    }
+
+    restorePlayerControls(): void {
+        sendToWorkadventure({ 'type': 'restorePlayerControls', data: null });
+    }
+
+
+}
+
+
+export default new WorkadventureNavigationCommands();

front/src/Api/iframe/Sound.ts

@@ -0,0 +1,59 @@
+import type { LoadSoundEvent } from '../Events/LoadSoundEvent';
+import type { PlaySoundEvent } from '../Events/PlaySoundEvent';
+import type { StopSoundEvent } from '../Events/StopSoundEvent';
+import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
+import SoundConfig = Phaser.Types.Sound.SoundConfig;
+
+export class Sound {
+    constructor(private url: string) {
+        sendToWorkadventure({
+            "type": 'loadSound',
+            "data": {
+                url: this.url,
+            } as LoadSoundEvent
+
+        });
+    }
+
+    public play(config: SoundConfig) {
+        sendToWorkadventure({
+            "type": 'playSound',
+            "data": {
+                url: this.url,
+                config
+            } as PlaySoundEvent
+
+        });
+        return this.url;
+    }
+    public stop() {
+        sendToWorkadventure({
+            "type": 'stopSound',
+            "data": {
+                url: this.url,
+            } as StopSoundEvent
+
+        });
+        return this.url;
+    }
+
+}
+
+
+
+class WorkadventureSoundCommands extends IframeApiContribution<WorkadventureSoundCommands> {
+
+    readonly subObjectIdentifier = "sound"
+
+    readonly addMethodsAtRoot = true
+    callbacks = []
+
+
+    loadSound(url: string): Sound {
+        return new Sound(url);
+    }
+
+}
+
+
+export default new WorkadventureSoundCommands();

front/src/Api/iframe/zone-events.ts

@@ -1,6 +1,6 @@
-import { EnterLeaveEvent, isEnterLeaveEvent } from '../Events/EnterLeaveEvent'
-import { apiCallback as apiCallback, IframeApiContribution } from './IframeApiContribution'
 import { Subject } from "rxjs";
+import { EnterLeaveEvent, isEnterLeaveEvent } from '../Events/EnterLeaveEvent';
+import { apiCallback as apiCallback, IframeApiContribution } from './IframeApiContribution';
 
 
 const enterStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();

front/src/iframe_api.ts

@@ -1,13 +1,5 @@
-import { Subject } from "rxjs";
-import type { GoToPageEvent } from "./Api/Events/GoToPageEvent";
 import { IframeResponseEventMap, isIframeResponseEventWrapper } from "./Api/Events/IframeEvent";
-import type { LoadSoundEvent } from "./Api/Events/LoadSoundEvent";
+
-import type { OpenCoWebSiteEvent } from "./Api/Events/OpenCoWebSiteEvent";
-import type { OpenTabEvent } from "./Api/Events/OpenTabEvent";
-import type { PlaySoundEvent } from "./Api/Events/PlaySoundEvent";
-import type { StopSoundEvent } from "./Api/Events/StopSoundEvent";
-import { isUserInputChatEvent, UserInputChatEvent } from "./Api/Events/UserInputChatEvent";
-import SoundConfig = Phaser.Types.Sound.SoundConfig;
 export const registeredCallbacks: { [K in keyof IframeResponseEventMap]?: {
     typeChecker: Function
     callback: Function
@@ -16,9 +8,13 @@ export const registeredCallbacks: { [K in keyof IframeResponseEventMap]?: {
 const importType = Promise.all([
     import("./Api/iframe/popup"),
     import("./Api/iframe/chatmessage"),
-    import("./Api/iframe/zone-events")
+    import("./Api/iframe/Sound"),
+    import("./Api/iframe/zone-events"),
+    import("./Api/iframe/Navigation"),
+    import("./Api/iframe/CoWebsite")
 ])
 
+
 type PromiseReturnType<P> = P extends Promise<infer T> ? T : P
 
 type WorkadventureCommandClasses = PromiseReturnType<typeof importType>[number]["default"];
@@ -50,20 +46,12 @@ type WorkAdventureApiFiles = {
 } & SubObjectTypes
 
 export interface WorkAdventureApi extends WorkAdventureApiFiles {
-    openTab(url: string): void;
-    goToPage(url: string): void;
-    openCoWebSite(url: string): void;
-    closeCoWebSite(): void;
     disablePlayerControls(): void;
     restorePlayerControls(): void;
     displayBubble(): void;
     removeBubble(): void;
-    loadSound(url: string): Sound;
 }
 
-
-
-
 declare global {
 
     interface Window {
@@ -72,55 +60,9 @@ declare global {
     let WA: WorkAdventureApi
 }
 
-const userInputChatStream: Subject<UserInputChatEvent> = new Subject();
-
-
-
-
-
-export class Sound {
-    constructor(private url: string) {
-        window.parent.postMessage({
-            "type": 'loadSound',
-            "data": {
-                url: this.url,
-            } as LoadSoundEvent
-
-        }, '*');
-    }
-
-    public play(config: SoundConfig) {
-        window.parent.postMessage({
-            "type": 'playSound',
-            "data": {
-                url: this.url,
-                config
-            } as PlaySoundEvent
-
-        }, '*');
-        return this.url;
-    }
-    public stop() {
-        window.parent.postMessage({
-            "type": 'stopSound',
-            "data": {
-                url: this.url,
-            } as StopSoundEvent
-
-        }, '*');
-        return this.url;
-    }
-
-}
 
 window.WA = {
-    disablePlayerControls(): void {
-        window.parent.postMessage({ 'type': 'disablePlayerControls' }, '*');
-    },
    
-    restorePlayerControls(): void {
-        window.parent.postMessage({ 'type': 'restorePlayerControls' }, '*');
-    },
 
     displayBubble(): void {
         window.parent.postMessage({ 'type': 'displayBubble' }, '*');
@@ -130,42 +72,7 @@ window.WA = {
         window.parent.postMessage({ 'type': 'removeBubble' }, '*');
     },
 
-    openTab(url: string): void {
-        window.parent.postMessage({
-            "type": 'openTab',
-            "data": {
-                url
-            } as OpenTabEvent
-        }, '*');
-    },
 
-    loadSound(url: string): Sound {
-        return new Sound(url);
-    },
-
-    goToPage(url: string): void {
-        window.parent.postMessage({
-            "type": 'goToPage',
-            "data": {
-                url
-            } as GoToPageEvent
-        }, '*');
-    },
-
-    openCoWebSite(url: string): void {
-        window.parent.postMessage({
-            "type": 'openCoWebSite',
-            "data": {
-                url
-            } as OpenCoWebSiteEvent
-        }, '*');
-    },
-
-    closeCoWebSite(): void {
-        window.parent.postMessage({
-            "type": 'closeCoWebSite'
-        }, '*');
-    },
     ...({} as WorkAdventureApiFiles),
 }
 
@@ -173,18 +80,16 @@ window.addEventListener('message', message => {
     if (message.source !== window.parent) {
         return; // Skip message in this event listener
     }
-
     const payload = message.data;
-
     console.debug(payload);
 
     if (isIframeResponseEventWrapper(payload)) {
         const payloadData = payload.data;
 
-        if (payload.type === 'userInputChat' && isUserInputChatEvent(payloadData)) {
+        if (registeredCallbacks[payload.type] && registeredCallbacks[payload.type]?.typeChecker(payloadData)) {
-            userInputChatStream.next(payloadData);
+            registeredCallbacks[payload.type]?.callback(payloadData)
+            return
         }
-
     }
 
     // ...