feat: tokenaryWallet support (#1596)

* add tokenary

* fix tokenaryWallet

* Update tokenaryWallet.ts

* fix: tokenary

* chore: changeset

* revert: duplicate isTokenary check

* fix: tokenary metadata

* chore: minify/resize svg icon

* fix: iconBackground

* fix: safari desktop download url

* fix: safari check for tokenary

* fix: missing qrcode url

---------

Co-authored-by: Daniel Sinclair <d@niel.nyc>

.changeset/chilled-bugs-agree.md

@@ -0,0 +1,23 @@
+---
+'@rainbow-me/rainbowkit': patch
+---
+
+Tokenary Support
+
+**Example usage**
+
+```ts
+import {
+  getDefaultWallets,
+  connectorsForWallets,
+} from '@rainbow-me/rainbowkit';
+import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
+const { wallets } = getDefaultWallets({ appName, chains });
+const connectors = connectorsForWallets([
+  ...wallets,
+  {
+    groupName: 'Other',
+    wallets: [tokenaryWallet({ chains })],
+  },
+]);
+```

packages/example/pages/_app.tsx

@@ -45,6 +45,7 @@ import {
   tahoWallet,
   talismanWallet,
   tokenPocketWallet,
+  tokenaryWallet,
   trustWallet,
   uniswapWallet,
   xdefiWallet,
@@ -143,6 +144,7 @@ const connectors = connectorsForWallets([
       subWallet({ chains, projectId }),
       tahoWallet({ chains }),
       talismanWallet({ chains }),
+      tokenaryWallet({ chains }),
       tokenPocketWallet({ chains, projectId }),
       trustWallet({ chains, projectId }),
       uniswapWallet({ chains, projectId }),

packages/rainbowkit/src/wallets/walletConnectors/index.ts

@@ -32,6 +32,7 @@ import { subWallet } from './subWallet/subWallet';
 import { tahoWallet } from './tahoWallet/tahoWallet';
 import { talismanWallet } from './talismanWallet/talismanWallet';
 import { tokenPocketWallet } from './tokenPocketWallet/tokenPocketWallet';
+import { tokenaryWallet } from './tokenaryWallet/tokenaryWallet';
 import { trustWallet } from './trustWallet/trustWallet';
 import { uniswapWallet } from './uniswapWallet/uniswapWallet';
 import { walletConnectWallet } from './walletConnectWallet/walletConnectWallet';
@@ -74,6 +75,7 @@ export {
   subWallet,
   tahoWallet,
   talismanWallet,
+  tokenaryWallet,
   tokenPocketWallet,
   trustWallet,
   uniswapWallet,

packages/rainbowkit/src/wallets/walletConnectors/tokenaryWallet/tokenaryWallet.ts

@@ -0,0 +1,37 @@
+import type { InjectedConnectorOptions } from '@wagmi/core/connectors/injected';
+import { InjectedConnector } from 'wagmi/connectors/injected';
+import { Chain } from '../../../components/RainbowKitProvider/RainbowKitChainContext';
+import { isSafari } from '../../../utils/browsers';
+import { Wallet } from '../../Wallet';
+
+export interface TokenaryWalletOptions {
+  chains: Chain[];
+}
+
+export const tokenaryWallet = ({
+  chains,
+  ...options
+}: TokenaryWalletOptions & InjectedConnectorOptions): Wallet => ({
+  id: 'tokenary',
+  name: 'Tokenary',
+  iconUrl: async () => (await import('./tokenaryWallet.svg')).default,
+  iconBackground: '#ffffff',
+  installed:
+    typeof window !== 'undefined' &&
+    typeof window.ethereum !== 'undefined' &&
+    window.ethereum.isTokenary,
+  hidden: () => !isSafari(),
+  downloadUrls: {
+    ios: 'https://tokenary.io/get',
+    mobile: 'https://tokenary.io',
+    qrCode: 'https://tokenary.io/get',
+    safari: 'https://tokenary.io/get',
+    browserExtension: 'https://tokenary.io/get',
+  },
+  createConnector: () => ({
+    connector: new InjectedConnector({
+      chains,
+      options,
+    }),
+  }),
+});

site/data/en-US/docs/custom-wallet-list.mdx

@@ -394,6 +394,16 @@ talismanWallet(options: {
 });
 ```
 
+#### Tokenary
+
+```tsx
+import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
+
+tokenaryWallet(options: {
+  chains: Chain[];
+});
+```
+
 #### TokenPocket
 
 ```tsx