Lobby list live update

protos/lobby.proto

@@ -220,6 +220,7 @@ message LobbyUpdate {
 enum LobbyStatus {
   ADDED = 0;
   REMOVED = 1;
+  UPDATED = 2;
 }
 
 message ListLobbiesRequest { }

src/client/lobby-interface.js

@@ -40,6 +40,12 @@ class LobbyInterface extends global.EventEmitter {
     })
     channel.on('PapanLobby.PublicLobbyUpdate', data => {
       const id = data.lobby.id
+      if (data.status === 'UPDATED') {
+        if (this.lobbyList[id]) {
+          this.lobbyList[id].update(data)
+        }
+        this.emit('publicLobbyUpdate', data.lobby)
+      }
       if (data.status === 'ADDED' && !this.lobbyList[id]) {
         if (this.publicLobbyList[id]) {
           this.emit('publicLobbyUpdate', data.lobby)

src/server/lobby/persist.js

@@ -264,8 +264,15 @@ class PersistClient {
     return this.getLobbyInfo({ id: id })
   }
 
-  setLobbyName (data) {
-    return this._setLobbyField(deepmerge(data, { field: 'name' }))
+  async setLobbyName (data) {
+    const info = await this._setLobbyField(deepmerge(data, { field: 'name' }))
+    if (info.public) {
+      await this._client.publish('publiclobbies', PapanUtils.JSON.stringify({
+        id: data.id,
+        status: 'UPDATED'
+      }))
+    }
+    return info
   }
 
   async setLobbyPublic (data) {

src/server/lobby/playerlobbyservice.js

@@ -222,7 +222,7 @@ const ListLobbies = call => {
       lobbies.forEach(info => {
         call.write({
           lobby: info,
-          status: 0
+          status: 'ADDED'
         })
       })
     })

template/server.html

@@ -59,7 +59,7 @@
       <div viewname="home">
         <template is="dom-repeat" items="[[_lobbylist]]">
           <div class="lobby layout horizontal end">
-            <div class="flex">Lobby #[[item.id]]</div>
+            <div class="flex">[[item.name]]</div>
             <papan-join-button route="{{route}}" lobby-id="[[item.id]]"></papan-join-button>
           </div>
         </template>