Announcing the VSC block explorer | Ecency

Introducing the block explorer for VSC, an interface for the Hive layer 2 (L2) smart contract platform.

This has been in the works in the last months, and I would like to thank @vaultec for the opportunity for me to develop the frontend.

API

Before going into the specifics of the block explorer, an API is required to fetch the relevant data to be displayed. As we are still in the very early stages of VSC, data from the API provided by a standard VSC node are currently very limited.

I have created a non-forking HAF app to index VSC-related operations from layer 1 (L1) into its own schema that the block explorer can use to display the data. The HAF API currently used by the block explorer may be accessed here. The API method details are available here, where each PL/pgSQL function is a GET API method.

For example:

$ curl -s https://vsc-haf.techcoderx.com/rpc/get_l1_operations_by_l1_blocks?l1_blk_start=77300782\&l1_blk_count=1000 | jq
[
  {
    "id": 5343,
    "ts": "2023-08-07T08:14:33",
    "type": 6,
    "payload": {
      "action": "announce_block",
      "net_id": "testnet/d12e6110-9c8c-4498-88f8-67ddf90d451c",
      "block_hash": "bafyreiei4mktbbzxb3q5ntprtypl7pgoilj3kdvd5spfqwlpqhu7keutqa"
    },
    "l1_block": 77300782,
    "username": "avalonreport"
  },
  {
    "id": 5344,
    "ts": "2023-08-07T08:21:36",
    "type": 6,
    "payload": {
      "action": "announce_block",
      "net_id": "testnet/d12e6110-9c8c-4498-88f8-67ddf90d451c",
      "block_hash": "bafyreih2636gia2wcd7shees7qerkmv57ko3shkxev6czttskiixuzqexi"
    },
    "l1_block": 77300923,
    "username": "k2x"
  },
  ...(remaining ops goes here)
]

Frontend

Unlike my other frontends, the VSC block explorer is a single page application (SPA) developed with Vite and React using Chakra UI for UI component library.

As of now, it displays the data from the HAF API node which are L1 data. L2 data on IPFS (i.e. contract execution) are not displayed, however it may be accessed by clicking on the IPFS hashes on VSC block pages and latest contracts page.

The pages that you may be interested are as follows: