Skip to content

Commit 73d30a0

Browse files
yashovardhanyashovardhan
authored
Add Monad in EVM Chains (#2558)
1 parent b8c4fe2 commit 73d30a0

File tree

11 files changed

+393
-0
lines changed

11 files changed

+393
-0
lines changed

‎embedded-wallets/connect-blockchain/_general-connect-blockchain/_monad.mdx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import Tabs from '@theme/Tabs'
2+
import TabItem from '@theme/TabItem'
3+
4+
<Tabs
5+
defaultValue="mainnet"
6+
values={[
7+
{ label: "Mainnet", value: "mainnet" },
8+
{ label: "Testnet", value: "testnet" },
9+
]}
10+
>
11+
<TabItem value="mainnet">
12+
13+
- **Chain ID:** 0x8f (143)
14+
- **Public RPC URL:** https://rpc.monad.xyz/
15+
- **Public RPC URL 2:** https://rpc1.monad.xyz/
16+
- **Block Explorer Link:** https://monadvision.com/
17+
- **Ticker:** MON
18+
- **Ticker Name:** Monad
19+
20+
</TabItem>
21+
22+
<TabItem value="testnet">
23+
24+
- **Chain ID:** 0x279f (10143)
25+
- **Public RPC URL:** https://testnet-rpc.monad.xyz/
26+
- **Block Explorer Link:** https://testnet.monadvision.com/
27+
- **Ticker:** MON
28+
- **Ticker Name:** Monad
29+
30+
</TabItem>
31+
</Tabs>

‎embedded-wallets/connect-blockchain/evm/monad/README.mdx‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain
3+
sidebar_label: Overview
4+
5+
keywords:
6+
[
7+
monad,
8+
wallet,
9+
integration,
10+
web3auth,
11+
API,
12+
SDK,
13+
authentication,
14+
blockchain,
15+
solution,
16+
development,
17+
]
18+
image: 'img/embedded-wallets/banners/ethereum.png'
19+
description: 'Integrate Embedded Wallets with the Monad Blockchain | Embedded Wallets'
20+
---
21+
22+
import Tiles from '@theme/Tiles'
23+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
24+
25+
Integrate Web3Auth seamlessly with EVM-based Monad blockchain. For Web SDKs, Web3Auth returns a provider that can be directly used to initialize the libraries like ethers.js, web3.js etc. and make blockchain calls, while for Mobile & Gaming SDKs, the private key is available in the user scope which can be used in a similar way to initialize the respective blockchain interaction libraries and make calls to the network.
26+
27+
This documentation provides a straightforward guide for developers looking to implement blockchain connections quickly and effortlessly across various platforms.
28+
29+
## Chain details for Monad
30+
31+
<ChainDetailsMonad />
32+
33+
export const Monad = [
34+
{
35+
name: '',
36+
description: '',
37+
tiles: [
38+
{
39+
key: 'react',
40+
title: 'React',
41+
icon: 'logo-react.png',
42+
path: '/embedded-wallets/connect-blockchain/evm/monad/react',
43+
},
44+
{
45+
key: 'vue',
46+
title: 'Vue',
47+
icon: 'logo-vue.png',
48+
path: '/embedded-wallets/connect-blockchain/evm/monad/vue',
49+
},
50+
51+
{
52+
key: 'javascript',
53+
title: 'JavaScript',
54+
icon: 'logo-js.png',
55+
path: '/embedded-wallets/connect-blockchain/evm/monad/javascript',
56+
},
57+
{
58+
key: 'android',
59+
title: 'Android (Kotlin)',
60+
icon: 'logo-android.png',
61+
path: '/embedded-wallets/connect-blockchain/evm/monad/android',
62+
},
63+
{
64+
key: 'apple',
65+
title: 'iOS (Swift)',
66+
icon: 'logo-apple.png',
67+
path: '/embedded-wallets/connect-blockchain/evm/monad/ios',
68+
},
69+
{
70+
key: 'flutter',
71+
title: 'Flutter',
72+
icon: 'logo-flutter.png',
73+
path: '/embedded-wallets/connect-blockchain/evm/monad/flutter',
74+
},
75+
{
76+
key: 'react-native',
77+
title: 'React Native',
78+
icon: 'logo-react.png',
79+
path: '/embedded-wallets/connect-blockchain/evm/monad/react-native',
80+
},
81+
{
82+
key: 'unity',
83+
title: 'Unity',
84+
icon: 'logo-unity.png',
85+
path: '/embedded-wallets/connect-blockchain/evm/monad/unity',
86+
},
87+
],
88+
89+
},
90+
91+
]
92+
93+
<Tiles tileGroups={Monad} />

‎embedded-wallets/connect-blockchain/evm/monad/android.mdx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in Android
3+
sidebar_label: Android
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [android, monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in Android | Embedded Wallets'
8+
---
9+
10+
import EVMInteraction from '../../_android-connect-blockchain/_evm-interaction.mdx'
11+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
12+
13+
While using the Web3Auth Android SDK, you get the private key within the user scope after successful authorization. This private key can be used to retrieve the user's address, and interact with [Monad](https://monad.xyz/) to make any blockchain calls. We have highlighted a few here for getting you started quickly on that.
14+
15+
## Chain details for Monad
16+
17+
<ChainDetailsMonad />
18+
19+
<EVMInteraction />

‎embedded-wallets/connect-blockchain/evm/monad/flutter.mdx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in Flutter
3+
sidebar_label: Flutter
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [flutter, monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in Flutter | Embedded Wallets'
8+
---
9+
10+
import EVMInteraction from '../../_flutter-connect-blockchain/_evm-interaction.mdx'
11+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
12+
import Tabs from '@theme/Tabs'
13+
import TabItem from '@theme/TabItem'
14+
15+
While using the Embedded Wallets Flutter SDK, you get the private key within the user scope after successful authorization. This private key can be used to retrieve the user's address, and interact with [Monad](https://monad.xyz/) to make any blockchain calls. We have highlighted a few here for getting you started quickly on that.
16+
17+
## Chain details for Monad
18+
19+
<ChainDetailsMonad />
20+
21+
<EVMInteraction />

‎embedded-wallets/connect-blockchain/evm/monad/ios.mdx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in iOS/Swift Applications
3+
sidebar_label: iOS
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [ios, swift, monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in iOS/Swift Applications | Embedded Wallets'
8+
---
9+
10+
import EVMInteraction from '../../_ios-connect-blockchain/_evm-interaction.mdx'
11+
import Tabs from '@theme/Tabs'
12+
import TabItem from '@theme/TabItem'
13+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
14+
15+
While using the Web3Auth iOS SDK, you get the private key within the user scope after successful authorization. This private key can be used to retrieve the user's address, and interact with [Monad](https://monad.xyz/) to make any blockchain calls. We have highlighted a few here for getting you started quickly on that.
16+
17+
## Chain details for Monad
18+
19+
<ChainDetailsMonad />
20+
21+
<EVMInteraction />

‎embedded-wallets/connect-blockchain/evm/monad/javascript.mdx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in JavaScript
3+
sidebar_label: JavaScript
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in Javascript | Embedded Wallets'
8+
---
9+
10+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
11+
import JsBlockchainMethods from '../../../sdk/js/_ethereum-integration-snippets.mdx'
12+
13+
While using the Web3Auth React SDK, you get access to the Web3Auth provider. You can pair it up with the libraries like ethers.js, viem etc. to make EVM based blockchain calls, like getting user's `account`, fetch `balance`, `sign transaction`, `send transaction`, `read` from and `write` to the smart contract, etc. We have highlighted a few here for getting you started quickly on that.
14+
15+
## Chain details for Monad
16+
17+
<ChainDetailsMonad />
18+
19+
## For VanillaJS, Angular and other frameworks
20+
21+
<JsBlockchainMethods />

‎embedded-wallets/connect-blockchain/evm/monad/react-native.mdx‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in React Native
3+
sidebar_label: React Native
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [react-native, monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in React Native | Embedded Wallets'
8+
---
9+
10+
import InstallationSnippet from '../../_react-native-connect-blockchain/_evm-installation.mdx'
11+
import GetAccountSnippet from '../../_react-native-connect-blockchain/_evm-get-account.mdx'
12+
import GetBalanceSnippet from '../../_react-native-connect-blockchain/_evm-get-balance.mdx'
13+
import InitialisationSnippet from '../../_react-native-connect-blockchain/_evm-initialisation.mdx'
14+
import SignMessageSnippet from '../../_react-native-connect-blockchain/_evm-sign-message.mdx'
15+
import SendTransactionSnippet from '../../_react-native-connect-blockchain/_evm-send-transaction.mdx'
16+
import Tabs from '@theme/Tabs'
17+
import TabItem from '@theme/TabItem'
18+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
19+
20+
While using the Web3Auth React Native SDK, you get a [`EIP1193`](https://eips.ethereum.org/EIPS/eip-1193) provider, similar to the [Metamask Provider](https://docs.metamask.io/guide/ethereum-provider.html). This provider can be used with libraries like [`web3.js`](https://web3js.readthedocs.io/en/v1.2.8/getting-started.html), [`ethers.js`](https://docs.ethers.io/v5/getting-started/) etc. to make [Monad](https://monad.xyz/) blockchain calls like getting the user's `account`, fetching `balance`, `sign transaction`, `send transaction`, `read` from and `write` to the smart contract, etc. We have highlighted a few here to get you started quickly on that.
21+
22+
## Chain details for Monad
23+
24+
<ChainDetailsMonad />
25+
26+
## Installation
27+
28+
<InstallationSnippet />
29+
30+
## Initializing provider
31+
32+
Using `eip155` as `chainNamespace` while initializing `web3auth` will provide an [`EIP1193`](https://eips.ethereum.org/EIPS/eip-1193) compatible provider as **`web3auth.provider`** after successful authentication.
33+
34+
### Getting the `chainConfig`
35+
36+
<Tabs
37+
defaultValue="mainnet"
38+
values={[
39+
{ label: "Mainnet", value: "mainnet", },
40+
{ label: "Testnet", value: "testnet", },
41+
]}
42+
>
43+
<TabItem
44+
value="mainnet"
45+
>
46+
47+
```typescript
48+
import { getEvmChainConfig } from '@web3auth/base'
49+
50+
const chainConfig = getEvmChainConfig(143, 'your_web3auth_client_id')
51+
```
52+
53+
</TabItem>
54+
55+
<TabItem
56+
value="testnet"
57+
>
58+
59+
```typescript
60+
import { getEvmChainConfig } from '@web3auth/base'
61+
62+
const chainConfig = getEvmChainConfig(10143, 'your_web3auth_client_id')
63+
```
64+
65+
</TabItem>
66+
</Tabs>
67+
68+
## Initialize
69+
70+
<InitialisationSnippet />
71+
72+
## Get account
73+
74+
<GetAccountSnippet />
75+
76+
## Get balance
77+
78+
<GetBalanceSnippet />
79+
80+
## Send transaction
81+
82+
<SendTransactionSnippet />
83+
84+
## Sign a message
85+
86+
<SignMessageSnippet />

‎embedded-wallets/connect-blockchain/evm/monad/react.mdx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in React
3+
sidebar_label: React
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in React | Embedded Wallets'
8+
---
9+
10+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
11+
import ReactWagmiIntegration from '../../../sdk/react/_ethereum-hooks-snippets.mdx'
12+
13+
While using the Web3Auth React SDK, you get access to the Web3Auth Hooks. You can pair it up with the Wagmi hooks to make EVM based blockchain calls, like getting user's `account`, fetch `balance`, `sign transaction`, `send transaction`, `read` from and `write` to the smart contract, etc. We have highlighted a few here for getting you started quickly on that.
14+
15+
## Chain details for Monad
16+
17+
<ChainDetailsMonad />
18+
19+
## React Wagmi integration
20+
21+
<ReactWagmiIntegration />

‎embedded-wallets/connect-blockchain/evm/monad/unity.mdx‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in Unity
3+
sidebar_label: Unity
4+
image: 'img/embedded-wallets/banners/unity.png'
5+
6+
keywords: [unity, monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in Unity | Embedded Wallets'
8+
---
9+
10+
import InstallationSnippet from '../../_unity-connect-blockchain/_evm-installation.mdx'
11+
import GetAccountSnippet from '../../_unity-connect-blockchain/_evm-get-account.mdx'
12+
import GetBalanceSnippet from '../../_unity-connect-blockchain/_evm-get-balance.mdx'
13+
import InitialisationSnippet from '../../_unity-connect-blockchain/_evm-initialisation.mdx'
14+
import SignMessageSnippet from '../../_unity-connect-blockchain/_evm-sign-message.mdx'
15+
import SendTransactionSnippet from '../../_unity-connect-blockchain/_evm-send-transaction.mdx'
16+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
17+
import Tabs from '@theme/Tabs'
18+
import TabItem from '@theme/TabItem'
19+
20+
While using the Web3Auth Unity SDK, you get the private key within the user scope. This private key can interact with the [Nethereum Library](https://nethereum.com/) to make EVM based blockchain calls, like getting user's `account`, fetch `balance`, `sign transaction`, `send transaction`, `read` from and `write` to the smart contract, etc. We have highlighted a few here for getting you started quickly on that.
21+
22+
## Chain details for Monad
23+
24+
<ChainDetailsMonad />
25+
26+
## Installation
27+
28+
<InstallationSnippet />
29+
30+
## Chain details for Monad
31+
32+
<ChainDetailsMonad />
33+
34+
## Initialize
35+
36+
<InitialisationSnippet />
37+
38+
## Get account
39+
40+
<GetAccountSnippet />
41+
42+
## Get balance
43+
44+
<GetBalanceSnippet />
45+
46+
## Sign a message
47+
48+
<SignMessageSnippet />
49+
50+
## Send transaction
51+
52+
<SendTransactionSnippet />

‎embedded-wallets/connect-blockchain/evm/monad/vue.mdx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
title: Integrate Embedded Wallets with the Monad Blockchain in Vue
3+
sidebar_label: Vue
4+
image: 'img/embedded-wallets/banners/ethereum.png'
5+
6+
keywords: [monad, web3auth, authentication, blockchain]
7+
description: 'Integrate Embedded Wallets with the Monad Blockchain in Vue | Embedded Wallets'
8+
---
9+
10+
import ChainDetailsMonad from '../../_general-connect-blockchain/_monad.mdx'
11+
import VueWagmiIntegration from '../../../sdk/vue/_ethereum-composables-snippets.mdx'
12+
13+
While using the Web3Auth Vue SDK, you get access to the Web3Auth Composables. You can pair it up with the Wagmi composables to make EVM based blockchain calls, like getting user's `account`, fetch `balance`, `sign transaction`, `send transaction`, `read` from and `write` to the smart contract, etc. We have highlighted a few here for getting you started quickly on that.
14+
15+
## Chain details for Monad
16+
17+
<ChainDetailsMonad />
18+
19+
## Vue Wagmi integration
20+
21+
<VueWagmiIntegration />

0 commit comments

Comments
 (0)