From 1ee0b28f66ac251a339fa7617e8848bdf69d4913 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Thu, 7 Oct 2021 14:40:02 +0200
Subject: [PATCH 01/16] Fix co website closing on exit zone

---
 .../Phaser/Game/GameMapPropertiesListener.ts  | 65 ++++++++++---------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/front/src/Phaser/Game/GameMapPropertiesListener.ts b/front/src/Phaser/Game/GameMapPropertiesListener.ts
index 950e1ebc..29084d2a 100644
--- a/front/src/Phaser/Game/GameMapPropertiesListener.ts
+++ b/front/src/Phaser/Game/GameMapPropertiesListener.ts
@@ -37,37 +37,44 @@ export class GameMapPropertiesListener {
             }
         });
         this.gameMap.onPropertyChange("openWebsite", (newValue, oldValue, allProps) => {
-            if (newValue === undefined) {
-                layoutManagerActionStore.removeAction("openWebsite");
-                coWebsiteManager.closeCoWebsite();
-            } else {
-                const openWebsiteFunction = () => {
-                    coWebsiteManager.loadCoWebsite(
-                        newValue as string,
-                        this.scene.MapUrlFile,
-                        allProps.get("openWebsiteAllowApi") as boolean | undefined,
-                        allProps.get("openWebsitePolicy") as string | undefined,
-                        allProps.get("openWebsiteWidth") as number | undefined
-                    );
+            const handler = async () => {
+                if (newValue === undefined || newValue !== oldValue) {
                     layoutManagerActionStore.removeAction("openWebsite");
-                };
-                const openWebsiteTriggerValue = allProps.get(TRIGGER_WEBSITE_PROPERTIES);
-                if (openWebsiteTriggerValue && openWebsiteTriggerValue === ON_ACTION_TRIGGER_BUTTON) {
-                    let message = allProps.get(WEBSITE_MESSAGE_PROPERTIES);
-                    if (message === undefined) {
-                        message = "Press SPACE or touch here to open web site";
-                    }
-                    layoutManagerActionStore.addAction({
-                        uuid: "openWebsite",
-                        type: "message",
-                        message: message,
-                        callback: () => openWebsiteFunction(),
-                        userInputManager: this.scene.userInputManager,
-                    });
-                } else {
-                    openWebsiteFunction();
+                    await coWebsiteManager.closeCoWebsites();
                 }
-            }
+
+                if (newValue !== undefined) {
+                    const openWebsiteFunction = () => {
+                        coWebsiteManager.loadCoWebsite(
+                            newValue as string,
+                            this.scene.MapUrlFile,
+                            allProps.get("openWebsiteAllowApi") as boolean | undefined,
+                            allProps.get("openWebsitePolicy") as string | undefined,
+                            allProps.get("openWebsiteWidth") as number | undefined
+                        );
+
+                        layoutManagerActionStore.removeAction("openWebsite");
+                    };
+                    const openWebsiteTriggerValue = allProps.get(TRIGGER_WEBSITE_PROPERTIES);
+                    if (openWebsiteTriggerValue && openWebsiteTriggerValue === ON_ACTION_TRIGGER_BUTTON) {
+                        let message = allProps.get(WEBSITE_MESSAGE_PROPERTIES);
+                        if (message === undefined) {
+                            message = "Press SPACE or touch here to open web site";
+                        }
+                        layoutManagerActionStore.addAction({
+                            uuid: "openWebsite",
+                            type: "message",
+                            message: message,
+                            callback: () => openWebsiteFunction(),
+                            userInputManager: this.scene.userInputManager,
+                        });
+                    } else {
+                        openWebsiteFunction();
+                    }
+                }
+            };
+
+            handler();
         });
     }
 }

From da8cc661b72766b4140e63af6f4fa8a8e9a091b6 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Thu, 7 Oct 2021 14:44:15 +0200
Subject: [PATCH 02/16] Implement the new co website system

---
 front/dist/index.tmpl.html                |  74 ++-
 front/src/Components/Menu/Menu.svelte     |   1 +
 front/src/Components/Menu/MenuIcon.svelte |   2 +
 front/src/Phaser/Game/GameScene.ts        |   2 +-
 front/src/WebRtc/CoWebsiteManager.ts      | 566 ++++++++++++++++++----
 front/src/WebRtc/JitsiFactory.ts          |  10 +-
 front/src/index.ts                        |   2 +-
 front/style/cowebsite-mobile.scss         |  79 ++-
 front/style/cowebsite.scss                | 167 ++++++-
 front/style/style.scss                    |  17 +-
 10 files changed, 761 insertions(+), 159 deletions(-)

diff --git a/front/dist/index.tmpl.html b/front/dist/index.tmpl.html
index 0c89b611..dc21765b 100644
--- a/front/dist/index.tmpl.html
+++ b/front/dist/index.tmpl.html
@@ -37,6 +37,54 @@
         <div class="main-container" id="main-container">
             <!-- Create the editor container -->
             <div id="game" class="game">
+                <div id="cowebsite-container">
+                    <div id="cowebsite-container-main">
+                        <div id="cowebsite-slot-1">
+                            <div class="actions">
+                                <button type="button" class="nes-btn is-primary expand">></button>
+                                <button type="button" class="nes-btn is-error close">&times;</button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div id="cowebsite-container-sub">
+                        <div id="cowebsite-slot-2">
+                            <div class="overlay">
+                                <div class="actions">
+                                    <button type="button" title="Close" class="nes-btn is-error close">&times;</button>
+                                </div>
+                                <div class="actions-move">
+                                    <button type="button" title="Expand" class="nes-btn is-primary expand">></button>
+                                    <button type="button" title="Hightlight" class="nes-btn is-secondary hightlight">&Xi;</button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="cowebsite-slot-3">
+                            <div class="overlay">
+                                <div class="actions">
+                                    <button type="button" title="Close" class="nes-btn is-error close">&times;</button>
+                                </div>
+                                <div class="actions-move">
+                                    <button type="button" title="Expand" class="nes-btn is-primary expand">></button>
+                                    <button type="button" title="Hightlight" class="nes-btn is-secondary hightlight">&Xi;</button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="cowebsite-slot-4">
+                            <div class="overlay">
+                                <div class="actions">
+                                    <button type="button" title="Close" class="nes-btn is-error close">&times;</button>
+                                </div>
+                                <div class="actions-move">
+                                    <button type="button" title="Expand" class="nes-btn is-primary expand">></button>
+                                    <button type="button" title="Hightlight" class="nes-btn is-secondary hightlight">&Xi;</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
                 <div id="svelte-overlay"></div>
                 <div id="game-overlay" class="game-overlay">
                     <div id="main-section" class="main-section">
@@ -48,19 +96,25 @@
                 </div>
             </div>
             <div id="cowebsite" class="cowebsite hidden">
-                <aside id="cowebsite-aside">
-                    <img src="/static/images/menu.svg" alt="hold to resize"/>
+                <aside id="cowebsite-aside" class="noselect">
+                    <div id="cowebsite-aside-buttons">
+                        <button class="top-right-btn nes-btn is-error" id="cowebsite-close" alt="close all co-websites">
+                            &times;
+                        </button>
+                        <button class="top-right-btn nes-btn is-primary" id="cowebsite-fullscreen" alt="fullscreen mode">
+                            <img id="cowebsite-fullscreen-close" style="display: none;" src="resources/logos/fullscreen-exit.svg"/>
+                            <img id="cowebsite-fullscreen-open" src="resources/logos/fullscreen.svg"/>
+                        </button>
+                    </div>
+                    <div id="cowebsite-aside-holder">
+                        <img src="/static/images/menu.svg" alt="hold to resize"/>
+                    </div>
+                    <div id="cowebsite-sub-icons"></div>
                 </aside>
-                <main id="cowebsite-main">
+                <main id="cowebsite-slot-0">
                 </main>
-                <button class="top-right-btn" id="cowebsite-fullscreen" alt="fullscreen mode">
-                    <img id="cowebsite-fullscreen-open" src="resources/logos/fullscreen.svg"/>
-                    <img id="cowebsite-fullscreen-close" style="display: none;" src="resources/logos/fullscreen-exit.svg"/>
-                </button>
-                <button class="top-right-btn" id="cowebsite-close" alt="close the iframe">
-                    <img src="resources/logos/close.svg"/>
-                </button>
             </div>
+            <div id="cowebsite-buffer"></div>
         </div>
 
         <div id="activeScreenSharing" class="active-screen-sharing active">
diff --git a/front/src/Components/Menu/Menu.svelte b/front/src/Components/Menu/Menu.svelte
index 6cbef9c1..4eecb370 100644
--- a/front/src/Components/Menu/Menu.svelte
+++ b/front/src/Components/Menu/Menu.svelte
@@ -124,6 +124,7 @@
     top: 10%;
 
     position: relative;
+    z-index: 80;
     margin: auto;
 
     display: grid;
diff --git a/front/src/Components/Menu/MenuIcon.svelte b/front/src/Components/Menu/MenuIcon.svelte
index 02d6eb53..fa177c88 100644
--- a/front/src/Components/Menu/MenuIcon.svelte
+++ b/front/src/Components/Menu/MenuIcon.svelte
@@ -29,6 +29,8 @@
 <style lang="scss">
   .menuIcon {
     display: inline-grid;
+    z-index: 90;
+    position: relative;
     margin: 25px;
     img {
       pointer-events: auto;
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index f91c339b..f967edaf 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1284,7 +1284,7 @@ ${escapedMessage}
 
     public cleanupClosingScene(): void {
         // stop playing audio, close any open website, stop any open Jitsi
-        coWebsiteManager.closeCoWebsite();
+        coWebsiteManager.closeCoWebsites();
         // Stop the script, if any
         const scripts = this.getScriptUrls(this.mapFile);
         for (const script of scripts) {
diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index 9f23beee..b60578df 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -10,9 +10,12 @@ enum iframeStates {
     opened,
 }
 
-const cowebsiteDivId = "cowebsite"; // the id of the whole container.
-const cowebsiteMainDomId = "cowebsite-main"; // the id of the parent div of the iframe.
+const cowebsiteDomId = "cowebsite"; // the id of the whole container.
+const cowebsiteContainerDomId = "cowebsite-container"; // the id of the whole container.
+const cowebsiteMainDomId = "cowebsite-slot-0"; // the id of the parent div of the iframe.
+const cowebsiteBufferDomId = "cowebsite-buffer"; // the id of the container who contains cowebsite iframes.
 const cowebsiteAsideDomId = "cowebsite-aside"; // the id of the parent div of the iframe.
+const cowebsiteSubIconsDomId = "cowebsite-sub-icons";
 export const cowebsiteCloseButtonId = "cowebsite-close";
 const cowebsiteFullScreenButtonId = "cowebsite-fullscreen";
 const cowebsiteOpenFullScreenImageId = "cowebsite-fullscreen-open";
@@ -24,8 +27,19 @@ interface TouchMoveCoordinates {
     y: number;
 }
 
+export interface CoWebsite {
+    iframe: HTMLIFrameElement,
+    icon: HTMLDivElement,
+    position: number
+}
+
+interface CoWebsiteSlot {
+    container: HTMLElement,
+    position: number
+}
+
 class CoWebsiteManager {
-    private opened: iframeStates = iframeStates.closed;
+    private openedMain: iframeStates = iframeStates.closed;
 
     private _onResize: Subject<void> = new Subject();
     public onResize = this._onResize.asObservable();
@@ -34,30 +48,41 @@ class CoWebsiteManager {
      * So we use this promise to queue up every cowebsite state transition
      */
     private currentOperationPromise: Promise<void> = Promise.resolve();
-    private cowebsiteDiv: HTMLDivElement;
+    private cowebsiteDom: HTMLDivElement;
+    private cowebsiteContainerDom: HTMLDivElement;
     private resizing: boolean = false;
     private cowebsiteMainDom: HTMLDivElement;
+    private cowebsiteBufferDom: HTMLDivElement;
     private cowebsiteAsideDom: HTMLDivElement;
+    private cowebsiteSubIconsDom: HTMLDivElement;
     private previousTouchMoveCoordinates: TouchMoveCoordinates | null = null; //only use on touchscreens to track touch movement
 
+    private coWebsites: CoWebsite[] = [];
+
+    private slots: CoWebsiteSlot[];
+
+    private resizeObserver = new ResizeObserver(entries => {
+        this.resizeAllIframes();
+    });
+
     get width(): number {
-        return this.cowebsiteDiv.clientWidth;
+        return this.cowebsiteDom.clientWidth;
     }
 
     set width(width: number) {
-        this.cowebsiteDiv.style.width = width + "px";
+        this.cowebsiteDom.style.width = width + "px";
     }
 
     set widthPercent(width: number) {
-        this.cowebsiteDiv.style.width = width + "%";
+        this.cowebsiteDom.style.width = width + "%";
     }
 
     get height(): number {
-        return this.cowebsiteDiv.clientHeight;
+        return this.cowebsiteDom.clientHeight;
     }
 
     set height(height: number) {
-        this.cowebsiteDiv.style.height = height + "px";
+        this.cowebsiteDom.style.height = height + "px";
     }
 
     get verticalMode(): boolean {
@@ -69,19 +94,59 @@ class CoWebsiteManager {
     }
 
     constructor() {
-        this.cowebsiteDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteDivId);
+        this.cowebsiteDom = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteDomId);
+        this.cowebsiteContainerDom = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteContainerDomId);
         this.cowebsiteMainDom = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteMainDomId);
+        this.cowebsiteBufferDom = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteBufferDomId);
         this.cowebsiteAsideDom = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteAsideDomId);
+        this.cowebsiteSubIconsDom = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteSubIconsDomId);
+        this.initResizeListeners(touchScreenManager.supportTouchScreen);
 
-        if (touchScreenManager.supportTouchScreen) {
-            this.initResizeListeners(true);
-        }
-        this.initResizeListeners(false);
+        this.resizeObserver.observe(this.cowebsiteDom);
+        this.resizeObserver.observe(this.cowebsiteContainerDom);
 
-        const buttonCloseFrame = HtmlUtils.getElementByIdOrFail(cowebsiteCloseButtonId);
-        buttonCloseFrame.addEventListener("click", () => {
-            buttonCloseFrame.blur();
-            this.closeCoWebsite();
+        this.slots = [
+            {
+                container: this.cowebsiteMainDom,
+                position: 0
+            },
+            {
+                container: HtmlUtils.getElementByIdOrFail<HTMLDivElement>('cowebsite-slot-1'),
+                position: 1
+            },
+            {
+                container: HtmlUtils.getElementByIdOrFail<HTMLDivElement>('cowebsite-slot-2'),
+                position: 2
+            },
+            {
+                container: HtmlUtils.getElementByIdOrFail<HTMLDivElement>('cowebsite-slot-3'),
+                position: 3
+            },
+            {
+                container: HtmlUtils.getElementByIdOrFail<HTMLDivElement>('cowebsite-slot-4'),
+                position: 4
+            },
+        ];
+
+        this.slots.forEach((slot) => {
+            this.resizeObserver.observe(slot.container);
+        });
+
+        this.initActionsListeners();
+
+        const buttonCloseCoWebsites = HtmlUtils.getElementByIdOrFail(cowebsiteCloseButtonId);
+        buttonCloseCoWebsites.addEventListener("click", () => {
+            if (this.isSmallScreen() && this.coWebsites.length > 1) {
+                const coWebsite = this.getCoWebsiteByPosition(0);
+
+                if (coWebsite) {
+                    this.removeCoWebsiteFromStack(coWebsite);
+                    return;
+                }
+            }
+
+            buttonCloseCoWebsites.blur();
+            this.closeCoWebsites();
         });
 
         const buttonFullScreenFrame = HtmlUtils.getElementByIdOrFail(cowebsiteFullScreenButtonId);
@@ -91,6 +156,16 @@ class CoWebsiteManager {
         });
     }
 
+    public getDevicePixelRatio(): number {
+        //on chrome engines, movementX and movementY return global screens coordinates while other browser return pixels
+        //so on chrome-based browser we need to adjust using 'devicePixelRatio'
+        return window.navigator.userAgent.includes("Firefox") ? 1 : window.devicePixelRatio;
+    }
+
+    private isSmallScreen(): boolean {
+        return window.matchMedia("(max-aspect-ratio: 1/1)").matches;
+    }
+
     private initResizeListeners(touchMode: boolean) {
         const movecallback = (event: MouseEvent | TouchEvent) => {
             let x, y;
@@ -112,7 +187,6 @@ class CoWebsiteManager {
 
         this.cowebsiteAsideDom.addEventListener(touchMode ? "touchstart" : "mousedown", (event) => {
             this.resizing = true;
-            this.getIframeDom().style.display = "none";
             if (touchMode) {
                 const touchEvent = (event as TouchEvent).touches[0];
                 this.previousTouchMoveCoordinates = { x: touchEvent.pageX, y: touchEvent.pageY };
@@ -127,43 +201,231 @@ class CoWebsiteManager {
                 this.previousTouchMoveCoordinates = null;
             }
             document.removeEventListener(touchMode ? "touchmove" : "mousemove", movecallback);
-            this.getIframeDom().style.display = "block";
+            this.cowebsiteMainDom.style.display = "block";
             this.resizing = false;
         });
     }
 
-    private getDevicePixelRatio(): number {
-        //on chrome engines, movementX and movementY return global screens coordinates while other browser return pixels
-        //so on chrome-based browser we need to adjust using 'devicePixelRatio'
-        return window.navigator.userAgent.includes("Firefox") ? 1 : window.devicePixelRatio;
+    private closeMain(): void {
+        this.cowebsiteDom.classList.remove("loaded"); //edit the css class to trigger the transition
+        this.cowebsiteDom.classList.add("hidden");
+        this.openedMain = iframeStates.closed;
+        this.resetStyleMain();
+        this.cowebsiteDom.style.display = "none";
+    }
+    private loadMain(): void {
+        this.cowebsiteDom.style.display = "flex";
+        this.cowebsiteDom.classList.remove("hidden"); //edit the css class to trigger the transition
+        this.cowebsiteDom.classList.add("loading");
+        this.openedMain = iframeStates.loading;
+    }
+    private openMain(): void {
+        this.cowebsiteDom.classList.remove("loading", "hidden"); //edit the css class to trigger the transition
+        this.openedMain = iframeStates.opened;
+        this.resetStyleMain();
     }
 
-    private close(): void {
-        this.cowebsiteDiv.classList.remove("loaded"); //edit the css class to trigger the transition
-        this.cowebsiteDiv.classList.add("hidden");
-        this.opened = iframeStates.closed;
-        this.resetStyle();
-    }
-    private load(): void {
-        this.cowebsiteDiv.classList.remove("hidden"); //edit the css class to trigger the transition
-        this.cowebsiteDiv.classList.add("loading");
-        this.opened = iframeStates.loading;
-    }
-    private open(): void {
-        this.cowebsiteDiv.classList.remove("loading", "hidden"); //edit the css class to trigger the transition
-        this.opened = iframeStates.opened;
-        this.resetStyle();
+    public resetStyleMain() {
+        this.cowebsiteDom.style.width = "";
+        this.cowebsiteDom.style.height = "";
     }
 
-    public resetStyle() {
-        this.cowebsiteDiv.style.width = "";
-        this.cowebsiteDiv.style.height = "";
+    private initActionsListeners() {
+        this.slots.forEach((slot: CoWebsiteSlot) => {
+            const expandButton = slot.container.querySelector('.expand');
+            const highlightButton = slot.container.querySelector('.hightlight');
+            const closeButton = slot.container.querySelector('.close');
+
+            if (expandButton) {
+                expandButton.addEventListener('click', (event) => {
+                    event.preventDefault();
+                    const coWebsite = this.getCoWebsiteByPosition(slot.position);
+
+                    if (!coWebsite) {
+                        return;
+                    }
+
+                    this.moveRightPreviousCoWebsite(coWebsite, 0);
+                });
+            }
+
+            if (highlightButton) {
+                highlightButton.addEventListener('click', (event) => {
+                    event.preventDefault();
+                    const coWebsite = this.getCoWebsiteByPosition(slot.position);
+
+                    if (!coWebsite) {
+                        return;
+                    }
+
+                    this.moveRightPreviousCoWebsite(coWebsite, 1);
+                });
+            }
+
+            if (closeButton) {
+                closeButton.addEventListener('click', (event) => {
+                    event.preventDefault();
+                    const coWebsite = this.getCoWebsiteByPosition(slot.position);
+
+                    if (!coWebsite) {
+                        return;
+                    }
+
+                    this.removeCoWebsiteFromStack(coWebsite);
+                });
+            }
+        });
     }
 
-    private getIframeDom(): HTMLIFrameElement {
-        const iframe = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteDivId).querySelector("iframe");
-        if (!iframe) throw new Error("Could not find iframe!");
-        return iframe;
+    private searchCoWebsiteById(coWebsiteId: string): CoWebsite|undefined {
+        return this.coWebsites.find((coWebsite: CoWebsite) => coWebsite.iframe.id === coWebsiteId);
+    }
+
+    private getSlotByPosition(position: number): CoWebsiteSlot|undefined {
+        return this.slots.find((slot: CoWebsiteSlot) => slot.position === position);
+    }
+
+    private getCoWebsiteByPosition(position: number): CoWebsite|undefined {
+        return this.coWebsites.find((coWebsite: CoWebsite) => coWebsite.position === position);
+    }
+
+    private setIframeOffset(coWebsite: CoWebsite, slot: CoWebsiteSlot) {
+        const bounding = slot.container.getBoundingClientRect();
+
+        coWebsite.iframe.style.top = bounding.top + 'px';
+        coWebsite.iframe.style.left = bounding.left + 'px';
+        coWebsite.iframe.style.width = (bounding.right - bounding.left) + 'px';
+        coWebsite.iframe.style.height = (bounding.bottom - bounding.top) + 'px';
+    }
+
+    private resizeAllIframes() {
+        this.coWebsites.forEach((coWebsite: CoWebsite) => {
+            const slot =  this.getSlotByPosition(coWebsite.position);
+
+            if (slot) {
+                this.setIframeOffset(coWebsite, slot);
+            }
+        });
+    }
+
+    private moveCoWebsite(coWebsite: CoWebsite, newPosition: number) {
+        const oldSlot = this.getSlotByPosition(coWebsite.position);
+        const newSlot = this.getSlotByPosition(newPosition);
+
+        if (!newSlot) {
+            return;
+        }
+
+        coWebsite.iframe.scrolling = newPosition === 0 || newPosition === 1 ? "yes" : "no";
+
+        if (newPosition === 0) {
+            coWebsite.iframe.classList.add('main');
+            coWebsite.icon.style.display = "none";
+        } else {
+            coWebsite.iframe.classList.remove('main');
+            coWebsite.icon.style.display = "flex";
+        }
+
+        if (newPosition === 1) {
+            coWebsite.iframe.classList.add('sub-main');
+        } else {
+            coWebsite.iframe.classList.remove('sub-main');
+        }
+
+        coWebsite.position = newPosition;
+
+        if (oldSlot && !this.getCoWebsiteByPosition(oldSlot.position)) {
+            oldSlot.container.style.display = 'none';
+        }
+
+        newSlot.container.style.display = 'block';
+
+        coWebsite.iframe.classList.remove('pixel');
+
+        this.resizeAllIframes();
+    }
+
+    private moveLeftPreviousCoWebsite(coWebsite: CoWebsite, newPosition: number) {
+        const nextCoWebsite = this.getCoWebsiteByPosition(coWebsite.position + 1);
+
+        this.moveCoWebsite(coWebsite, newPosition);
+
+        if (nextCoWebsite) {
+            this.moveLeftPreviousCoWebsite(nextCoWebsite, nextCoWebsite.position - 1);
+        }
+    }
+
+    private moveRightPreviousCoWebsite(coWebsite: CoWebsite, newPosition: number) {
+        if (newPosition >= 5) {
+            return;
+        }
+
+        const currentCoWebsite = this.getCoWebsiteByPosition(newPosition);
+
+        this.moveCoWebsite(coWebsite, newPosition);
+
+        if (newPosition === 4 ||
+            !currentCoWebsite ||
+            currentCoWebsite.iframe.id === coWebsite.iframe.id
+            )
+        {
+            return;
+        }
+
+        if (!currentCoWebsite) {
+            return;
+        }
+
+        this.moveRightPreviousCoWebsite(currentCoWebsite, currentCoWebsite.position + 1);
+    }
+
+    private removeCoWebsiteFromStack(coWebsite: CoWebsite) {
+        this.coWebsites = this.coWebsites.filter(
+            (coWebsiteToRemove: CoWebsite) => coWebsiteToRemove.iframe.id !== coWebsite.iframe.id
+        );
+
+        if (this.coWebsites.length < 1) {
+            this.closeMain();
+        }
+
+        if (coWebsite.position > 0) {
+            const slot = this.getSlotByPosition(coWebsite.position);
+            if (slot) {
+                slot.container.style.display = 'none';
+            }
+        }
+
+        const previousCoWebsite = this.coWebsites.find((coWebsiteToCheck: CoWebsite) =>
+            coWebsite.position + 1 === coWebsiteToCheck.position
+        );
+
+        if (previousCoWebsite) {
+            this.moveLeftPreviousCoWebsite(previousCoWebsite, coWebsite.position);
+        }
+
+        coWebsite.icon.remove();
+        coWebsite.iframe.remove();
+    }
+
+    public searchJitsi(): CoWebsite|undefined {
+        return this.coWebsites.find((coWebsite : CoWebsite) =>
+            coWebsite.iframe.id.toLowerCase().includes('jitsi')
+        );
+    }
+
+    private generateCoWebsiteIcon(iframe: HTMLIFrameElement): HTMLDivElement {
+        const icon = document.createElement("div");
+        icon.id = "cowebsite-icon-" + iframe.id;
+        icon.style.display = "none";
+
+        const iconImage = document.createElement("img");
+        iconImage.src = `http://www.google.com/s2/favicons?sz=64&domain_url=${iframe.src}`;
+        const url = new URL(iframe.src);
+        iconImage.alt = url.hostname;
+
+        icon.appendChild(iconImage);
+
+        return icon;
     }
 
     public loadCoWebsite(
@@ -171,89 +433,183 @@ class CoWebsiteManager {
         base: string,
         allowApi?: boolean,
         allowPolicy?: string,
-        widthPercent?: number
-    ): void {
-        this.load();
-        this.cowebsiteMainDom.innerHTML = ``;
+        widthPercent?: number,
+        position?: number
+    ): Promise<CoWebsite> {
+        return new Promise((resolve, reject) => {
+            if (this.coWebsites.length < 1) {
+                this.loadMain();
+            } else if (this.coWebsites.length === 5) {
+                return reject();
+            }
 
-        const iframe = document.createElement("iframe");
-        iframe.id = "cowebsite-iframe";
-        iframe.src = new URL(url, base).toString();
-        if (allowPolicy) {
-            iframe.allow = allowPolicy;
-        }
-        const onloadPromise = new Promise<void>((resolve) => {
-            iframe.onload = () => resolve();
-        });
-        if (allowApi) {
-            iframeListener.registerIframe(iframe);
-        }
-        this.cowebsiteMainDom.appendChild(iframe);
-        const onTimeoutPromise = new Promise<void>((resolve) => {
-            setTimeout(() => resolve(), 2000);
-        });
-        this.currentOperationPromise = this.currentOperationPromise
-            .then(() => Promise.race([onloadPromise, onTimeoutPromise]))
-            .then(() => {
-                this.open();
-                if (widthPercent) {
-                    this.widthPercent = widthPercent;
-                }
-                setTimeout(() => {
-                    this.fire();
-                }, animationTime);
-            })
-            .catch((err) => {
-                console.error("Error loadCoWebsite => ", err);
-                this.closeCoWebsite();
+            const iframe = document.createElement("iframe");
+
+            iframe?.classList.add("pixel");
+
+            do {
+                iframe.id = "cowebsite-iframe-" + (Math.random() + 1).toString(36).substring(7);
+            } while (iframe.id.toLowerCase().includes('jitsi') || this.searchCoWebsiteById(iframe.id));
+
+            iframe.src = new URL(url, base).toString()
+
+            if (allowPolicy) {
+                iframe.allow = allowPolicy;
+            }
+
+            const onloadPromise = new Promise<void>((resolve) => {
+                iframe.onload = () => resolve();
             });
+
+            if (allowApi) {
+                iframeListener.registerIframe(iframe);
+            }
+
+            const icon = this.generateCoWebsiteIcon(iframe);
+
+            const coWebsite = {
+                iframe,
+                icon,
+                position: position ?? this.coWebsites.length,
+            };
+
+            // Iframe management on mobile
+            icon.addEventListener("click", () => {
+                if (this.isSmallScreen()) {
+                    this.moveRightPreviousCoWebsite(coWebsite, 0);
+                }
+            });
+
+            this.coWebsites.push(coWebsite);
+            this.cowebsiteSubIconsDom.appendChild(icon);
+            this.cowebsiteBufferDom.appendChild(coWebsite.iframe);
+
+            const onTimeoutPromise = new Promise<void>((resolve) => {
+                setTimeout(() => resolve(), 2000);
+            });
+
+            this.currentOperationPromise = this.currentOperationPromise
+                .then(() => Promise.race([onloadPromise, onTimeoutPromise]))
+                .then(() => {
+                    if (coWebsite.position === 0) {
+                        this.openMain();
+                        if (widthPercent) {
+                            this.widthPercent = widthPercent;
+                        }
+
+                        setTimeout(() => {
+                            this.fire();
+                            position ?
+                                this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position) :
+                                this.moveCoWebsite(coWebsite, coWebsite.position);
+                        }, animationTime);
+                    } else {
+                        position ?
+                            this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position) :
+                            this.moveCoWebsite(coWebsite, coWebsite.position);
+                    }
+
+                    return resolve(coWebsite);
+                })
+                .catch((err) => {
+                    console.error("Error loadCoWebsite => ", err);
+                    this.removeCoWebsiteFromStack(coWebsite);
+                    return reject();
+                });
+        });
     }
 
     /**
      * Just like loadCoWebsite but the div can be filled by the user.
      */
-    public insertCoWebsite(callback: (cowebsite: HTMLDivElement) => Promise<void>, widthPercent?: number): void {
-        this.load();
-        this.cowebsiteMainDom.innerHTML = ``;
+    public insertCoWebsite(callback: (jitsiBuffer: HTMLDivElement) => Promise<void>, widthPercent?: number): void {
+        if (this.coWebsites.length < 1) {
+            this.loadMain();
+        } else if (this.coWebsites.length === 5) {
+            return;
+        }
+
         this.currentOperationPromise = this.currentOperationPromise
-            .then(() => callback(this.cowebsiteMainDom))
+            .then(() => callback(this.cowebsiteBufferDom))
             .then(() => {
-                this.open();
-                if (widthPercent) {
-                    this.widthPercent = widthPercent;
+                const iframe = this.cowebsiteBufferDom.querySelector<HTMLIFrameElement>('[id*="jitsi" i]');
+                iframe?.classList.add("pixel");
+
+                if (!iframe) {
+                    console.error("Error insertCoWebsite => Cannot find Iframe Element on Jitsi DOM");
+                    return;
                 }
-                setTimeout(() => {
-                    this.fire();
-                }, animationTime);
+
+                const icon = this.generateCoWebsiteIcon(iframe);
+
+                const coWebsite = {
+                    iframe,
+                    icon,
+                    position: 0,
+                };
+
+                this.coWebsites.push(coWebsite);
+                this.cowebsiteSubIconsDom.appendChild(icon);
+
+                if (coWebsite.position === 0) {
+                    this.openMain();
+
+                    if (widthPercent) {
+                        this.widthPercent = widthPercent;
+                    }
+
+                    setTimeout(() => {
+                        this.fire();
+                    }, animationTime);
+                }
+
+                this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position);
             })
             .catch((err) => {
                 console.error("Error insertCoWebsite => ", err);
-                this.closeCoWebsite();
             });
     }
 
-    public closeCoWebsite(): Promise<void> {
+    public closeCoWebsite(coWebsite: CoWebsite): Promise<void> {
         this.currentOperationPromise = this.currentOperationPromise.then(
             () =>
-                new Promise((resolve, reject) => {
-                    if (this.opened === iframeStates.closed) resolve(); //this method may be called twice, in case of iframe error for example
-                    this.close();
-                    this.fire();
-                    const iframe = this.cowebsiteDiv.querySelector("iframe");
-                    if (iframe) {
-                        iframeListener.unregisterIframe(iframe);
+                new Promise((resolve) => {
+                    if (this.coWebsites.length === 1) {
+                        if (this.openedMain === iframeStates.closed) resolve(); //this method may be called twice, in case of iframe error for example
+                        this.closeMain();
+                        this.fire();
                     }
-                    setTimeout(() => {
-                        this.cowebsiteMainDom.innerHTML = ``;
-                        resolve();
-                    }, animationTime);
+
+                    if (coWebsite) {
+                        iframeListener.unregisterIframe(coWebsite.iframe);
+                    }
+
+                    this.removeCoWebsiteFromStack(coWebsite);
+                    resolve();
                 })
         );
         return this.currentOperationPromise;
     }
 
+    public closeJitsi() {
+        const jitsi = this.searchJitsi();
+        if (jitsi) {
+            this.closeCoWebsite(jitsi);
+        }
+    }
+
+    public closeCoWebsites(): Promise<void> {
+        this.currentOperationPromise = this.currentOperationPromise
+        .then(() => {
+            this.coWebsites.forEach((coWebsite: CoWebsite) => {
+                this.closeCoWebsite(coWebsite);
+            });
+        });
+        return this.currentOperationPromise;
+    }
+
     public getGameSize(): { width: number; height: number } {
-        if (this.opened !== iframeStates.opened) {
+        if (this.openedMain !== iframeStates.opened) {
             return {
                 width: window.innerWidth,
                 height: window.innerHeight,
@@ -279,7 +635,7 @@ class CoWebsiteManager {
 
     private fullscreen(): void {
         if (this.isFullScreen) {
-            this.resetStyle();
+            this.resetStyleMain();
             this.fire();
             //we don't trigger a resize of the phaser game since it won't be visible anyway.
             HtmlUtils.getElementByIdOrFail(cowebsiteOpenFullScreenImageId).style.display = "inline";
diff --git a/front/src/WebRtc/JitsiFactory.ts b/front/src/WebRtc/JitsiFactory.ts
index 8e3a37c7..5a1a4b91 100644
--- a/front/src/WebRtc/JitsiFactory.ts
+++ b/front/src/WebRtc/JitsiFactory.ts
@@ -181,11 +181,17 @@ class JitsiFactory {
         }, jitsiWidth);
     }
 
-    public async stop(): Promise<void> {
+    public stop() {
         if (!this.jitsiApi) {
             return;
         }
-        await coWebsiteManager.closeCoWebsite();
+
+        const jitsiCoWebsite = coWebsiteManager.searchJitsi();
+
+        if (jitsiCoWebsite) {
+            coWebsiteManager.closeJitsi();
+        }
+
         this.jitsiApi.removeListener("audioMuteStatusChanged", this.audioCallback);
         this.jitsiApi.removeListener("videoMuteStatusChanged", this.videoCallback);
         this.jitsiApi?.dispose();
diff --git a/front/src/index.ts b/front/src/index.ts
index 7ef30340..3cb8d048 100644
--- a/front/src/index.ts
+++ b/front/src/index.ts
@@ -141,7 +141,7 @@ const game = new Game(config);
 waScaleManager.setGame(game);
 
 window.addEventListener("resize", function (event) {
-    coWebsiteManager.resetStyle();
+    coWebsiteManager.resetStyleMain();
 
     waScaleManager.applyNewSize();
 });
diff --git a/front/style/cowebsite-mobile.scss b/front/style/cowebsite-mobile.scss
index 48a6689e..b336a29a 100644
--- a/front/style/cowebsite-mobile.scss
+++ b/front/style/cowebsite-mobile.scss
@@ -4,8 +4,8 @@
       display: flex;
       flex-direction: column-reverse;
     }
-  
-  
+
+
     #cowebsite {
       left: 0;
       top: 0;
@@ -13,38 +13,85 @@
       height: 50%;
       display: flex;
       flex-direction: column-reverse;
-  
+
       &.loading {
         transform: translateY(-90%);
       }
       &.hidden {
         transform: translateY(-100%);
       }
-  
+
       main {
         height: 100%;
       }
-  
-  
+
+      &-container {
+        display: none;
+      }
+
+
       aside {
         height: 30px;
         min-height: 30px;
         cursor: ns-resize;
-        flex-direction: column;
-  
+        flex-direction: row-reverse;
+        align-items: center;
+        display: flex;
+        justify-content: space-between;
+
+        #cowebsite-aside-holder {
+          pointer-events: none;
+          height: 100%;
+
+          img {
+            height: 80%;
+          }
+        }
+
+        #cowebsite-sub-icons {
+          display: inline-flex;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+          margin-top: 0;
+          height: 100%;
+          visibility: visible;
+
+          img {
+            height: 20px;
+            width: 20px;
+            cursor: pointer !important;
+            border-radius: 50%;
+            background-color: whitesmoke;
+          }
+
+          &>div {
+            display: flex;
+            margin-left: 2px;
+            margin-right: 2px;
+          }
+        }
+
+        #cowebsite-aside-buttons {
+          flex-direction: row-reverse;
+          margin-left: auto;
+          margin-bottom: 0;
+          justify-content: end;
+        }
+
         img {
           cursor: ns-resize;
         }
-      }
-  
-      .top-right-btn {
-        &#cowebsite-close {
-          right: 0;
+
+        #cowebsite-fullscreen {
+          padding-top: 0;
         }
-        &#cowebsite-fullscreen {
-          left: 0;
+
+        .top-right-btn {
+          img {
+            width: 15px;
+          }
         }
       }
     }
   }
-  
\ No newline at end of file
diff --git a/front/style/cowebsite.scss b/front/style/cowebsite.scss
index e508b58d..c2e0b2d2 100644
--- a/front/style/cowebsite.scss
+++ b/front/style/cowebsite.scss
@@ -2,8 +2,10 @@
 
 #cowebsite {
   position: fixed;
+  z-index: 200;
   transition: transform 0.5s;
   background-color: white;
+  display: none;
 
   &.loading {
     background-color: gray;
@@ -22,30 +24,159 @@
     background: gray;
     align-items: center;
     display: flex;
+    flex-direction: column;
+    justify-content: space-between;
 
-    img {
-      margin: 3px;
+    #cowebsite-aside-holder {
       pointer-events: none;
       height: 20px;
+      flex: 1;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+
+      img {
+        width: 80%;
+      }
+    }
+
+    #cowebsite-aside-buttons {
+      display: flex;
+      flex-direction: column;
+      margin-bottom: auto;
+      flex: 1;
+      justify-content: start;
+    }
+
+    .top-right-btn{
+      transform: scale(0.5);
+      cursor: url('./images/cursor_pointer.png'), pointer;
+    }
+
+    #cowebsite-sub-icons {
+      display: flex;
+      margin-top: auto;
+      visibility: hidden;
+      justify-content: end;
+      flex: 1;
     }
   }
 
-  .top-right-btn{
+  &-container {
     position: absolute;
-    background: none;
-    border: none;
-    cursor: url('./images/cursor_pointer.png'), pointer;
+    height: 100%;
+    width: 100%;
 
-    img {
-      height: 25px;
-      padding: 4px;
-      border-radius: 3px;
+    &-main {
+      padding: 2% 5%;
+      height: 50%;
     }
 
-    img:hover {
-      background-color: rgba(0,0,0,0.4);
+    &-sub {
+      position: absolute !important;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      bottom: 23%;
+      height: 20% !important;
+      width: 100%;
     }
   }
+
+  &-slot-0 {
+    z-index: 70 !important;
+    background-color: whitesmoke;
+  }
+
+  @for $i from 1 through 4 {
+    &-slot-#{$i} {
+      transition: transform 0.5s;
+      position: relative;
+      height: 100%;
+      display: none;
+      background-color: #333333;
+
+      @if $i == 1 {
+        width: 100%;
+      } @else {
+        width: 33%;
+        margin: 5px;
+      }
+
+      .overlay {
+        width: 100%;
+        height: 100%;
+        z-index: 50;
+        position: absolute;
+        display: flex;
+        flex-direction: column;
+
+        .actions-move {
+          display: none;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+          position: absolute;
+          height: 100%;
+          width: 100%;
+          gap: 10%;
+        }
+
+        &:hover {
+          background-color: rgba($color: #333333, $alpha: 0.6);
+
+          .actions-move {
+            display: flex;
+          }
+        }
+      }
+
+      .actions {
+        pointer-events: all !important;
+        margin: 3% 2%;
+        display: flex;
+        flex-direction: row;
+        justify-content: end;
+        position: relative;
+        z-index: 50;
+
+        button {
+          width: 32px;
+          height: 32px;
+          margin: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+      }
+    }
+  }
+
+  &-buffer {
+    iframe {
+      z-index: 45 !important;
+      pointer-events: none !important;
+      overflow: hidden;
+      border: 0;
+      position: absolute;
+    }
+
+    .main {
+      pointer-events: all !important;
+      z-index: 205 !important;
+    }
+
+    .sub-main {
+      pointer-events: all !important;
+    }
+  }
+
+  .pixel {
+    visibility: hidden;
+    height: 1px;
+    width: 1px;
+  }
 }
 
 @media (min-aspect-ratio: 1/1) {
@@ -54,7 +185,7 @@
     top: 0;
     width: 50%;
     height: 100vh;
-    display: flex;
+    display: none;
 
     &.loading {
       transform: translateX(90%);
@@ -77,15 +208,5 @@
         transform: rotate(90deg);
       }
     }
-
-    .top-right-btn{
-      left: -6px;
-      &#cowebsite-close {
-        top: 0px;
-      }
-      &#cowebsite-fullscreen {
-        top: 25px;
-      }
-    }
   }
 }
diff --git a/front/style/style.scss b/front/style/style.scss
index 553b63c8..1654156d 100644
--- a/front/style/style.scss
+++ b/front/style/style.scss
@@ -1110,4 +1110,19 @@ div.emoji-picker {
     input.emoji-picker__search {
         border-radius: 1em;
     }
-}
\ No newline at end of file
+}
+
+.noselect {
+    -webkit-touch-callout: none; /* iOS Safari */
+      -webkit-user-select: none; /* Safari */
+       -khtml-user-select: none; /* Konqueror HTML */
+         -moz-user-select: none; /* Old versions of Firefox */
+          -ms-user-select: none; /* Internet Explorer/Edge */
+              user-select: none; /* Non-prefixed version, currently
+                                    supported by Chrome, Edge, Opera and Firefox */
+}
+
+.pixel {
+    height: 1px !important;
+    width: 1px !important;
+}

From c29c4bfaa4aa71c861def5d1dcc0d957937a87b2 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 11 Oct 2021 18:39:34 +0200
Subject: [PATCH 03/16] Fix onChatMessage subscriber

---
 front/src/Stores/ChatStore.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/front/src/Stores/ChatStore.ts b/front/src/Stores/ChatStore.ts
index 1bb763cf..90456faf 100644
--- a/front/src/Stores/ChatStore.ts
+++ b/front/src/Stores/ChatStore.ts
@@ -1,6 +1,7 @@
 import { writable } from "svelte/store";
 import { playersStore } from "./PlayersStore";
 import type { PlayerInterface } from "../Phaser/Game/PlayerInterface";
+import { iframeListener } from "../Api/IframeListener";
 
 export const chatVisibilityStore = writable(false);
 export const chatInputFocusStore = writable(false);
@@ -78,6 +79,8 @@ function createChatMessagesStore() {
                         date: new Date(),
                     });
                 }
+
+                iframeListener.sendUserInputChat(text);
                 return list;
             });
         },
@@ -94,6 +97,8 @@ function createChatMessagesStore() {
                         date: new Date(),
                     });
                 }
+
+                iframeListener.sendUserInputChat(text);
                 return list;
             });
             chatVisibilityStore.set(true);

From b81b1ff68bf7c482f34ca31a22306db1235e4fca Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Tue, 12 Oct 2021 10:38:49 +0200
Subject: [PATCH 04/16] Implement new cowbesite system on API

---
 docs/maps/api-nav.md                         |  29 +-
 front/dist/index.tmpl.html                   |   3 +-
 front/src/Api/Events/CloseCoWebsiteEvent.ts  |  12 +
 front/src/Api/Events/IframeEvent.ts          |  24 +-
 front/src/Api/Events/OpenCoWebSiteEvent.ts   |  14 -
 front/src/Api/Events/OpenCoWebsiteEvent.ts   |  22 +
 front/src/Api/IframeListener.ts              |  44 +-
 front/src/Api/ScriptUtils.ts                 |  10 +-
 front/src/Api/iframe/nav.ts                  |  60 +-
 front/src/Phaser/Game/GameScene.ts           |  57 +-
 front/src/WebRtc/CoWebsiteManager.ts         |  14 +-
 front/style/cowebsite-mobile.scss            |   7 +-
 front/style/cowebsite.scss                   |   2 +-
 maps/tests/CoWebsite/cowebsite_api.json      | 629 +++++++++++++++++++
 maps/tests/CoWebsite/cowebsite_property.json | 118 ++++
 maps/tests/CoWebsite/script.js               | 108 ++++
 maps/tests/CoWebsite/tileset1.png            | Bin 0 -> 29402 bytes
 maps/tests/index.html                        |  20 +
 18 files changed, 1089 insertions(+), 84 deletions(-)
 create mode 100644 front/src/Api/Events/CloseCoWebsiteEvent.ts
 delete mode 100644 front/src/Api/Events/OpenCoWebSiteEvent.ts
 create mode 100644 front/src/Api/Events/OpenCoWebsiteEvent.ts
 create mode 100644 maps/tests/CoWebsite/cowebsite_api.json
 create mode 100644 maps/tests/CoWebsite/cowebsite_property.json
 create mode 100644 maps/tests/CoWebsite/script.js
 create mode 100644 maps/tests/CoWebsite/tileset1.png

diff --git a/docs/maps/api-nav.md b/docs/maps/api-nav.md
index f5721063..386edf9e 100644
--- a/docs/maps/api-nav.md
+++ b/docs/maps/api-nav.md
@@ -49,19 +49,36 @@ WA.nav.goToRoom('../otherMap/map.json');
 WA.nav.goToRoom("/_/global/<path to global map>.json#start-layer-2")
 ```
 
-### Opening/closing a web page in an iFrame
+### Opening/closing web page in Co-Websites
 
 ```
-WA.nav.openCoWebSite(url: string, allowApi: boolean = false, allowPolicy: string = ""): void
-WA.nav.closeCoWebSite(): void
+WA.nav.openCoWebsite(url: string, allowApi: boolean = false, allowPolicy: string = "", position: number = 0): Promise
+WA.nav.closeCoWebsite(coWebsiteId: string): Promise
+WA.nav.closeCoWebsites(): Promise
 ```
 
-Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame. `allowApi` allows the webpage to use the "IFrame API" and execute script (it is equivalent to putting the `openWebsiteAllowApi` property in the map). `allowPolicy` grants additional access rights to the iFrame. The `allowPolicy` parameter is turned into an [`allow` feature policy in the iFrame](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-allow).
+Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame. `allowApi` allows the webpage to use the "IFrame API" and execute script (it is equivalent to putting the `openWebsiteAllowApi` property in the map). `allowPolicy` grants additional access rights to the iFrame. The `allowPolicy` parameter is turned into an [`allow` feature policy in the iFrame](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-allow), position in whitch slot the web page will be open.
 
 Example:
 
 ```javascript
-WA.nav.openCoWebSite('https://www.wikipedia.org/');
+const coWebsite = await WA.nav.openCoWebsite('https://www.wikipedia.org/');
+const coWebsiteWorkAdventure = await WA.nav.openCoWebsite('https://workadventu.re/', true, "", 1);
 // ...
-WA.nav.closeCoWebSite();
+WA.nav.closeCoWebsite(coWebsite.id);
+WA.nav.closeCoWebsites();
+```
+
+### Opening/closing web page in Co-Websites
+
+```
+WA.nav.getCoWebsites(): Promise
+```
+
+Get all opened co-websites withe their ids and positions.
+
+Example:
+
+```javascript
+const coWebsites = await WA.nav.getCowebsites();
 ```
diff --git a/front/dist/index.tmpl.html b/front/dist/index.tmpl.html
index dc21765b..3b43a5ef 100644
--- a/front/dist/index.tmpl.html
+++ b/front/dist/index.tmpl.html
@@ -111,8 +111,7 @@
                     </div>
                     <div id="cowebsite-sub-icons"></div>
                 </aside>
-                <main id="cowebsite-slot-0">
-                </main>
+                <main id="cowebsite-slot-0"></main>
             </div>
             <div id="cowebsite-buffer"></div>
         </div>
diff --git a/front/src/Api/Events/CloseCoWebsiteEvent.ts b/front/src/Api/Events/CloseCoWebsiteEvent.ts
new file mode 100644
index 00000000..94167d5e
--- /dev/null
+++ b/front/src/Api/Events/CloseCoWebsiteEvent.ts
@@ -0,0 +1,12 @@
+import * as tg from "generic-type-guard";
+
+export const isCloseCoWebsite = new tg.IsInterface()
+    .withProperties({
+        id: tg.isOptional(tg.isString)
+    })
+    .get();
+
+/**
+ * A message sent from the iFrame to the game to add a message in the chat.
+ */
+export type CloseCoWebsiteEvent = tg.GuardedType<typeof isCloseCoWebsite>;
diff --git a/front/src/Api/Events/IframeEvent.ts b/front/src/Api/Events/IframeEvent.ts
index 861acc22..554e4545 100644
--- a/front/src/Api/Events/IframeEvent.ts
+++ b/front/src/Api/Events/IframeEvent.ts
@@ -5,11 +5,10 @@ import type { ClosePopupEvent } from "./ClosePopupEvent";
 import type { EnterLeaveEvent } from "./EnterLeaveEvent";
 import type { GoToPageEvent } from "./GoToPageEvent";
 import type { LoadPageEvent } from "./LoadPageEvent";
-import type { OpenCoWebSiteEvent } from "./OpenCoWebSiteEvent";
+import { coWebsite, isOpenCoWebsiteEvent } from "./OpenCoWebsiteEvent";
 import type { OpenPopupEvent } from "./OpenPopupEvent";
 import type { OpenTabEvent } from "./OpenTabEvent";
 import type { UserInputChatEvent } from "./UserInputChatEvent";
-import type { MapDataEvent } from "./MapDataEvent";
 import type { LayerEvent } from "./LayerEvent";
 import type { SetPropertyEvent } from "./setPropertyEvent";
 import type { LoadSoundEvent } from "./LoadSoundEvent";
@@ -27,9 +26,6 @@ import type { LoadTilesetEvent } from "./LoadTilesetEvent";
 import { isLoadTilesetEvent } from "./LoadTilesetEvent";
 import type {
     MessageReferenceEvent,
-    removeActionMessage,
-    triggerActionMessage,
-    TriggerActionMessageEvent,
 } from "./ui/TriggerActionMessageEvent";
 import { isMessageReferenceEvent, isTriggerActionMessageEvent } from "./ui/TriggerActionMessageEvent";
 import type { MenuRegisterEvent, UnregisterMenuEvent } from "./ui/MenuRegisterEvent";
@@ -48,8 +44,6 @@ export type IframeEventMap = {
     closePopup: ClosePopupEvent;
     openTab: OpenTabEvent;
     goToPage: GoToPageEvent;
-    openCoWebSite: OpenCoWebSiteEvent;
-    closeCoWebSite: null;
     disablePlayerControls: null;
     restorePlayerControls: null;
     displayBubble: null;
@@ -118,6 +112,22 @@ export const iframeQueryMapTypeGuards = {
         query: isLoadTilesetEvent,
         answer: tg.isNumber,
     },
+    openCoWebsite: {
+        query: isOpenCoWebsiteEvent,
+        answer: coWebsite
+    },
+    getCoWebsites: {
+        query: tg.isUndefined,
+        answer:  tg.isArray(coWebsite)
+    },
+    closeCoWebsite: {
+        query: tg.isString,
+        answer: tg.isUndefined
+    },
+    closeCoWebsites: {
+        query: tg.isUndefined,
+        answer: tg.isUndefined
+    },
     triggerActionMessage: {
         query: isTriggerActionMessageEvent,
         answer: tg.isUndefined,
diff --git a/front/src/Api/Events/OpenCoWebSiteEvent.ts b/front/src/Api/Events/OpenCoWebSiteEvent.ts
deleted file mode 100644
index 7b5e6070..00000000
--- a/front/src/Api/Events/OpenCoWebSiteEvent.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import * as tg from "generic-type-guard";
-
-export const isOpenCoWebsite = new tg.IsInterface()
-    .withProperties({
-        url: tg.isString,
-        allowApi: tg.isBoolean,
-        allowPolicy: tg.isString,
-    })
-    .get();
-
-/**
- * A message sent from the iFrame to the game to add a message in the chat.
- */
-export type OpenCoWebSiteEvent = tg.GuardedType<typeof isOpenCoWebsite>;
diff --git a/front/src/Api/Events/OpenCoWebsiteEvent.ts b/front/src/Api/Events/OpenCoWebsiteEvent.ts
new file mode 100644
index 00000000..cc70b2e5
--- /dev/null
+++ b/front/src/Api/Events/OpenCoWebsiteEvent.ts
@@ -0,0 +1,22 @@
+import * as tg from "generic-type-guard";
+
+export const isOpenCoWebsiteEvent = new tg.IsInterface()
+    .withProperties({
+        url: tg.isString,
+        allowApi: tg.isOptional(tg.isBoolean),
+        allowPolicy: tg.isOptional(tg.isString),
+        position: tg.isOptional(tg.isNumber)
+    })
+    .get();
+
+export const coWebsite = new tg.IsInterface()
+    .withProperties({
+        id: tg.isString,
+        position: tg.isNumber,
+    })
+    .get();
+
+/**
+ * A message sent from the iFrame to the game to add a message in the chat.
+ */
+export type OpenCoWebsiteEvent = tg.GuardedType<typeof isOpenCoWebsiteEvent>;
diff --git a/front/src/Api/IframeListener.ts b/front/src/Api/IframeListener.ts
index 5a9aca85..caa59420 100644
--- a/front/src/Api/IframeListener.ts
+++ b/front/src/Api/IframeListener.ts
@@ -1,6 +1,5 @@
 import { Subject } from "rxjs";
-import type * as tg from "generic-type-guard";
-import { ChatEvent, isChatEvent } from "./Events/ChatEvent";
+import { isChatEvent } from "./Events/ChatEvent";
 import { HtmlUtils } from "../WebRtc/HtmlUtils";
 import type { EnterLeaveEvent } from "./Events/EnterLeaveEvent";
 import { isOpenPopupEvent, OpenPopupEvent } from "./Events/OpenPopupEvent";
@@ -8,18 +7,15 @@ import { isOpenTabEvent, OpenTabEvent } from "./Events/OpenTabEvent";
 import type { ButtonClickedEvent } from "./Events/ButtonClickedEvent";
 import { ClosePopupEvent, isClosePopupEvent } from "./Events/ClosePopupEvent";
 import { scriptUtils } from "./ScriptUtils";
-import { GoToPageEvent, isGoToPageEvent } from "./Events/GoToPageEvent";
-import { isOpenCoWebsite, OpenCoWebSiteEvent } from "./Events/OpenCoWebSiteEvent";
+import { isGoToPageEvent } from "./Events/GoToPageEvent";
+import { isCloseCoWebsite, CloseCoWebsiteEvent } from "./Events/CloseCoWebsiteEvent";
 import {
     IframeErrorAnswerEvent,
-    IframeEvent,
-    IframeEventMap,
     IframeQueryMap,
     IframeResponseEvent,
     IframeResponseEventMap,
     isIframeEventWrapper,
     isIframeQueryWrapper,
-    TypedMessageEvent,
 } from "./Events/IframeEvent";
 import type { UserInputChatEvent } from "./Events/UserInputChatEvent";
 import { isPlaySoundEvent, PlaySoundEvent } from "./Events/PlaySoundEvent";
@@ -33,7 +29,6 @@ import { isMenuRegisterEvent, isUnregisterMenuEvent } from "./Events/ui/MenuRegi
 import { SetTilesEvent, isSetTilesEvent } from "./Events/SetTilesEvent";
 import type { SetVariableEvent } from "./Events/SetVariableEvent";
 import { ModifyEmbeddedWebsiteEvent, isEmbeddedWebsiteEvent } from "./Events/EmbeddedWebsiteEvent";
-import { EmbeddedWebsite } from "./iframe/Room/EmbeddedWebsite";
 import { handleMenuRegistrationEvent, handleMenuUnregisterEvent } from "../Stores/MenuStore";
 
 type AnswererCallback<T extends keyof IframeQueryMap> = (
@@ -53,10 +48,7 @@ class IframeListener {
     public readonly openTabStream = this._openTabStream.asObservable();
 
     private readonly _loadPageStream: Subject<string> = new Subject();
-    public readonly loadPageStream = this._loadPageStream.asObservable();
-
-    private readonly _openCoWebSiteStream: Subject<OpenCoWebSiteEvent> = new Subject();
-    public readonly openCoWebSiteStream = this._openCoWebSiteStream.asObservable();
+    public readonly loadPageStream = this._loadPageStream.asObservable()
 
     private readonly _disablePlayerControlStream: Subject<void> = new Subject();
     public readonly disablePlayerControlStream = this._disablePlayerControlStream.asObservable();
@@ -138,8 +130,6 @@ class IframeListener {
                     return;
                 }
 
-                foundSrc = this.getBaseUrl(foundSrc, message.source);
-
                 if (isIframeQueryWrapper(payload)) {
                     const queryId = payload.id;
                     const query = payload.query;
@@ -224,15 +214,6 @@ class IframeListener {
                         this._stopSoundStream.next(payload.data);
                     } else if (payload.type === "loadSound" && isLoadSoundEvent(payload.data)) {
                         this._loadSoundStream.next(payload.data);
-                    } else if (payload.type === "openCoWebSite" && isOpenCoWebsite(payload.data)) {
-                        scriptUtils.openCoWebsite(
-                            payload.data.url,
-                            foundSrc,
-                            payload.data.allowApi,
-                            payload.data.allowPolicy
-                        );
-                    } else if (payload.type === "closeCoWebSite") {
-                        scriptUtils.closeCoWebSite();
                     } else if (payload.type === "disablePlayerControls") {
                         this._disablePlayerControlStream.next();
                     } else if (payload.type === "restorePlayerControls") {
@@ -252,6 +233,9 @@ class IframeListener {
                         this.iframeCloseCallbacks.get(iframe)?.push(() => {
                             handleMenuUnregisterEvent(dataName);
                         });
+
+                        foundSrc = this.getBaseUrl(foundSrc, message.source);
+
                         handleMenuRegistrationEvent(
                             payload.data.name,
                             payload.data.iframe,
@@ -354,6 +338,20 @@ class IframeListener {
         return src;
     }
 
+    public getBaseUrlFromSource(source: MessageEventSource): string {
+        let foundSrc: string | undefined;
+        let iframe: HTMLIFrameElement | undefined;
+
+        for (iframe of this.iframes) {
+            if (iframe.contentWindow === source) {
+                foundSrc = iframe.src;
+                break;
+            }
+        }
+
+        return this.getBaseUrl(foundSrc ?? "", source);
+    }
+
     private static getIFrameId(scriptUrl: string): string {
         return "script" + btoa(scriptUrl);
     }
diff --git a/front/src/Api/ScriptUtils.ts b/front/src/Api/ScriptUtils.ts
index ad6dcc0f..10a80c92 100644
--- a/front/src/Api/ScriptUtils.ts
+++ b/front/src/Api/ScriptUtils.ts
@@ -1,4 +1,4 @@
-import { coWebsiteManager } from "../WebRtc/CoWebsiteManager";
+import { coWebsiteManager, CoWebsite } from "../WebRtc/CoWebsiteManager";
 import { playersStore } from "../Stores/PlayersStore";
 import { chatMessagesStore } from "../Stores/ChatStore";
 import type { ChatEvent } from "./Events/ChatEvent";
@@ -12,14 +12,6 @@ class ScriptUtils {
         window.location.href = url;
     }
 
-    public openCoWebsite(url: string, base: string, api: boolean, policy: string) {
-        coWebsiteManager.loadCoWebsite(url, base, api, policy);
-    }
-
-    public closeCoWebSite() {
-        coWebsiteManager.closeCoWebsite();
-    }
-
     public sendAnonymousChat(chatEvent: ChatEvent) {
         const userId = playersStore.addFacticePlayer(chatEvent.author);
         chatMessagesStore.addExternalMessage(userId, chatEvent.message);
diff --git a/front/src/Api/iframe/nav.ts b/front/src/Api/iframe/nav.ts
index f051a7c0..24b04e62 100644
--- a/front/src/Api/iframe/nav.ts
+++ b/front/src/Api/iframe/nav.ts
@@ -1,8 +1,4 @@
-import type { GoToPageEvent } from "../Events/GoToPageEvent";
-import type { OpenTabEvent } from "../Events/OpenTabEvent";
-import { IframeApiContribution, sendToWorkadventure } from "./IframeApiContribution";
-import type { OpenCoWebSiteEvent } from "../Events/OpenCoWebSiteEvent";
-import type { LoadPageEvent } from "../Events/LoadPageEvent";
+import { IframeApiContribution, sendToWorkadventure, queryWorkadventure } from "./IframeApiContribution";
 
 export class WorkadventureNavigationCommands extends IframeApiContribution<WorkadventureNavigationCommands> {
     callbacks = [];
@@ -34,21 +30,61 @@ export class WorkadventureNavigationCommands extends IframeApiContribution<Worka
         });
     }
 
-    openCoWebSite(url: string, allowApi: boolean = false, allowPolicy: string = ""): void {
-        sendToWorkadventure({
-            type: "openCoWebSite",
+    /**
+     * @deprecated Use openCoWebsite instead
+     */
+    openCoWebSite(url: string, allowApi?: boolean, allowPolicy?: string) {
+        return queryWorkadventure({
+            type: "openCoWebsite",
             data: {
                 url,
                 allowApi,
                 allowPolicy,
+                position: undefined,
             },
         });
     }
 
-    closeCoWebSite(): void {
-        sendToWorkadventure({
-            type: "closeCoWebSite",
-            data: null,
+    openCoWebsite(url: string, allowApi?: boolean, allowPolicy?: string, position?: number) {
+        return queryWorkadventure({
+            type: "openCoWebsite",
+            data: {
+                url,
+                allowApi,
+                allowPolicy,
+                position,
+            },
+        });
+    }
+
+    getCoWebsites() {
+        return queryWorkadventure({
+            type: "getCoWebsites",
+            data: undefined
+        });
+    }
+
+    /**
+     * @deprecated Use closeCoWebsites instead to close all co-websites
+     */
+    closeCoWebSite() {
+        return queryWorkadventure({
+            type: "closeCoWebsites",
+            data: undefined,
+        });
+    }
+
+    closeCoWebsite(coWebsiteId: string) {
+        return queryWorkadventure({
+            type: "closeCoWebsite",
+            data: coWebsiteId,
+        });
+    }
+
+    closeCoWebsites() {
+        return queryWorkadventure({
+            type: "closeCoWebsites",
+            data: undefined,
         });
     }
 }
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index f967edaf..d65c4d54 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -25,7 +25,7 @@ import {
     TRIGGER_WEBSITE_PROPERTIES,
     WEBSITE_MESSAGE_PROPERTIES,
 } from "../../WebRtc/LayoutManager";
-import { coWebsiteManager } from "../../WebRtc/CoWebsiteManager";
+import { CoWebsite, coWebsiteManager } from "../../WebRtc/CoWebsiteManager";
 import type { UserMovedMessage } from "../../Messages/generated/messages_pb";
 import { ProtobufClientUtils } from "../../Network/ProtobufClientUtils";
 import type { RoomConnection } from "../../Connexion/RoomConnection";
@@ -95,7 +95,6 @@ import { EmbeddedWebsiteManager } from "./EmbeddedWebsiteManager";
 import { GameMapPropertiesListener } from "./GameMapPropertiesListener";
 import { analyticsClient } from "../../Administration/AnalyticsClient";
 import { get } from "svelte/store";
-import type { RadialMenuItem } from "../Components/RadialMenu";
 import { contactPageStore } from "../../Stores/MenuStore";
 
 export interface GameSceneInitInterface {
@@ -1081,6 +1080,58 @@ ${escapedMessage}
             })
         );
 
+        iframeListener.registerAnswerer("openCoWebsite", async (openCoWebsite, source) => {
+            if (!source) {
+                throw new Error("Unknown query source");
+            }
+
+            const coWebsite = await coWebsiteManager.loadCoWebsite(
+                openCoWebsite.url,
+                iframeListener.getBaseUrlFromSource(source),
+                openCoWebsite.allowApi,
+                openCoWebsite.allowPolicy,
+                openCoWebsite.position
+            );
+
+            if (!coWebsite) {
+                throw new Error("Error on opening co-website");
+            }
+
+            return {
+                id: coWebsite.iframe.id,
+                position: coWebsite.position,
+            };
+        });
+
+        iframeListener.registerAnswerer("getCoWebsites", () => {
+            const coWebsites = coWebsiteManager.getCoWebsites();
+
+            return coWebsites.map((coWebsite: CoWebsite) => {
+                return {
+                    id: coWebsite.iframe.id,
+                    position: coWebsite.position,
+                };
+            });
+        });
+
+        iframeListener.registerAnswerer("closeCoWebsite", async (coWebsiteId) => {
+            const coWebsite = coWebsiteManager.getCoWebsiteById(coWebsiteId);
+
+            if (!coWebsite) {
+                throw new Error("Unknown co-website");
+            }
+
+            return coWebsiteManager.closeCoWebsite(coWebsite).catch((error) => {
+                throw new Error("Error on closing co-website");
+            });
+        });
+
+        iframeListener.registerAnswerer("closeCoWebsites", async () => {
+            return await coWebsiteManager.closeCoWebsites().catch((error) => {
+                throw new Error("Error on closing all co-websites");
+            });
+        });
+
         iframeListener.registerAnswerer("getMapData", () => {
             return {
                 data: this.gameMap.getMap(),
@@ -1310,6 +1361,8 @@ ${escapedMessage}
         iframeListener.unregisterAnswerer("getMapData");
         iframeListener.unregisterAnswerer("triggerActionMessage");
         iframeListener.unregisterAnswerer("removeActionMessage");
+        iframeListener.unregisterAnswerer("openCoWebsite");
+        iframeListener.unregisterAnswerer("getCoWebsites");
         this.sharedVariablesManager?.close();
         this.embeddedWebsiteManager?.close();
 
diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index b60578df..06b29d18 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -27,13 +27,13 @@ interface TouchMoveCoordinates {
     y: number;
 }
 
-export interface CoWebsite {
+export type CoWebsite =  {
     iframe: HTMLIFrameElement,
     icon: HTMLDivElement,
     position: number
 }
 
-interface CoWebsiteSlot {
+type CoWebsiteSlot = {
     container: HTMLElement,
     position: number
 }
@@ -186,6 +186,7 @@ class CoWebsiteManager {
         };
 
         this.cowebsiteAsideDom.addEventListener(touchMode ? "touchstart" : "mousedown", (event) => {
+            this.cowebsiteMainDom.style.display = "none";
             this.resizing = true;
             if (touchMode) {
                 const touchEvent = (event as TouchEvent).touches[0];
@@ -203,6 +204,7 @@ class CoWebsiteManager {
             document.removeEventListener(touchMode ? "touchmove" : "mousemove", movecallback);
             this.cowebsiteMainDom.style.display = "block";
             this.resizing = false;
+            this.cowebsiteMainDom.style.display = "flex";
         });
     }
 
@@ -277,7 +279,11 @@ class CoWebsiteManager {
         });
     }
 
-    private searchCoWebsiteById(coWebsiteId: string): CoWebsite|undefined {
+    public getCoWebsites(): CoWebsite[] {
+        return this.coWebsites;
+    }
+
+    public getCoWebsiteById(coWebsiteId: string): CoWebsite|undefined {
         return this.coWebsites.find((coWebsite: CoWebsite) => coWebsite.iframe.id === coWebsiteId);
     }
 
@@ -449,7 +455,7 @@ class CoWebsiteManager {
 
             do {
                 iframe.id = "cowebsite-iframe-" + (Math.random() + 1).toString(36).substring(7);
-            } while (iframe.id.toLowerCase().includes('jitsi') || this.searchCoWebsiteById(iframe.id));
+            } while (iframe.id.toLowerCase().includes('jitsi') || this.getCoWebsiteById(iframe.id));
 
             iframe.src = new URL(url, base).toString()
 
diff --git a/front/style/cowebsite-mobile.scss b/front/style/cowebsite-mobile.scss
index b336a29a..3a3482a9 100644
--- a/front/style/cowebsite-mobile.scss
+++ b/front/style/cowebsite-mobile.scss
@@ -31,8 +31,7 @@
 
 
       aside {
-        height: 30px;
-        min-height: 30px;
+        height: 50px;
         cursor: ns-resize;
         flex-direction: row-reverse;
         align-items: center;
@@ -58,8 +57,8 @@
           visibility: visible;
 
           img {
-            height: 20px;
-            width: 20px;
+            height: 30px;
+            width: 30px;
             cursor: pointer !important;
             border-radius: 50%;
             background-color: whitesmoke;
diff --git a/front/style/cowebsite.scss b/front/style/cowebsite.scss
index c2e0b2d2..223ed85a 100644
--- a/front/style/cowebsite.scss
+++ b/front/style/cowebsite.scss
@@ -4,7 +4,7 @@
   position: fixed;
   z-index: 200;
   transition: transform 0.5s;
-  background-color: white;
+  background-color: whitesmoke;
   display: none;
 
   &.loading {
diff --git a/maps/tests/CoWebsite/cowebsite_api.json b/maps/tests/CoWebsite/cowebsite_api.json
new file mode 100644
index 00000000..7f5537ff
--- /dev/null
+++ b/maps/tests/CoWebsite/cowebsite_api.json
@@ -0,0 +1,629 @@
+{ "compressionlevel":-1,
+ "height":10,
+ "infinite":false,
+ "layers":[
+        {
+         "data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+         "height":10,
+         "id":1,
+         "name":"floor",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+         "height":10,
+         "id":2,
+         "name":"start",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23],
+         "height":10,
+         "id":5,
+         "name":"first_cowebsite",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12],
+         "height":10,
+         "id":7,
+         "name":"second_cowebsite",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "draworder":"topdown",
+         "id":3,
+         "name":"floorLayer",
+         "objects":[
+                {
+                 "height":157.696496283938,
+                 "id":1,
+                 "name":"Tests",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":8,
+                     "text":"Test 1:\nEnter \/cowebsite open https:\/\/wikipedia.com on the chat\nResult:\nA cowebsite must have been opened\n\nDo the first test 4 more times\n\nTest 2:\nEnter \/cowebsite close 0 on the chat\nResult:\nThe main co-website has been closed\n\nTest 3:\nEnter \/cowebsite close all on the chat\nResult:\nAll co-websites has been closed",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":316.770833333333,
+                 "x":1.64026713939023,
+                 "y":160.264699934273
+                }],
+         "opacity":1,
+         "type":"objectgroup",
+         "visible":true,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 82, 0, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 19, 27, 0, 0, 0, 0, 0, 0, 0, 0, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+         "height":10,
+         "id":8,
+         "name":"objects",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }],
+ "nextlayerid":9,
+ "nextobjectid":3,
+ "orientation":"orthogonal",
+ "properties":[
+        {
+         "name":"script",
+         "type":"string",
+         "value":"script.js"
+        }],
+ "renderorder":"right-down",
+ "tiledversion":"1.7.2",
+ "tileheight":32,
+ "tilesets":[
+        {
+         "columns":11,
+         "firstgid":1,
+         "image":"tileset1.png",
+         "imageheight":352,
+         "imagewidth":352,
+         "margin":0,
+         "name":"tileset1",
+         "spacing":0,
+         "tilecount":121,
+         "tileheight":32,
+         "tiles":[
+                {
+                 "id":1,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":2,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":3,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":4,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":5,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":6,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":7,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":8,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":9,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":10,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":12,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":16,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":17,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":18,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":19,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":20,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":21,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":23,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":24,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":25,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":26,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":27,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":28,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":29,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":30,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":31,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":32,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":34,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":35,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":42,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":43,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":45,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":46,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":59,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":60,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":70,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":71,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":80,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":81,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":89,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":91,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":93,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":94,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":95,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":96,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":97,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":100,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":102,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":103,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":104,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":105,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":106,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":107,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":108,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":114,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":115,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }],
+         "tilewidth":32
+        }],
+ "tilewidth":32,
+ "type":"map",
+ "version":"1.6",
+ "width":10
+}
\ No newline at end of file
diff --git a/maps/tests/CoWebsite/cowebsite_property.json b/maps/tests/CoWebsite/cowebsite_property.json
new file mode 100644
index 00000000..d01c1753
--- /dev/null
+++ b/maps/tests/CoWebsite/cowebsite_property.json
@@ -0,0 +1,118 @@
+{ "compressionlevel":-1,
+ "height":10,
+ "infinite":false,
+ "layers":[
+        {
+         "data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+         "height":10,
+         "id":1,
+         "name":"floor",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+         "height":10,
+         "id":2,
+         "name":"start",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23],
+         "height":10,
+         "id":5,
+         "name":"first_cowebsite",
+         "opacity":1,
+         "properties":[
+                {
+                 "name":"openWebsite",
+                 "type":"string",
+                 "value":"https:\/\/wikipedia.org"
+                }],
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12],
+         "height":10,
+         "id":7,
+         "name":"second_cowebsite",
+         "opacity":1,
+         "properties":[
+                {
+                 "name":"openWebsite",
+                 "type":"string",
+                 "value":"https:\/\/workadventu.re\/"
+                }],
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "draworder":"topdown",
+         "id":3,
+         "name":"floorLayer",
+         "objects":[
+                {
+                 "height":141,
+                 "id":1,
+                 "name":"Tests",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":11,
+                     "text":"Test:\nWalk on the blue carpet, an iframe open, walk on the white carpet another one to open another one\nResult:\n2 co-websites must be opened\n\nTest:\nGo outside of carpets\nResult:\nAll co-websites must disapeared",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":316.770833333333,
+                 "x":0.28125,
+                 "y":187.833333333333
+                }],
+         "opacity":1,
+         "type":"objectgroup",
+         "visible":true,
+         "x":0,
+         "y":0
+        }],
+ "nextlayerid":8,
+ "nextobjectid":3,
+ "orientation":"orthogonal",
+ "renderorder":"right-down",
+ "tiledversion":"1.7.1",
+ "tileheight":32,
+ "tilesets":[
+        {
+         "columns":11,
+         "firstgid":1,
+         "image":"tileset1.png",
+         "imageheight":352,
+         "imagewidth":352,
+         "margin":0,
+         "name":"tileset1",
+         "spacing":0,
+         "tilecount":121,
+         "tileheight":32,
+         "tilewidth":32
+        }],
+ "tilewidth":32,
+ "type":"map",
+ "version":"1.6",
+ "width":10
+}
\ No newline at end of file
diff --git a/maps/tests/CoWebsite/script.js b/maps/tests/CoWebsite/script.js
new file mode 100644
index 00000000..ae1f94d2
--- /dev/null
+++ b/maps/tests/CoWebsite/script.js
@@ -0,0 +1,108 @@
+WA.onInit().then(() => {
+    WA.chat.onChatMessage((message) => {
+
+        if (!message.startsWith('/')) {
+            return;
+        }
+
+        const splitedMessage = message.trim().split(' ');
+        const command = splitedMessage.shift().substr(1);
+
+        executeCommand(command, splitedMessage);
+    });
+});
+
+function wookaSendMessage(message) {
+    WA.chat.sendChatMessage(message, 'Wooka');
+}
+
+function unknownCommand() {
+    wookaSendMessage('Unknown command');
+}
+
+function executeCommand(command, args) {
+    switch(command) {
+        case 'cowebsite':
+            coWebsiteCommand(args);
+            break;
+        default:
+            unknownCommand();
+    }
+}
+
+function coWebsiteCommand(args) {
+    if (args.length < 1) {
+        wookaSendMessage('Too few arguments');
+        return;
+    }
+
+    const subCommand = args.shift();
+
+    switch(subCommand) {
+        case 'open':
+            openCoWebsite(args);
+            break;
+        case 'close':
+            closeCoWebsite(args);
+            break;
+        default:
+            unknownCommand();
+    }
+}
+
+async function openCoWebsite(args) {
+    if (args.length < 1)  {
+        wookaSendMessage('Too few arguments');
+        return;
+    }
+
+    try {
+        const url = new URL(args[0]);
+      } catch (exception) {
+        wookaSendMessage('Parameter is not a valid URL !');
+        return;
+      }
+
+    await WA.nav.openCoWebsite(args[0]).then(() => {
+        wookaSendMessage('Co-website has been opened !');
+    }).catch((error) => {
+        wookaSendMessage(`Something wrong happen during co-website opening: ${error.message}`);
+    });
+}
+
+async function closeCoWebsite(args) {
+    if (args.length < 1)  {
+        wookaSendMessage('Too few arguments');
+        return;
+    }
+
+    // All
+    if (args[0] === "all" || args[0] === "*") {
+        WA.nav.closeCoWebsites().then(() => {
+            wookaSendMessage('All co-websites has been closed !');
+        }).catch((error) => {
+            wookaSendMessage(`Something wrong happen during co-websites closing: ${error.message}`);
+        });
+        return;
+    }
+
+    const coWebsites = await WA.nav.getCoWebsites();
+    const position = parseInt(args[0]);
+
+    // By ID or Position
+    const coWebsite =
+        isNaN(position) ?
+        coWebsites.find((coWebsite) => coWebsite.id === args[0]) :
+        coWebsites.find((coWebsite) => coWebsite.position === position);
+
+    if (!coWebsite) {
+        wookaSendMessage('Unknown co-website');
+        return;
+    }
+
+    await WA.nav.closeCoWebsite(coWebsite.id).then(() => {
+        wookaSendMessage('This co-websites has been closed !');
+    }).catch((error) => {
+        wookaSendMessage(`Something wrong happen during co-website closing: ${error.message}`);
+    });
+}
diff --git a/maps/tests/CoWebsite/tileset1.png b/maps/tests/CoWebsite/tileset1.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e7dafb47dfbf1d7b225b7094ef7bfde8699f93c
GIT binary patch
literal 29402
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

literal 0
HcmV?d00001

diff --git a/maps/tests/index.html b/maps/tests/index.html
index c30b54a5..692783af 100644
--- a/maps/tests/index.html
+++ b/maps/tests/index.html
@@ -3,6 +3,7 @@
     <head>
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
+        <title>Map Tests</title>
     </head>
     <body>
         <div class="container">
@@ -235,6 +236,25 @@
                     </td>
                 </tr>
             </table>
+            <h2>CoWebsite</h2>
+            <table class="table">
+                <tr>
+                    <td>
+                        <input type="radio" name="test-cowebsite-property"> Success <input type="radio" name="test-cowebsite-property"> Failure <input type="radio" name="test-cowebsite-property" checked> Pending
+                    </td>
+                    <td>
+                        <a href="#" class="testLink" data-testmap="cowebsite_property.json" target="_blank">Open co-websites by map property</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <input type="radio" name="test-cowebsite-api"> Success <input type="radio" name="test-cowebsite-api"> Failure <input type="radio" name="test-cowebsite-api" checked> Pending
+                    </td>
+                    <td>
+                        <a href="#" class="testLink" data-testmap="CoWebsite/cowebsite_api.json" target="_blank">Open co-websites by scripting api</a>
+                    </td>
+                </tr>
+            </table>
             <h2>Mobile</h2>
             <table class="table">
                 <tr>

From 5eb6c051893a3f1863f8eb3d6df8dcbb2bd789f9 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Tue, 12 Oct 2021 19:00:29 +0200
Subject: [PATCH 05/16] Add a Jitsi room on co-website api test map

---
 maps/tests/CoWebsite/cowebsite_api.json | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/maps/tests/CoWebsite/cowebsite_api.json b/maps/tests/CoWebsite/cowebsite_api.json
index 7f5537ff..de6c0599 100644
--- a/maps/tests/CoWebsite/cowebsite_api.json
+++ b/maps/tests/CoWebsite/cowebsite_api.json
@@ -44,6 +44,17 @@
          "id":7,
          "name":"second_cowebsite",
          "opacity":1,
+         "properties":[
+                {
+                 "name":"jitsiRoom",
+                 "type":"string",
+                 "value":"ChillZone"
+                }, 
+                {
+                 "name":"jitsiTrigger",
+                 "type":"string",
+                 "value":"onaction"
+                }],
          "type":"tilelayer",
          "visible":true,
          "width":10,
@@ -56,7 +67,7 @@
          "name":"floorLayer",
          "objects":[
                 {
-                 "height":157.696496283938,
+                 "height":220.405430001517,
                  "id":1,
                  "name":"Tests",
                  "rotation":0,
@@ -64,14 +75,14 @@
                     {
                      "fontfamily":"Sans Serif",
                      "pixelsize":8,
-                     "text":"Test 1:\nEnter \/cowebsite open https:\/\/wikipedia.com on the chat\nResult:\nA cowebsite must have been opened\n\nDo the first test 4 more times\n\nTest 2:\nEnter \/cowebsite close 0 on the chat\nResult:\nThe main co-website has been closed\n\nTest 3:\nEnter \/cowebsite close all on the chat\nResult:\nAll co-websites has been closed",
+                     "text":"Test 1:\nEnter \/cowebsite open https:\/\/wikipedia.com on the chat\nResult:\nA cowebsite must have been opened\n\nDo the first test 4 more times\n\nTest 2:\nEnter \/cowebsite close 0 on the chat\nResult:\nThe main co-website has been closed\n\nTest 3:\nEnter \/cowebsite close all on the chat\nResult:\nAll co-websites has been closed\n\nTest 4:\nGo on the white carpet to open a Jitsi & open a co-website \/cowebsite open https:\/\/wikipedia.com on the chat\nResult:\nThere are two co-websites",
                      "wrap":true
                     },
                  "type":"",
                  "visible":true,
                  "width":316.770833333333,
                  "x":1.64026713939023,
-                 "y":160.264699934273
+                 "y":97.5557662166938
                 }],
          "opacity":1,
          "type":"objectgroup",

From 251d14a470185ff9ab93adb6fbe161a21bd9215d Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Thu, 14 Oct 2021 10:34:42 +0200
Subject: [PATCH 06/16] Add new test for cowebsite and jitsi room

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
---
 maps/tests/CoWebsite/cowebsite_jitsiroom.json | 118 ++++++++++++++++++
 maps/tests/index.html                         |   8 ++
 2 files changed, 126 insertions(+)
 create mode 100644 maps/tests/CoWebsite/cowebsite_jitsiroom.json

diff --git a/maps/tests/CoWebsite/cowebsite_jitsiroom.json b/maps/tests/CoWebsite/cowebsite_jitsiroom.json
new file mode 100644
index 00000000..a3fe8429
--- /dev/null
+++ b/maps/tests/CoWebsite/cowebsite_jitsiroom.json
@@ -0,0 +1,118 @@
+{ "compressionlevel":-1,
+ "height":10,
+ "infinite":false,
+ "layers":[
+        {
+         "data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+         "height":10,
+         "id":1,
+         "name":"floor",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+         "height":10,
+         "id":2,
+         "name":"start",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23, 0, 0, 0, 0, 0, 23, 23, 23, 23, 23],
+         "height":10,
+         "id":5,
+         "name":"jitsiRoom",
+         "opacity":1,
+         "properties":[
+                {
+                 "name":"jitsiRoom",
+                 "type":"string",
+                 "value":"testJitsiRoomCoWebsite"
+                }],
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 0, 0, 0, 0, 0, 12, 12, 12, 12, 12],
+         "height":10,
+         "id":7,
+         "name":"openWebsite",
+         "opacity":1,
+         "properties":[
+                {
+                 "name":"openWebsite",
+                 "type":"string",
+                 "value":"https:\/\/workadventu.re\/"
+                }],
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "draworder":"topdown",
+         "id":3,
+         "name":"floorLayer",
+         "objects":[
+                {
+                 "height":141,
+                 "id":1,
+                 "name":"Tests",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":11,
+                     "text":"Test:\nWalk on the blue carpet, an iframe open, walk on the white carpet another one to open another one\nResult:\n2 co-websites must be opened\n\nTest:\nGo outside of carpets\nResult:\nAll co-websites must disapeared",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":316.770833333333,
+                 "x":0.28125,
+                 "y":187.833333333333
+                }],
+         "opacity":1,
+         "type":"objectgroup",
+         "visible":true,
+         "x":0,
+         "y":0
+        }],
+ "nextlayerid":8,
+ "nextobjectid":3,
+ "orientation":"orthogonal",
+ "renderorder":"right-down",
+ "tiledversion":"1.7.2",
+ "tileheight":32,
+ "tilesets":[
+        {
+         "columns":11,
+         "firstgid":1,
+         "image":"tileset1.png",
+         "imageheight":352,
+         "imagewidth":352,
+         "margin":0,
+         "name":"tileset1",
+         "spacing":0,
+         "tilecount":121,
+         "tileheight":32,
+         "tilewidth":32
+        }],
+ "tilewidth":32,
+ "type":"map",
+ "version":"1.6",
+ "width":10
+}
\ No newline at end of file
diff --git a/maps/tests/index.html b/maps/tests/index.html
index 692783af..899066ef 100644
--- a/maps/tests/index.html
+++ b/maps/tests/index.html
@@ -254,6 +254,14 @@
                         <a href="#" class="testLink" data-testmap="CoWebsite/cowebsite_api.json" target="_blank">Open co-websites by scripting api</a>
                     </td>
                 </tr>
+                <tr>
+                    <td>
+                        <input type="radio" name="test-cowebsite_jitsiroom-layer-properties"> Success <input type="radio" name="test-cowebsite_jitsiroom-layer-properties"> Failure <input type="radio" name="test-cowebsite_jitsiroom-layer-properties" checked> Pending
+                    </td>
+                    <td>
+                        <a href="#" class="testLink" data-testmap="CoWebsite/cowebsite_jitsiroom.json" target="_blank">Open co-websites and Jitsi room by layer properties</a>
+                    </td>
+                </tr>
             </table>
             <h2>Mobile</h2>
             <table class="table">

From f84c4b3276d79c55dd7f6cb33927e0b13864b4e7 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 25 Oct 2021 18:42:51 +0200
Subject: [PATCH 07/16] Refacto insert cowebsite

---
 front/src/Api/Events/IframeEvent.ts        |   6 +-
 front/src/Api/Events/OpenCoWebsiteEvent.ts |   2 +-
 front/src/Api/iframe/nav.ts                |  21 ++-
 front/src/WebRtc/CoWebsiteManager.ts       | 160 ++++++++-------------
 front/src/WebRtc/JitsiFactory.ts           |  15 +-
 front/style/cowebsite.scss                 |   4 +
 6 files changed, 98 insertions(+), 110 deletions(-)

diff --git a/front/src/Api/Events/IframeEvent.ts b/front/src/Api/Events/IframeEvent.ts
index 554e4545..9e31b46c 100644
--- a/front/src/Api/Events/IframeEvent.ts
+++ b/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,
diff --git a/front/src/Api/Events/OpenCoWebsiteEvent.ts b/front/src/Api/Events/OpenCoWebsiteEvent.ts
index cc70b2e5..9c02b7a3 100644
--- a/front/src/Api/Events/OpenCoWebsiteEvent.ts
+++ b/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,
diff --git a/front/src/Api/iframe/nav.ts b/front/src/Api/iframe/nav.ts
index 24b04e62..e91ded73 100644
--- a/front/src/Api/iframe/nav.ts
+++ b/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));
     }
 
     /**
diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index 06b29d18..0b2dc17d 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -442,138 +442,102 @@ class CoWebsiteManager {
         widthPercent?: number,
         position?: number
     ): Promise<CoWebsite> {
-        return new Promise((resolve, reject) => {
-            if (this.coWebsites.length < 1) {
-                this.loadMain();
-            } else if (this.coWebsites.length === 5) {
-                return reject();
-            }
 
+        return this.addCoWebsite((iframeBuffer) => {
             const iframe = document.createElement("iframe");
-
-            iframe?.classList.add("pixel");
-
-            do {
-                iframe.id = "cowebsite-iframe-" + (Math.random() + 1).toString(36).substring(7);
-            } while (iframe.id.toLowerCase().includes('jitsi') || this.getCoWebsiteById(iframe.id));
-
             iframe.src = new URL(url, base).toString()
 
             if (allowPolicy) {
                 iframe.allow = allowPolicy;
             }
 
-            const onloadPromise = new Promise<void>((resolve) => {
-                iframe.onload = () => resolve();
-            });
-
             if (allowApi) {
                 iframeListener.registerIframe(iframe);
             }
 
-            const icon = this.generateCoWebsiteIcon(iframe);
+            iframeBuffer.appendChild(iframe);
 
-            const coWebsite = {
-                iframe,
-                icon,
-                position: position ?? this.coWebsites.length,
-            };
-
-            // Iframe management on mobile
-            icon.addEventListener("click", () => {
-                if (this.isSmallScreen()) {
-                    this.moveRightPreviousCoWebsite(coWebsite, 0);
-                }
-            });
-
-            this.coWebsites.push(coWebsite);
-            this.cowebsiteSubIconsDom.appendChild(icon);
-            this.cowebsiteBufferDom.appendChild(coWebsite.iframe);
-
-            const onTimeoutPromise = new Promise<void>((resolve) => {
-                setTimeout(() => resolve(), 2000);
-            });
-
-            this.currentOperationPromise = this.currentOperationPromise
-                .then(() => Promise.race([onloadPromise, onTimeoutPromise]))
-                .then(() => {
-                    if (coWebsite.position === 0) {
-                        this.openMain();
-                        if (widthPercent) {
-                            this.widthPercent = widthPercent;
-                        }
-
-                        setTimeout(() => {
-                            this.fire();
-                            position ?
-                                this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position) :
-                                this.moveCoWebsite(coWebsite, coWebsite.position);
-                        }, animationTime);
-                    } else {
-                        position ?
-                            this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position) :
-                            this.moveCoWebsite(coWebsite, coWebsite.position);
-                    }
-
-                    return resolve(coWebsite);
-                })
-                .catch((err) => {
-                    console.error("Error loadCoWebsite => ", err);
-                    this.removeCoWebsiteFromStack(coWebsite);
-                    return reject();
-                });
-        });
+            return iframe;
+        }, widthPercent, position);
     }
 
-    /**
-     * Just like loadCoWebsite but the div can be filled by the user.
-     */
-    public insertCoWebsite(callback: (jitsiBuffer: HTMLDivElement) => Promise<void>, widthPercent?: number): void {
-        if (this.coWebsites.length < 1) {
-            this.loadMain();
-        } else if (this.coWebsites.length === 5) {
-            return;
-        }
+    public async addCoWebsite(
+        callback: (iframeBuffer: HTMLDivElement) => PromiseLike<HTMLIFrameElement>|HTMLIFrameElement,
+        widthPercent?: number,
+        position?: number
+    ): Promise<CoWebsite> {
+        return new Promise((resolve, reject) => {
+            if (this.coWebsites.length < 1) {
+                this.loadMain();
+            } else if (this.coWebsites.length === 5) {
+                throw new Error('Too many we')
+            }
 
-        this.currentOperationPromise = this.currentOperationPromise
-            .then(() => callback(this.cowebsiteBufferDom))
-            .then(() => {
-                const iframe = this.cowebsiteBufferDom.querySelector<HTMLIFrameElement>('[id*="jitsi" i]');
+            Promise.resolve(callback(this.cowebsiteBufferDom)).then(iframe =>{
                 iframe?.classList.add("pixel");
 
-                if (!iframe) {
-                    console.error("Error insertCoWebsite => Cannot find Iframe Element on Jitsi DOM");
-                    return;
+                if (!iframe.id) {
+                    do {
+                        iframe.id = "cowebsite-iframe-" + (Math.random() + 1).toString(36).substring(7);
+                    } while (this.getCoWebsiteById(iframe.id));
                 }
 
+                const onloadPromise = new Promise<void>((resolve) => {
+                    iframe.onload = () => resolve();
+                });
+
                 const icon = this.generateCoWebsiteIcon(iframe);
 
                 const coWebsite = {
                     iframe,
                     icon,
-                    position: 0,
+                    position: position ?? this.coWebsites.length,
                 };
 
+                // Iframe management on mobile
+                icon.addEventListener("click", () => {
+                    if (this.isSmallScreen()) {
+                        this.moveRightPreviousCoWebsite(coWebsite, 0);
+                    }
+                });
+
                 this.coWebsites.push(coWebsite);
                 this.cowebsiteSubIconsDom.appendChild(icon);
 
-                if (coWebsite.position === 0) {
-                    this.openMain();
+                const onTimeoutPromise = new Promise<void>((resolve) => {
+                    setTimeout(() => resolve(), 2000);
+                });
 
-                    if (widthPercent) {
-                        this.widthPercent = widthPercent;
-                    }
+                this.currentOperationPromise = this.currentOperationPromise
+                    .then(() => Promise.race([onloadPromise, onTimeoutPromise]))
+                    .then(() => {
+                        if (coWebsite.position === 0) {
+                            this.openMain();
+                            if (widthPercent) {
+                                this.widthPercent = widthPercent;
+                            }
 
-                    setTimeout(() => {
-                        this.fire();
-                    }, animationTime);
-                }
+                            setTimeout(() => {
+                                this.fire();
+                                position !== undefined ?
+                                    this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position) :
+                                    this.moveCoWebsite(coWebsite, coWebsite.position);
+                            }, animationTime);
+                        } else {
+                            position !== undefined ?
+                                this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position) :
+                                this.moveCoWebsite(coWebsite, coWebsite.position);
+                        }
 
-                this.moveRightPreviousCoWebsite(coWebsite, coWebsite.position);
-            })
-            .catch((err) => {
-                console.error("Error insertCoWebsite => ", err);
+                        return resolve(coWebsite);
+                    })
+                    .catch((err) => {
+                        console.error("Error loadCoWebsite => ", err);
+                        this.removeCoWebsiteFromStack(coWebsite);
+                        return reject();
+                    });
             });
+        });
     }
 
     public closeCoWebsite(coWebsite: CoWebsite): Promise<void> {
diff --git a/front/src/WebRtc/JitsiFactory.ts b/front/src/WebRtc/JitsiFactory.ts
index 5a1a4b91..df647f55 100644
--- a/front/src/WebRtc/JitsiFactory.ts
+++ b/front/src/WebRtc/JitsiFactory.ts
@@ -141,7 +141,7 @@ class JitsiFactory {
         jitsiUrl?: string,
         jitsiWidth?: number
     ): void {
-        coWebsiteManager.insertCoWebsite(async (cowebsiteDiv) => {
+        coWebsiteManager.addCoWebsite(async (cowebsiteDiv) => {
             // Jitsi meet external API maintains some data in local storage
             // which is sent via the appData URL parameter when joining a
             // conference. Problem is that this data grows indefinitely. Thus
@@ -170,15 +170,22 @@ class JitsiFactory {
             }
 
             return new Promise((resolve, reject) => {
-                options.onload = () => resolve(); //we want for the iframe to be loaded before triggering animations.
-                setTimeout(() => resolve(), 2000); //failsafe in case the iframe is deleted before loading or too long to load
+                const doResolve = (): void => {
+                    const iframe = cowebsiteDiv.querySelector<HTMLIFrameElement>('[id*="jitsi" i]');
+                    if (iframe === null) {
+                        throw new Error("Could not find Jitsi Iframe");
+                    }
+                    resolve(iframe);
+                }
+                options.onload = () => doResolve(); //we want for the iframe to be loaded before triggering animations.
+                setTimeout(() => doResolve(), 2000); //failsafe in case the iframe is deleted before loading or too long to load
                 this.jitsiApi = new window.JitsiMeetExternalAPI(domain, options);
                 this.jitsiApi.executeCommand("displayName", playerName);
 
                 this.jitsiApi.addListener("audioMuteStatusChanged", this.audioCallback);
                 this.jitsiApi.addListener("videoMuteStatusChanged", this.videoCallback);
             });
-        }, jitsiWidth);
+        }, jitsiWidth, 0);
     }
 
     public stop() {
diff --git a/front/style/cowebsite.scss b/front/style/cowebsite.scss
index 223ed85a..8feb517d 100644
--- a/front/style/cowebsite.scss
+++ b/front/style/cowebsite.scss
@@ -170,6 +170,10 @@
     .sub-main {
       pointer-events: all !important;
     }
+
+    .thumbnail {
+      transform: scale(0.5, 0.5);
+    }
   }
 
   .pixel {

From fbff7491dfb94fc6cf881d29dbe6c403ce80605a Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 25 Oct 2021 18:43:17 +0200
Subject: [PATCH 08/16] Zoom x 2 thumbnail cowebsite

---
 front/src/WebRtc/CoWebsiteManager.ts | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index 0b2dc17d..ff3ea1b1 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -298,10 +298,17 @@ class CoWebsiteManager {
     private setIframeOffset(coWebsite: CoWebsite, slot: CoWebsiteSlot) {
         const bounding = slot.container.getBoundingClientRect();
 
-        coWebsite.iframe.style.top = bounding.top + 'px';
-        coWebsite.iframe.style.left = bounding.left + 'px';
-        coWebsite.iframe.style.width = (bounding.right - bounding.left) + 'px';
-        coWebsite.iframe.style.height = (bounding.bottom - bounding.top) + 'px';
+        if (coWebsite.iframe.classList.contains('thumbnail')) {
+            coWebsite.iframe.style.width = ((bounding.right - bounding.left) * 2) + 'px';
+            coWebsite.iframe.style.height = ((bounding.bottom - bounding.top) * 2) + 'px';
+            coWebsite.iframe.style.top = (bounding.top - (Math.floor(bounding.height * 0.5))) + 'px';
+            coWebsite.iframe.style.left = (bounding.left - (Math.floor(bounding.width * 0.5))) + 'px';
+        } else {
+            coWebsite.iframe.style.top = bounding.top + 'px';
+            coWebsite.iframe.style.left = bounding.left + 'px';
+            coWebsite.iframe.style.width = (bounding.right - bounding.left) + 'px';
+            coWebsite.iframe.style.height = (bounding.bottom - bounding.top) + 'px';
+        }
     }
 
     private resizeAllIframes() {
@@ -338,6 +345,12 @@ class CoWebsiteManager {
             coWebsite.iframe.classList.remove('sub-main');
         }
 
+        if (newPosition >= 2) {
+            coWebsite.iframe.classList.add('thumbnail');
+        } else {
+            coWebsite.iframe.classList.remove('thumbnail');
+        }
+
         coWebsite.position = newPosition;
 
         if (oldSlot && !this.getCoWebsiteByPosition(oldSlot.position)) {

From fb7fe0dc0a04f9999de13a370125fef76535552f Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 25 Oct 2021 18:50:40 +0200
Subject: [PATCH 09/16] Rename cowebsite API functions

---
 docs/maps/api-nav.md        | 15 ++++++---------
 front/src/Api/iframe/nav.ts | 33 ++-------------------------------
 2 files changed, 8 insertions(+), 40 deletions(-)

diff --git a/docs/maps/api-nav.md b/docs/maps/api-nav.md
index 386edf9e..d1e045bc 100644
--- a/docs/maps/api-nav.md
+++ b/docs/maps/api-nav.md
@@ -52,9 +52,7 @@ WA.nav.goToRoom("/_/global/<path to global map>.json#start-layer-2")
 ### Opening/closing web page in Co-Websites
 
 ```
-WA.nav.openCoWebsite(url: string, allowApi: boolean = false, allowPolicy: string = "", position: number = 0): Promise
-WA.nav.closeCoWebsite(coWebsiteId: string): Promise
-WA.nav.closeCoWebsites(): Promise
+WA.nav.openCoWebSite(url: string, allowApi: boolean = false, allowPolicy: string = "", position: number = 0): Promise<CoWebsite>
 ```
 
 Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame. `allowApi` allows the webpage to use the "IFrame API" and execute script (it is equivalent to putting the `openWebsiteAllowApi` property in the map). `allowPolicy` grants additional access rights to the iFrame. The `allowPolicy` parameter is turned into an [`allow` feature policy in the iFrame](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-allow), position in whitch slot the web page will be open.
@@ -62,17 +60,16 @@ Opens the webpage at "url" in an iFrame (on the right side of the screen) or clo
 Example:
 
 ```javascript
-const coWebsite = await WA.nav.openCoWebsite('https://www.wikipedia.org/');
-const coWebsiteWorkAdventure = await WA.nav.openCoWebsite('https://workadventu.re/', true, "", 1);
+const coWebsite = await WA.nav.openCoWebSite('https://www.wikipedia.org/');
+const coWebsiteWorkAdventure = await WA.nav.openCoWebSite('https://workadventu.re/', true, "", 1);
 // ...
-WA.nav.closeCoWebsite(coWebsite.id);
-WA.nav.closeCoWebsites();
+coWebsite.close();
 ```
 
 ### Opening/closing web page in Co-Websites
 
 ```
-WA.nav.getCoWebsites(): Promise
+WA.nav.getCoWebSites(): Promise<CoWebsite[]>
 ```
 
 Get all opened co-websites withe their ids and positions.
@@ -80,5 +77,5 @@ Get all opened co-websites withe their ids and positions.
 Example:
 
 ```javascript
-const coWebsites = await WA.nav.getCowebsites();
+const coWebsites = await WA.nav.getCowebSites();
 ```
diff --git a/front/src/Api/iframe/nav.ts b/front/src/Api/iframe/nav.ts
index e91ded73..5acfa2a5 100644
--- a/front/src/Api/iframe/nav.ts
+++ b/front/src/Api/iframe/nav.ts
@@ -41,22 +41,7 @@ export class WorkadventureNavigationCommands extends IframeApiContribution<Worka
         });
     }
 
-    /**
-     * @deprecated Use openCoWebsite instead
-     */
-    openCoWebSite(url: string, allowApi?: boolean, allowPolicy?: string) {
-        return queryWorkadventure({
-            type: "openCoWebsite",
-            data: {
-                url,
-                allowApi,
-                allowPolicy,
-                position: undefined,
-            },
-        });
-    }
-
-    async openCoWebsite(url: string, allowApi?: boolean, allowPolicy?: string, position?: number): Promise<CoWebsite> {
+    async openCoWebSite(url: string, allowApi?: boolean, allowPolicy?: string, position?: number): Promise<CoWebsite> {
         const result = await queryWorkadventure({
             type: "openCoWebsite",
             data: {
@@ -69,7 +54,7 @@ export class WorkadventureNavigationCommands extends IframeApiContribution<Worka
         return new CoWebsite(result.id, result.position);
     }
 
-    async getCoWebsites(): Promise<CoWebsite[]> {
+    async getCoWebSites(): Promise<CoWebsite[]> {
         const result = await queryWorkadventure({
             type: "getCoWebsites",
             data: undefined
@@ -86,20 +71,6 @@ export class WorkadventureNavigationCommands extends IframeApiContribution<Worka
             data: undefined,
         });
     }
-
-    closeCoWebsite(coWebsiteId: string) {
-        return queryWorkadventure({
-            type: "closeCoWebsite",
-            data: coWebsiteId,
-        });
-    }
-
-    closeCoWebsites() {
-        return queryWorkadventure({
-            type: "closeCoWebsites",
-            data: undefined,
-        });
-    }
 }
 
 export default new WorkadventureNavigationCommands();

From 4538f6d915157231f1b676e6871d3de8a3e83c38 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 25 Oct 2021 18:59:52 +0200
Subject: [PATCH 10/16] Update cowebsite script map

---
 maps/tests/CoWebsite/script.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/maps/tests/CoWebsite/script.js b/maps/tests/CoWebsite/script.js
index ae1f94d2..b45c0ffc 100644
--- a/maps/tests/CoWebsite/script.js
+++ b/maps/tests/CoWebsite/script.js
@@ -63,7 +63,7 @@ async function openCoWebsite(args) {
         return;
       }
 
-    await WA.nav.openCoWebsite(args[0]).then(() => {
+    await WA.nav.openCoWebSite(args[0]).then(() => {
         wookaSendMessage('Co-website has been opened !');
     }).catch((error) => {
         wookaSendMessage(`Something wrong happen during co-website opening: ${error.message}`);
@@ -76,17 +76,17 @@ async function closeCoWebsite(args) {
         return;
     }
 
+    const coWebsites = await WA.nav.getCoWebSites();
+
     // All
     if (args[0] === "all" || args[0] === "*") {
-        WA.nav.closeCoWebsites().then(() => {
-            wookaSendMessage('All co-websites has been closed !');
-        }).catch((error) => {
-            wookaSendMessage(`Something wrong happen during co-websites closing: ${error.message}`);
+        coWebsites.forEach(coWebsite => {
+            coWebsite.close();
         });
+        wookaSendMessage('All co-websites has been closed !');
         return;
     }
 
-    const coWebsites = await WA.nav.getCoWebsites();
     const position = parseInt(args[0]);
 
     // By ID or Position
@@ -100,7 +100,7 @@ async function closeCoWebsite(args) {
         return;
     }
 
-    await WA.nav.closeCoWebsite(coWebsite.id).then(() => {
+    await coWebsite.close().then(() => {
         wookaSendMessage('This co-websites has been closed !');
     }).catch((error) => {
         wookaSendMessage(`Something wrong happen during co-website closing: ${error.message}`);

From ab1a9b358a65f6c0310ef61eed0ddf2d3b1438a2 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Tue, 26 Oct 2021 14:16:00 +0200
Subject: [PATCH 11/16] Change favicon snatcher http to https

---
 front/src/WebRtc/CoWebsiteManager.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index ff3ea1b1..444fe421 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -438,7 +438,7 @@ class CoWebsiteManager {
         icon.style.display = "none";
 
         const iconImage = document.createElement("img");
-        iconImage.src = `http://www.google.com/s2/favicons?sz=64&domain_url=${iframe.src}`;
+        iconImage.src = `https://www.google.com/s2/favicons?sz=64&domain_url=${iframe.src}`;
         const url = new URL(iframe.src);
         iconImage.alt = url.hostname;
 

From 820767db3d92a71890bf73dc755b396cb4211a05 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Wed, 27 Oct 2021 09:47:15 +0200
Subject: [PATCH 12/16] Add multi co website to the changelog

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ef120a3f..e33a4f97 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,8 @@
 ## Version develop
 
+### Updates
+- Added multi Co-Website management
+
 ### Bugfix
 - Moving a discussion over a user will now add this user to the discussion
 - Being in a silent zone new forces mediaConstraints to false (#1508)

From c886feca79c587f50355bf11a8d973ebf6e51025 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Wed, 27 Oct 2021 12:12:42 +0200
Subject: [PATCH 13/16] Add max iframe count on doc

---
 docs/maps/api-nav.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/maps/api-nav.md b/docs/maps/api-nav.md
index d1e045bc..465f8063 100644
--- a/docs/maps/api-nav.md
+++ b/docs/maps/api-nav.md
@@ -56,6 +56,7 @@ WA.nav.openCoWebSite(url: string, allowApi: boolean = false, allowPolicy: string
 ```
 
 Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame. `allowApi` allows the webpage to use the "IFrame API" and execute script (it is equivalent to putting the `openWebsiteAllowApi` property in the map). `allowPolicy` grants additional access rights to the iFrame. The `allowPolicy` parameter is turned into an [`allow` feature policy in the iFrame](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-allow), position in whitch slot the web page will be open.
+You can have only 5 co-wbesites open simultaneously.
 
 Example:
 
@@ -72,7 +73,7 @@ coWebsite.close();
 WA.nav.getCoWebSites(): Promise<CoWebsite[]>
 ```
 
-Get all opened co-websites withe their ids and positions.
+Get all opened co-websites with their ids and positions.
 
 Example:
 

From b03e7ec8f60689b4bb73867689e2f2a6c0d77db8 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Thu, 28 Oct 2021 10:00:12 +0200
Subject: [PATCH 14/16] Add how to have a jitsi & cowebsite on doc

---
 docs/maps/api-nav.md           |  2 +-
 docs/maps/opening-a-website.md | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/docs/maps/api-nav.md b/docs/maps/api-nav.md
index 465f8063..47ee416e 100644
--- a/docs/maps/api-nav.md
+++ b/docs/maps/api-nav.md
@@ -67,7 +67,7 @@ const coWebsiteWorkAdventure = await WA.nav.openCoWebSite('https://workadventu.r
 coWebsite.close();
 ```
 
-### Opening/closing web page in Co-Websites
+### Get all Co-Websites
 
 ```
 WA.nav.getCoWebSites(): Promise<CoWebsite[]>
diff --git a/docs/maps/opening-a-website.md b/docs/maps/opening-a-website.md
index ec6c82d4..64b19f1c 100644
--- a/docs/maps/opening-a-website.md
+++ b/docs/maps/opening-a-website.md
@@ -5,7 +5,7 @@
 
 ## The openWebsite property
 
-On your map, you can define special zones. When a player will pass over these zones, a website will open (as an iframe 
+On your map, you can define special zones. When a player will pass over these zones, a website will open (as an iframe
 on the right side of the screen)
 
 In order to create a zone that opens websites:
@@ -16,7 +16,7 @@ In order to create a zone that opens websites:
 * You may also use "`openTab`" property (of type "`string`") to open in a new tab instead.
 
 {.alert.alert-warning}
-A website can explicitly forbid another website from loading it in an iFrame using 
+A website can explicitly forbid another website from loading it in an iFrame using
 the [X-Frame-Options HTTP header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options).
 
 ## Integrating a Youtube video
@@ -64,3 +64,13 @@ For instance, if you want an iFrame to be able to go in fullscreen, you will use
     <img src="images/open_website_policy.jpg" class="figure-img img-fluid rounded" alt="" />
     <figcaption class="figure-caption">The generated iFrame will have the allow attribute set to: <code>&lt;iframe allow="fullscreen"&gt;</code></figcaption>
 </figure>
+
+### Open a Jitsi with a co-website
+
+Cowebsites allow you to have several sites open at the same time.
+
+If you want to open a Jitsi and another page it's easy!
+
+You have just to [add a Jitsi to the map](meeting-rooms.md) and [add a co-website](opening-a-website.md#the-openwebsite-property) on the same layer.
+
+It's done!

From 68c626088d998d2317f0f1ea55879b71a33a1325 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Thu, 28 Oct 2021 11:31:28 +0200
Subject: [PATCH 15/16] Add co-website icon on mobile landscape

---
 front/style/cowebsite-mobile.scss | 40 +++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/front/style/cowebsite-mobile.scss b/front/style/cowebsite-mobile.scss
index 3a3482a9..611e4326 100644
--- a/front/style/cowebsite-mobile.scss
+++ b/front/style/cowebsite-mobile.scss
@@ -94,3 +94,43 @@
       }
     }
   }
+
+@media (max-width:960px) and (max-height:768px) {
+  #cowebsite {
+
+    &-container {
+      display: none;
+    }
+
+    aside {
+      #cowebsite-sub-icons {
+        display: inline-flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        margin-top: 0;
+        height: 100%;
+        visibility: visible;
+
+        img {
+          height: 28px;
+          width: 28px;
+          cursor: pointer !important;
+          border-radius: 50%;
+          background-color: whitesmoke;
+        }
+
+        &>div {
+          display: flex;
+          margin-top: 2px;
+          margin-bottom: 2px;
+          transform: rotate(-90deg);
+        }
+      }
+
+      img {
+        cursor: ns-resize;
+      }
+    }
+  }
+}

From e216b6caf4e6475160801cbfa6868069913e3704 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Fri, 29 Oct 2021 15:23:09 +0200
Subject: [PATCH 16/16] Handle landscape mobile with cowebsite

---
 front/src/WebRtc/CoWebsiteManager.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index 444fe421..823e138b 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -163,7 +163,8 @@ class CoWebsiteManager {
     }
 
     private isSmallScreen(): boolean {
-        return window.matchMedia("(max-aspect-ratio: 1/1)").matches;
+        return window.matchMedia("(max-aspect-ratio: 1/1)").matches ||
+         window.matchMedia("(max-width:960px) and (max-height:768px)").matches;
     }
 
     private initResizeListeners(touchMode: boolean) {