diff --git a/docs/appkit/javascript/core/custom-connectors.mdx b/docs/appkit/javascript/core/custom-connectors.mdx index 9766e6d5..95cda3fb 100644 --- a/docs/appkit/javascript/core/custom-connectors.mdx +++ b/docs/appkit/javascript/core/custom-connectors.mdx @@ -48,7 +48,6 @@ export const wagmiAdapter = new WagmiAdapter({ connectors, projectId, networks - }) export const config = wagmiAdapter.wagmiConfig diff --git a/docs/appkit/javascript/ethers/about/implementation.mdx b/docs/appkit/javascript/ethers/about/implementation.mdx index 463138f3..22a66244 100644 --- a/docs/appkit/javascript/ethers/about/implementation.mdx +++ b/docs/appkit/javascript/ethers/about/implementation.mdx @@ -11,10 +11,7 @@ import { mainnet, arbitrum } from '@reown/appkit/networks' // 1. Get projectId from https://cloud.reown.com const projectId = 'YOUR_PROJECT_ID' -// 2. Set up Ethers adapter -const ethersAdapter = new EthersAdapter() - -// 3. Create your application's metadata object +// 2. Create your application's metadata object const metadata = { name: 'AppKit', description: 'AppKit Example', @@ -22,9 +19,9 @@ const metadata = { icons: ['https://avatars.githubusercontent.com/u/179229932'] } -// 4. Create a AppKit instance +// 3. Create a AppKit instance const modal = createAppKit({ - adapters: [ethersAdapter], + adapters: [new EthersAdapter()], networks: [mainnet, arbitrum], metadata, projectId, diff --git a/docs/appkit/javascript/ethers5/implementation.mdx b/docs/appkit/javascript/ethers5/implementation.mdx index a4f6c2ac..da5b8372 100644 --- a/docs/appkit/javascript/ethers5/implementation.mdx +++ b/docs/appkit/javascript/ethers5/implementation.mdx @@ -4,17 +4,14 @@ import TabItem from '@theme/TabItem' In your `main.js` file set up the following configuration. ```ts +import { createAppKit } from '@reown/appkit' import { Ethers5Adapter } from '@reown/appkit-adapter-ethers5' import { mainnet, arbitrum } from '@reown/appkit/networks' -import { createAppKit } from '@reown/appkit' // 1. Get projectId at https://cloud.reown.com const projectId = 'YOUR_PROJECT_ID' -// 2. Create the Ethers5 Adapter -const ethers5Adapter = new Ethers5Adapter() - -// 3. Create your application's metadata object +// 2. Create your application's metadata object const metadata = { name: 'My Website', description: 'My Website description', @@ -22,9 +19,9 @@ const metadata = { icons: ['https://avatars.mywebsite.com/'] } -// 4. Create a AppKit instance +// 3. Create a AppKit instance const modal = createAppKit({ - adapters: [ethers5Adapter], + adapters: [new Ethers5Adapter()], metadata: metadata, networks: [mainnet, arbitrum], projectId, diff --git a/docs/appkit/javascript/solana/about/implementation.mdx b/docs/appkit/javascript/solana/about/implementation.mdx index d0b52bd5..7e5193b0 100644 --- a/docs/appkit/javascript/solana/about/implementation.mdx +++ b/docs/appkit/javascript/solana/about/implementation.mdx @@ -23,7 +23,7 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Solana Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/javascript/wagmi/about/implementation.mdx b/docs/appkit/javascript/wagmi/about/implementation.mdx index 9a7a8fad..93d3a178 100644 --- a/docs/appkit/javascript/wagmi/about/implementation.mdx +++ b/docs/appkit/javascript/wagmi/about/implementation.mdx @@ -24,7 +24,7 @@ const wagmiAdapter = new WagmiAdapter({ const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/next/ethers/about/implementation.mdx b/docs/appkit/next/ethers/about/implementation.mdx index 0ec619a7..03412b67 100644 --- a/docs/appkit/next/ethers/about/implementation.mdx +++ b/docs/appkit/next/ethers/about/implementation.mdx @@ -13,10 +13,7 @@ import { mainnet, arbitrum } from '@reown/appkit/networks' // 1. Get projectId at https://cloud.reown.com const projectId = 'YOUR_PROJECT_ID' -// 2. Set Ethers adapters -const EthersAdapter = new EthersAdapter() - -// 3. Create a metadata object +// 2. Create a metadata object const metadata = { name: 'My Website', description: 'My Website description', @@ -24,10 +21,10 @@ const metadata = { icons: ['https://avatars.mywebsite.com/'] } -// 4. Create the AppKit instance +// 3. Create the AppKit instance createAppKit({ - adapters: [EthersAdapter], - metadata: metadata, + adapters: [new EthersAdapter()], + metadata, networks: [mainnet, arbitrum], projectId, features: { diff --git a/docs/appkit/next/ethers5/implementation.mdx b/docs/appkit/next/ethers5/implementation.mdx index 2660379f..106ca36f 100644 --- a/docs/appkit/next/ethers5/implementation.mdx +++ b/docs/appkit/next/ethers5/implementation.mdx @@ -13,10 +13,7 @@ import { mainnet, arbitrum } from '@reown/appkit/networks' // 1. Get projectId at https://cloud.reown.com const projectId = 'YOUR_PROJECT_ID' -// 2. Set Ethers adapters -const ethers5Adapter = new Ethers5Adapter() - -// 3. Create a metadata object +// 2. Create a metadata object const metadata = { name: 'My Website', description: 'My Website description', @@ -24,9 +21,9 @@ const metadata = { icons: ['https://avatars.mywebsite.com/'] } -// 4. Create the AppKit instance +// 3. Create the AppKit instance createAppKit({ - adapters: [ethers5Adapter], + adapters: [new Ethers5Adapter()], metadata: metadata, networks: [mainnet, arbitrum], projectId, diff --git a/docs/appkit/next/solana/about/implementation.mdx b/docs/appkit/next/solana/about/implementation.mdx index 41dd7d55..cb98aa68 100644 --- a/docs/appkit/next/solana/about/implementation.mdx +++ b/docs/appkit/next/solana/about/implementation.mdx @@ -24,7 +24,7 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Solana Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/react/core/custom-connectors.mdx b/docs/appkit/react/core/custom-connectors.mdx index 5c399a35..7540ac0d 100644 --- a/docs/appkit/react/core/custom-connectors.mdx +++ b/docs/appkit/react/core/custom-connectors.mdx @@ -96,7 +96,7 @@ const ethersAdapter = new EthersAdapter() createAppKit({ adapters: [ethersAdapter], networks: [sepolia], - metadata: metadata, + metadata, projectId, features: { analytics: true, // Optional - defaults to your Cloud configuration diff --git a/docs/appkit/react/ethers/about/implementation.mdx b/docs/appkit/react/ethers/about/implementation.mdx index e52136da..75bad24d 100644 --- a/docs/appkit/react/ethers/about/implementation.mdx +++ b/docs/appkit/react/ethers/about/implementation.mdx @@ -5,35 +5,14 @@ On top of your app set up the following configuration, making sure that all func ```tsx import { createAppKit } from '@reown/appkit/react' -import { Ethers5Adapter } from '@reown/appkit-adapters-ethers' +import { EthersAdapter } from '@reown/appkit-adapter-ethers' +import { arbitrum, mainnet } from '@reown/appkit/networks' // 1. Get projectId -const projectId = 'YOUR_PROJECT_ID' +const projectId = 'YOUR_PROJECT_ID'; -// 2. Create a function to fetch the Blockchain API RPC URL -function getBlockchainApiRpcUrl(chainId: number) { - return `https://rpc.walletconnect.org/v1/?chainId=eip155:${chainId}&projectId=${projectId}` -} - -// 3. Set the chains -const chains = [ - { - chainId: 1, - name: 'Ethereum', - currency: 'ETH', - explorerUrl: 'https://etherscan.io', - rpcUrl: getBlockchainApiRpcUrl(1), - chainNamespace: 'eip155' - }, - { - chainId: 42161, - name: 'Arbitrum', - currency: 'ETH', - explorerUrl: 'https://arbiscan.io', - rpcUrl: getBlockchainApiRpcUrl(42161), - chainNamespace: 'eip155' - } -] +// 2. Set the networks +const networks = [arbitrum, mainnet]; // 3. Create a metadata object - optional const metadata = { @@ -43,13 +22,11 @@ const metadata = { icons: ['https://avatars.mywebsite.com/'] } -// 4. Create Ethers Adapter -const ethersAdapter = new EthersAdapter() - -// 5. Create a AppKit instance +// 4. Create a AppKit instance createAppKit({ - adapters: [ethersAdapter], - networks: chains, + adapters: [new ethersAdapter()], + networks, + metadata, projectId, features: { analytics: true // Optional - defaults to your Cloud configuration @@ -57,7 +34,7 @@ createAppKit({ }) export default function App() { - return //make sure you have configured the inside + return // Configure the or a similar button inside } ``` diff --git a/docs/appkit/react/ethers5/implementation.mdx b/docs/appkit/react/ethers5/implementation.mdx index 6623c422..27b710cf 100644 --- a/docs/appkit/react/ethers5/implementation.mdx +++ b/docs/appkit/react/ethers5/implementation.mdx @@ -11,10 +11,7 @@ import { mainnet, arbitrum } from '@reown/appkit/networks' // 1. Get projectId const projectId = 'YOUR_PROJECT_ID' -// 2. Set Ethers adapters -const ethers5Adapter = new Ethers5Adapter() - -// 3. Create a metadata object - optional +// 2. Create a metadata object - optional const metadata = { name: 'My Website', description: 'My Website description', @@ -22,9 +19,9 @@ const metadata = { icons: ['https://avatars.mywebsite.com/'] } -// 4. Create the AppKit instance +// 3. Create the AppKit instance createAppKit({ - adapters: [ethers5Adapter], + adapters: [new Ethers5Adapter()], metadata: metadata, networks: [mainnet, arbitrum], projectId, diff --git a/docs/appkit/react/solana/about/implementation.mdx b/docs/appkit/react/solana/about/implementation.mdx index 41dd7d55..cb98aa68 100644 --- a/docs/appkit/react/solana/about/implementation.mdx +++ b/docs/appkit/react/solana/about/implementation.mdx @@ -24,7 +24,7 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Solana Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/react/wagmi/about/implementation.mdx b/docs/appkit/react/wagmi/about/implementation.mdx index 7dd1e0cb..8de2eac7 100644 --- a/docs/appkit/react/wagmi/about/implementation.mdx +++ b/docs/appkit/react/wagmi/about/implementation.mdx @@ -22,25 +22,26 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] -} +}; -export const networks = [mainnet, arbitrum] +// 3. Set the networks +const networks = [mainnet, arbitrum] -// 3. Create Wagmi Adapter +// 4. Create Wagmi Adapter const wagmiAdapter = new WagmiAdapter({ - ssr: true, networks, - projectId -}) + projectId, + ssr: true +}); -// 4. Create modal +// 5. Create modal createAppKit({ adapters: [wagmiAdapter], - networks: [mainnet, arbitrum], - metadata, + networks, projectId, + metadata, features: { analytics: true // Optional - defaults to your Cloud configuration } diff --git a/docs/appkit/shared/multichain.mdx b/docs/appkit/shared/multichain.mdx index bc06d299..86fddcfc 100644 --- a/docs/appkit/shared/multichain.mdx +++ b/docs/appkit/shared/multichain.mdx @@ -82,7 +82,7 @@ const solanaWeb3JsAdapter = new SolanaAdapter({ const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } @@ -125,7 +125,7 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } @@ -133,7 +133,7 @@ const metadata = { const modal = createAppKit({ adapters: [ethersAdapter, solanaWeb3JsAdapter], networks: [mainnet, arbitrum, sepolia, solana, solanaTestnet, solanaDevnet], - metadata: metadata, + metadata, projectId, features: { analytics: true, @@ -168,7 +168,7 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } @@ -176,7 +176,7 @@ const metadata = { const modal = createAppKit({ adapters: [ethersAdapter, solanaWeb3JsAdapter], networks: [mainnet, arbitrum, sepolia, solana, solanaTestnet, solanaDevnet], - metadata: metadata, + metadata, projectId, features: { analytics: true, @@ -198,7 +198,7 @@ const projectId = 'YOUR_PROJECT_ID' const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/upgrade/appkitv2.mdx b/docs/appkit/upgrade/appkitv2.mdx index 18c525d3..093f649d 100644 --- a/docs/appkit/upgrade/appkitv2.mdx +++ b/docs/appkit/upgrade/appkitv2.mdx @@ -98,7 +98,7 @@ const projectId = 'YOUR_PROJECT_ID' + const metadata = { + name: 'AppKit', + description: 'AppKit Example', -+ url: 'https://web3modal.com', ++ url: 'https://example.com', + icons: ['https://avatars.githubusercontent.com/u/179229932'] + } @@ -184,7 +184,7 @@ const projectId = 'YOUR_PROJECT_ID' + const metadata = { + name: 'AppKit', + description: 'AppKit Example', -+ url: 'https://web3modal.com', // origin must match your domain & subdomain ++ url: 'https://example.com', // origin must match your domain & subdomain + icons: ['https://avatars.githubusercontent.com/u/179229932'] + } @@ -289,7 +289,7 @@ const projectId = 'YOUR_PROJECT_ID' + const metadata = { + name: 'AppKit', + description: 'AppKit Example', -+ url: 'https://web3modal.com', ++ url: 'https://example.com', + icons: ['https://avatars.githubusercontent.com/u/179229932'] + } + const wagmiConfig = defaultWagmiConfig({ chains, projectId, appName: metadata.name }) @@ -359,7 +359,7 @@ const projectId = 'YOUR_PROJECT_ID' + const metadata = { + name: 'AppKit', + description: 'AppKit Example', -+ url: 'https://web3modal.com', ++ url: 'https://example.com', + icons: ['https://avatars.githubusercontent.com/u/179229932'] + } /* highlight-add-end */ diff --git a/docs/appkit/upgrade/to-reown-appkit-web.mdx b/docs/appkit/upgrade/to-reown-appkit-web.mdx index 389b8163..a44eb598 100644 --- a/docs/appkit/upgrade/to-reown-appkit-web.mdx +++ b/docs/appkit/upgrade/to-reown-appkit-web.mdx @@ -89,7 +89,7 @@ const queryClient = new QueryClient() const metadata = { //optional name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', + url: 'https://example.com', icons: ['https://avatars.githubusercontent.com/u/179229932'] } @@ -182,7 +182,7 @@ const queryClient = new QueryClient() const metadata = { //optional name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', + url: 'https://example.com', icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/vue/ethers/about/implementation.mdx b/docs/appkit/vue/ethers/about/implementation.mdx index 01825d6f..0c253930 100644 --- a/docs/appkit/vue/ethers/about/implementation.mdx +++ b/docs/appkit/vue/ethers/about/implementation.mdx @@ -24,6 +24,7 @@ In your `App.vue` file set up the following configuration. createAppKit({ adapters: [new EthersAdapter()], networks: [mainnet, arbitrum], + metadata, projectId, features: { analytics: true // Optional - defaults to your Cloud configuration diff --git a/docs/appkit/vue/ethers5/implementation.mdx b/docs/appkit/vue/ethers5/implementation.mdx index 0ea0a1a3..66313f9f 100644 --- a/docs/appkit/vue/ethers5/implementation.mdx +++ b/docs/appkit/vue/ethers5/implementation.mdx @@ -24,12 +24,9 @@ In your `App.vue` file set up the following configuration. icons: ['https://avatars.mywebsite.com/'] } - // 3. Create Ethers adapter - const ethers5Adapter = new Ethers5Adapter() - - // 4. Create a AppKit instance + // 3. Create a AppKit instance createAppKit({ - adapters: [ethers5Adapter], + adapters: [new Ethers5Adapter()], networks: [mainnet, arbitrum], projectId, features: { @@ -37,7 +34,7 @@ In your `App.vue` file set up the following configuration. } }) - // 5. Use modal composable + // 4. Use modal composable const modal = useAppKit() diff --git a/docs/appkit/vue/solana/about/implementation.mdx b/docs/appkit/vue/solana/about/implementation.mdx index 6b3c2f31..0185b17f 100644 --- a/docs/appkit/vue/solana/about/implementation.mdx +++ b/docs/appkit/vue/solana/about/implementation.mdx @@ -16,7 +16,7 @@ In your `App.vue` file set up the following configuration const metadata = { name: 'Appkit Solana', description: 'Appkit Solana Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/vue/solana/implementation.mdx b/docs/appkit/vue/solana/implementation.mdx index ac703634..87bb23f9 100644 --- a/docs/appkit/vue/solana/implementation.mdx +++ b/docs/appkit/vue/solana/implementation.mdx @@ -20,9 +20,9 @@ In your `App.vue` file set up the following configuration. // 2. Set up metadata const metadata = { - name: 'Web3Modal', - description: 'Web3Modal Solana Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + name: 'AppKit', + description: 'AppKit Solana Example', + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] } diff --git a/docs/appkit/vue/wagmi/about/implementation.mdx b/docs/appkit/vue/wagmi/about/implementation.mdx index d6b400c4..691dd544 100644 --- a/docs/appkit/vue/wagmi/about/implementation.mdx +++ b/docs/appkit/vue/wagmi/about/implementation.mdx @@ -23,7 +23,7 @@ In your `App.vue` file set up the following configuration const metadata = { name: 'AppKit', description: 'AppKit Example', - url: 'https://web3modal.com', // origin must match your domain & subdomain + url: 'https://example.com', // origin must match your domain & subdomain icons: ['https://avatars.githubusercontent.com/u/179229932'] }