Skip to content

Latest commit

 

History

History

connections-table

ConnectionsTable

A libp2p Observer example widget, visualising libp2p connections in a "drifting" data table.

screenshot

Key features

  • Rows slide, fade in and fade out as data changes cause changes to table order and contents, making changes easier to spot
  • Closed connections fade and drift out as they approach the cutoff time defined in the initial setup and under "Info and settings" in the Shell
  • Streams for each connection can be viewed in a sub-table
  • Sorting, filtering and pagination of data

Exports

Exports follow the standard format of libp2p Observer widgets:

Widget({ closeWidget })

  • closeWidget (optional): function to close this widget, usually provided automatically by @libp2p/observer-shell

React component rendering this widget. Expects to be rendered inside ThemeSetter and DataProvider contexts from @libp2p/observer-sdk. These are usually provided by @libp2p/observer-catalogue or [@libp2p/observer-testing]](../testing).

description

String in plain text or markdown format, describing this widget.

name

String containging this widget's name.

screenshot

PNG image displaying a thumbnail image of this widget. Importing packages should have an appropriate webpack loader for handling images.

tags

Array of strings listing topics this widget relates to.