Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
### Fixing Bundler Issues
### Fix bundler issues

While using any web3 library in Angular, 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.
Some web3 packages (for example, `eccrypto`) rely on Node.js modules that aren't available in the
browser.

To solve this, please have a look at our troubleshooting pages about [Webpack 5 Issues](/troubleshooting/webpack-issues)
To resolve this, see the
[Webpack 5 troubleshooting issues](/embedded-wallets/troubleshooting/webpack-issues#angular) page.
Original file line number Diff line number Diff line change
@@ -1,15 +1,18 @@
### MetaMask Embedded Wallets Angular Quick Start
### MetaMask Embedded Wallets Angular quickstart

Integrate secure and seamless Web3 authentication into your Angular app using MetaMask Embedded Wallet SDKs.
Add Web3 authentication to your Angular app with the MetaMask Embedded Wallets SDK.

Clone the Angular Quick Start Application
To view a quickstart for a different platform, select the dropdown in the menu bar and choose your
target (for example, Android, React, Flutter, iOS, or others).

Clone the Angular quickstart application:

```shell
npx degit Web3Auth/web3auth-examples/quick-starts/angular-quick-start w3a-quick-start
```

:::info
:::info Get help

If you face any problem anytime, you can always find help in the [**Web3Auth Community**](https://web3auth.io/community/c/help-pnp/pnp-web/7).
Visit the [**Web3Auth community**](https://web3auth.io/community/).

:::
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
### Making Blockchain Calls
### Make blockchain calls

This example demonstrates the connection for an EVM Chain with Web3Auth. You can choose the library of your choice and configure it according the steps given in the respective RPC Files.
This example shows how to connect to an EVM chain with Web3Auth. Choose your preferred library and
configure it by following the steps in the relevant RPC files.

:::tip Other Blockchains
:::tip Connect any blockchain

Web3Auth supports all blockchains. Have a look at our [Connect Blockchain](/connect-blockchain/) section of the documentation and choose your blockchain to get started.
Refer to the [blockchain documentation](/embedded-wallets/connect-blockchain/) to learn more about making calls on
any supported blockchain.

:::
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
### Configure Web3Auth

Create a basic config for Web3Auth and pass the `clientId` & `web3AuthNetwork` from your Web3Auth Dashboard Project Settings.
Create a basic Web3Auth configuration and pass the client ID and network details from your
project settings in the Web3Auth dashboard.

:::info

This is where you can also configure any major settings of your integration as well. Visit our [**configuration section**](/embedded-wallets/sdk/js/config) of the sdk reference to learn more about the different options available.
Configure other major settings here as needed. See the [**configuration section**](/embedded-wallets/sdk/js/advanced/)
for available options.

:::
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
### Initialize Web3Auth

Web3Auth's Instance needs to be initialized as soon as your app loads up to enable the user to log in. Preferably done within a constructor.
Initialize the `Web3Auth` instance when your app loads to enable sign-in. We recommend
doing this within a constructor.
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
### Install MetaMask Embedded Wallet SDK
### Install MetaMask Embedded Wallets Angular SDK

Install the Web3Auth Angular SDK package in your project.

> Additionally, for blockchain calls, this example can run with `viem` or `ethers`, you can choose your preferred library.
Install the SDK package in your project. For blockchain calls, this example can run with `viem` or
`ethers`, you can choose your preferred library.

```bash npm2yarn
npm install --save @web3auth/modal viem
Expand Down
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
### Logging in your User
### Sign in the user

Use the `connect` function in the Web3Auth Instance to display the modal. The modal will prompt the user to login with their wallet and handle the authentication for you.
Use the [`connect`](/embedded-wallets/sdk/js/usage/connect) function to display the sign-in modal.
The modal prompts the user to sign in with their wallet and handles the authentication.
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
### Log the user out
### Sign out the user

Use the `useWeb3AuthDisconnect` composable to log the user out. This will also delete the session information from the local storage of the browser.
Use the `useWeb3AuthDisconnect` composable to sign out the user. This also clears session information
from the browser's local storage.

:::info

There are multiple other functions available in the Web3Auth SDK. Visit our [**functions section**](/embedded-wallets/sdk/js/functions) of the sdk reference to learn more about the different functions available.
The SDK provides additional functions.
See the [**functions reference**](/embedded-wallets/sdk/js/usage) for details.

:::
4 changes: 2 additions & 2 deletions src/pages/quickstart/commonSteps/registerApp.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,9 @@ Visit the Web3Auth dashboard and create a new project. Use the client ID of the
integration.

<a
className="button"
className="button button--primary button--sm"
href="https://dashboard.web3auth.io"
target="_blank"
rel="noreferrer noopener">
<span>Go to the Developer dashboard</span>
Go to the Developer dashboard
</a>
4 changes: 2 additions & 2 deletions src/pages/quickstart/commonSteps/walletAggregatorOnly.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ To use Web3Auth as a wallet aggregator only (without social logins), disable soc
Navigate to **Authentication > Social Connections** and turn off all social login providers to use Web3Auth purely as a wallet aggregator.

<a
className="button"
className="button button--primary button--sm"
href="https://dashboard.web3auth.io"
target="_blank"
rel="noreferrer noopener">
<span>Configure in Dashboard</span>
Configure in Dashboard
</a>
Loading