feat: add Magic Eden Wallet support (#1998)

* chore: formatting in custom-wallet-list

* chore: changeset

* chore: minify svg

---------

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

.changeset/happy-beers-move.md

@@ -0,0 +1,7 @@
+---
+"@rainbow-me/rainbowkit": patch
+"example": patch
+"site": patch
+---
+
+Added Magic Eden Wallet support with `magicEdenWallet` wallet connector

packages/example/pages/_app.tsx

@@ -41,6 +41,7 @@ import {
   krakenWallet,
   kresusWallet,
   ledgerWallet,
+  magicEdenWallet,
   mewWallet,
   oktoWallet,
   okxWallet,
@@ -206,6 +207,7 @@ const config = getDefaultConfig({
         krakenWallet,
         kaikasWallet,
         ledgerWallet,
+        magicEdenWallet,
         mewWallet,
         oktoWallet,
         okxWallet,

packages/rainbowkit/src/locales/en_US.json

@@ -633,6 +633,23 @@
       }
     },
 
+    "magicEden": {
+      "extension": {
+        "step1": {
+          "title": "Install the Magic Eden extension",
+          "description": "We recommend pinning Magic Eden to your taskbar for easier access to your wallet."
+        },
+        "step2": {
+          "title": "Create or Import a Wallet",
+          "description": "Be sure to back up your wallet using a secure method. Never share your secret recovery phrase with anyone."
+        },
+        "step3": {
+          "title": "Refresh your browser",
+          "description": "Once you set up your wallet, click below to refresh the browser and load up the extension."
+        }
+      }
+    },
+
     "metamask": {
       "qr_code": {
         "step1": {

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

@@ -24,6 +24,7 @@ import { kaikasWallet } from './kaikasWallet/kaikasWallet';
 import { krakenWallet } from './krakenWallet/krakenWallet';
 import { kresusWallet } from './kresusWallet/kresusWallet';
 import { ledgerWallet } from './ledgerWallet/ledgerWallet';
+import { magicEdenWallet } from './magicEdenWallet/magicEdenWallet';
 import { metaMaskWallet } from './metaMaskWallet/metaMaskWallet';
 import { mewWallet } from './mewWallet/mewWallet';
 import { oktoWallet } from './oktoWallet/oktoWallet';
@@ -78,6 +79,7 @@ export {
   krakenWallet,
   kresusWallet,
   ledgerWallet,
+  magicEdenWallet,
   metaMaskWallet,
   mewWallet,
   oktoWallet,

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

@@ -0,0 +1,48 @@
+import { Wallet } from '../../Wallet';
+import {
+  getInjectedConnector,
+  hasInjectedProvider,
+} from '../../getInjectedConnector';
+
+export const magicEdenWallet = (): Wallet => {
+  return {
+    id: 'magicEden',
+    name: 'Magic Eden Wallet',
+    iconUrl: async () => (await import('./magicEden.svg')).default,
+    iconBackground: '#36114D',
+    installed: hasInjectedProvider({ namespace: 'magicEden.ethereum' }),
+    downloadUrls: {
+      chrome:
+        'https://chromewebstore.google.com/detail/magic-eden-wallet/mkpegjkblkkefacfnmkajcjmabijhclg',
+      browserExtension: 'https://wallet.magiceden.io/',
+    },
+    extension: {
+      instructions: {
+        steps: [
+          {
+            description:
+              'wallet_connectors.magicEden.extension.step1.description',
+            step: 'install',
+            title: 'wallet_connectors.magicEden.extension.step1.title',
+          },
+          {
+            description:
+              'wallet_connectors.magicEden.extension.step2.description',
+            step: 'create',
+            title: 'wallet_connectors.magicEden.extension.step2.title',
+          },
+          {
+            description:
+              'wallet_connectors.magicEden.extension.step3.description',
+            step: 'refresh',
+            title: 'wallet_connectors.magicEden.extension.step3.title',
+          },
+        ],
+        learnMoreUrl: 'https://wallet.magiceden.io/support',
+      },
+    },
+    createConnector: getInjectedConnector({
+      namespace: 'magicEden.ethereum',
+    }),
+  };
+};

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

@@ -236,6 +236,12 @@ import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';
 import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';
 ```
 
+#### Magic Eden Wallet
+
+```tsx
+import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';
+```
+
 #### MetaMask
 
 ```tsx
@@ -439,4 +445,4 @@ const connectors = connectorsForWallets(
   ],
   { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
 );
-```
+```