Developer Guides

Welcome to the Ping Dashboard Developer Guide!

Layout:

├── chains
│   └── mainnet // your blockchain configures.
├── public // public static files of the repo
└── src
    ├── assets
    ├── components
    ├── layouts
    │   └── components
    ├── libs
    │   └── clients
    ├── modules // Ping Dashboard Modules, Please add features as new modules like this.
    │   ├── [chain]
    │   │   ├── account
    │   │   ├── block
    │   │   ├── consensus
    │   │   ├── cosmwasm
    │   │   ├── gov
    │   │   ├── ibc
    │   │   ├── nft
    │   │   ├── params
    │   │   ├── staking
    │   │   ├── statesync
    │   │   ├── supply
    │   │   ├── tx
    │   │   ├── uptime
    │   │   └── widget
    │   └── wallet
    ├── pages
    ├── plugins
    │   ├── i18n
    │   └── pinia
    ├── router
    ├── stores
    └── types

Module:

a module‘s struct is similar with block:

block
├── index.vue // entry of this module
├── block.ts // Pinia store 
└── [height].vue // other sub feature. here shows block information by its height

Entry Of Module:

index.vue includes three parts:

<script lang="ts" setup>
// put your logic here
</script>
<template>
  <!--your template of this feature-->
</template>
<route>
    {
      meta: {
        i18n: 'blocks', // key of the module's name that shows on left menu bar
        order: 5, // the weight to sort the module in menu bar.
      }
    }
</route>