FIO Chain Overview

Owned by Pawel Mastalerz
Last updated: Sept 26, 2024
6 min read

Page Spec

Item

Content

Item

Content

Page URL

/fio-chain/overview

Page Title

FIO Protocol - FIO Chain Overview

Design

https://www.figma.com/file/n33HwJfIuwy068A7G0Bdpg/FIO-Website?type=design&node-id=576-5607

Section Content

FIO Chain Live!

Search box

When user clicks Search or hits enter redirect to the following url (same tab) based on content in this order:

Content format

Redirect Url

Content format

Redirect Url

String longer than 64 characters

https://fio.bloks.io/transaction/STRING

Regex: ^FIO[A-HJ-NP-Za-km-z1-9]{50}$

https://fio.bloks.io/key/STRING

Regex: ^(?:(?=.{3,64}$)[a-zA-Z0-9]{1}(?:(?!-{2,}))[a-zA-Z0-9-]*(?:(?<!-))@[a-zA-Z0-9]{1}(?:(?!-{2,}))[a-zA-Z0-9-]*(?:(?<!-))$)

https://fio.bloks.io/address/STRING

Regex: ^(?=.{1,62}$)[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9]$

https://fio.bloks.io/domain/STRING

Dynamic Content

  • On initial load show “Waiting for data” (see Figma) before data is populated from APIs

  • This content needs to refresh every 3 seconds

  • Show max 5 transactions and then start replacing the older ones

Content element

Endpoint

Request

Response

Content element

Endpoint

Request

Response

Latest Block Producer

GET https://fio.blockpane.com/v1/chain/get_info

N/A

Use head_block_producer to get Latest Block Producer account name

{     "server_version": "533ed469",     "chain_id": "21dcae42c0182200e93f954a074011f9048a7624c6fe81d3c9541a614a88bd1c",     "head_block_num": 208004440,     "last_irreversible_block_num": 208004104,     "last_irreversible_block_id": "0c65e40850aef57864d6ee3621b71cb90f40101628afa07a9b6dffc9ee124a41",     "head_block_id": "0c65e5584c7f8b5901d1c3b54cd8a76afc27eb650bc21428b1a6a58dc7b8319b",     "head_block_time": "2023-07-12T19:18:17.500",     "head_block_producer": "hislmnfx13ya",     "virtual_block_cpu_limit": 200000000,     "virtual_block_net_limit": 1048576000,     "block_cpu_limit": 199900,     "block_net_limit": 1048576,     "server_version_string": "v3.3.0",     "fork_db_head_block_num": 208004440,     "fork_db_head_block_id": "0c65e5584c7f8b5901d1c3b54cd8a76afc27eb650bc21428b1a6a58dc7b8319b" }

GET https://bpmonitor.fio.net/api/producers

N/A

  1. Iterate through rows until you find owner which matches Last Block Producer account name from step above

  2. Use:

    1. fio_address as Block Producer Name

    2. website as Website URL

    3. branding → logo_svg as Logo

      • If not present use logo_256

        • If not present use generic “block” icon same as next to Last Block

    4. location_name as as Country

    5. flagIconUrl as flag image url

    6. socials → twitter as Twitter URL

    7. socials → telegram as Telegram URL

      1. Do not show icon if not present

    8. socials → twitter as Twitter URL

      1. Do not show icon if not present

Latest Block

GET https://fio.blockpane.com/v1/chain/get_info

N/A

Use head_block_num

{     "server_version": "533ed469",     "chain_id": "21dcae42c0182200e93f954a074011f9048a7624c6fe81d3c9541a614a88bd1c",     "head_block_num": 208004440,     "last_irreversible_block_num": 208004104,     "last_irreversible_block_id": "0c65e40850aef57864d6ee3621b71cb90f40101628afa07a9b6dffc9ee124a41",     "head_block_id": "0c65e5584c7f8b5901d1c3b54cd8a76afc27eb650bc21428b1a6a58dc7b8319b",     "head_block_time": "2023-07-12T19:18:17.500",     "head_block_producer": "hislmnfx13ya",     "virtual_block_cpu_limit": 200000000,     "virtual_block_net_limit": 1048576000,     "block_cpu_limit": 199900,     "block_net_limit": 1048576,     "server_version_string": "v3.3.0",     "fork_db_head_block_num": 208004440,     "fork_db_head_block_id": "0c65e5584c7f8b5901d1c3b54cd8a76afc27eb650bc21428b1a6a58dc7b8319b" }

 

Transactions

POST https://fio.blockpane.com/v1/chain/get_block

Use head_block_num from previous call

{ "block_num_or_id":211471729 }

Iterate through transactions and use:

  • trx → id as Transaction ID

  • trx → transaction → actions → account as Contract

  • trx → transaction → actions → name as Action

  • trx → transaction → actions → data as Data for overlay JSON prettifed

Make entire transaction id in list and overlay link to: https://fio.bloks.io/transaction/Transaction ID

 

Benefits and Innovations

Links will be added later