buildonviction/tomoscan

TomoScan provides a user friendly, details and perfection-oriented user interface for TomoChain block explorer. From a user perspective, TomoScan brings TomoChain’s transparency to users, because all block, transaction, finality, smart contracts, DApp and token information are read from TomoChain and shown to users

TomoChain Explorer - Tomoscan

Tomoscan is a BlockExplorer for TomoChain, built with VueJS, Nuxt and MongoDB. Tomoscan allows you to explore and search the TomoChain for transactions, addresses, tokens, prices and other activities taking place on TomoChain.

A demo instance connected to the TomoChain testnet is available at scan.testnet.tomochain.com.

Current Features

• Browse blocks, transactions, accounts and contracts
• View pending transactions
• Upload & verify contract sources
• Display the current state of verified contracts
• Responsive layout

Missing a feature? Please request it by creating a new Issue.

Usage notes

The explorer is still under heavy development, if you find any problems please create an issue or prepare a pull request.

Getting started

Requirements

• NodeJS
• MongoDB
• Redis

Setup

Copy and modify your config

cp client/.env.example client/.env
cp server/config/default.json server/config/local.json

Install library

cd client/ && npm install

cd server/ && npm install

Run

After modify your config & install library. Your environment is ready to start

• Run client to view in browser

cd client/ && npm run dev

• Run API server for client

cd server/ && npm run server-dev

• Run crawl data for API server

cd server/ && npm run crawl-dev

• Get transaction pending

cd server/ && npm run subscribe-pending-tx-dev

tomoscan's Issues

endpoint urls

api endpoint links show parameters in the url, e.g.

/address/0x20f6cef208a0e6bd82ec14e1388b637ceaa3e2f2?page=1&limit=15&address=0x20f6cef208a0e6bd82ec14e1388b637ceaa3e2f2

nicer would be just /address/0x20f6cef208a0e6bd82ec14e1388b637ceaa3e2f2

Wireframe: Register Page

Fix CSS for table

The number of tokens, accounts in home page does not match the details

The numbers:

565 Accounts
67 Tokens
496 Contracts

But when I check the details, the number is different.

Wireframe: Address detail page

Speed up docker build

COPY server .

RUN apk --no-cache --virtual deps add \
      python \
      make \
      g++ \
      bash \
      git \
    && npm install -g \
       npm@latest \
       dotenv \
       node-gyp \
       pm2 \
    && npm install \
    && npm run build \
    && apk del deps

You should copy package*json and npm install before doing COPY server .
Same as you did with Tomomaster

wrong repo

wrong repo

'Forgot password' feature

Speed up crawl data script

We need to speed up the crawl script to catch up the latest block number of Tomochain Testnet

Update README

We should update README:

• introduction
• guide for installation

transaction showing pending although finalised

under this view https://explorer-testnet.tomochain.com/txs?page=1&limit=15
transaction showing pending although finalised.

edit: looks like chain issue

The sevice crashes when lost RPC/WS connection

it is better to try to reconnect to the node, if not, please shut down the service

Add esLint

We should add eslint. Refer to eslint config https://github.com/tomochain/tomochain-governance/blob/master/.eslintrc.json

High cpu load on DB

There seems to be something wrong between the DB and the tomoscan crawler. The CPU usage of the mongodb container keeps increasing.

(over ~12 hours:)

After restarting the crawler, the CPU consumption it's back to normal but starts to increase again

Develop "read contract" tab

In contract details page, we should have "read contract" tab.

For example, if the contract is ERC20, "read contract" tab should support read totalSupply, decimals ...

Wireframe: Block List Page

Update the order in the menu, update footer

Move blocks to the last position in the top menu, and lists under search box
Change wallets to accounts

At the footer, update the text to tomo/v1.8.4-unstable-ee4379f0/linux-amd64/go1.9.4

Show signers list

In block list and block details, we should show who sign the block.

use CSS class text-truncate instead of duplicate span elements

• TableTokenTx.vue
• TableTx.vue
• accounts/index.vue
• contracts/index.vue
• tokens/index.vue

Pagination

contract list

link breaks online
https://explorer-testnet.tomochain.com/contracts?page=1&limit=15

No contract found

add loading for all components & pages

• TableTokensByAccount
• address/slug
• blocks/slug
• contracts/verify
• follow/index ( #165 )
• tokens/slug
• tokens/index

Reward info

TomoChain POSV has new reward engine, so Tomoscan should show reward detail for masternodes.

api endpoint

endpoint /api to get json data

Follow page

Repo naming

So the project names and the app names are different, which seems like a good thing to me (tomo-explorer -> tomoscan).

But what do you think about keeping a consistent naming scheme for all projects? For now we have different naming like tomo-*, tomochain-*.

In my opinion, tomochain-* makes more sense as tomo may refer to the coin more than the blockchain in people's mind.

Therefor would it be possible to rename the repo tomo-explorer to tomochain-explorer? I'm asking that now because you can rename a github repo quire easily but it's not possible for docker repo for example, so fixing the naming convention now could help keeping a cleaner infrastructure

Travis release process

Token number is incorrect

The total of token is incorrect, and unstable (up/down) - https://explorer-testnet.tomochain.com/tokens

Tabs on Address page

Fix UI

• http://prntscr.com/jsct1w
• http://prntscr.com/jsct6j
• http://prntscr.com/jsctgj
• http://prntscr.com/jsd02m

Error after verify contract source code

After I deployed my contract at address https://explorer-testnet.tomochain.com/address/0x10468fe285ca842a2a6d3d9f204b0b545ed66eb9 and verify source code, the info page show nothing but '500' status

my contract source code: https://gist.github.com/vtproduction/4490c4e06e6a1c9db5c900c79805536a

Some tables need to improve CSS

• Table Tokens By Account
• Table Token Tx
• Table Token Holder

Block status

Show status of block, it is finalized or not yet

Activate Travis on this repo

Travis is necessary on this repo to enable building and pushing images to docker cloud.
Also it would be a great thing to add unit tests and linting test later.

Create 'Constructor Arguments ABI-encoded' on verify page

Wireframe: Profile Page

Account number is incorrect

Some accounts that made so many txs but not be counted https://explorer-testnet.tomochain.com/accounts

Vulnerable dependencies

Please check if those dependencies can be updated (audit run against server/package.json) :

/app # npm audit
                                                                                
                       === npm audit security report ===                        
                                                                                
                                                                                
                                 Manual Review                                  
             Some vulnerabilities require your attention to resolve             
                                                                                
          Visit https://go.npm.me/audit-guide for additional guidance           
                                                                                
                                                                                
  Low             Prototype Pollution                                           
                                                                                
  Package         lodash                                                        
                                                                                
  Patched in      >=4.17.5                                                      
                                                                                
  Dependency of   nodemailer-sendgrid-transport                                 
                                                                                
  Path            nodemailer-sendgrid-transport > sendgrid > lodash             
                                                                                
  More info       https://nodesecurity.io/advisories/577                        
                                                                                
                                                                                
  Low             Prototype Pollution                                           
                                                                                
  Package         lodash                                                        
                                                                                
  Patched in      >=4.17.5                                                      
                                                                                
  Dependency of   npm                                                           
                                                                                
  Path            npm > cli-table2 > lodash                                     
                                                                                
  More info       https://nodesecurity.io/advisories/577                        
                                                                                
                                                                                
  Low             Prototype Pollution                                           
                                                                                
  Package         lodash                                                        
                                                                                
  Patched in      >=4.17.5                                                      
                                                                                
  Dependency of   npm                                                           
                                                                                
  Path            npm > npm-audit-report > cli-table2 > lodash                  
                                                                                
  More info       https://nodesecurity.io/advisories/577                        
                                                                                
                                                                                
  Low             Prototype Pollution                                           
                                                                                
  Package         lodash                                                        
                                                                                
  Patched in      >=4.17.5                                                      
                                                                                
  Dependency of   slack-notify                                                  
                                                                                
  Path            slack-notify > lodash                                         
                                                                                
  More info       https://nodesecurity.io/advisories/577                        
                                                                                
found 4 low severity vulnerabilities in 96004 scanned packages
  4 vulnerabilities require manual review. See the full report for details.

Add number of token in "token holding" tab

Token holding tab should present as Token Holding (12). 12 is number of tokens that account is holding.

Crawler is not fetching the list of accounts correctly

See https://scan.devnet.tomochain.com/accounts, the accounts are not correctly fetched. Only the address 0x00000... is displayed.

Might be done at the same time as this: #209

active link in pagination doesn't work

http://prntscr.com/jqlojp

[number-to-bn] while converting number

On Token Details (tokens/_slug.vue: line 25)

TableTokenHolder.vue: line 12

Color for tx status

TxReceipt Status: Success should be blue (or green), to make it more visible

fail or revert should be red

Some pages need to update CSS

• Block details
• Transaction details
• Address details
• Contract verify
• Follow (#165)
• Token details

Support search by Token Name, and autocomplete

TomoScan should support search by token name.

It also should have autocomplete when type in search box

Login / Register form

Wireframe: Home Page

tiny UI improvement

I think we shouldn't display tomo version in the footer like below

Wireframe: Login Page

filter blocks

nice to have would be to filter blocks with e.g. transaction count > 0
https://explorer-testnet.tomochain.com/blocks