Skip to content

SwapBlocks/explorer

 
 

Repository files navigation

SWAPBlocks Explorer

Designed and developed from the ground-up, using lean & fast developmental frameworks (Tailwind CSS & Vue.JS).

You can access it at https://explorer.swapblocks.io/.

Build Setup

1. Clone the repository

git clone https://github.com/SwapBlocks/explorer

2. Install Dependencies

yarn install

3. Build for Production

3.1 Mainnet

yarn build:mainnet

3.2 Testnet

yarn build:testnet

3.3 Custom

yarn build --network my-custom-network

3.4 GitHub Pages

If you are going to host your explorer instance on GitHub Pages you will need to specify your base url in most cases as GitHub Pages serves repositories from sub-directories instead of sub-domains.

yarn build --base https://username.github.io/repository/

A running instance of the explorer on GitHub Pages can be found at https://arkecosystem.github.io/.

This step is not required if you are hosting the explorer on your "root" repository which is usually your username https://username.github.io/.

3.5 Run Express Server

You can run the explorer as an express server. This makes it a little more light-weight but not needing to have services such as apache or nginx.

EXPLORER_HOST="127.0.0.1" EXPLORER_PORT="4200" node express-server.js

Keep in mind that this requires you to run your own server and a running instance of nginx.

4.1 Mainnet

yarn dev # or yarn dev:mainnet

4.2 Devnet

yarn dev:devnet

4.3 Custom

yarn dev --env.network=custom

Testnet

yarn dev:testnet

5. History Mode

If you wish to remove the /#/ from your URLs you can follow those steps https://router.vuejs.org/en/essentials/history-mode.html.

5.1 Build

yarn build:mainnet --history

5.2 Development

yarn dev --env.routerMode=history

Testing

$ yarn test

Security

If you discover a security vulnerability within this package, please send an e-mail to security@ark.io. All security vulnerabilities will be promptly addressed.

Contributing

Credits

License

MIT © ArkEcosystem

About

A Blockchain Explorer for SWAPBlocks using Vue.js and Tailwind CSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.1%
  • Vue 38.1%
  • CSS 2.7%
  • HTML 0.1%