Visual Explorer for the Hedera Hashgraph DLT.
npm install
npm run serve
npm run build
npm run lint
npm run test:unit
# Run the development server in production mode
npm run serve:prod
# Run the tests interactively
npm run test:e2e
# Or run the tests in headless browser mode
npm run test:e2e:headless
docker compose up -d
# then open http://localhost:8080 in your web browser
npm run build:docker
npm run docker
# then open http://localhost:8080 in your web browser
The Hedera Mirror Node Explorer UI can be customized by adding a branding directory which path can be provided by the environment variable $BRANDING_LOCATION. If this variable is not defined a directory ./branding will be looked for at the root of the repository. This directory should have the following structure:
./assets/brand-product-logo.png
./assets/brand-sponsor-logo.png
./assets/brand-theme.scss
./public/*
- The file brand-product-logo.png should be a 660x181 PNG file, which, if present, will be taken into account by the build and put in the top-left placeholder of the Explorer NavBar.
- The file brand-sponsor-logo.png should be a 744x313 PNG file, which, if present, will be taken into account by the build and put in the bottom-right placeholder of the Explorer footer.
- The file brand-theme.scss may provide a modified version of the file located under ./src/assets/styles/brand-theme.scss and, if present, will supersede it.
- Any file present in the ./public/ directory will be added to the content of the ./public directory, which allows to customize the favicon.
The Explorer can be used with a local mirror by means of a .env file located at the root of the repository and containing the definition of the following variables to add a custom menu item in the network selector pull-down menu:
VUE_APP_LOCAL_MIRROR_NODE_URL=\<URL of the local mirror node\>
VUE_APP_LOCAL_MIRROR_NODE_MENU_NAME=\<label of the custom menu item\>
The latter may be omitted and will default to 'LOCALNET'
The Staking page allows the user to connect a wallet to the Explorer and to choose to stake her account balance to a selected network node or to another account.
By default, the Staking page is disabled, and the corresponding menu item is absent from the top navigation bar. To enable the Staking page and menu item, set the following variable to true in the .env file:
VUE_APP_ENABLE_STAKING=true
The Hedera Mirror Node Explorer is based on the Vue CLI framework. See Configuration Reference for Vue CLI related aspects.
Contributions are welcome. Please see the contributing guide to see how you can get involved.
This project is governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code of conduct. Please report unacceptable behavior to oss@hedera.com.