Splitting classes in separated files

front/src/Api/iframe/Sound/Sound.ts

@@ -0,0 +1,39 @@
+import {sendToWorkadventure} from "../IframeApiContribution";
+import type {LoadSoundEvent} from "../../Events/LoadSoundEvent";
+import type {PlaySoundEvent} from "../../Events/PlaySoundEvent";
+import type {StopSoundEvent} from "../../Events/StopSoundEvent";
+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;
+    }
+}

front/src/Api/iframe/Ui/ButtonDescriptor.ts

@@ -0,0 +1,18 @@
+import type {Popup} from "./Popup";
+
+export type ButtonClickedCallback = (popup: Popup) => void;
+
+export interface ButtonDescriptor {
+    /**
+     * The label of the button
+     */
+    label: string,
+    /**
+     * The type of the button. Can be one of "normal", "primary", "success", "warning", "error", "disabled"
+     */
+    className?: "normal" | "primary" | "success" | "warning" | "error" | "disabled",
+    /**
+     * Callback called if the button is pressed
+     */
+    callback: ButtonClickedCallback,
+}

front/src/Api/iframe/Ui/Popup.ts

@@ -0,0 +1,19 @@
+import {sendToWorkadventure} from "../IframeApiContribution";
+import type {ClosePopupEvent} from "../../Events/ClosePopupEvent";
+
+export class Popup {
+    constructor(private id: number) {
+    }
+
+    /**
+     * Closes the popup
+     */
+    public close(): void {
+        sendToWorkadventure({
+            'type': 'closePopup',
+            'data': {
+                'popupId': this.id,
+            } as ClosePopupEvent
+        });
+    }
+}

front/src/Api/iframe/sound.ts

@@ -2,53 +2,11 @@ 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;
-    }
-
-}
-
-
+import {Sound} from "./Sound/Sound";
 
 class WorkadventureSoundCommands extends IframeApiContribution<WorkadventureSoundCommands> {
-
-    readonly subObjectIdentifier = "sound"
-
-    readonly addMethodsAtRoot = true
     callbacks = []
 
-
     loadSound(url: string): Sound {
         return new Sound(url);
     }
@@ -56,4 +14,4 @@ class WorkadventureSoundCommands extends IframeApiContribution<WorkadventureSoun
 }
 
 
-export default new WorkadventureSoundCommands();
+export default new WorkadventureSoundCommands();

front/src/Api/iframe/ui.ts

@@ -2,39 +2,9 @@ import { isButtonClickedEvent } from '../Events/ButtonClickedEvent';
 import type { ClosePopupEvent } from '../Events/ClosePopupEvent';
 import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
 import { apiCallback } from "./registeredCallbacks";
+import {Popup} from "./Ui/Popup";
+import type {ButtonClickedCallback, ButtonDescriptor} from "./Ui/ButtonDescriptor";
 
-export class Popup {
-    constructor(private id: number) {
-    }
-
-    /**
-     * Closes the popup
-     */
-    public close(): void {
-        sendToWorkadventure({
-            'type': 'closePopup',
-            'data': {
-                'popupId': this.id,
-            } as ClosePopupEvent
-        });
-    }
-}
-
-type ButtonClickedCallback = (popup: Popup) => void;
-export interface ButtonDescriptor {
-    /**
-     * The label of the button
-     */
-    label: string,
-    /**
-     * The type of the button. Can be one of "normal", "primary", "success", "warning", "error", "disabled"
-     */
-    className?: "normal" | "primary" | "success" | "warning" | "error" | "disabled",
-    /**
-     * Callback called if the button is pressed
-     */
-    callback: ButtonClickedCallback,
-}
 let popupId = 0;
 const popups: Map<number, Popup> = new Map<number, Popup>();
 const popupCallbacks: Map<number, Map<number, ButtonClickedCallback>> = new Map<number, Map<number, ButtonClickedCallback>>();
@@ -50,9 +20,6 @@ interface ZonedPopupOptions {
 
 class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiCommands> {
 
-    readonly subObjectIdentifier = "ui"
-
-    readonly addMethodsAtRoot = true
     callbacks = [apiCallback({
         type: "buttonClickedEvent",
         typeChecker: isButtonClickedEvent,

front/src/iframe_api.ts

@@ -9,10 +9,12 @@ import chat from "./Api/iframe/chat";
 import type {IframeCallback} from './Api/iframe/IframeApiContribution';
 import nav from "./Api/iframe/nav";
 import controls from "./Api/iframe/controls";
-import ui, {ButtonDescriptor, Popup} from "./Api/iframe/ui";
-import sound, {Sound} from "./Api/iframe/sound";
+import ui from "./Api/iframe/ui";
+import sound from "./Api/iframe/sound";
 import room from "./Api/iframe/room";
-
+import type {ButtonDescriptor} from "./Api/iframe/Ui/ButtonDescriptor";
+import type {Popup} from "./Api/iframe/Ui/Popup";
+import type {Sound} from "./Api/iframe/Sound/Sound";
 
 const wa = {
     ui,