docs(wallets): add React Native focused documentation#65
Open
andrascodes wants to merge 1 commit into
Open
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull request overview
Adds a React Native (Expo-focused) documentation track for the Embedded Wallet alpha, including dedicated guides for configuration, auth methods, passkeys, export, and domain association, and wires these pages into the /wallets navigation.
Changes:
- Add a new React Native docs section under
/wallets, broken down by feature-specific guides. - Add new API reference docs for
useAuthenticateOAuthWithExpoWebBrowserandZeroDevExportWebView. - Add “Using React Native?” callouts to existing web-centric docs to redirect readers to the new React Native guides.
Reviewed changes
Copilot reviewed 15 out of 16 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| vocs.config.tsx | Adds React Native section to the Embedded Wallet sidebar and links new reference pages under Hooks. |
| docs/pages/wallets/react-native/quickstart.mdx | New Expo quickstart covering setup, providers, OTP flow, and dev build requirement. |
| docs/pages/wallets/react-native/configuration.mdx | New React Native-specific connector/stamper/storage configuration reference. |
| docs/pages/wallets/react-native/google-oauth.mdx | New guide for OAuth via Expo WebBrowser + deep links/App Links. |
| docs/pages/wallets/react-native/magic-link.mdx | New guide for Magic Link flow using App Links and a verification route. |
| docs/pages/wallets/react-native/passkeys.mdx | New guide for passkeys using the RN passkey stamper and domain association. |
| docs/pages/wallets/react-native/export-wallet.mdx | New guide for wallet export via ZeroDevExportWebView (component-based export). |
| docs/pages/wallets/react-native/domain-association.mdx | New guide for Android domain association/assetlinks and stable debug signing in dev. |
| docs/pages/wallets/hooks/use-authenticate-oauth-with-expo-web-browser.mdx | New hook reference page for RN OAuth flow with Expo WebBrowser. |
| docs/pages/wallets/hooks/export-web-view.mdx | New component reference page for ZeroDevExportWebView. |
| docs/pages/wallets/quickstart.mdx | Adds an info callout pointing React Native readers to the RN quickstart. |
| docs/pages/wallets/export.mdx | Adds an info callout noting web-only export hooks and pointing to RN export component docs. |
| docs/pages/wallets/auth/passkeys.mdx | Adds an info callout linking to the RN passkeys guide. |
| docs/pages/wallets/auth/magic-link.mdx | Adds an info callout linking to the RN magic link guide. |
| docs/pages/wallets/auth/google-oauth.mdx | Adds an info callout linking to the RN Google OAuth guide. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+133
to
+140
| useEffect(() => { | ||
| if (started.current || !code) return; | ||
| started.current = true; | ||
| // Load the persisted `otpId` and `otpEncryptionTargetBundle`. | ||
| loadPendingMagicLink().then( | ||
| (pending) => pending && verify.mutate({ code, ...pending }), | ||
| ); | ||
| }, [code]); |
Comment on lines
+42
to
+46
| { | ||
| "expo": { | ||
| "scheme": "<your custom scheme>", | ||
| }, | ||
| } |
Comment on lines
+114
to
+133
| { | ||
| "expo": { | ||
| "android": { | ||
| "intentFilters": [ | ||
| { | ||
| "action": "VIEW", | ||
| "autoVerify": true, | ||
| "data": [ | ||
| { | ||
| "scheme": "https", | ||
| "host": "<your domain>", | ||
| "pathPrefix": "/oauth-callback", | ||
| }, | ||
| ], | ||
| "category": ["BROWSABLE", "DEFAULT"], | ||
| }, | ||
| ], | ||
| }, | ||
| }, | ||
| } |
Comment on lines
+23
to
+42
| { | ||
| "expo": { | ||
| "android": { | ||
| "intentFilters": [ | ||
| { | ||
| "action": "VIEW", | ||
| "autoVerify": true, | ||
| "data": [ | ||
| { | ||
| "scheme": "https", | ||
| "host": "<your domain>", | ||
| "pathPrefix": "/verify-email", | ||
| }, | ||
| ], | ||
| "category": ["BROWSABLE", "DEFAULT"], | ||
| }, | ||
| ], | ||
| }, | ||
| }, | ||
| } |
Comment on lines
+83
to
+90
| { | ||
| "expo": { | ||
| "plugins": [ | ||
| "./withDebugKeystore", | ||
| // ... | ||
| ], | ||
| }, | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a new React Native section in the menu which is basically a complete Quick Start broken down by features. It walks through setting up everything assuming Android. (In later PRs I'll explore adding iOS and React Native Web too). The Domain Association is an example that should only be used in Development.
The PR also adds
useAuthenticateOAuthWithExpoWebBrowser,ZeroDevExportWebViewunder Hooks (maybe we should rename to Reference due toZeroDevExportWebViewnot being a hook)