Skip to content

Commit 98e3a6d

Browse files
yashovardhanyashovardhan
committed
Fix build issues
1 parent a159d05 commit 98e3a6d

File tree

83 files changed

+218
-551
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

83 files changed

+218
-551
lines changed

‎src/pages/playground/builder/delegation-toolkit/nextjs/stepContent/nextjsQuickStart.mdx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
---
2-
title: Delegation Toolkit NextJS Quick Start
3-
---
1+
### Delegation Toolkit NextJS Quick Start
42

53
Integrate secure and seamless Web3 authentication into your NextJS app using Web3Auth.
64

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/config.mdx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,9 @@
1-
---
2-
title: Configure Web3Auth
3-
---
1+
### Configure Web3Auth
42

5-
Create a basic config for Web3Auth and pass the `clientId` & `web3AuthNetwork` from your Web3Auth
6-
Dashboard Project Settings.
3+
Create a basic config for Web3Auth and pass the `clientId` & `web3AuthNetwork` from your Web3Auth Dashboard Project Settings.
74

85
:::info
96

10-
This is where you can also configure any major settings of your integration as well. Visit our
11-
[**configuration section**](/sdk/web/react) of the sdk reference to learn more about the different
12-
options available.
7+
This is where you can also configure any major settings of your integration as well. Visit our [**configuration section**](/sdk/web/react) of the sdk reference to learn more about the different options available.
138

149
:::

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/installation.mdx

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,11 @@
1-
---
2-
title: Install Web3Auth
3-
---
1+
### Install Web3Auth
42

53
Install the Web3Auth package in your project.
64

7-
> Additionally, for blockchain calls, we're using `wagmi` and its dependency,
8-
> `@tanstack/react-query` for this example.
5+
> Additionally, for blockchain calls, we're using `wagmi` and its dependency, `@tanstack/react-query` for this example.
96
107
```bash npm2yarn
118
npm install --save @web3auth/modal wagmi @tanstack/react-query
129
```
1310

14-
[![Npm package monthly downloads](https://badgen.net/npm/dm/@web3auth/modal)](https://www.npmjs.com/package/@web3auth/modal)
15-
[![](https://data.jsdelivr.com/v1/package/npm/@web3auth/modal/badge)](https://www.jsdelivr.com/package/npm/@web3auth/modal)
11+
[![Npm package monthly downloads](https://badgen.net/npm/dm/@web3auth/modal)](https://www.npmjs.com/package/@web3auth/modal) [![](https://data.jsdelivr.com/v1/package/npm/@web3auth/modal/badge)](https://www.jsdelivr.com/package/npm/@web3auth/modal)

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/login.mdx

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
---
2-
title: Logging in your User
3-
---
1+
### Logging in your User
42

5-
Use the `useWeb3AuthConnect` hook to get access to the login functionality. The modal will prompt
6-
the user to login with their wallet and handle the authentication for you.
3+
Use the `useWeb3AuthConnect` hook to get access to the login functionality. The modal will prompt the user to login with their wallet and handle the authentication for you.

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/logout.mdx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,9 @@
1-
---
2-
title: Log the user out
3-
---
1+
### Log the user out
42

5-
Use the `useWeb3AuthDisconnect` hook to log the user out. This will also delete the session
6-
information from the local storage of the browser.
3+
Use the `useWeb3AuthDisconnect` hook to log the user out. This will also delete the session information from the local storage of the browser.
74

85
:::info
96

10-
There are multiple other hooks available in the Web3Auth React SDK. Visit our
11-
[**hooks section**](/sdk/web/react/hooks) of the sdk reference to learn more about the different
12-
hooks available.
7+
There are multiple other hooks available in the Web3Auth React SDK. Visit our [**hooks section**](/sdk/web/react/hooks) of the sdk reference to learn more about the different hooks available.
138

149
:::

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/reactBundlerIssues.mdx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,5 @@
1-
---
2-
title: Fixing Bundler Issues
3-
---
1+
### Fixing Bundler Issues
42

5-
While using any web3 library in React, you may run into issues building. This issue occurs because
6-
some core packages like `eccrypto` have certain dependencies which are not present within the
7-
browser build environment.
3+
While using any web3 library in React, you may run into issues building. This issue occurs because some core packages like `eccrypto` have certain dependencies which are not present within the browser build environment.
84

9-
> To solve this, please have a look at our troubleshooting pages about
10-
> [Vite Issues](/troubleshooting/vite-issues)
5+
> To solve this, please have a look at our troubleshooting pages about [Vite Issues](/troubleshooting/vite-issues)

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/reactQuickStart.mdx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
---
2-
title: Delegation Toolkit React Quick Start
3-
---
1+
### Delegation Toolkit React Quick Start
42

53
Integrate secure and seamless Web3 authentication into your React app using Web3Auth.
64

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/setupWagmiProvider.mdx

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,9 @@
1-
---
2-
title: Setup Wagmi Provider
3-
---
1+
### Setup Wagmi Provider
42

5-
Since we're using `wagmi` for this example, we need to setup the `WagmiProvider` component. Please
6-
use the `WagmiProvider` component from `@web3auth/modal/react/wagmi` to wrap your application.
3+
Since we're using `wagmi` for this example, we need to setup the `WagmiProvider` component. Please use the `WagmiProvider` component from `@web3auth/modal/react/wagmi` to wrap your application.
74

85
```tsx
9-
import { WagmiProvider } from "@web3auth/modal/react/wagmi";
6+
import { WagmiProvider } from '@web3auth/modal/react/wagmi'
107
```
118

12-
> Apart from that, the standard wagmi setup is being used. You do not need to create any wagmi
13-
> config, since the Web3Auth config is being used directly. Refer to the
14-
> [wagmi docs](https://wagmi.sh/react/getting-started) for more information.
9+
> Apart from that, the standard wagmi setup is being used. You do not need to create any wagmi config, since the Web3Auth config is being used directly. Refer to the [wagmi docs](https://wagmi.sh/react/getting-started) for more information.

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/setupWeb3AuthProvider.mdx

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
---
2-
title: Setup Web3Auth Provider
3-
---
1+
### Setup Web3Auth Provider
42

5-
To enable the hooks across your application, you need to wrap your application with the
6-
`Web3AuthProvider` component. This involves using the configuration created in the previous step.
3+
To enable the hooks across your application, you need to wrap your application with the `Web3AuthProvider` component. This involves using the configuration created in the previous step.

‎src/pages/playground/builder/delegation-toolkit/react/stepContent/wagmiCalls.mdx

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,15 @@
1-
---
2-
title: Making Blockchain Calls
3-
---
1+
### Making Blockchain Calls
42

5-
Since Wagmi is configured in this application, you can directly use the wagmi hooks to make
6-
blockchain calls. We have demonstrated some commonly used hooks like `useBalance`, `useAccount`,
7-
`useSignMessage`, `useSendTransaction` and `useSwitchChain`.
3+
Since Wagmi is configured in this application, you can directly use the wagmi hooks to make blockchain calls. We have demonstrated some commonly used hooks like `useBalance`, `useAccount`, `useSignMessage`, `useSendTransaction` and `useSwitchChain`.
84

95
:::info
106

11-
You can refer to the [**wagmi docs**](https://wagmi.sh/react/api/hooks) for more information on the
12-
hooks.
7+
You can refer to the [**wagmi docs**](https://wagmi.sh/react/api/hooks) for more information on the hooks.
138

149
:::
1510

1611
:::tip Other Blockchains
1712

18-
Web3Auth supports all blockchains. Have a look at our [Connect Blockchain](/connect-blockchain/)
19-
section of the documentation and choose your blockchain to get started.
13+
Web3Auth supports all blockchains. Have a look at our [Connect Blockchain](/connect-blockchain/) section of the documentation and choose your blockchain to get started.
2014

2115
:::

0 commit comments

Comments
 (0)