zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

Merge branch 'master' of https://github.com/donne1226/explorer

Browse Source
This commit is contained in:
donne 2022-03-24 14:55:38 +08:00
commit be0224eb67
10 changed files with 282 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/chains/mainnet/celestia.json Normal file
View File

@ -0,0 +1,17 @@
{
"chain_name": "celestia",
"coingecko": "",
"api": "https://celestia-api.skynetvalidators.com",
"sdk_version": "0.44.0",
"coin_type": "118",
"min_tx_fee": "800",
"addr_prefix": "celestia",
"logo": "https://explorer-images.s3.filebase.com/celestia-logo.png",
"assets": [{
"base": "celes",
"symbol": "CELES",
"exponent": "0",
"coingecko_id": "",
"logo": "https://explorer-images.s3.filebase.com/celestia-logo.png"
}]
}

23
src/chains/mainnet/cht.json Normal file
View File

@ -0,0 +1,23 @@
{
"chain_name": "chronic-token",
"coingecko": "",
"api": "https://chtd-api.skynetvalidators.com",
"sdk_version": "0.44.5",
"coin_type": "118",
"min_tx_fee": "800",
"addr_prefix": "chronic",
"logo": "https://explorer-images.s3.filebase.com/cht-logo.jpg",
"assets": [{
"base": "ucgas",
"symbol": "CGAS",
"exponent": "6",
"coingecko_id": "",
"logo": "https://explorer-images.s3.filebase.com/cht-logo.jpg"
},{
"base": "ucht",
"symbol": "CHT",
"exponent": "6",
"coingecko_id": "ion",
"logo": "https://explorer-images.s3.filebase.com/cht-logo.jpg"
}]
}

16
src/chains/mainnet/coho.json Normal file
View File

@ -0,0 +1,16 @@
{
"chain_name": "cosmic-horizon",
"api": ["https://coho-api.skynetvalidators.com"],
"sdk_version": "0.44.5",
"coin_type": "118",
"min_tx_fee": "300",
"assets": [{
"base": "ucoho",
"symbol": "COHO",
"exponent": "6",
"coingecko_id": "",
"logo": "https://coho-images.s3.filebase.com/red_logo.png"
}],
"addr_prefix": "coho",
"logo": "https://coho-images.s3.filebase.com/red_logo.png"
}

17
src/chains/mainnet/dws.json Normal file
View File

@ -0,0 +1,17 @@
{
"chain_name": "DWS",
"coingecko": "",
"api": "https://dws-api.skynetvalidators.com",
"sdk_version": "0.44.3",
"coin_type": "118",
"min_tx_fee": "200",
"addr_prefix": "deweb",
"logo": "https://dws-images.s3.filebase.com/logo.png",
"assets": [{
"base": "udws",
"symbol": "DWS",
"exponent": "6",
"coingecko_id": "",
"logo": "https://dws-images.s3.filebase.com/logo.png"
}]
}

17
src/chains/mainnet/omniflix.json Normal file
View File

@ -0,0 +1,17 @@
{
"chain_name": "omniflix",
"coingecko": "",
"api": "https://omniflixhub-api.skynetvalidators.com",
"sdk_version": "0.45.1",
"coin_type": "118",
"min_tx_fee": "3000",
"addr_prefix": "omniflix",
"logo": "https://explorer-images.s3.filebase.com/omniflix-alpha-logo.png",
"assets": [{
"base": "uflix",
"symbol": "FLIX",
"exponent": "6",
"coingecko_id": "",
"logo": "https://explorer-images.s3.filebase.com/omniflix-alpha-logo.png"
}]
}

14
src/libs/fetch.js
View File

@ -71,8 +71,8 @@ export default class ChainFetch {
return this.get(`/blocks/${height}`, config).then(data => Block.create(data))
}
async getSlashingSigningInfo() {
return this.get('/cosmos/slashing/v1beta1/signing_infos')
async getSlashingSigningInfo(config = null) {
return this.get('/cosmos/slashing/v1beta1/signing_infos?pagination.limit=500', config)
}
async getTxs(hash) {
@ -140,8 +140,8 @@ export default class ChainFetch {
})
}
async getValidatorList() {
return this.get('/staking/validators').then(data => {
async getValidatorList(config = null) {
return this.get('/staking/validators', config).then(data => {
const vals = commonProcess(data).map(i => new Validator().init(i))
localStorage.setItem(`validators-${this.config.chain_name}`, JSON.stringify(vals))
return vals
@ -157,15 +157,15 @@ export default class ChainFetch {
}
async getValidatorListByStatus(status) {
return this.get(`/cosmos/staking/v1beta1/validators?status=${status}`).then(data => {
return this.get(`/cosmos/staking/v1beta1/validators?status=${status}&pagination.limit=500`).then(data => {
const result = commonProcess(data)
const vals = result.validators ? result.validators : result
return vals.map(i => new Validator().init(i))
})
}
async getValidatorListByHeight(height) {
return this.get(`/validatorsets/${height}`).then(data => commonProcess(data))
async getValidatorListByHeight(height, offset) {
return this.get(`/cosmos/base/tendermint/v1beta1/validatorsets/${height}?pagination.limit=100&pagination.offset=${offset}`).then(data => commonProcess(data))
}
async getStakingValidator(address) {

57
src/views/Staking.vue
View File

@ -93,7 +93,7 @@
no-body
>
<b-card-header class="d-flex justify-content-between">
<b-form-group>
<b-form-group class="mb-0">
<b-form-radio-group
id="btn-radios-1"
v-model="selectedStatus"
@ -108,8 +108,9 @@
<span>Validators {{ validators.length }}/{{ stakingParameters.max_validators }} </span>
</b-card-title>
</b-card-header>
<b-card-body class="pl-0 pr-0">
<b-card-body class="pl-0 pr-0 pb-0">
<b-table
class="mb-0"
:items="list"
:fields="validator_fields"
:sort-desc="true"
@ -317,7 +318,7 @@ export default {
list() {
return this.validators.map(x => {
const xh = x
const change = this.changes[x.consensus_pubkey.value]
const change = this.changes[x.consensus_pubkey.key]
if (change) {
xh.changes = change.latest - change.previous
}
@ -326,28 +327,7 @@ export default {
},
},
created() {
this.$http.getValidatorListByHeight('latest').then(data => {
let height = Number(data.block_height)
if (height > 14400) {
height -= 14400
} else {
height = 1
}
const changes = []
data.validators.forEach(x => {
changes[x.pub_key.value] = { latest: Number(x.voting_power), previous: 0 }
})
this.$http.getValidatorListByHeight(height).then(previous => {
previous.validators.forEach(x => {
if (changes[x.pub_key.value]) {
changes[x.pub_key.value].previous = Number(x.voting_power)
} else {
changes[x.pub_key.value] = { latest: 0, previous: Number(x.voting_power) }
}
})
this.$set(this, 'changes', changes)
})
})
this.getValidatorListByHeight()
this.$http.getStakingParameters().then(res => {
this.stakingParameters = res
})
@ -357,6 +337,30 @@ export default {
this.islive = false
},
methods: {
getValidatorListByHeight(offset = 0) {
this.$http.getValidatorListByHeight('latest', offset).then(data => {
let height = Number(data.block_height)
if (height > 14400) {
height -= 14400
} else {
height = 1
}
const { changes } = this
data.validators.forEach(x => {
changes[x.pub_key.key] = { latest: Number(x.voting_power), previous: 0 }
})
this.$http.getValidatorListByHeight(height, offset).then(previous => {
previous.validators.forEach(x => {
if (changes[x.pub_key.key]) {
changes[x.pub_key.key].previous = Number(x.voting_power)
} else {
changes[x.pub_key.key] = { latest: 0, previous: Number(x.voting_power) }
}
})
this.$set(this, 'changes', changes)
})
})
},
getValidatorListByStatus(statusList) {
this.validators = []
statusList.forEach(status => {
@ -375,6 +379,9 @@ export default {
}
}
this.stakingPool = total
if (total > 100) {
this.getValidatorListByHeight(100)
}
this.validators.push(...temp)
// fetch avatar from keybase

78
src/views/Uptime.vue
View File

@ -19,10 +19,20 @@
>
Browse favorite only
</b-button>
<b-form-input
v-model="query"
placeholder="Keywords to filter validators"
/>
<b-input-group>
<b-input-group-prepend is-text>
<b-form-checkbox
v-model="missedFilter"
v-b-tooltip.hover
title="Only missed blocks"
name="viewMissed"
/>
</b-input-group-prepend>
<b-form-input
v-model="query"
placeholder="Keywords to filter validators"
/>
</b-input-group>
</b-card>
<b-row>
<b-col
@ -32,13 +42,36 @@
md="4"
class="text-truncate"
>
<b-form-checkbox
v-model="pinned"
:value="`${chain}#${x.address}`"
class="custom-control-warning"
@change="pinValidator(`${chain}#${x.address}`)"
><span class="d-inline-block text-truncate font-weight-bold align-bottom">{{ index+1 }} {{ x.validator.moniker }}</span>
</b-form-checkbox>
<div class="d-flex justify-content-between">
<b-form-checkbox
v-model="pinned"
:value="`${chain}#${x.address}`"
class="custom-control-warning text-truncate"
@change="pinValidator(`${chain}#${x.address}`)"
><span class="d-inline-block text-truncate font-weight-bold align-bottom">{{ index+1 }} {{ x.validator.moniker }}</span>
</b-form-checkbox>
<span
v-if="missing[x.address]"
>
<b-badge
v-if="missing[x.address].missed_blocks_counter > 0"
v-b-tooltip.hover.v-danger
variant="light-danger"
:title="`${missing[x.address].missed_blocks_counter} missed blocks`"
class="text-danger text-bolder"
>
{{ missing[x.address].missed_blocks_counter }}
</b-badge>
<b-badge
v-else
v-b-tooltip.hover.v-success
variant="light-success"
title="Perfect! No missed blocks"
>
0
</b-badge>
</span>
</div>
<div class="d-flex justify-content-between align-self-stretch flex-wrap">
<div
v-for="(b,i) in blocks"
@ -62,12 +95,13 @@
<script>
import {
BRow, BCol, VBTooltip, BFormInput, BCard, BAlert, BFormCheckbox, BButton,
BRow, BCol, VBTooltip, BFormInput, BCard, BAlert, BFormCheckbox, BButton, BBadge, BInputGroup, BInputGroupPrepend,
} from 'bootstrap-vue'
import {
consensusPubkeyToHexAddress, getCachedValidators, timeIn, toDay,
} from '@/libs/utils'
import { Bech32, toHex } from '@cosmjs/encoding'
export default {
components: {
@ -77,7 +111,10 @@ export default {
BCard,
BAlert,
BButton,
BBadge,
BFormCheckbox,
BInputGroup,
BInputGroupPrepend,
},
directives: {
'b-tooltip': VBTooltip,
@ -86,6 +123,7 @@ export default {
const { chain } = this.$route.params
const pinned = localStorage.getItem('pinned') ? localStorage.getItem('pinned').split(',') : ''
return {
missedFilter: false,
pinned,
chain,
query: '',
@ -100,10 +138,14 @@ export default {
uptime() {
const vals = this.query ? this.validators.filter(x => String(x.description.moniker).indexOf(this.query) > -1) : this.validators
vals.sort((a, b) => b.delegator_shares - a.delegator_shares)
return vals.map(x => ({
const rets = vals.map(x => ({
validator: x.description,
address: consensusPubkeyToHexAddress(x.consensus_pubkey),
}))
if (this.missedFilter) {
return rets.filter(x => this.missing[x.address].missed_blocks_counter > 0)
}
return rets
},
},
created() {
@ -115,6 +157,16 @@ export default {
this.$http.getValidatorList().then(res => {
this.validators = res
})
this.$http.getSlashingSigningInfo().then(res => {
if (res.info) {
res.info.forEach(x => {
if (x.address) {
const hex = toHex(Bech32.decode(x.address).data).toUpperCase()
this.missing[hex] = x
}
})
}
})
this.initBlocks()
},
beforeDestroy() {

53
src/views/UptimeMyChainBlocks.vue
View File

@ -23,14 +23,37 @@
sm="12"
class="text-truncate"
>
<b-form-checkbox
v-model="pinned"
:value="`${chain}#${x.address}`"
class="custom-control-warning"
@change="pinValidator(`${chain}#${x.address}`)"
>
<span class="d-inline-block text-truncate font-weight-bold align-bottom"> {{ x.validator.moniker }} </span>
</b-form-checkbox>
<div class="d-flex justify-content-between">
<b-form-checkbox
v-model="pinned"
:value="`${chain}#${x.address}`"
class="custom-control-warning"
@change="pinValidator(`${chain}#${x.address}`)"
>
<span class="d-inline-block text-truncate font-weight-bold align-bottom"> {{ x.validator.moniker }} </span>
</b-form-checkbox>
<span
v-if="missing[x.address]"
>
<b-badge
v-if="missing[x.address].missed_blocks_counter > 0"
v-b-tooltip.hover.v-danger
variant="light-danger"
:title="`${missing[x.address].missed_blocks_counter} missed blocks`"
class="text-danger text-bolder"
>
{{ missing[x.address].missed_blocks_counter }}
</b-badge>
<b-badge
v-else
v-b-tooltip.hover.v-success
variant="light-success"
title="Perfect! No missed blocks"
>
0
</b-badge>
</span>
</div>
<div class="d-flex justify-content-between align-self-stretch flex-wrap">
<div
v-for="(b,i) in blocks"
@ -54,16 +77,18 @@
<script>
import {
BRow, BCol, VBTooltip, BCard, BAlert, BCardTitle, BFormCheckbox,
BRow, BCol, VBTooltip, BCard, BAlert, BCardTitle, BFormCheckbox, BBadge,
} from 'bootstrap-vue'
import {
getLocalChains, timeIn, toDay,
} from '@/libs/utils'
import { Bech32, toHex } from '@cosmjs/encoding'
export default {
name: 'Blocks',
components: {
BBadge,
BRow,
BCol,
BCard,
@ -105,6 +130,16 @@ export default {
},
created() {
this.initBlocks()
this.$http.getSlashingSigningInfo(this.config).then(res => {
if (res.info) {
res.info.forEach(x => {
if (x.address) {
const hex = toHex(Bech32.decode(x.address).data).toUpperCase()
this.missing[hex] = x
}
})
}
})
},
beforeDestroy() {
this.blocks = [] // clear running tasks if it is not finish

56
src/views/UptimeMyValidators.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="container-md px-0">
<b-row>
<b-row v-if="chainVals">
<b-col
v-for="(x,index) in Object.keys(chainVals)"
:key="index"
@ -15,27 +15,42 @@
</b-col>
</b-row>
<b-alert
class="mt-2"
variant="success"
show
>
<div class="alert-heading">
Note
</div>
<div class="alert-body">
There are two ways to monitor your validators:
<li> Pin a validator on Uptime pages.</li>
<li> Specify parameters like following: <pre>https://ping.pub/cosmos/uptime/my?validators={"sifchain":["FBADE9A30473BB9ED6DFA16BFB3838E028F33650"],"chain_name":["hexAddress"]}</pre></li>
</div>
</b-alert>
</div>
</template>
<script>
import {
BRow, BCol, VBTooltip,
BRow, BCol, VBTooltip, BAlert,
} from 'bootstrap-vue'
import { consensusPubkeyToHexAddress, getCachedValidators } from '@/libs/utils'
import { consensusPubkeyToHexAddress, getCachedValidators, getLocalChains } from '@/libs/utils'
import UptimeMyChainBlocks from './UptimeMyChainBlocks.vue'
export default {
components: {
BRow,
BCol,
BAlert,
UptimeMyChainBlocks,
},
directives: {
'b-tooltip': VBTooltip,
},
data() {
const pinned = (localStorage.getItem('pinned') || '').split(',').map(x => x.split('#')).reduce((a1, b) => {
let pinned = (localStorage.getItem('pinned') || '').split(',').map(x => x.split('#')).reduce((a1, b) => {
const a = a1
if (a[b[0]]) {
a[b[0]].push(b[1])
@ -44,17 +59,34 @@ export default {
}
return a
}, {})
if (this.$route.query.validators) {
pinned = (JSON.parse(this.$route.query.validators))
}
const chainVals = {}
Object.keys(pinned).forEach(x => {
const cached = JSON.parse(getCachedValidators(x))
const validators = []
pinned[x].forEach(address => {
const val = cached.find(v => address === consensusPubkeyToHexAddress(v.consensus_pubkey))
if (val) validators.push({ address, validator: val.description })
if (pinned) {
const configs = getLocalChains()
Object.keys(pinned).forEach(x => {
const cached = JSON.parse(getCachedValidators(x))
if (cached) {
const validators = []
pinned[x].forEach(address => {
const val = cached.find(v => address === consensusPubkeyToHexAddress(v.consensus_pubkey))
if (val) validators.push({ address, validator: val.description })
})
chainVals[x] = validators
} else {
this.$http.getValidatorList(configs[x]).then((vals => {
const validators = []
pinned[x].forEach(address => {
const val = vals.find(v => address === consensusPubkeyToHexAddress(v.consensus_pubkey))
if (val) validators.push({ address, validator: val.description })
})
this.$set(this.chainVals, x, validators)
}))
}
})
chainVals[x] = validators
})
}
return {
chainVals,