feat: add support for trust wallet browser extension (#1250)

.changeset/chilled-dogs-shake.md

@@ -0,0 +1,6 @@
+---
+'@wagmi/core': patch
+'wagmi': patch
+---
+
+Added support for Trust Wallet browser extension.

packages/core/src/connectors/metaMask.ts

@@ -116,11 +116,11 @@ export class MetaMaskConnector extends InjectedConnector {
     // Brave tries to make itself look like MetaMask
     // Could also try RPC `web3_clientVersion` if following is unreliable
     if (ethereum.isBraveWallet && !ethereum._events && !ethereum._state) return
-    if (ethereum.isTokenPocket) return
-    if (ethereum.isTokenary) return
     if (ethereum.isAvalanche) return
-    if (ethereum.isPortal) return
     if (ethereum.isKuCoinWallet) return
+    if (ethereum.isPortal) return
+    if (ethereum.isTokenPocket) return
+    if (ethereum.isTokenary) return
     return ethereum
   }
 

packages/core/src/connectors/walletConnect.ts

@@ -17,8 +17,9 @@ import { Connector } from './base'
  * - imToken (token.im)
  * - MetaMask (metamask.io)
  * - Rainbow (rainbow.me)
+ * - Trust Wallet (trustwallet.com)
  */
-const switchChainAllowedRegex = /(imtoken|metamask|rainbow)/i
+const switchChainAllowedRegex = /(imtoken|metamask|rainbow|trust wallet)/i
 
 type WalletConnectOptions = ConstructorParameters<
   typeof WalletConnectProvider

packages/core/src/types/index.ts

@@ -158,11 +158,13 @@ type WatchAssetParams = {
 }
 
 type InjectedProviderFlags = {
+  isAvalanche?: true
   isBitKeep?: true
   isBraveWallet?: true
   isCoinbaseWallet?: true
   isExodus?: true
   isFrame?: true
+  isKuCoinWallet?: true
   isMathWallet?: true
   isMetaMask?: true
   isOneInchAndroidWallet?: true
@@ -173,8 +175,7 @@ type InjectedProviderFlags = {
   isTokenPocket?: true
   isTokenary?: true
   isTrust?: true
-  isAvalanche?: true
-  isKuCoinWallet?: true
+  isTrustWallet?: true
 }
 
 type InjectedProviders = InjectedProviderFlags & {

packages/core/src/utils/getInjectedName.test.ts

@@ -4,6 +4,11 @@ import { getInjectedName } from './getInjectedName'
 
 describe.each([
   { ethereum: undefined, expected: 'Injected' },
+  { ethereum: { isAvalanche: true }, expected: 'Core Wallet' },
+  {
+    ethereum: { isAvalanche: true, isMetaMask: true },
+    expected: 'Core Wallet',
+  },
   { ethereum: { isBitKeep: true }, expected: 'BitKeep' },
   { ethereum: { isBraveWallet: true }, expected: 'Brave Wallet' },
   {
@@ -13,20 +18,26 @@ describe.each([
   { ethereum: { isCoinbaseWallet: true }, expected: 'Coinbase Wallet' },
   { ethereum: { isExodus: true }, expected: 'Exodus' },
   { ethereum: { isFrame: true }, expected: 'Frame' },
-  { ethereum: { isTally: true }, expected: 'Tally' },
+  { ethereum: { isKuCoinWallet: true }, expected: 'KuCoin Wallet' },
   {
-    ethereum: { isTokenPocket: true, isMetaMask: true },
-    expected: 'TokenPocket',
+    ethereum: { isKuCoinWallet: true, isMetaMask: true },
+    expected: 'KuCoin Wallet',
+  },
+  {
+    ethereum: { isMathWallet: true, isMetaMask: true },
+    expected: 'MathWallet',
   },
-  { ethereum: { isTokenary: true, isMetaMask: true }, expected: 'Tokenary' },
-  { ethereum: { isTrust: true }, expected: 'Trust Wallet' },
   { ethereum: { isOneInchIOSWallet: true }, expected: '1inch Wallet' },
   { ethereum: { isOneInchAndroidWallet: true }, expected: '1inch Wallet' },
   { ethereum: { isPortal: true }, expected: 'Ripio Portal' },
+  { ethereum: { isTally: true }, expected: 'Tally' },
   {
-    ethereum: { isMathWallet: true, isMetaMask: true },
-    expected: 'MathWallet',
+    ethereum: { isTokenPocket: true, isMetaMask: true },
+    expected: 'TokenPocket',
   },
+  { ethereum: { isTokenary: true, isMetaMask: true }, expected: 'Tokenary' },
+  { ethereum: { isTrust: true }, expected: 'Trust Wallet' },
+  { ethereum: { isTrustWallet: true }, expected: 'Trust Wallet' },
   { ethereum: { isMetaMask: true }, expected: 'MetaMask' },
   {
     ethereum: { providers: [{ isMetaMask: true }, { isCoinbaseWallet: true }] },
@@ -47,16 +58,6 @@ describe.each([
     expected: ['MetaMask', 'Unknown Wallet #1', 'Unknown Wallet #2'],
   },
   { ethereum: {}, expected: 'Injected' },
-  { ethereum: { isAvalanche: true }, expected: 'Core Wallet' },
-  {
-    ethereum: { isAvalanche: true, isMetaMask: true },
-    expected: 'Core Wallet',
-  },
-  { ethereum: { isKuCoinWallet: true }, expected: 'KuCoin Wallet' },
-  {
-    ethereum: { isKuCoinWallet: true, isMetaMask: true },
-    expected: 'KuCoin Wallet',
-  },
 ])('getInjectedName($ethereum)', ({ ethereum, expected }) => {
   it(`returns ${expected}`, () => {
     expect(getInjectedName(<any>ethereum)).toEqual(expected)

packages/core/src/utils/getInjectedName.ts

@@ -4,22 +4,22 @@ export function getInjectedName(ethereum?: Ethereum) {
   if (!ethereum) return 'Injected'
 
   const getName = (provider: Ethereum) => {
-    if (provider.isKuCoinWallet) return 'KuCoin Wallet'
     if (provider.isAvalanche) return 'Core Wallet'
     if (provider.isBitKeep) return 'BitKeep'
     if (provider.isBraveWallet) return 'Brave Wallet'
     if (provider.isCoinbaseWallet) return 'Coinbase Wallet'
     if (provider.isExodus) return 'Exodus'
     if (provider.isFrame) return 'Frame'
+    if (provider.isKuCoinWallet) return 'KuCoin Wallet'
     if (provider.isMathWallet) return 'MathWallet'
+    if (provider.isOneInchIOSWallet || provider.isOneInchAndroidWallet)
+      return '1inch Wallet'
     if (provider.isOpera) return 'Opera'
     if (provider.isPortal) return 'Ripio Portal'
     if (provider.isTally) return 'Tally'
     if (provider.isTokenPocket) return 'TokenPocket'
     if (provider.isTokenary) return 'Tokenary'
-    if (provider.isTrust) return 'Trust Wallet'
-    if (provider.isOneInchIOSWallet || provider.isOneInchAndroidWallet)
-      return '1inch Wallet'
+    if (provider.isTrust || provider.isTrustWallet) return 'Trust Wallet'
     if (provider.isMetaMask) return 'MetaMask'
   }