History

Ben Kremer 3e866b320f chore: rename assets with CAIP : separator to windows-friendly - (#418 ) * chore: losslessly compress sample assets * chore: rename assets with CAIP `:` separator to windows-friendly `-` * chore: rename asset paths in code * fix: zkSync asset naming		2024-01-18 10:11:23 +01:00
..
public	chore: rename assets with CAIP : separator to windows-friendly - (#418 )	2024-01-18 10:11:23 +01:00
src	chore: rename assets with CAIP : separator to windows-friendly - (#418 )	2024-01-18 10:11:23 +01:00
.env.local.example	restructure (#345 )	2023-12-13 15:36:25 -03:00
.gitignore	restructure (#345 )	2023-12-13 15:36:25 -03:00
.prettierrc	restructure (#345 )	2023-12-13 15:36:25 -03:00
images.d.ts	restructure (#345 )	2023-12-13 15:36:25 -03:00
LICENSE	restructure (#345 )	2023-12-13 15:36:25 -03:00
next-env.d.ts	restructure (#345 )	2023-12-13 15:36:25 -03:00
next.config.js	restructure (#345 )	2023-12-13 15:36:25 -03:00
package.json	refactor: factor out remaining caip-api imports (#377 )	2024-01-04 11:49:59 +01:00
README.md	restructure (#345 )	2023-12-13 15:36:25 -03:00
tsconfig.json	restructure (#345 )	2023-12-13 15:36:25 -03:00
yarn.lock	fix(deps): update dependency axios to v1.6.5 (#379 )	2024-01-05 23:36:08 -03:00

README.md

React dApp (with v2 CosmosProvider)

⚠️ This provider-based example is currently reliant on the deprecated 2.0.0-beta.26 SDK. ⚠️

This example will be updated to be compatible with the latest v2 SDK (2.0.0-beta.100+) in due time. In the meantime, please use the up-to-date standalone client example.

🔗 Live dapp demo - https://react-dapp-v2-cosmos-provider.vercel.app/
🔗 Live wallet demo - https://react-wallet-v2.vercel.app
📚 WalletConnect v2 Docs - https://docs.walletconnect.com/2.0

Overview

This is an example implementation of a React dApp (generated via create-react-app) using the v2 CosmosProvider to:

handle pairings
manage sessions
send JSON-RPC requests to a paired wallet

Running locally

Install the app's dependencies:

yarn

Set up your local environment variables by copying the example into your own .env.local file:

cp .env.local.example .env.local

Your .env.local now contains the following environment variables:

REACT_APP_PROJECT_ID (placeholder) - You can generate your own ProjectId at https://cloud.walletconnect.com
REACT_APP_RELAY_URL (already set)

Develop

yarn start

Test

yarn test

Build

yarn build