feat: add Steakwallet to list of available wallets (rainbow-me#364)

Author: Alex

.changeset/hip-clocks-serve.md

@@ -0,0 +1,13 @@
+---
+'@rainbow-me/rainbowkit': patch
+---
+
+Add Steakwallet to list of available wallets
+
+Example usage:
+
+```tsx
+import { wallet } from '@rainbow-me/rainbowkit';
+
+const steakwallet = wallet.steak({ chains });
+```

packages/example/pages/_app.tsx

@@ -47,6 +47,7 @@ const connectors = connectorsForWallets([
     wallets: [
       wallet.argent({ chains }),
       wallet.trust({ chains }),
+      wallet.steak({ chains }),
       wallet.imToken({ chains }),
       wallet.ledger({ chains }),
     ],

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

@@ -5,6 +5,7 @@ import { injected } from './injected/injected';
 import { ledger } from './ledger/ledger';
 import { metaMask } from './metaMask/metaMask';
 import { rainbow } from './rainbow/rainbow';
+import { steak } from './steak/steak';
 import { trust } from './trust/trust';
 import { walletConnect } from './walletConnect/walletConnect';
 
@@ -16,6 +17,7 @@ export const wallet = {
   ledger,
   metaMask,
   rainbow,
+  steak,
   trust,
   walletConnect,
 };

packages/rainbowkit/src/wallets/walletConnectors/steak/steak.svg

@@ -0,0 +1,69 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+import { WalletConnectConnector } from 'wagmi/connectors/walletConnect';
+import { Chain } from '../../../components/RainbowKitProvider/RainbowKitChainContext';
+import { isAndroid } from '../../../utils/isMobile';
+import { rpcUrlsForChains } from '../../../utils/rpcUrlsForChains';
+import { Wallet } from '../../Wallet';
+
+export interface SteakOptions {
+  chains: Chain[];
+}
+
+export const steak = ({ chains }: SteakOptions): Wallet => ({
+  id: 'steak',
+  name: 'Steakwallet',
+  iconUrl: async () => (await import('./steak.svg')).default,
+  iconBackground: '#000',
+  downloadUrls: {
+    android: 'https://play.google.com/store/apps/details?id=fi.steakwallet.app',
+    ios: 'https://apps.apple.com/np/app/steakwallet/id1569375204',
+    qrCode: 'https://steakwallet.fi/download',
+  },
+  createConnector: () => {
+    const rpc = rpcUrlsForChains(chains);
+    const connector = new WalletConnectConnector({
+      chains,
+      options: {
+        qrcode: false,
+        rpc,
+      },
+    });
+    return {
+      connector,
+      mobile: {
+        getUri: async () => {
+          const { uri } = (await connector.getProvider()).connector;
+          return isAndroid()
+            ? uri
+            : `https://links.steakwallet.fi/wc?uri=${encodeURIComponent(uri)}`;
+        },
+      },
+      qrCode: {
+        getUri: async () => (await connector.getProvider()).connector.uri,
+        instructions: {
+          learnMoreUrl:
+            'https://blog.steakwallet.fi/introducing-the-steakwallet-beta/',
+          steps: [
+            {
+              description:
+                'Add Steakwallet to your home screen for faster access to your wallet.',
+              step: 'install',
+              title: 'Open the Steakwallet app',
+            },
+            {
+              description: 'Create a new wallet or import an existing one.',
+              step: 'create',
+              title: 'Create or Import a Wallet',
+            },
+            {
+              description:
+                'Tap the QR icon on your homescreen, scan the code and confirm the prompt to connect.',
+              step: 'scan',
+              title: 'Tap the QR icon and scan',
+            },
+          ],
+        },
+      },
+    };
+  },
+});

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

@@ -27,6 +27,7 @@ const connectors = connectorsForWallets([
     wallets: [
       wallet.argent({ chains }),
       wallet.trust({ chains }),
+      wallet.steak({ chains }),
       wallet.imToken({ chains }),
       wallet.ledger({ chains }),
     ],

site/components/Provider/Provider.tsx

@@ -165,6 +165,16 @@ wallet.trust(options: {
 });
 ```
 
+#### Steakwallet
+
+```tsx
+import { wallet } from '@rainbow-me/rainbowkit';
+
+wallet.steak(options: {
+  chains: Chain[];
+});
+```
+
 #### imToken
 
 ```tsx