1
- # ` web3-react ` 🧰 (alpha )
1
+ # web3-react (beta )
2
2
3
3
[ ![ CI] ( https://github.com/NoahZinsmeister/web3-react/actions/workflows/CI.yml/badge.svg?branch=main )] ( https://github.com/NoahZinsmeister/web3-react/actions/workflows/CI.yml )
4
4
5
- [ Example] ( https://web3-react-mu.vercel.app/ )
6
-
7
- Tasks:
8
- - Write other connectors
9
- - WalletConnect V2
10
- - Gnosis Safe
11
- - Other injected connectors?
12
- - Tighten up experimental connectors
13
- - Address remaining TODOs in the code
14
- - More tests
15
- - Docs
16
- - Test Node 12 support
17
- - Add Node 16 support once LTS
5
+ ## [ Example] ( https://web3-react-mu.vercel.app/ )
18
6
19
7
## Packages
20
8
21
- | Package | ` @alpha ` Version | Size | Description |
22
- | ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |
23
- | [ ` @web3-react/store ` ] ( packages/store ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/store/alpha .svg )] ( https://www.npmjs.com/package/@web3-react/store /v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/store/alpha .svg )] ( https://bundlephobia.com/result?p=@web3-react/store@alpha ) | |
24
- | [ ` @web3-react/types ` ] ( packages/types ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/types/alpha .svg )] ( https://www.npmjs.com/package/@web3-react/types /v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/types/alpha .svg )] ( https://bundlephobia.com/result?p=@web3-react/types@alpha ) | |
25
- | [ ` @web3-react/core ` ] ( packages/core ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/core/alpha .svg )] ( https://www.npmjs.com/package/@web3-react/core/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/core/alpha .svg )] ( https://bundlephobia.com/result?p=@web3-react/core@alpha ) | |
9
+ | Package | Version | Size | Description |
10
+ | ------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
11
+ | [ ` @web3-react/types ` ] ( packages/types ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/types/beta .svg )] ( https://www.npmjs.com/package/@web3-react/types /v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/types/beta .svg )] ( https://bundlephobia.com/result?p=@web3-react/types@beta ) | |
12
+ | [ ` @web3-react/store ` ] ( packages/store ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/store/beta .svg )] ( https://www.npmjs.com/package/@web3-react/store /v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/store/beta .svg )] ( https://bundlephobia.com/result?p=@web3-react/store@beta ) | |
13
+ | [ ` @web3-react/core ` ] ( packages/core ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/core/beta .svg )] ( https://www.npmjs.com/package/@web3-react/core/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/core/beta .svg )] ( https://bundlephobia.com/result?p=@web3-react/core@beta ) | |
26
14
| ** Connectors** | | | |
27
- | [ ` @web3-react/metamask ` ] ( packages/metamask ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/metamask/alpha.svg )] ( https://www.npmjs.com/package/@web3-react/metamask/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/metamask/alpha.svg )] ( https://bundlephobia.com/result?p=@web3-react/metamask@alpha ) | [ MetaMask] ( https://metamask.io/ ) |
28
- | [ ` @web3-react/network ` ] ( packages/network ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/network/alpha.svg )] ( https://www.npmjs.com/package/@web3-react/network/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/network/alpha.svg )] ( https://bundlephobia.com/result?p=@web3-react/network@alpha ) | |
29
- | [ ` @web3-react/walletconnect ` ] ( packages/walletconnect ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/walletconnect/alpha.svg )] ( https://www.npmjs.com/package/@web3-react/walletconnect/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/walletconnect/alpha.svg )] ( https://bundlephobia.com/result?p=@web3-react/walletconnect@alpha ) | [ WalletConnect] ( https://walletconnect.org/ ) |
30
- | [ ` @web3-react/walletlink ` ] ( packages/walletlink ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/walletlink/alpha.svg )] ( https://www.npmjs.com/package/@web3-react/walletlink/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/walletlink/alpha.svg )] ( https://bundlephobia.com/result?p=@web3-react/walletlink@alpha ) | [ WalletLink] ( https://walletlink.org/#/ ) |
31
- | ** Experimental Connectors** | | | ⚠️ Not stable |
32
- | [ ` @web3-react/frame ` ] ( packages/frame ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/frame/alpha.svg )] ( https://www.npmjs.com/package/@web3-react/frame/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/frame/alpha.svg )] ( https://bundlephobia.com/result?p=@web3-react/frame@alpha ) | [ Frame] ( https://frame.sh/ ) |
33
- | [ ` @web3-react/magic ` ] ( packages/magic ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/magic/alpha.svg )] ( https://www.npmjs.com/package/@web3-react/magic/v/alpha ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/magic/alpha.svg )] ( https://bundlephobia.com/result?p=@web3-react/magic@alpha ) | [ Magic] ( https://magic.link/ ) |
15
+ | [ ` @web3-react/eip1193 ` ] ( packages/eip1193 ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/eip1193/beta.svg )] ( https://www.npmjs.com/package/@web3-react/eip1193/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/eip1193/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/eip1193@beta ) | |
16
+ | [ ` @web3-react/empty ` ] ( packages/empty ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/empty/beta.svg )] ( https://www.npmjs.com/package/@web3-react/empty/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/empty/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/empty@beta ) | |
17
+ | [ ` @web3-react/metamask ` ] ( packages/metamask ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/metamask/beta.svg )] ( https://www.npmjs.com/package/@web3-react/metamask/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/metamask/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/metamask@beta ) | [ MetaMask] ( https://metamask.io/ ) |
18
+ | [ ` @web3-react/network ` ] ( packages/network ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/network/beta.svg )] ( https://www.npmjs.com/package/@web3-react/network/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/network/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/network@beta ) | |
19
+ | [ ` @web3-react/url ` ] ( packages/url ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/url/beta.svg )] ( https://www.npmjs.com/package/@web3-react/url/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/url/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/url@beta ) | |
20
+ | [ ` @web3-react/walletconnect ` ] ( packages/walletconnect ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/walletconnect/beta.svg )] ( https://www.npmjs.com/package/@web3-react/walletconnect/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/walletconnect/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/walletconnect@beta ) | [ WalletConnect] ( https://walletconnect.org/ ) |
21
+ | [ ` @web3-react/walletlink ` ] ( packages/walletlink ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/walletlink/beta.svg )] ( https://www.npmjs.com/package/@web3-react/walletlink/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/walletlink/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/walletlink@beta ) | [ WalletLink] ( https://walletlink.org/#/ ) |
22
+ | ** Experimental Connectors** | | | Not stable |
23
+ | [ ` @web3-react/frame ` ] ( packages/frame ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/frame/beta.svg )] ( https://www.npmjs.com/package/@web3-react/frame/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/frame/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/frame@beta ) | [ Frame] ( https://frame.sh/ ) |
24
+ | [ ` @web3-react/magic ` ] ( packages/magic ) | [ ![ npm] ( https://img.shields.io/npm/v/@web3-react/magic/beta.svg )] ( https://www.npmjs.com/package/@web3-react/magic/v/beta ) | [ ![ minzip] ( https://img.shields.io/bundlephobia/minzip/@web3-react/magic/beta.svg )] ( https://bundlephobia.com/result?p=@web3-react/magic@beta ) | [ Magic] ( https://magic.link/ ) |
34
25
35
26
36
27
## Getting Started
39
30
- ` yarn bootstrap `
40
31
- ` yarn start `
41
32
42
- In addition to compiling each package in watch mode, this will also spin up an example app on [ http://localhost:3000/ ] ( http://localhost:3000/ ) .
33
+ In addition to compiling each package in watch mode, this will also spin up the example app on [ http://localhost:3000/ ] ( http://localhost:3000/ ) .
43
34
44
35
## Running Tests
45
36
@@ -49,14 +40,14 @@ In addition to compiling each package in watch mode, this will also spin up an e
49
40
50
41
### Add a dependency
51
42
52
- - ` yarn lerna add <DEPENDENCY> --scope <SUBPACKAGE > `
43
+ - ` yarn lerna add <DEPENDENCY> --scope <PACKAGE > `
53
44
54
45
### Remove a dependency
55
46
56
47
- Delete the relevant ` package.json ` entry
57
48
58
49
Because of a [ lerna bug] ( https://github.com/lerna/lerna/issues/1883 ) , it's not possible to prune ` yarn.lock ` programmatically, so regenerate it manually:
59
50
60
- - ` yarn lerna exec ' rm -f yarn.lock' --scope SUBPACKAGE `
61
- - ` yarn clean --scope SUBPACKAGE `
51
+ - ` yarn lerna exec " rm -f yarn.lock" --scope < SUBPACKAGE> `
52
+ - ` yarn clean --scope < SUBPACKAGE> `
62
53
- ` yarn bootstrap `
0 commit comments