Connect Wallet v2 #584
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| --- | ||
| "@thirdweb-dev/react-core": major | ||
| "@thirdweb-dev/react-native-compat": minor | ||
| "@thirdweb-dev/react-native": minor | ||
| "@thirdweb-dev/wallets": minor | ||
| "@thirdweb-dev/chains": patch | ||
| "@thirdweb-dev/sdk": patch | ||
| --- | ||
|
|
||
| Connect Wallet V2 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -28,7 +28,10 @@ | |
| "release": "node ./scripts/pre-release.mjs && changeset publish", | ||
| "version-packages:nightly": "changeset version --snapshot nightly", | ||
| "release:nightly": "node ./scripts/pre-release.mjs && changeset publish --tag nightly", | ||
| "push": "turbo run push --filter=./packages/*", | ||
| "hotlink-init": "node ./scripts/hotlink/hotlink-init.mjs", | ||
| "hotlink-revert": "node ./scripts/hotlink/hotlink-revert.mjs", | ||
| "postinstall": "patch-package" | ||
| }, | ||
| "packageManager": "[email protected]", | ||
| "dependencies": { | ||
|
|
@@ -39,6 +42,7 @@ | |
| "@trivago/prettier-plugin-sort-imports": "^4.0.0", | ||
| "eslint": "^8.21.0", | ||
| "mocha": "^10.2.0", | ||
| "patch-package": "^6.5.1", | ||
| "postinstall-postinstall": "^2.1.0", | ||
| "prettier": "^2.7.1", | ||
| "turbo": "^1.8.3", | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| export default { | ||
| "name": "Palette Chain Mainnet", | ||
| "chain": "PLT", | ||
| "rpc": [ | ||
| "https://palette-chain.rpc.thirdweb.com/${THIRDWEB_API_KEY}", | ||
| "https://palette-rpc.com:22000" | ||
| ], | ||
| "faucets": [], | ||
| "nativeCurrency": { | ||
| "name": "Palette Token", | ||
| "symbol": "PLT", | ||
| "decimals": 18 | ||
| }, | ||
| "features": [], | ||
| "infoURL": "https://hashpalette.com/", | ||
| "shortName": "PaletteChain", | ||
| "chainId": 1718, | ||
| "networkId": 1718, | ||
| "icon": { | ||
| "url": "ipfs://QmPCEGZD1p1keTT2YfPp725azx1r9Ci41hejeUuGL2whFA", | ||
| "width": 800, | ||
| "height": 800, | ||
| "format": "png" | ||
| }, | ||
| "explorers": [ | ||
| { | ||
| "name": "Palettescan", | ||
| "url": "https://palettescan.com", | ||
| "icon": "PLT", | ||
| "standard": "none" | ||
| } | ||
| ], | ||
| "testnet": false, | ||
| "slug": "palette-chain" | ||
| } as const; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| export const TW_WC_PROJECT_ID = "145769e410f16970a79ff77b2d89a1e0"; | ||
| export const WC_RELAY_URL = "wss://relay.walletconnect.com"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,112 @@ | ||
| import { useThirdwebWallet } from "../providers/thirdweb-wallet-provider"; | ||
| import invariant from "tiny-invariant"; | ||
|
|
||
| /** | ||
| * @returns the current active wallet instance | ||
| */ | ||
| export function useWallet() { | ||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useWallet() hook must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.activeWallet; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns `supportedWallets` configured in the `<ThirdwebProvider/>` | ||
| */ | ||
| export function useWallets() { | ||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useWallets() hook must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.wallets; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns a method to connect to a wallet class | ||
| */ | ||
| export function useConnect() { | ||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useConnect() hook must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.connect; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns a method to disconnect from the current active wallet | ||
| */ | ||
| export function useDisconnect() { | ||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useDisconnect() hook must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.disconnect; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns the connection status of the wallet | ||
| * | ||
| * It can be one of the following: | ||
| * 1. `unknown` - when wallet connection status is not yet known | ||
| * 2. `connecting` - when wallet is connecting | ||
| * 3. `connected` - when wallet is connected | ||
| * 4. `disconnected` - when wallet is disconnected | ||
| * | ||
| */ | ||
| export function useConnectionStatus() { | ||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useConnectionStatus() must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.connectionStatus; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns a method to create an instance of given wallet class | ||
| */ | ||
| export function useCreateWalletInstance() { | ||
|
Member
There was a problem hiding this comment. is this a public API? what is it used for?
Member
Author
There was a problem hiding this comment. It can be a public API, user can use it to create a wallet instance. This abstracts away the complexity of creating a wallet instance ( Wallet constructor takes a bunch of things as argument ) const createInstance = useCreateWalletInstance();
// when we need to create an instance, we do:
const metamask = createInstance(MetamaskWallet)
// MetamaskWallet is a class
// metamask is wallet instance |
||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useCreateWalletInstance() must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.createWalletInstance; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns a method to connect the wallet to network/chain with given chainId | ||
| */ | ||
| export function useSwitchChain() { | ||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useSwitchChain() must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.switchChain; | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @returns a method to get the chainId of currently connected network/chain | ||
| */ | ||
| export function useActiveChainId() { | ||
|
||
| const context = useThirdwebWallet(); | ||
| invariant( | ||
| context, | ||
| "useActiveChainId() must be used within a <ThirdwebProvider/>", | ||
| ); | ||
| return context.activeChainId; | ||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| import { createContext } from "react"; | ||
|
|
||
| export const ThirdwebThemeContext = createContext<"light" | "dark" | undefined>( | ||
| undefined, | ||
| ); |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
what causes
unknown? just a loading state? can we make itloadingin that case?There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
status starts out with
unknown- because when the app is loading, we just don't know statusHere are two possible scenarios when app is loading:
unknown=>connecting=>connectedunknown=>disconnectedWe can make it
loadinginstead ofunknownbut it sounds a bit similar toconnecting- it feels like we are trying to "connect" but we are not. Let me know what you think, I'm fine with either