feat: blast chain metadata (#1836)

* chore: upgrade viem * chore: replace rinkeby with sepolia in nft mint example * chore: example chains consistency * chore: update site chain list * chore: update example dapp chain list * chore: add blast icon/metadata * Revert "chore: upgrade viem" This reverts commit 99dc798. * chore: cleanup bsc usage in examples * chore: deprecate goerli in example dapp * chore: cleanup chain consistency * chore: changeset
rainbow-me · Mar 20, 2024 · b25db9a · b25db9a
1 parent 985b80b
commit b25db9a
Show file tree

Hide file tree

Showing 19 changed files with 60 additions and 61 deletions.
diff --git a/.changeset/loud-items-guess.md b/.changeset/loud-items-guess.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Added `blast` and `blastSepolia` network support
diff --git a/examples/with-create-react-app/src/index.tsx b/examples/with-create-react-app/src/index.tsx
@@ -13,7 +13,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 
 import App from './App';
@@ -28,7 +27,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.REACT_APP_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
 });

diff --git a/examples/with-next-app-i18n/app/[locale]/providers.tsx b/examples/with-next-app-i18n/app/[locale]/providers.tsx
@@ -20,7 +20,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -35,7 +34,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   wallets: [

diff --git a/examples/with-next-app/app/providers.tsx b/examples/with-next-app/app/providers.tsx
@@ -18,7 +18,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { WagmiProvider } from 'wagmi';
@@ -41,7 +40,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/examples/with-next-custom-button/pages/_app.tsx b/examples/with-next-custom-button/pages/_app.tsx
@@ -20,7 +20,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -42,7 +41,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/examples/with-next-mint-nft/pages/_app.tsx b/examples/with-next-mint-nft/pages/_app.tsx
@@ -5,39 +5,13 @@ import type { AppProps } from 'next/app';
 import {
   RainbowKitProvider,
   getDefaultWallets,
-  getDefaultConfig,
-  Chain,
+  getDefaultConfig
 } from '@rainbow-me/rainbowkit';
 import { argentWallet, trustWallet } from '@rainbow-me/rainbowkit/wallets';
 import { WagmiProvider } from 'wagmi';
+import { sepolia } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
-const rinkeby: Chain = {
-  id: 4,
-  name: 'Rinkeby',
-  nativeCurrency: { name: 'Rinkeby Ether', symbol: 'ETH', decimals: 18 },
-  rpcUrls: {
-    alchemy: { http: ['https://eth-rinkeby.alchemyapi.io/v2'] },
-    default: { http: ['https://rpc.ankr.com/eth_rinkeby'] },
-    infura: { http: ['https://rinkeby.infura.io/v3'] },
-    public: { http: ['https://rpc.ankr.com/eth_rinkeby'] },
-  },
-  blockExplorers: {
-    etherscan: { name: 'Etherscan', url: 'https://rinkeby.etherscan.io' },
-    default: { name: 'Etherscan', url: 'https://rinkeby.etherscan.io' },
-  },
-  contracts: {
-    ensRegistry: {
-      address: '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e',
-    },
-    multicall3: {
-      address: '0xca11bde05977b3631167028862be2a173976ca11',
-      blockCreated: 10299530,
-    },
-  },
-  testnet: true,
-};
-
 const { wallets } = getDefaultWallets();
 
 const config = getDefaultConfig({
@@ -50,7 +24,7 @@ const config = getDefaultConfig({
       wallets: [argentWallet, trustWallet],
     },
   ],
-  chains: [rinkeby],
+  chains: [sepolia],
   ssr: true,
 });
 

diff --git a/examples/with-next-siwe-iron-session/pages/_app.tsx b/examples/with-next-siwe-iron-session/pages/_app.tsx
@@ -26,7 +26,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { SiweMessage } from 'siwe';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -49,7 +48,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/examples/with-next-siwe-next-auth/pages/_app.tsx b/examples/with-next-siwe-next-auth/pages/_app.tsx
@@ -20,7 +20,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 
 import { SessionProvider } from 'next-auth/react';
@@ -49,7 +48,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/examples/with-next/pages/_app.tsx b/examples/with-next/pages/_app.tsx
@@ -22,7 +22,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -44,7 +43,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/examples/with-remix/app/root.tsx b/examples/with-remix/app/root.tsx
@@ -29,7 +29,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 
 import globalStylesUrl from './styles/global.css';
@@ -83,7 +82,6 @@ export default function App() {
       optimism,
       arbitrum,
       base,
-      zora,
       ...testChains,
     ];
 

diff --git a/examples/with-vite/src/main.tsx b/examples/with-vite/src/main.tsx
@@ -7,13 +7,13 @@ import App from './App';
 
 import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import { WagmiProvider } from 'wagmi';
-import { arbitrum, base, mainnet, optimism, polygon, zora } from 'wagmi/chains';
+import { arbitrum, base, mainnet, optimism, polygon } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
   projectId: 'YOUR_PROJECT_ID',
-  chains: [mainnet, polygon, optimism, arbitrum, base, zora],
+  chains: [mainnet, polygon, optimism, arbitrum, base],
 });
 
 const queryClient = new QueryClient();

diff --git a/packages/create-rainbowkit/generated-test-app/pages/_app.tsx b/packages/create-rainbowkit/generated-test-app/pages/_app.tsx
@@ -11,7 +11,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 
@@ -24,7 +23,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/packages/create-rainbowkit/templates/next-app/pages/_app.tsx b/packages/create-rainbowkit/templates/next-app/pages/_app.tsx
@@ -11,7 +11,6 @@ import {
   optimism,
   polygon,
   sepolia,
-  zora,
 } from 'wagmi/chains';
 import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 
@@ -24,7 +23,6 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
   ],
   ssr: true,

diff --git a/packages/example/pages/_app.tsx b/packages/example/pages/_app.tsx
@@ -69,10 +69,12 @@ import { WagmiProvider, useDisconnect } from 'wagmi';
 import {
   arbitrum,
   arbitrumSepolia,
+  avalancheFuji,
   base,
   baseSepolia,
+  blast,
+  blastSepolia,
   bsc,
-  goerli,
   holesky,
   mainnet,
   optimism,
@@ -124,21 +126,23 @@ const config = getDefaultConfig({
     optimism,
     arbitrum,
     base,
-    zora,
     bsc,
-    zkSync,
     avalanche,
+    zora,
+    blast,
+    zkSync,
     ronin,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true'
       ? [
-          goerli,
           sepolia,
           holesky,
           polygonMumbai,
           optimismSepolia,
           arbitrumSepolia,
           baseSepolia,
           zoraSepolia,
+          blastSepolia,
+          avalancheFuji,
         ]
       : []),
   ],

diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/blast.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/blast.svg
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
@@ -14,6 +14,8 @@ type ChainName =
   | 'base'
   | 'baseGoerli'
   | 'baseSepolia'
+  | 'blast'
+  | 'blastSepolia'
   | 'bsc'
   | 'bscTestnet'
   | 'goerli'
@@ -65,6 +67,11 @@ const baseIcon: IconMetadata = {
   iconUrl: async () => (await import('./chainIcons/base.svg')).default,
 };
 
+const blastIcon: IconMetadata = {
+  iconBackground: '#000000',
+  iconUrl: async () => (await import('./chainIcons/blast.svg')).default,
+};
+
 const bscIcon: IconMetadata = {
   iconBackground: '#ebac0e',
   iconUrl: async () => (await import('./chainIcons/bsc.svg')).default,
@@ -124,6 +131,8 @@ const chainMetadataByName: Record<ChainName, ChainMetadata | null> = {
   base: { chainId: 8453, name: 'Base', ...baseIcon },
   baseGoerli: { chainId: 84531, ...baseIcon },
   baseSepolia: { chainId: 84532, ...baseIcon },
+  blast: { chainId: 81457, name: 'Blast', ...blastIcon },
+  blastSepolia: { chainId: 168_587_773, ...blastIcon },
   bsc: { chainId: 56, name: 'BSC', ...bscIcon },
   bscTestnet: { chainId: 97, ...bscIcon },
   cronos: { chainId: 25, ...cronosIcon },

diff --git a/packages/rainbowkit/test/index.tsx b/packages/rainbowkit/test/index.tsx
@@ -3,10 +3,19 @@ import { render } from '@testing-library/react';
 import React, { ReactElement } from 'react';
 import { http, type Chain } from 'viem';
 import { WagmiProvider, createConfig } from 'wagmi';
-import { arbitrum, base, mainnet, optimism, polygon, zora } from 'wagmi/chains';
+import {
+  arbitrum,
+  avalanche,
+  base,
+  bsc,
+  mainnet,
+  optimism,
+  polygon,
+  zora,
+} from 'wagmi/chains';
 import { MockParameters, mock } from 'wagmi/connectors';
-import { RainbowKitProvider } from '../src/components/RainbowKitProvider/RainbowKitProvider';
 import type { RainbowKitProviderProps } from '../src/components/RainbowKitProvider/RainbowKitProvider';
+import { RainbowKitProvider } from '../src/components/RainbowKitProvider/RainbowKitProvider';
 import { connectorsForWallets } from '../src/wallets/connectorsForWallets';
 import { getDefaultWallets } from '../src/wallets/getDefaultWallets';
 
@@ -16,6 +25,8 @@ const defaultChains: readonly [Chain, ...Chain[]] = [
   optimism,
   arbitrum,
   base,
+  bsc,
+  avalanche,
   zora,
 ];
 
@@ -59,6 +70,8 @@ export function renderWithProviders(
       [optimism.id]: http(),
       [arbitrum.id]: http(),
       [base.id]: http(),
+      [bsc.id]: http(),
+      [avalanche.id]: http(),
       [zora.id]: http(),
     },
   });

diff --git a/site/components/Provider/Provider.tsx b/site/components/Provider/Provider.tsx
@@ -11,7 +11,9 @@ import React from 'react';
 import { http, WagmiProvider } from 'wagmi';
 import {
   arbitrum,
+  avalanche,
   base,
+  blast,
   bsc,
   mainnet,
   optimism,
@@ -28,16 +30,28 @@ const transports = {
   [optimism.id]: http(),
   [arbitrum.id]: http(),
   [base.id]: http(),
-  [zora.id]: http(),
   [bsc.id]: http(),
+  [avalanche.id]: http(),
+  [zora.id]: http(),
+  [blast.id]: http(),
 };
 
 const { wallets } = getDefaultWallets();
 
 const config = getDefaultConfig({
   appName: 'rainbowkit.com',
   projectId,
-  chains: [mainnet, polygon, optimism, arbitrum, base, zora, bsc],
+  chains: [
+    mainnet,
+    polygon,
+    optimism,
+    arbitrum,
+    base,
+    bsc,
+    avalanche,
+    zora,
+    blast,
+  ],
   transports,
   wallets: [
     ...wallets,