-
-
Notifications
You must be signed in to change notification settings - Fork 348
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Add sdk support and move connect logic to its own file * sdk as dev dependency * add remove logic * renderproviderdetails logic * adding dependencies config for lavamoat * reorder imports
- Loading branch information
Showing
6 changed files
with
890 additions
and
188 deletions.
There are no files selected for viewing
This file contains 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 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,105 @@ | ||
| import { MetaMaskSDK } from '@metamask/sdk'; | ||
| import { createWeb3Modal, defaultConfig } from '@web3modal/ethers5'; | ||
| import { | ||
| handleNewAccounts, | ||
| handleNewProviderDetail, | ||
| removeProviderDetail, | ||
| setActiveProviderDetail, | ||
| updateFormElements, | ||
| updateSdkConnectionState, | ||
| updateWalletConnectState, | ||
| } from '.'; | ||
|
|
||
| const dappMetadata = { | ||
| name: 'E2e Test Dapp', | ||
| description: 'This is the E2e Test Dapp', | ||
| url: 'https://metamask.github.io/test-dapp/', | ||
| }; | ||
|
|
||
| const sdk = new MetaMaskSDK({ dappMetadata }); | ||
|
|
||
| export const walletConnect = createWeb3Modal({ | ||
| ethersConfig: defaultConfig({ metadata: dappMetadata }), | ||
| projectId: 'e6360eaee594162688065f1c70c863b7', // test id | ||
| }); | ||
|
|
||
| function _setProviderDetail(provider, name, uuid) { | ||
| const providerDetail = { | ||
| info: { | ||
| uuid, | ||
| name, | ||
| icon: `./${name}.svg`, | ||
| rdns: 'io.metamask', | ||
| }, | ||
| provider, | ||
| }; | ||
| return providerDetail; | ||
| } | ||
|
|
||
| export async function handleSdkConnect(name, button, isConnected) { | ||
| if (isConnected) { | ||
| handleNewAccounts([]); | ||
| updateFormElements(); | ||
| updateSdkConnectionState(false); | ||
| removeProviderDetail(name); | ||
| sdk.terminate(); | ||
| button.innerText = 'Sdk Connect'; | ||
| button.classList.add('btn-primary'); | ||
| button.classList.remove('btn-danger'); | ||
| } else { | ||
| await sdk.connect(); | ||
| const provider = sdk.getProvider(); | ||
| const uuid = sdk.getChannelId(); | ||
| const providerDetail = _setProviderDetail(provider, name, uuid); | ||
| setActiveProviderDetail(providerDetail); | ||
| handleNewProviderDetail(providerDetail); | ||
| updateSdkConnectionState(true); | ||
| button.innerText = 'Sdk Connect - Disconnect'; | ||
| button.classList.remove('btn-primary'); | ||
| button.classList.add('btn-danger'); | ||
|
|
||
| updateFormElements(); | ||
|
|
||
| try { | ||
| const newAccounts = await provider.request({ | ||
| method: 'eth_accounts', | ||
| }); | ||
| handleNewAccounts(newAccounts); | ||
| } catch (err) { | ||
| console.error('Error on init when getting accounts', err); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| export async function handleWalletConnect(name, button, isConnected) { | ||
| if (isConnected) { | ||
| handleNewAccounts([]); | ||
| updateFormElements(); | ||
| updateWalletConnectState(false); | ||
| removeProviderDetail(name); | ||
| button.innerText = 'Wallet Connect'; | ||
| button.classList.add('btn-primary'); | ||
| button.classList.remove('btn-danger'); | ||
| } else { | ||
| const { provider } = walletConnect.getWalletProvider(); | ||
| const uuid = provider.signer.uri; | ||
| const providerDetail = _setProviderDetail(provider, name, uuid); | ||
| setActiveProviderDetail(providerDetail); | ||
| handleNewProviderDetail(providerDetail); | ||
| updateWalletConnectState(true); | ||
| button.innerText = 'Wallet Connect - Disconnect'; | ||
| button.classList.remove('btn-primary'); | ||
| button.classList.add('btn-danger'); | ||
|
|
||
| updateFormElements(); | ||
|
|
||
| try { | ||
| const newAccounts = await provider.request({ | ||
| method: 'eth_accounts', | ||
| }); | ||
| handleNewAccounts(newAccounts); | ||
| } catch (err) { | ||
| console.error('Error on init when getting accounts', err); | ||
| } | ||
| } | ||
| } |
This file contains 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
Oops, something went wrong.