Render connected peers in the chat UI

[2color]

Background

As a user, I want to know who else is in the chatroom.

We should render a list of all the other peers in the gossipsub channel.

https://github.com/feross/p2p-graph is a cool way to explore rendering the graph visually.

Details

• Note that this chat peers may be different to the connected peers. Indeed, many of the peers you will connect to are gonna be on this topic but you may be also connected to bootstrap nodes which aren't listening on the topic and shouldn't be rendered.

[p-shahi]

Additionally:

On the gossipsub channel, we can gossip connection events i.e. “I’m a rust-peer and I’m connected to a,b,c peers over the [WebRTC/QUIC/etc] protocols” and have a visualization that shows a graph on the browser side who is connected to who over which protocols. Any browser peer would eventually learn this and be able to visualize it since this info would be gossiped frequently (every 2 or 3 secs). The graph can be built as peers join, we can give peers names.