* set up libs for connecting wallet * wallet - get address and balance * format wallet balance * start staking modal work * Yana/node page (#5276) * Add nym-node page api WIP * nym-node page api WIP * Add rewards card * Add account balances * fix build * Add USD price to tokenomics card * fix build * fix build * fix build * Refactor ProgressBar * Add profile card * fix build * replace hardcoded id * Add build version and node roles * fix build * rename id param to address * add node table to explorer page * get node details from unstable endpoint + layout updates * allow node select from table * stop propogation on favorite/unfavorite * update self bond data * card refactors * revert node engine requirement * use node v20 --------- Co-authored-by: Yana <yanok87@users.noreply.github.com> Co-authored-by: fmtabbara <fmtabbara@hotmail.co.uk> * set up libs for connecting wallet * wallet - get address and balance * update typings + refactor favorite component * fix event propogation * fix multiple url declarations * move pages to pages directory * build staking page and base components * refactor wallet components and add useNymClient hook * enhance DesktopHeader to highlight active menu item with icon * remove StakeModal and getNymNodes components * refactor NodeTable and NodeTableWithAction components for improved staking functionality * refactor API configuration and theme styles for improved maintainability * refactor Loading component to implement LoadingModal with enhanced styling and functionality * add InfoModal component for displaying informational messages with customizable actions * fix type * fix linting * update CI workflow to use Node.js 20 * add explorer package to dependencies in package.json * fix mui grid2 build errors * fix full page reload * fix unstaking * fix delegation operation * fix up workspace packages * refactor staking and wallet components for improved functionality and readability * fix undelegation (again) * update ci to include new explorer * update wallet ci node version * remove logs --------- Co-authored-by: Yana Matrosova <42305364+yanok87@users.noreply.github.com> Co-authored-by: Yana <yanok87@users.noreply.github.com>
Nym Network Explorer
The network explorer lets you explore the Nym network.
Getting started
You will need:
- NodeJS (use
nvm installto automatically install the correct version) npmyarn
Note
: This project ipart of a mono repo, so you will need to build the shared packages before starting. And any time they change, you'll need to rebuild them.
From the root of the repository run the following to build shared packages:
yarn
yarn build
From the explorer directory of the nym monorepo, run:
cd explorer
yarn start
You can then open a browser to http://localhost:3000 and start development.
Development
Documentation for developers can be found here.
Several environment variables are required. They can be
provisioned via a .env file. For convenience a .env.dev is
provided, just copy its content into .env.
Required env vars
EXPLORER_API_URL
NYM_API_URL
VALIDATOR_URL
BIG_DIPPER_URL
CURRENCY_DENOM
CURRENCY_STAKING_DENOM
Deployment
Build the UI with (starting in the repository root):
yarn
yarn build
cd explorer
yarn build
The output will be in the dist directory. Serve this with nginx or httpd.
Make sure you have built the explorer-api and are running it as a service proxied through
nginx or httpd so that both the UI and API are running on the same host.
License
Please see the project README and the LICENSES directory for license details for all Nym software.
Contributing
If you would like to contribute to the Network Explorer send us a PR or
raise an issue on GitHub and tag them with network-explorer.
Development
Please see development docs here for more information on the structure and design of this app.