A proof of concept to fetch and render data from Haveno's daemon in ReactJS.
This application is a lightly modified create-react-app with typescript using envoy proxy and grpc-web to use Haveno's gRPC API.
- Run a local Haveno test network, running Alice as a daemon with
make alice-daemon
. git clone https://github.com/haveno-dex/haveno-ui-poc
- In a new terminal, start envoy with the config in haveno-ui-poc/config/envoy.yaml (change absolute path for your system):
docker run --rm --add-host host.docker.internal:host-gateway -it -v ~/git/haveno-ui-poc/config/envoy.yaml:/envoy.yaml -p 8080:8080 envoyproxy/envoy-dev:8a2143613d43d17d1eb35a24b4a4a4c432215606 -c /envoy.yaml
- Install protobuf for your system:
mac:brew install protobuf
linux:apt install protobuf-compiler
- Download
protoc-gen-grpc-web
plugin and make executable as shown here cd haveno-ui-poc
npm install
npm start
to open http://localhost:3000 in a browser- Confirm that the Haveno daemon version is displayed (1.6.2)
Running the top-level API tests is a great way to develop and test Haveno end-to-end.
HavenoDaemon
provides the interface to the Haveno daemon's gRPC API.
- Run a local Haveno test network, running Alice and Bob as daemons with
make alice-daemon
andmake bob-daemon
. git clone https://github.com/haveno-dex/haveno-ui-poc
- In a new terminal, start envoy with the config in haveno-ui-poc/config/envoy.test.yaml (change absolute path for your system):
docker run --rm --add-host host.docker.internal:host-gateway -it -v ~/git/haveno-ui-poc/config/envoy.test.yaml:/envoy.test.yaml -p 8080:8080 -p 8081:8081 envoyproxy/envoy-dev:8a2143613d43d17d1eb35a24b4a4a4c432215606 -c /envoy.test.yaml
- In a new terminal, start an instance of monero-wallet-rpc at port 38084. This wallet will be automatically funded in order to fund Alice and Bob during the tests.
For example:cd ~/git/haveno/.localnet/ && ./monero-wallet-rpc --daemon-address http://localhost:38081 --daemon-login superuser:abctesting123 --stagenet --rpc-bind-port 38084 --rpc-login rpc_user:abc123 --wallet-dir ./ --rpc-access-control-origins http://localhost:8080
- Install protobuf for your system:
mac:brew install protobuf
linux:apt install protobuf-compiler
- Download
protoc-gen-grpc-web
plugin and make executable as shown here cd haveno-ui-poc
npm install
npm test
to run all tests ornpm run test -- -t 'my test'
to run tests by name.