added world menu

front/src/Components/Menu/Menu.svelte

@@ -2,6 +2,7 @@
     import {fly} from "svelte/transition";
     import SettingsSubMenu from "./SettingsSubMenu.svelte";
     import ProfileSubMenu from "./ProfileSubMenu.svelte";
+    import WorldsSubMenu from "./WorldsSubMenu.svelte";
     import CreateMapSubMenu from "./CreateMapSubMenu.svelte";
     import AboutRoomSubMenu from "./AboutRoomSubMenu.svelte";
     import GlobalMessageSubMenu from "./GlobalMessagesSubMenu.svelte";
@@ -52,6 +53,9 @@
                 case SubMenusInterface.profile:
                     activeComponent = ProfileSubMenu;
                     break;
+                case SubMenusInterface.worlds:
+                    activeComponent = WorldsSubMenu;
+                    break;
                 case SubMenusInterface.createMap:
                     activeComponent = CreateMapSubMenu;
                     break;

front/src/Components/Menu/ProfileSubMenu.svelte

@@ -48,6 +48,13 @@
 </script>
 
 <div class="customize-main">
+    <section>
+        <button type="button" class="nes-btn" on:click|preventDefault={openEditSkinScene}>Edit Skin</button>
+        <button type="button" class="nes-btn" on:click|preventDefault={openEditCompanionScene}>Edit Companion</button>
+    </section>
+    <section>
+        <button type="button" class="nes-btn" on:click|preventDefault={openEnableCameraScene}>Setup camera</button>
+    </section>
     {#if $userIsConnected}
     <section>
         {#if PROFILE_URL != undefined}
@@ -58,27 +65,23 @@
         <button type="button" class="nes-btn" on:click|preventDefault={logOut}>Log out</button>
     </section>
     {:else}
-        <section>
+    <section>
-            <a type="button" class="nes-btn" href="/login">Sign in</a>
+        <a type="button" class="nes-btn" href="/login">Sign in</a>
-        </section>
+    </section>
     {/if}
-    <section>
-        <button type="button" class="nes-btn" on:click|preventDefault={openEditSkinScene}>Edit Skin</button>
-        <button type="button" class="nes-btn" on:click|preventDefault={openEditCompanionScene}>Edit Companion</button>
-    </section>
-    <section>
-        <button type="button" class="nes-btn" on:click|preventDefault={openEnableCameraScene}>Setup camera</button>
-    </section>
 </div>
 
 <style lang="scss">
-    div.customize-main{
+    div.customize-main {
-      section {
+        overflow-y: auto;
-        display: flex;
+        height: 90%;
-        justify-content: center;
+
-        align-items: center;
+        section {
-        flex-wrap: wrap;
+            display: flex;
-        margin-bottom: 20px;
+            justify-content: center;
+            align-items: center;
+            flex-wrap: wrap;
+            margin-bottom: 20px;
 
             iframe {
                 width: 100%;

front/src/Components/Menu/WorldsSubMenu.svelte

@@ -0,0 +1,42 @@
+<script lang="typescript">
+    import { connectionManager } from "../../Connexion/ConnectionManager";
+    import type { World } from "../../Connexion/World";
+
+
+    let worlds = connectionManager.getWorlds();
+
+
+    function worldRoomId(world: World) {
+        return world.roomId;
+    }    
+    
+    function worldRoomName(world: World) {
+        return world.roomId.replace(window.location.origin + "/", "");
+    }
+
+    function worldPlayer(world: World) {
+        return world.player;
+    }
+
+</script>
+
+<div class="customize-main">
+    {#await worlds then data}
+    <table class="nes-table is-bordered is-dark">
+        {#each data as world}
+        <tr>
+            <td><a href="{worldRoomId(world)}">{worldRoomName(world)}</a></td>
+            <td>{worldPlayer(world)}</td>
+        </tr>
+        {/each}
+    </table>
+    {/await}
+</div>
+
+<style lang="scss">
+    div.customize-main {
+        table.nes-table {
+            width: 100%;
+        }
+    }
+</style>

front/src/Connexion/ConnectionManager.ts

@@ -317,6 +317,21 @@ class ConnectionManager {
         }
     }
 
+    async getWorlds() {
+
+        const token = localUserStore.getAuthToken();
+        if (!token) {
+            throw "No token provided";
+        }
+
+        const { worlds } = await Axios.get(`${PUSHER_URL}/worlds`, { params: { token } }).then((res) => {
+            return res.data;
+            }
+        );
+
+        return worlds;
+    }
+
     get currentRoom() {
         return this._currentRoom;
     }

front/src/Connexion/World.ts

@@ -0,0 +1,4 @@
+export interface World {
+  roomId: string;
+  player: string[];
+}

front/src/Stores/MenuStore.ts

@@ -34,6 +34,7 @@ export const warningContainerStore = createWarningContainerStore();
 export enum SubMenusInterface {
     settings = "Settings",
     profile = "Profile",
+    worlds = "Worlds",
     createMap = "Create a Map",
     aboutRoom = "About the Room",
     globalMessages = "Global Messages",
@@ -44,6 +45,7 @@ function createSubMenusStore() {
     const { subscribe, update } = writable<string[]>([
         SubMenusInterface.settings,
         SubMenusInterface.profile,
+        SubMenusInterface.worlds,
         SubMenusInterface.createMap,
         SubMenusInterface.aboutRoom,
         SubMenusInterface.globalMessages,

pusher/src/Controller/MapController.ts

@@ -119,29 +119,27 @@ export class MapController extends BaseController {
                             throw Error("Token cannot to be check on Hydra");
                         }
 
-                        const worlds: Map<String, PusherRoom> = socketManager.getWorlds();
+                        const result: any[] = [];
-
+                        for (const room of socketManager.getWorlds().values()) {
-                        const result: any = {};
+                            const world : any = {};
-
+                            world.roomId = room.roomUrl;
-                        for (const room of worlds.values()) {
+                            world.player = [];
-                            result[room.roomUrl] = room.getListeners().size;
-                            /*
                             for (const listener of room.getListeners()) {
                                 const position: any = {};
                                 position.name = listener.name;
                                 position.roomId = listener.roomId;
                                 position.position = listener.position;
                                 position.viewport = listener.viewport;
-                                result.push(position);
+                                world.player.push(listener.name);
                             }
-                            */
+                            result.push(world);
                         }
 
                         return res
                             .writeStatus("200 OK")
                             .writeHeader("Content-Type", "application/json")
                             .end(
-                                JSON.stringify(result)
+                                JSON.stringify({ worlds: result })
                             );
                     } catch (error) {
                         return this.errorToResponse(error, res);