feat: add appUrl and appIcon on example and doc

EdouardBougon · Dec 12, 2024 · 97dc6f4 · 97dc6f4
1 parent bd5851c
commit 97dc6f4
Show file tree

Hide file tree

Showing 53 changed files with 181 additions and 1 deletion.
diff --git a/examples/with-create-react-app/src/wagmi.ts b/examples/with-create-react-app/src/wagmi.ts
@@ -10,6 +10,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-next-app-i18n/src/wagmi.ts b/examples/with-next-app-i18n/src/wagmi.ts
@@ -10,6 +10,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-next-app/src/wagmi.ts b/examples/with-next-app/src/wagmi.ts
@@ -10,6 +10,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-next-custom-button/src/wagmi.ts b/examples/with-next-custom-button/src/wagmi.ts
@@ -11,6 +11,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-next-mint-nft/src/wagmi.ts b/examples/with-next-mint-nft/src/wagmi.ts
@@ -3,6 +3,8 @@ import { sepolia } from 'wagmi/chains';
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [sepolia],
   ssr: true,

diff --git a/examples/with-next-rainbow-button/src/wagmi.ts b/examples/with-next-rainbow-button/src/wagmi.ts
@@ -6,6 +6,8 @@ export const config = createConfig({
   connectors: [
     rainbowConnector({
       appName: 'RainbowKit demo',
+      appUrl: 'https://rainbow.me',
+      appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
       projectId: 'YOUR_PROJECT_ID',
     }),
   ],

diff --git a/examples/with-next-siwe-iron-session/src/wagmi.ts b/examples/with-next-siwe-iron-session/src/wagmi.ts
@@ -11,6 +11,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-next-siwe-next-auth/src/wagmi.ts b/examples/with-next-siwe-next-auth/src/wagmi.ts
@@ -11,6 +11,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-next/src/wagmi.ts b/examples/with-next/src/wagmi.ts
@@ -10,6 +10,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/examples/with-vite/src/wagmi.ts b/examples/with-vite/src/wagmi.ts
@@ -18,6 +18,8 @@ coinbaseWallet.preference = 'all';
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: import.meta.env.VITE_PUBLIC_WALLETCONNECT_PROJECT_ID ?? 'YOUR_PROJECT_ID',
   chains: [mainnet, 
     polygon, optimism, arbitrum, base],

diff --git a/packages/create-rainbowkit/generated-test-app/src/wagmi.ts b/packages/create-rainbowkit/generated-test-app/src/wagmi.ts
@@ -10,6 +10,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit App',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/packages/create-rainbowkit/templates/next-app/src/wagmi.ts b/packages/create-rainbowkit/templates/next-app/src/wagmi.ts
@@ -10,6 +10,8 @@ import {
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit App',
+  appUrl: 'https://rainbow.me',
+  appIcon: 'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId: 'YOUR_PROJECT_ID',
   chains: [
     mainnet,

diff --git a/packages/example/src/wagmi.ts b/packages/example/src/wagmi.ts
@@ -137,6 +137,9 @@ coinbaseWallet.preference = 'all';
 
 export const config = getDefaultConfig({
   appName: 'RainbowKit Demo',
+  appUrl: 'https://rainbow.me',
+  appIcon:
+    'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId,
   chains: [
     mainnet,

diff --git a/packages/rainbowkit/CHANGELOG.md b/packages/rainbowkit/CHANGELOG.md
@@ -448,6 +448,8 @@
     /* New API that includes Wagmi's createConfig and bundles getDefaultWallets and connectorsForWallets */
   + const config = getDefaultConfig({
   +   appName: 'RainbowKit demo',
+  +   appUrl: 'YOUR_APP_URL',
+  +   appIcon: 'YOUR_APP_ICON,
   +   projectId: 'YOUR_PROJECT_ID',
   +   chains: [mainnet],
   +   transports: {

diff --git a/site/components/Provider/Provider.tsx b/site/components/Provider/Provider.tsx
@@ -40,6 +40,9 @@ const { wallets } = getDefaultWallets();
 
 const config = getDefaultConfig({
   appName: 'rainbowkit.com',
+  appUrl: 'https://rainbow.me',
+  appIcon:
+    'https://framerusercontent.com/images/Hml6PtJwt03gwFtTRYmbpo7EarY.png',
   projectId,
   chains: [
     mainnet,

diff --git a/site/data/ar/docs/installation.mdx b/site/data/ar/docs/installation.mdx
@@ -70,6 +70,8 @@ import { getDefaultConfig } from '@rainbow-me/rainbowkit';
 
 const config = getDefaultConfig({
   appName: 'My RainbowKit App',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet, polygon, optimism, arbitrum, base],
   ssr: true, // If your dApp uses server side rendering (SSR)
@@ -143,6 +145,8 @@ import { mainnet, sepolia } from 'wagmi/chains';
 
 const config = getDefaultConfig({
   appName: 'My RainbowKit App',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet, sepolia],
   transports: {

diff --git a/site/data/ar/docs/migration-guide.mdx b/site/data/ar/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ npm i @tanstack/react-query
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/ar/guides/rainbowkit-wagmi-v2.mdx b/site/data/ar/guides/rainbowkit-wagmi-v2.mdx
@@ -64,6 +64,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -115,6 +117,8 @@ npm i @tanstack/react-query
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/de/docs/migration-guide.mdx b/site/data/de/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ Sie können eine benutzerdefinierte Wallet-Liste erstellen, indem Sie importiert
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/de/guides/rainbowkit-wagmi-v2.mdx b/site/data/de/guides/rainbowkit-wagmi-v2.mdx
@@ -64,6 +64,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -115,6 +117,8 @@ Sie können eine benutzerdefinierte Wallet-Liste erstellen, indem Sie importiert
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/en-US/docs/migration-guide.mdx b/site/data/en-US/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ You can create a Custom Wallet List by passing imported or Custom Wallet connect
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/en-US/guides/rainbowkit-wagmi-v2.mdx b/site/data/en-US/guides/rainbowkit-wagmi-v2.mdx
@@ -64,6 +64,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -115,6 +117,8 @@ You can create a Custom Wallet List by passing imported or Custom Wallet connect
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/es-419/docs/migration-guide.mdx b/site/data/es-419/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ Puedes crear una Lista Personalizada de Carteras pasando conectores importados o
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/es-419/guides/rainbowkit-wagmi-v2.mdx b/site/data/es-419/guides/rainbowkit-wagmi-v2.mdx
@@ -64,6 +64,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -115,6 +117,8 @@ Puedes crear una Lista Personalizada de Carteras pasando conectores importados o
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/fr/docs/migration-guide.mdx b/site/data/fr/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ Vous pouvez créer une liste de portefeuilles personnalisée en passant des conn
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/fr/guides/rainbowkit-wagmi-v2.mdx b/site/data/fr/guides/rainbowkit-wagmi-v2.mdx
@@ -64,6 +64,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -115,6 +117,8 @@ Vous pouvez créer une liste de portefeuilles personnalisée en passant des conn
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/hi/docs/migration-guide.mdx b/site/data/hi/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ npm i @tanstack/react-query
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/hi/guides/rainbowkit-wagmi-v2.mdx b/site/data/hi/guides/rainbowkit-wagmi-v2.mdx
@@ -64,6 +64,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -115,6 +117,8 @@ npm i @tanstack/react-query
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */

diff --git a/site/data/id/docs/migration-guide.mdx b/site/data/id/docs/migration-guide.mdx
@@ -66,6 +66,8 @@ npm i @tanstack/react-query
   /* New API that includes Wagmi's createConfig and replaces getDefaultWallets and connectorsForWallets */
 + const config = getDefaultConfig({
 +   appName: 'RainbowKit demo',
++   appUrl: 'YOUR_APP_URL',
++   appIcon: 'YOUR_APP_ICON,
 +   projectId: 'YOUR_PROJECT_ID',
 +   chains: [mainnet],
 +   transports: {
@@ -117,6 +119,8 @@ Anda dapat membuat Daftar Dompet Kustom dengan mengoper konektor Dompet yang dii
 ```
 const config = getDefaultConfig({
   appName: 'RainbowKit demo',
+  appUrl: 'YOUR_APP_URL',
+  appIcon: 'YOUR_APP_ICON,
   projectId: 'YOUR_PROJECT_ID',
   chains: [mainnet],
   wallets: [rainbowWallet], /* optional custom wallet list */