Ajout MAJ des joueurs + suppression des joueurs a la deconnexion

client/index.html

@@ -19,7 +19,9 @@
                 </div>
                 <button class="btn btn-primary" id="start" type="submit">Créer un salon privée</button>
             </form>
-
+        </div>
+        <div id="players">
+            
         </div>
     </div>
     <script src="/socket.io/socket.io.js"></script>

client/main.js

@@ -4,18 +4,38 @@ const form = document.querySelector("#form");
 
 
 socket.on("connect", () => {
-  console.log(socket);
+    socket.on("players",(socket) => {
-});
+        data = new Map(JSON.parse(socket));
+        console.log(data);
+        const player = document.querySelector("#players")
+        player.innerHTML=''
+        data.forEach((it,key) => {
+            let p = document.createElement("p");
+            p.innerHTML = `joueur : ${key}   points : ${it}`;
+            player.appendChild(p);
+        })
+    })
+})
+
+
+
 
 form.addEventListener('submit',function(e){
     e.preventDefault();
     value = form.querySelector("input[name=pseudo]").value;
-    console.log(`[Client Side] inputValue : ${value}`);
+
     if(value)
     {
-        socket.emit('testing',value);
+        perso = {
-        console.log(`emitted`);
+            id: value,
-        value= "VIDE";
+            nom: socket.id,
+            test: "coucou"
+        }
+        data = JSON.stringify(perso);
+        console.log(`[Client Side] inputValue : ${data}`);
+        socket.emit('testing',data);
     }
 })
 
+
+

index.js

@@ -24,27 +24,59 @@ server.listen(21111, () => {
   console.log('listening on *:21111');
 });
 
-io.on('connection', (socket) => {
+
-    console.log(`[Server Side]Socket : ${socket.id}`);
+io.on('connection', (socket1) => {
-    socket.on('testing', (socket) => {
+
+    socket1.on('disconnect',(socket)=>{
+        console.log(`[Server Side] disconnection : ${socket1.id}`)
+        rooms.forEach(it =>{
+            it.players = new Map(
+                [...it.players]
+                .filter(([k, v]) => k !== socket1.id )
+            )
+            roomChanged(it)
+        })
+    })
+
+    socket1.on('testing', (socket) => {
+        data = JSON.parse(socket);
         console.clear();
-        console.log(`[Server Side] Socket : ${socket}`)
+        console.log(`[Server Side] JSON : ${socket}`)
+        console.log(`[Server Side] data : ${data.id}`)
         if(rooms.length === 0)
         {
+            map = new Map();
+            map.set(data.nom,0);
             rooms.push({
-                id: socket,
+                id: data.id,
+                players: map
             })
+            roomChanged(rooms[0])
         }
         else
         {
-            if(rooms.some(e => e.id === socket))
+            res = rooms.filter(e => e.id === data.id);
+            if(res[0] != null )
             {
-                console.error("Ceci existe deja")
+                console.log(res)
+                if(res[0].players.get(data.nom) != null)
+                {
+                    console.log(`[Server Side] Error : le joueur ${data.nom} est dejà dans la room`);
+                }
+                else
+                {
+                    res[0].players.set(data.nom,0);
+                    roomChanged(res[0])
+                }
             }
             else{
+                map = new Map();
+                map.set(data.nom,0);
                 rooms.push({
-                    id: socket,
+                    id: data.id,
+                    players: map
                 });
+                roomChanged(rooms[rooms.length-1])
             }
         }
         displayAllRooms(rooms);
@@ -53,14 +85,36 @@ io.on('connection', (socket) => {
 
 
 
+
 function displayAllRooms(rooms)
 {
     console.log(`[Server Side] number of rooms : ${rooms.length}`);
     console.log(`------------`);
     rooms.forEach(element => {
-        console.log(`[Server Side] room :`);
+        console.log(`[Server Side] room : ${element.id}`);
-        console.log(element);
+        displayAllPlayers(element.players);
         console.log(`------------`);
+    });
+}
 
+function displayAllPlayers(players)
+{
+    console.log("[Server Side]: Players :")
+    players.forEach((element,key) => {
+        console.log(`[Server Side]: ${key} -> ${element}`);
+    });
+}
+
+function roomChanged(room)
+{
+    if(room.players.size === 0)
+    {
+        rooms = rooms.filter((it)=>{
+            it !== room
+        })
+    }
+    room.players.forEach((element,key) => {
+        io.to(key).emit('players',JSON.stringify(Array.from(room.players.entries())))
     });
 }
+