feat: bitski extension support (#1029)

* feat(wallet): add support for the bitski wallet

* chore: updated changeset

* chore: added bitski to docs

* fix: lint

* fix: lint

* fix: docs error

---------

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

.changeset/tasty-timers-look.md

@@ -0,0 +1,27 @@
+---
+'@rainbow-me/rainbowkit': minor
+---
+
+Bitski Support
+
+**Example usage**
+
+```ts
+import {
+  getDefaultWallets,
+  connectorsForWallets,
+} from '@rainbow-me/rainbowkit';
+import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
+const connectors = connectorsForWallets([
+  ...wallets,
+  {
+    groupName: 'Other',
+    wallets: [
+      argentWallet({ chains }),
+      trustWallet({ chains }),
+      bitskiWallet({ chains }),
+      ledgerWallet({ chains }),
+    ],
+  },
+]);
+```

packages/example/pages/_app.tsx

@@ -16,6 +16,7 @@ import {
 } from '@rainbow-me/rainbowkit-siwe-next-auth';
 import {
   argentWallet,
+  bitskiWallet,
   imTokenWallet,
   ledgerWallet,
   mewWallet,
@@ -115,6 +116,7 @@ const connectors = connectorsForWallets([
       mewWallet({ chains }),
       omniWallet({ chains }),
       trustWallet({ chains }),
+      bitskiWallet({ chains }),
     ],
   },
 ]);

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

@@ -0,0 +1,34 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+import { InjectedConnector } from 'wagmi/connectors/injected';
+import { Chain } from '../../../components/RainbowKitProvider/RainbowKitChainContext';
+import { Wallet } from '../../Wallet';
+
+export interface BitskiWalletOptions {
+  chains: Chain[];
+  shimDisconnect?: boolean;
+}
+
+export const bitskiWallet = ({
+  chains,
+  shimDisconnect,
+}: BitskiWalletOptions): Wallet => ({
+  id: 'bitski',
+  name: 'Bitski',
+  installed:
+    typeof window !== 'undefined' &&
+    typeof window.ethereum !== 'undefined' &&
+    ((window.ethereum as any).isBitski === true ||
+      !!window.ethereum.providers?.find((p: any) => p.isBitski === true)),
+  iconUrl: async () => (await import('./bitskiWallet.svg')).default,
+  iconBackground: '#fff',
+  downloadUrls: {
+    browserExtension:
+      'https://chrome.google.com/webstore/detail/bitski/feejiigddaafeojfddjjlmfkabimkell',
+  },
+  createConnector: () => ({
+    connector: new InjectedConnector({
+      chains,
+      options: { shimDisconnect },
+    }),
+  }),
+});

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

@@ -1,4 +1,5 @@
 import { argentWallet } from './argentWallet/argentWallet';
+import { bitskiWallet } from './bitskiWallet/bitskiWallet';
 import { braveWallet } from './braveWallet/braveWallet';
 import { coinbaseWallet } from './coinbaseWallet/coinbaseWallet';
 import { imTokenWallet } from './imTokenWallet/imTokenWallet';
@@ -13,6 +14,7 @@ import { walletConnectWallet } from './walletConnectWallet/walletConnectWallet';
 
 export {
   argentWallet,
+  bitskiWallet,
   braveWallet,
   coinbaseWallet,
   imTokenWallet,

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

@@ -115,6 +115,17 @@ argentWallet(options: {
 });
 ```
 
+#### Bitski
+
+```tsx
+import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
+
+bitskiWallet(options: {
+  chains: Chain[];
+  shimDisconnect?: boolean;
+});
+```
+
 #### Brave Wallet
 
 ```tsx