This repo contains the source code for the block explorer of the XRP Ledger hosted at livenet.xrpl.org.
This project uses Vite. You can find information about how to use it here.
The project requires node@22. Follow installation instructions on nodejs.org.
(Recommended) Install using nvm.
Make sure to use npm version 8+ by running npm install -g npm@latest after you install Node.
cp .env.example .env
npm installthennpm startfor development mode, ornpm run buildthennpm run prod-serverfor production mode
Since canvas does not provide pre-built binaries for Apple chips during npm install it will try to compile it manually. To get this to succeed you need to install several dependencies by following the instructions here.
- Replace
VITE_RIPPLED_HOST=s2.ripple.comwithVITE_RIPPLED_HOST=s.altnet.rippletest.netin the.envfile - Add
VITE_ENVIRONMENT=testnetto.envto enable TESTNET banner
- Replace
VITE_RIPPLED_HOST=s2.ripple.comwithVITE_RIPPLED_HOST=s.devnet.rippletest.netin the.envfile - Add
VITE_ENVIRONMENT=devnetto.envto enable TESTNET banner
- Run tests in watch mode
npm test - Run test to produce coverage
npm run test:coverage - To open coverage HTML report in app root do
open coverage/index.html
- Place
debugger;in your unit test - Do
npm run test:debug - Open
about:inspectin Chrome - Click on
inspectlink - Chrome Developer Tools will be open, click
playbutton - Now test will start running and will stop on your
debugger; - You know the rest ;)
- phone-only: 0px - 375px
- tablet-portrait-up: 375px - 600px
- tablet-landscape-up: 600px - 900px
- desktop-up: 900px - 1200px
- big-desktop-up: 1200px and up
- US English (default)
- Spanish
- French
- Japanese
- Korean
When updating translation entires or adding new languages consult the guide Translating.
- Latest news in react blog
- React documentation
- How to think in react and break down components