Build dynamic/interactive UI to analyze results.

[adlrocha]

Build an interactive UI similar to this one for Bitswap: https://www.youtube.com/watch?time_continue=116&v=clzivvkpKpc&feature=emb_logo

This tool should read logs from a bitswap execution and show:

• Nodes Wantlist.
• Messages being sent and received.
• Sessions
• etc.

This would help the analysis of benchmarking results and debugging.

[adlrocha]

First MVP of the "Bitswap Viewer". It is an observableHQ that retreives logs from a local Jaeger environment and prints the table the reception of messages step by step. This simple feature was more than enough for me to have a sense about what was happening under the hood in my prototypes.

https://observablehq.com/@adlrocha/bitswap-viewer

Do not hesitate to post here any additional feature that you think this Bitswap viewer should include (the notebook is public, and the code will be included in this repo, so you can also implement the feature yourself and do a PR for everyone to benefit from your work ).

Reference: https://github.com/protocol/beyond-bitswap/commit/760278e7f27da752c547789943a2987ed7395c95

[adlrocha]

Added instrumentation to also track peers session and the peers and CIDs being requested in each session (https://github.com/adlrocha/go-bitswap/commit/e76a6cbc6ee136a4dc09391a67755457fc35e84d).

The change has also be published in the obervableHQ: https://observablehq.com/@adlrocha/bitswap-viewer