Refacto insert cowebsite

front/src/Api/Events/IframeEvent.ts

@@ -5,7 +5,7 @@ import type { ClosePopupEvent } from "./ClosePopupEvent";
 import type { EnterLeaveEvent } from "./EnterLeaveEvent";
 import type { GoToPageEvent } from "./GoToPageEvent";
 import type { LoadPageEvent } from "./LoadPageEvent";
-import { coWebsite, isOpenCoWebsiteEvent } from "./OpenCoWebsiteEvent";
+import { isCoWebsite, isOpenCoWebsiteEvent } from "./OpenCoWebsiteEvent";
 import type { OpenPopupEvent } from "./OpenPopupEvent";
 import type { OpenTabEvent } from "./OpenTabEvent";
 import type { UserInputChatEvent } from "./UserInputChatEvent";
@@ -114,11 +114,11 @@ export const iframeQueryMapTypeGuards = {
     },
     openCoWebsite: {
         query: isOpenCoWebsiteEvent,
-        answer: coWebsite
+        answer: isCoWebsite
     },
     getCoWebsites: {
         query: tg.isUndefined,
-        answer:  tg.isArray(coWebsite)
+        answer:  tg.isArray(isCoWebsite)
     },
     closeCoWebsite: {
         query: tg.isString,

front/src/Api/Events/OpenCoWebsiteEvent.ts

@@ -9,7 +9,7 @@ export const isOpenCoWebsiteEvent = new tg.IsInterface()
     })
     .get();
 
-export const coWebsite = new tg.IsInterface()
+export const isCoWebsite = new tg.IsInterface()
     .withProperties({
         id: tg.isString,
         position: tg.isNumber,

front/src/Api/iframe/nav.ts

@@ -1,5 +1,16 @@
 import { IframeApiContribution, sendToWorkadventure, queryWorkadventure } from "./IframeApiContribution";
 
+export class CoWebsite {
+    constructor(private readonly id: string, public readonly position: number) {}
+
+    close() {
+        return queryWorkadventure({
+            type: "closeCoWebsite",
+            data: this.id,
+        });
+    }
+}
+
 export class WorkadventureNavigationCommands extends IframeApiContribution<WorkadventureNavigationCommands> {
     callbacks = [];
 
@@ -45,8 +56,8 @@ export class WorkadventureNavigationCommands extends IframeApiContribution<Worka
         });
     }
 
-    openCoWebsite(url: string, allowApi?: boolean, allowPolicy?: string, position?: number) {
-        return queryWorkadventure({
+    async openCoWebsite(url: string, allowApi?: boolean, allowPolicy?: string, position?: number): Promise<CoWebsite> {
+        const result = await queryWorkadventure({
             type: "openCoWebsite",
             data: {
                 url,
@@ -55,13 +66,15 @@ export class WorkadventureNavigationCommands extends IframeApiContribution<Worka
                 position,
             },
         });
+        return new CoWebsite(result.id, result.position);
     }
 
-    getCoWebsites() {
-        return queryWorkadventure({
+    async getCoWebsites(): Promise<CoWebsite[]> {
+        const result = await queryWorkadventure({
             type: "getCoWebsites",
             data: undefined
         });
+        return result.map((cowebsiteEvent) => new CoWebsite(cowebsiteEvent.id, cowebsiteEvent.position));
     }
 
     /**