feat: onekeyWallet support (#1455)

* feat: onekey wallet support

* fix: onekey icon svg

.changeset/ninety-meals-drum.md

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

packages/example/pages/_app.tsx

@@ -27,6 +27,7 @@ import {
   mewWallet,
   okxWallet,
   omniWallet,
+  oneKeyWallet,
   phantomWallet,
   rabbyWallet,
   safeheronWallet,
@@ -117,6 +118,7 @@ const connectors = connectorsForWallets([
       mewWallet({ chains }),
       okxWallet({ chains, projectId }),
       omniWallet({ chains, projectId }),
+      oneKeyWallet({ chains }),
       phantomWallet({ chains }),
       rabbyWallet({ chains }),
       safeheronWallet({ chains }),

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

@@ -18,6 +18,7 @@ import { metaMaskWallet } from './metaMaskWallet/metaMaskWallet';
 import { mewWallet } from './mewWallet/mewWallet';
 import { okxWallet } from './okxWallet/okxWallet';
 import { omniWallet } from './omniWallet/omniWallet';
+import { oneKeyWallet } from './oneKeyWallet/oneKeyWallet';
 import { phantomWallet } from './phantomWallet/phantomWallet';
 import { rabbyWallet } from './rabbyWallet/rabbyWallet';
 import { rainbowWallet } from './rainbowWallet/rainbowWallet';
@@ -53,6 +54,7 @@ export {
   mewWallet,
   okxWallet,
   omniWallet,
+  oneKeyWallet,
   phantomWallet,
   rabbyWallet,
   rainbowWallet,

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

@@ -0,0 +1,76 @@
+import { InjectedConnector } from 'wagmi/connectors/injected';
+import { Chain } from '../../../components/RainbowKitProvider/RainbowKitChainContext';
+import { Wallet } from '../../Wallet';
+
+export interface OnekeyWalletOptions {
+  chains: Chain[];
+}
+
+declare global {
+  interface Window {
+    $onekey: any;
+  }
+}
+
+export const oneKeyWallet = ({ chains }: OnekeyWalletOptions): Wallet => {
+  const provider = typeof window !== 'undefined' && window['$onekey']?.ethereum;
+  const isOnekeyInjected = Boolean(provider);
+
+  return {
+    createConnector: () => {
+      const connector = new InjectedConnector({
+        chains,
+        options: {
+          getProvider: () => provider,
+        },
+      });
+
+      return {
+        connector,
+        extension: {
+          instructions: {
+            learnMoreUrl:
+              'https://help.onekey.so/hc/en-us/categories/360000170236',
+            steps: [
+              {
+                description:
+                  'We recommend pinning OneKey Wallet to your taskbar for quicker access to your wallet.',
+                step: 'install',
+                title: 'Install the OneKey Wallet extension',
+              },
+              {
+                description:
+                  'Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone.',
+                step: 'create',
+                title: 'Create or Import a Wallet',
+              },
+              {
+                description:
+                  'Once you set up your wallet, click below to refresh the browser and load up the extension.',
+                step: 'refresh',
+                title: 'Refresh your browser',
+              },
+            ],
+          },
+        },
+      };
+    },
+    downloadUrls: {
+      android:
+        'https://play.google.com/store/apps/details?id=so.onekey.app.wallet',
+      browserExtension: 'https://www.onekey.so/download/',
+      chrome:
+        'https://chrome.google.com/webstore/detail/onekey/jnmbobjmhlngoefaiojfljckilhhlhcj',
+      edge: 'https://microsoftedge.microsoft.com/addons/detail/onekey/obffkkagpmohennipjokmpllocnlndac',
+      ios: 'https://apps.apple.com/us/app/onekey-open-source-wallet/id1609559473',
+      mobile: 'https://www.onekey.so/download/',
+      qrCode: 'https://www.onekey.so/download/',
+    },
+    iconAccent: '#00B812',
+    iconBackground: '#fff',
+    iconUrl: async () => (await import('./oneKeyWallet.svg')).default,
+    id: 'onekey',
+    installed: isOnekeyInjected,
+    name: 'OneKey',
+  };
+};

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

@@ -313,6 +313,16 @@ omniWallet(options: {
 });
 ```
 
+#### OneKey
+
+```tsx
+import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
+
+oneKeyWallet(options: {
+  chains: Chain[];
+});
+```
+
 #### Phantom
 
 ```tsx