Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

new Passkeys Example for SFA #385

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open
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
43 changes: 25 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Web3Auth Core Kit Examples

[Web3Auth](https://web3auth.io) is a plugable auth infrastructure for Web3 wallets and applications. It streamlines the
onboarding of both mainstream and crypto native users under a minute by providing experiences that they're most
[Web3Auth](https://web3auth.io) is a pluggable auth infrastructure for Web3 wallets and applications. It streamlines the
onboarding of both mainstream and crypto native users in under a minute by providing experiences that they're most
comfortable with.

With support for all social logins, web & mobile native platforms, wallets and other key management methods, Web3Auth
Expand All @@ -21,10 +21,10 @@ results in a standard cryptographic key provider specific to the user and applic

| SDK | Lang Framework | Directory |
| :------------------------------------------- | :------------- | :----------------------------------------------------------------------------------------- |
| `tKey` - MPC CoreKit PopUp FLow | `REACT` | [MPC CoreKit PopUp Example](/mpc-core-kit/mpc-core-kit-react-popup-example/) |
| `tKey` - MPC CoreKit PopUp Aggregate Example | `REACT` | [MPC CoreKit Aggregate Example](/mpc-core-kit/mpc-core-kit-react-popup-aggregate-example) |
| `tKey` - MPC CoreKit Redirect Example | `REACT` | [MPC CoreKit Redirect Example](/mpc-core-kit/mpc-core-kit-react-redirect-example/) |
| `tKey` - MPC CoreKit Firebase Example | `REACT` | [MPC CoreKit Firebase Example](/mpc-core-kit/mpc-core-kit-react-firebase-example/) |
| `tKey` - MPC CoreKit PopUp FLow | `REACT` | [MPC CoreKit PopUp Example](/mpc-core-kit-web/intrinsic-flow-examples/mpc-core-kit-popup-flow-example/) |
| `tKey` - MPC CoreKit PopUp Aggregate Example | `REACT` | [MPC CoreKit Aggregate Example](/mpc-core-kit-web/mpc-core-kit-aggregate-verifier-example/) |
| `tKey` - MPC CoreKit Redirect Example | `REACT` | [MPC CoreKit Redirect Example](/mpc-core-kit-web/intrinsic-flow-examples/mpc-core-kit-redirect-flow-example/) |
| `tKey` - MPC CoreKit Quick Start | `REACT` | [MPC CoreKit Quick Start](/mpc-core-kit-web/quick-starts/mpc-core-kit-react-quick-start/) |

## Web3Auth SSS SDK Examples

Expand All @@ -34,30 +34,31 @@ results in a standard cryptographic key provider specific to the user and applic

| SDK | Lang Framework | Directory |
| :--------------------- | :------------- | :-------------------------------------------------------------------- |
| `tKey` - PopUp FLow | `REACT` | [tKey-React-Popup-Example](/tkey-web/tkey-react-popup-example/) |
| `tKey` - Redirect FLow | `REACT` | [tKey-React-Redirect-Example](/tkey-web/tkey-react-redirect-example/) |
| `tKey` - PopUp FLow | `REACT` | [tKey-React-Popup-Example](/tkey-web/intrinsic-flow-examples/tkey-popup-flow-example/) |
| `tKey` - Redirect FLow | `REACT` | [tKey-React-Redirect-Example](/tkey-web/intrinsic-flow-examples/tkey-redirect-flow-example/) |
| `tKey` - Quick Start | `REACT` | [tKey-React-Quick-Start](/tkey-web/quick-starts/tkey-react-quick-start/) |

#### Mobile: tKey Android SDK

| SDK | Lang Framework | Directory |
| :----- | :----------------------- | :------------------------------------------------------------------------ |
| `tKey` | `Android` Google Example | [tKey Android Google Example](/tkey-android/tkey-android-google-example/) |
| `tKey` | `Android` Quick Start | [tKey Android Quick Start](/tkey-android/tkey-android-quick-start/) |
| `tKey` | `Android` Auth0 Example | [tKey Android Auth0 Example](/tkey-android/tkey-android-auth0-example/) |

#### Mobile: tKey iOS SDK

| SDK | Lang Framework | Directory |
| :----- | :---------------------- | :------------------------------------------------------------------ |
| `tKey` | `iOS` Google Example | [tKey iOS Google Example](/tkey-ios/tkey-ios-google-example/) |
| `tKey` | `iOS` Quick Start | [tKey iOS Quick Start](/tkey-ios/tkey-ios-quick-start/) |
| `tKey` | `iOS` Auth0 Example | [tKey iOS Auth0 Example](/tkey-ios/tkey-ios-auth0-example/) |
| `tKey` | `iOS` Firebase Example | [tKey iOS Firebase Example](/tkey-ios/tkey-ios-firebase-example/) |
| `tKey` | `iOS` Aggregate Example | [tKey iOS Aggregate Example](/tkey-ios/tkey-ios-aggregate-example/) |
| `tKey` | `iOS` Aggregate Example | [tKey iOS Aggregate Example](/tkey-ios/tkey-ios-aggregate-verifier-example/) |

#### Mobile: tKey React Native SDK

| SDK | Lang Framework | Directory |
| :----- | :------------------------------ | :------------------------------------------------------------------------------------------- |
| `tKey` | `React Native` Firebase Example | [tKey React Native Firebase Example](/tkey-react-native/tkey-react-native-firebase-example/) |
| `tKey` | `React Native` Quick Start | [tKey React Native Quick Start](/tkey-react-native/tkey-react-native-quick-start/) |
| `tKey` | `React Native` Auth0 Example | [tKey React Native Auth0 Example](/tkey-react-native/tkey-rn-expo-auth0-example/) |

### Single Factor Auth SDKs
Expand All @@ -66,32 +67,38 @@ results in a standard cryptographic key provider specific to the user and applic

| SDK | Lang Framework | Directory |
| :---- | :------------- | :------------------------------------------------------------------------------------------ |
| `SFA` | `REACT` | [single-factor-auth-React](/single-factor-auth-web/sfa-react-example/) |
| `SFA` | `REACT` | [single-factor-auth-Vite](/single-factor-auth-web/sfa-react-vite-example/) |
| `SFA` | `REACT` | [Single Factor Auth Web Quick Start](/single-factor-auth-web/quick-starts/sfa-react-quick-start/) |
| `SFA` | `REACT` | [Single Factor Auth Web Aggregate Example](/single-factor-auth-web/sfa-web-aggregate-verifier-example/) |
| `SFA` | `REACT` | [Single Factor Auth Web Auth0 Example](/single-factor-auth-web/sfa-web-auth0-example/) |
| `SFA` | `REACT` | [Single Factor Auth Web Custom JWT Example](/single-factor-auth-web/sfa-web-custom-jwt-example/) |
| `SFA` | `REACT` | [Single Factor Auth Web Google Example](/single-factor-auth-web/sfa-web-google-example/) |
| `SFA` | `REACT` | [Single Factor Auth Web Passkeys Playground](/single-factor-auth-web/sfa-web-passkeys-playground/) |
| `SFA` | `REACT` | [Single Factor Auth Web Passwordless Example](/single-factor-auth-web/sfa-web-passwordless-example/) |
| `SFA` | `REACT` | [Single Factor Auth Web React Playground](/single-factor-auth-web/sfa-web-react-playground/) |

#### Web Backend: Node SDK

| SDK | Lang Framework | Directory |
| :----- | :------------- | :----------------------------------------- |
| `Node` | `JS` | [Node JS Backend Example](/node-sdk/node-backend-example/) |
| `Node` | `JS` | [Node JS Backend Quick Start](/single-factor-auth-node/sfa-node-quick-start/) |

#### Mobile: Single Factor Auth Android SDK

| SDK | Lang Framework | Directory |
| :---- | :------------- | :---------------------------------------------------------------------------------------------- |
| `SFA` | `Android` | [Single Factor Auth Android Example](/single-factor-auth-android/android-sfa-firebase-example/) |
| `SFA` | `Android` | [Single Factor Auth Android Quick Start](/single-factor-auth-android/sfa-android-quick-start/) |

#### Mobile: Single Factor Auth iOS SDK

| SDK | Lang Framework | Directory |
| :---- | :------------- | :---------------------------------------------------------------------------------- |
| `SFA` | `iOS` | [Single Factor Auth iOS Example](/single-factor-auth-ios/ios-sfa-firebase-example/) |
| `SFA` | `iOS` | [Single Factor Auth iOS Quick Start](/single-factor-auth-ios/sfa-ios-quick-start/) |

#### Mobile: Single Factor Auth React Native SDK

| SDK | Lang Framework | Directory |
| :---- | :------------------------------ | :---------------------------------------------------------------------------------------------------------------------- |
| `SFA` | `React Native` Firebase Example | [Single Factor Auth React Native Firebase Example](/single-factor-auth-react-native/sfa-react-native-firebase-example/) |
| `SFA` | `React Native` Firebase Example | [Single Factor Auth React Native Quick Start](/single-factor-auth-react-native/sfa-rn-bare-quick-start/) |
| `SFA` | `React Native` Auth0 Example | [Single Factor Auth React Native Auth0 Example](/single-factor-auth-react-native/sfa-rn-expo-auth0-example/) |

## Questions
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Web3Auth SFA Web (`@web3auth/single-factor-auth`) x Next.js Quick Start

[![Web3Auth](https://img.shields.io/badge/Web3Auth-SDK-blue)](https://web3auth.io/docs/sdk/sfa-web)
[![Web3Auth](https://img.shields.io/badge/Web3Auth-SDK-blue)](https://web3auth.io/docs/sdk/core-kit/sfa-web)
[![Web3Auth](https://img.shields.io/badge/Web3Auth-Community-cyan)](https://community.web3auth.io)

[Join our Community Portal](https://community.web3auth.io/) to get support and stay up to date with the latest news and updates.
Expand Down
23 changes: 23 additions & 0 deletions single-factor-auth-web/sfa-web-passkeys-example/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
37 changes: 37 additions & 0 deletions single-factor-auth-web/sfa-web-passkeys-example/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
# Web3Auth (`@web3auth/modal`) x EVM x React

[![Web3Auth](https://img.shields.io/badge/Web3Auth-SDK-blue)](https://web3auth.io/docs/sdk/pnp/web/modal)
[![Web3Auth](https://img.shields.io/badge/Web3Auth-Community-cyan)](https://community.web3auth.io)

[Join our Community Portal](https://community.web3auth.io/) to get support and stay up to date with the latest news and updates.

This example demonstrates how to use Web3Auth with EVM in React.

## How to Use

### Download Manually

```bash
npx degit Web3Auth/web3auth-pnp-examples/web-modal-sdk/evm/react-evm-modal-example w3a-modal-evm-react
```

Install & Run:

```bash
cd w3a-modal-evm-react
npm install
npm run start
# or
cd w3a-modal-evm-react
yarn
yarn start
```

## Important Links

- [Website](https://web3auth.io)
- [Docs](https://web3auth.io/docs)
- [Guides](https://web3auth.io/docs/content-hub?type=guides)
- [SDK / API References](https://web3auth.io/docs/sdk)
- [Pricing](https://web3auth.io/pricing.html)
- [Community Portal](https://community.web3auth.io)
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
const webpack = require("webpack");

module.exports = function override(config) {
const fallback = config.resolve.fallback || {};
// IMP START - Bundler Issues
Object.assign(fallback, {
crypto: false,
stream: false,
assert: false,
http: false,
https: false,
os: false,
url: false,
zlib: false
});
config.resolve.fallback = fallback;
config.plugins = (config.plugins || []).concat([
new webpack.ProvidePlugin({
process: "process/browser",
Buffer: ["buffer", "Buffer"],
}),
]);
// IMP END - Bundler Issues
config.ignoreWarnings = [/Failed to parse source map/];
config.module.rules.push({
test: /\.(js|mjs|jsx)$/,
enforce: "pre",
loader: require.resolve("source-map-loader"),
resolve: {
fullySpecified: false,
},
});
return config;
};
Loading