feat: zora and zoraTestnet chain support (#1319)

* feat: zora chain icon support * chore: upgrade to wagmi 1.2.1 * feat: added zora to test dapp * docs: add zora to chain docs and docs site * example: add zora to examples * fix: site peer dependencies
rainbow-me · Jun 23, 2023 · 635ca2b · 635ca2b · vercel · Jun 23, 2023
1 parent 7df5641
commit 635ca2b
Show file tree

Hide file tree

Showing 31 changed files with 225 additions and 116 deletions.
diff --git a/examples/with-create-react-app/package.json b/examples/with-create-react-app/package.json
@@ -16,7 +16,7 @@
     "typescript": "^5.0.4",
     "util": "0.12.4",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0",
+    "wagmi": "~1.2.1",
     "web-vitals": "^2.1.4",
     "buffer": "npm:buffer@6.0.3"
   },

diff --git a/examples/with-create-react-app/src/index.tsx b/examples/with-create-react-app/src/index.tsx
@@ -7,7 +7,14 @@ import './index.css';
 import '@rainbow-me/rainbowkit/styles.css';
 import { getDefaultWallets, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 import App from './App';
 
@@ -17,6 +24,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.REACT_APP_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/examples/with-next-app/app/providers.tsx b/examples/with-next-app/app/providers.tsx
@@ -12,7 +12,14 @@ import {
   ledgerWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 
 const { chains, publicClient, webSocketPublicClient } = configureChains(
@@ -21,6 +28,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/examples/with-next-app/package.json b/examples/with-next-app/package.json
@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/examples/with-next-custom-button/package.json b/examples/with-next-custom-button/package.json
@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/examples/with-next-custom-button/pages/_app.tsx b/examples/with-next-custom-button/pages/_app.tsx
@@ -12,7 +12,14 @@ import {
   ledgerWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 
 const { chains, publicClient, webSocketPublicClient } = configureChains(
@@ -21,6 +28,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/examples/with-next-mint-nft/package.json b/examples/with-next-mint-nft/package.json
@@ -15,7 +15,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/examples/with-next-siwe-iron-session/package.json b/examples/with-next-siwe-iron-session/package.json
@@ -17,7 +17,7 @@
     "react-dom": "^18.2.0",
     "siwe": "^2.1.4",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/examples/with-next-siwe-iron-session/pages/_app.tsx b/examples/with-next-siwe-iron-session/pages/_app.tsx
@@ -17,7 +17,14 @@ import {
   ledgerWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 import { SiweMessage } from 'siwe';
 import { useEffect, useMemo, useRef, useState } from 'react';
@@ -28,6 +35,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/examples/with-next-siwe-next-auth/package.json b/examples/with-next-siwe-next-auth/package.json
@@ -18,7 +18,7 @@
     "react-dom": "^18.2.0",
     "siwe": "^2.1.4",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/examples/with-next-siwe-next-auth/pages/_app.tsx b/examples/with-next-siwe-next-auth/pages/_app.tsx
@@ -12,7 +12,14 @@ import {
   ledgerWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 import { SessionProvider } from 'next-auth/react';
 import type { Session } from 'next-auth';
@@ -27,6 +34,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/examples/with-next/package.json b/examples/with-next/package.json
@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/examples/with-next/pages/_app.tsx b/examples/with-next/pages/_app.tsx
@@ -12,7 +12,14 @@ import {
   ledgerWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 
 const { chains, publicClient, webSocketPublicClient } = configureChains(
@@ -21,6 +28,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/examples/with-remix/app/root.tsx b/examples/with-remix/app/root.tsx
@@ -15,7 +15,14 @@ import type {
   LoaderFunction,
 } from '@remix-run/node';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum, goerli } from 'wagmi/chains';
+import {
+  mainnet,
+  polygon,
+  optimism,
+  arbitrum,
+  zora,
+  goerli,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 import type { Chain } from 'wagmi';
 import {
@@ -65,7 +72,7 @@ export default function App() {
     const testChains = ENV.PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : [];
 
     const { chains, publicClient } = configureChains(
-      [mainnet, polygon, optimism, arbitrum, ...testChains],
+      [mainnet, polygon, optimism, arbitrum, zora, ...testChains],
       [publicProvider()]
     );
 

diff --git a/examples/with-remix/package.json b/examples/with-remix/package.json
@@ -18,7 +18,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@remix-run/dev": "^1.5.1",

diff --git a/examples/with-vite/package.json b/examples/with-vite/package.json
@@ -13,7 +13,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.6",

diff --git a/examples/with-vite/src/main.tsx b/examples/with-vite/src/main.tsx
@@ -3,14 +3,14 @@ import './global.css';
 import '@rainbow-me/rainbowkit/styles.css';
 import { getDefaultWallets, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { mainnet, polygon, optimism, arbitrum } from 'wagmi/chains';
+import { mainnet, polygon, optimism, arbitrum, zora } from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 
 const { chains, publicClient } = configureChains(
-  [mainnet, polygon, optimism, arbitrum],
+  [mainnet, polygon, optimism, arbitrum, zora],
   [publicProvider()]
 );
 

diff --git a/package.json b/package.json
@@ -60,7 +60,7 @@
     "@typescript-eslint/parser": "^5.5.0",
     "@vanilla-extract/esbuild-plugin": "^2.2.0",
     "@vanilla-extract/vite-plugin": "^3.8.0",
-    "@wagmi/core": "~1.2.0",
+    "@wagmi/core": "~1.2.1",
     "autoprefixer": "^10.4.0",
     "esbuild": "^0.14.39",
     "eslint": "7.32.0",
@@ -79,7 +79,7 @@
     "typescript": "^5.0.4",
     "vitest": "^0.30.0",
     "ethers": "^5.6.8",
-    "wagmi": "~1.2.0",
+    "wagmi": "~1.2.1",
     "viem": "~1.0.6"
   },
   "pnpm": {

diff --git a/packages/create-rainbowkit/generated-test-app/package.json b/packages/create-rainbowkit/generated-test-app/package.json
@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/packages/create-rainbowkit/templates/next-app/package.json b/packages/create-rainbowkit/templates/next-app/package.json
@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0"
+    "wagmi": "~1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.12",

diff --git a/packages/create-rainbowkit/templates/next-app/pages/_app.tsx b/packages/create-rainbowkit/templates/next-app/pages/_app.tsx
@@ -3,7 +3,14 @@ import '@rainbow-me/rainbowkit/styles.css';
 import { getDefaultWallets, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import type { AppProps } from 'next/app';
 import { configureChains, createConfig, WagmiConfig } from 'wagmi';
-import { arbitrum, goerli, mainnet, optimism, polygon } from 'wagmi/chains';
+import {
+  arbitrum,
+  goerli,
+  mainnet,
+  optimism,
+  polygon,
+  zora,
+} from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 
 const { chains, publicClient, webSocketPublicClient } = configureChains(
@@ -12,6 +19,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     polygon,
     optimism,
     arbitrum,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [goerli] : []),
   ],
   [publicProvider()]

diff --git a/packages/example/package.json b/packages/example/package.json
@@ -13,10 +13,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "siwe": "^2.1.4",
-    "viem": "~1.0.6"
-  },
-  "peerDependencies": {
-    "wagmi": "~1.2.0"
+    "viem": "~1.0.6",
+    "wagmi": "~1.2.1"
   },
   "scripts": {
     "dev": "next dev",

diff --git a/packages/example/pages/_app.tsx b/packages/example/pages/_app.tsx
@@ -44,13 +44,13 @@ import {
 } from 'wagmi';
 import {
   arbitrum,
-  avalanche,
   baseGoerli,
   bsc,
   goerli,
   mainnet,
   optimism,
   polygon,
+  zora,
 } from 'wagmi/chains';
 import { alchemyProvider } from 'wagmi/providers/alchemy';
 import { publicProvider } from 'wagmi/providers/public';
@@ -65,7 +65,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     optimism,
     arbitrum,
     bsc,
-    avalanche,
+    zora,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true'
       ? [goerli, baseGoerli]
       : []),

diff --git a/packages/rainbowkit/package.json b/packages/rainbowkit/package.json
@@ -53,7 +53,7 @@
     "@vanilla-extract/css-utils": "0.1.2",
     "autoprefixer": "^10.4.0",
     "viem": "~1.0.6",
-    "wagmi": "~1.2.0",
+    "wagmi": "~1.2.1",
     "nock": "^13.2.4",
     "postcss": "^8.4.4",
     "react": "^18.2.0",

diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/zora.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/zora.svg