diff --git a/README.md b/README.md index 5a76b69..4c02381 100644 --- a/README.md +++ b/README.md @@ -89,7 +89,7 @@ module.exports = withWeb3Auth(config); ### Entry point setup -Import the setup module first in your root entry file (`index.js` / `index.ts`): +Import the setup module first in your root entry file (`index.js` / `index.ts`). The SDK setup entry installs URL, crypto, and Buffer polyfills β€” you do not need a separate `react-native-url-polyfill` import. ```js import "@web3auth/react-native-sdk/setup"; @@ -97,6 +97,16 @@ import "@web3auth/react-native-sdk/setup"; // ... rest of your app entry ``` +**Solana apps** should use the Solana setup entry instead. It loads core setup first, then installs the Ed25519 WebCrypto polyfill and minimal wallet-standard globals required by `@solana/react-hooks`: + +```js +import "@web3auth/react-native-sdk/setup-solana"; + +// ... rest of your app entry +``` + +Do not import both `/setup` and `/setup-solana` β€” `/setup-solana` already chains core setup. + ## 🌟 Configuration ### Configure your Web3Auth project @@ -294,6 +304,8 @@ See `demo/rn-expo-hooks-example` for a complete Expo example. Optional Solana Framework Kit integration is available from `@web3auth/react-native-sdk/solana`. It bridges the Auth Solana wallet into `@solana/react-hooks` through `SolanaProvider`. +Import `@web3auth/react-native-sdk/setup-solana` in your entry file (instead of `/setup`) before any other app code. It chains core setup with the Solana runtime polyfills required by `@solana/react-hooks`. + Install peers: ```sh @@ -320,6 +332,8 @@ Notes: - `SolanaProvider` also enables Framework Kit hooks from `@solana/react-hooks`. - Client wiring is owned by the SDK (`walletPersistence: false`). Nest under `Web3AuthProvider`. +See `demo/rn-bare-solana-example` for a complete bare Solana example using `setup-solana` and plain `withWeb3Auth`. + ## πŸ’₯ Initialization & Usage Create a `Web3Auth` instance with your browser adapter, secure storage adapter, and project options. Call `init()` before `connectTo()`. diff --git a/demo/rn-bare-aggregate-verifier-example/index.js b/demo/rn-bare-aggregate-verifier-example/index.js index cee0cd6..1408128 100644 --- a/demo/rn-bare-aggregate-verifier-example/index.js +++ b/demo/rn-bare-aggregate-verifier-example/index.js @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import { AppRegistry } from "react-native"; diff --git a/demo/rn-bare-aggregate-verifier-example/metro.config.js b/demo/rn-bare-aggregate-verifier-example/metro.config.js index c9648b2..fc9eac0 100644 --- a/demo/rn-bare-aggregate-verifier-example/metro.config.js +++ b/demo/rn-bare-aggregate-verifier-example/metro.config.js @@ -1,11 +1,4 @@ const { getDefaultConfig } = require("@react-native/metro-config"); const { withWeb3Auth } = require("@web3auth/react-native-sdk/metro-config"); -const defaultConfig = getDefaultConfig(__dirname); - -// Wrap the config with Web3Auth's Metro configuration -// This automatically sets up all necessary polyfills and shims -module.exports = withWeb3Auth(defaultConfig, { - // Optional: Add additional packages that need .js extension fix - // additionalPackagesForJsExtFix: ['some-other-package'], -}); +module.exports = withWeb3Auth(getDefaultConfig(__dirname)); diff --git a/demo/rn-bare-aggregate-verifier-hooks-example/index.js b/demo/rn-bare-aggregate-verifier-hooks-example/index.js index cee0cd6..1408128 100644 --- a/demo/rn-bare-aggregate-verifier-hooks-example/index.js +++ b/demo/rn-bare-aggregate-verifier-hooks-example/index.js @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import { AppRegistry } from "react-native"; diff --git a/demo/rn-bare-aggregate-verifier-hooks-example/metro.config.js b/demo/rn-bare-aggregate-verifier-hooks-example/metro.config.js index c9648b2..fc9eac0 100644 --- a/demo/rn-bare-aggregate-verifier-hooks-example/metro.config.js +++ b/demo/rn-bare-aggregate-verifier-hooks-example/metro.config.js @@ -1,11 +1,4 @@ const { getDefaultConfig } = require("@react-native/metro-config"); const { withWeb3Auth } = require("@web3auth/react-native-sdk/metro-config"); -const defaultConfig = getDefaultConfig(__dirname); - -// Wrap the config with Web3Auth's Metro configuration -// This automatically sets up all necessary polyfills and shims -module.exports = withWeb3Auth(defaultConfig, { - // Optional: Add additional packages that need .js extension fix - // additionalPackagesForJsExtFix: ['some-other-package'], -}); +module.exports = withWeb3Auth(getDefaultConfig(__dirname)); diff --git a/demo/rn-bare-example/index.js b/demo/rn-bare-example/index.js index cee0cd6..1408128 100644 --- a/demo/rn-bare-example/index.js +++ b/demo/rn-bare-example/index.js @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import { AppRegistry } from "react-native"; diff --git a/demo/rn-bare-example/metro.config.js b/demo/rn-bare-example/metro.config.js index 24a310f..fc9eac0 100644 --- a/demo/rn-bare-example/metro.config.js +++ b/demo/rn-bare-example/metro.config.js @@ -1,11 +1,4 @@ const { getDefaultConfig } = require("@react-native/metro-config"); const { withWeb3Auth } = require("@web3auth/react-native-sdk/metro-config"); -const config = getDefaultConfig(__dirname); - -// Wrap the config with Web3Auth's Metro configuration -// This automatically sets up all necessary polyfills and shims -module.exports = withWeb3Auth(config, { - // Optional: Add additional packages that need .js extension fix - // additionalPackagesForJsExtFix: ['some-other-package'], -}); +module.exports = withWeb3Auth(getDefaultConfig(__dirname)); diff --git a/demo/rn-bare-firebase-example/index.js b/demo/rn-bare-firebase-example/index.js index cee0cd6..1408128 100644 --- a/demo/rn-bare-firebase-example/index.js +++ b/demo/rn-bare-firebase-example/index.js @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import { AppRegistry } from "react-native"; diff --git a/demo/rn-bare-firebase-example/metro.config.js b/demo/rn-bare-firebase-example/metro.config.js index c9648b2..fc9eac0 100644 --- a/demo/rn-bare-firebase-example/metro.config.js +++ b/demo/rn-bare-firebase-example/metro.config.js @@ -1,11 +1,4 @@ const { getDefaultConfig } = require("@react-native/metro-config"); const { withWeb3Auth } = require("@web3auth/react-native-sdk/metro-config"); -const defaultConfig = getDefaultConfig(__dirname); - -// Wrap the config with Web3Auth's Metro configuration -// This automatically sets up all necessary polyfills and shims -module.exports = withWeb3Auth(defaultConfig, { - // Optional: Add additional packages that need .js extension fix - // additionalPackagesForJsExtFix: ['some-other-package'], -}); +module.exports = withWeb3Auth(getDefaultConfig(__dirname)); diff --git a/demo/rn-bare-firebase-hooks-example/index.js b/demo/rn-bare-firebase-hooks-example/index.js index cee0cd6..1408128 100644 --- a/demo/rn-bare-firebase-hooks-example/index.js +++ b/demo/rn-bare-firebase-hooks-example/index.js @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import { AppRegistry } from "react-native"; diff --git a/demo/rn-bare-firebase-hooks-example/metro.config.js b/demo/rn-bare-firebase-hooks-example/metro.config.js index c9648b2..fc9eac0 100644 --- a/demo/rn-bare-firebase-hooks-example/metro.config.js +++ b/demo/rn-bare-firebase-hooks-example/metro.config.js @@ -1,11 +1,4 @@ const { getDefaultConfig } = require("@react-native/metro-config"); const { withWeb3Auth } = require("@web3auth/react-native-sdk/metro-config"); -const defaultConfig = getDefaultConfig(__dirname); - -// Wrap the config with Web3Auth's Metro configuration -// This automatically sets up all necessary polyfills and shims -module.exports = withWeb3Auth(defaultConfig, { - // Optional: Add additional packages that need .js extension fix - // additionalPackagesForJsExtFix: ['some-other-package'], -}); +module.exports = withWeb3Auth(getDefaultConfig(__dirname)); diff --git a/demo/rn-bare-hooks-example/App.tsx b/demo/rn-bare-hooks-example/App.tsx index b728589..b3bda7b 100644 --- a/demo/rn-bare-hooks-example/App.tsx +++ b/demo/rn-bare-hooks-example/App.tsx @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import * as WebBrowser from "@toruslabs/react-native-web-browser"; diff --git a/demo/rn-bare-hooks-example/index.js b/demo/rn-bare-hooks-example/index.js index cee0cd6..1408128 100644 --- a/demo/rn-bare-hooks-example/index.js +++ b/demo/rn-bare-hooks-example/index.js @@ -1,4 +1,5 @@ // Web3Auth setup - must be imported first before any other imports +// Includes URL, crypto, and Buffer polyfills via the SDK setup entry import "@web3auth/react-native-sdk/setup"; import { AppRegistry } from "react-native"; diff --git a/demo/rn-bare-hooks-example/metro.config.js b/demo/rn-bare-hooks-example/metro.config.js index 24a310f..fc9eac0 100644 --- a/demo/rn-bare-hooks-example/metro.config.js +++ b/demo/rn-bare-hooks-example/metro.config.js @@ -1,11 +1,4 @@ const { getDefaultConfig } = require("@react-native/metro-config"); const { withWeb3Auth } = require("@web3auth/react-native-sdk/metro-config"); -const config = getDefaultConfig(__dirname); - -// Wrap the config with Web3Auth's Metro configuration -// This automatically sets up all necessary polyfills and shims -module.exports = withWeb3Auth(config, { - // Optional: Add additional packages that need .js extension fix - // additionalPackagesForJsExtFix: ['some-other-package'], -}); +module.exports = withWeb3Auth(getDefaultConfig(__dirname)); diff --git a/demo/rn-bare-solana-example/.bundle/config b/demo/rn-bare-solana-example/.bundle/config new file mode 100644 index 0000000..848943b --- /dev/null +++ b/demo/rn-bare-solana-example/.bundle/config @@ -0,0 +1,2 @@ +BUNDLE_PATH: "vendor/bundle" +BUNDLE_FORCE_RUBY_PLATFORM: 1 diff --git a/demo/rn-bare-solana-example/.gitignore b/demo/rn-bare-solana-example/.gitignore new file mode 100644 index 0000000..0193abc --- /dev/null +++ b/demo/rn-bare-solana-example/.gitignore @@ -0,0 +1,70 @@ +# OSX +# +.DS_Store + +# Xcode +# +build/ +*.pbxuser +!default.pbxuser +*.mode1v3 +!default.mode1v3 +*.mode2v3 +!default.mode2v3 +*.perspectivev3 +!default.perspectivev3 +xcuserdata +*.xccheckout +*.moved-aside +DerivedData +*.hmap +*.ipa +*.xcuserstate +**/.xcode.env.local + +# Android/IntelliJ +# +build/ +.idea +.gradle +local.properties +*.iml +*.hprof +.cxx/ +*.keystore +!debug.keystore +.kotlin/ + +# node.js +# +node_modules/ +npm-debug.log +yarn-error.log + +# fastlane +# +**/fastlane/report.xml +**/fastlane/Preview.html +**/fastlane/screenshots +**/fastlane/test_output + +# Bundle artifact +*.jsbundle + +# Ruby / CocoaPods +**/Pods/ +/vendor/bundle/ + +# Temporary files created by Metro to check the health of the file watcher +.metro-health-check* + +# testing +/coverage + +# Yarn +.yarn/* +!.yarn/patches +!.yarn/plugins +!.yarn/releases +!.yarn/sdks +!.yarn/versions diff --git a/demo/rn-bare-solana-example/.watchmanconfig b/demo/rn-bare-solana-example/.watchmanconfig new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/demo/rn-bare-solana-example/.watchmanconfig @@ -0,0 +1 @@ +{} diff --git a/demo/rn-bare-solana-example/App.tsx b/demo/rn-bare-solana-example/App.tsx new file mode 100644 index 0000000..ab3cb20 --- /dev/null +++ b/demo/rn-bare-solana-example/App.tsx @@ -0,0 +1,86 @@ +/** + * Solana example β€” demonstrates the built-in Solana wallet in the RN SDK. + * + * The SDK derives an ed25519 keypair from the user's key shares and exposes it + * as a wallet-standard `Wallet` via `connection.solanaWallet`. Wrap the app in + * `SolanaProvider` from `@web3auth/react-native-sdk/solana` to use the signing hooks. + * + * Chain configuration is fetched from the Web3Auth Dashboard at init time. + * `web3authConfig.ts` only sets client ID, redirect URL, network, and optional `defaultChainId`. + */ +import * as WebBrowser from "@toruslabs/react-native-web-browser"; +import { useWeb3Auth, Web3AuthProvider } from "@web3auth/react-native-sdk"; +import { SolanaProvider } from "@web3auth/react-native-sdk/solana"; +import React from "react"; +import { ActivityIndicator, StyleSheet, Text, View } from "react-native"; +// Storage for encrypted session data. On Expo, use `expo-secure-store` instead. +import EncryptedStorage from "react-native-encrypted-storage"; +import { SafeAreaProvider } from "react-native-safe-area-context"; + +import { HomeView } from "./components/HomeView"; +import { LoginView } from "./components/LoginView"; +import web3AuthConfig from "./web3authConfig"; + +// ─── Inner screen (must be a child of Web3AuthProvider) ─────────────────────── +// IMP START - SDK Initialization +function Screen() { + const { isConnected, isInitializing, initError } = useWeb3Auth(); + // IMP END - SDK Initialization + + if (isInitializing) { + return ( + + + Initializing… + + ); + } + + if (initError) { + return ( + + Failed to initialize Web3Auth + {String(initError)} + + ); + } + + return isConnected ? : ; +} + +// ─── Root ───────────────────────────────────────────────────────────────────── +export default function App() { + return ( + // IMP START - Setup Web3Auth Provider + + + + + + + + // IMP END - Setup Web3Auth Provider + ); +} + +const styles = StyleSheet.create({ + centered: { + flex: 1, + alignItems: "center", + justifyContent: "center", + }, + initText: { + marginTop: 12, + color: "#666", + }, + errorText: { + fontWeight: "600", + color: "#c00", + marginBottom: 8, + }, + errorDetail: { + color: "#666", + paddingHorizontal: 24, + textAlign: "center", + }, +}); diff --git a/demo/rn-bare-solana-example/Gemfile b/demo/rn-bare-solana-example/Gemfile new file mode 100644 index 0000000..8d72c37 --- /dev/null +++ b/demo/rn-bare-solana-example/Gemfile @@ -0,0 +1,9 @@ +source 'https://rubygems.org' + +# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version +ruby ">= 2.6.10" + +# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper +# bound in the template on Cocoapods with next React Native release. +gem 'cocoapods', '>= 1.13', '< 1.15' +gem 'activesupport', '>= 6.1.7.5', '< 7.1.0' diff --git a/demo/rn-bare-solana-example/README.md b/demo/rn-bare-solana-example/README.md new file mode 100644 index 0000000..115a724 --- /dev/null +++ b/demo/rn-bare-solana-example/README.md @@ -0,0 +1,75 @@ +# Web3Auth React Native β€” Bare Solana Example + +Shows how to use Web3Auth with **Solana**. The SDK derives an ed25519 keypair from the user's key shares and exposes it as a wallet-standard `Wallet` via `connection.solanaWallet`. Wrap the app in `SolanaProvider` from `@web3auth/react-native-sdk/solana` to use the signing hooks. + +## What this example demonstrates + +- Solana chain configuration from the Web3Auth Dashboard (fetched at SDK init) +- `@web3auth/react-native-sdk/setup-solana` as the single entry setup import (core + Solana runtime polyfills) +- Plain `withWeb3Auth(getDefaultConfig(...))` Metro config β€” no custom resolver aliases +- Nesting `SolanaProvider` inside `Web3AuthProvider` +- Accessing accounts and RPC via `useSolanaWallet()` +- Signing messages via `useSignMessage()` from `@web3auth/react-native-sdk/solana` + +## File tour + +| File | What it does | +|---|---| +| `web3authConfig.ts` | Client ID, redirect URL, network, and optional `defaultChainId` | +| `lib/solana.ts` | `getSolanaBalance` using the RPC client from `useSolanaWallet()` | +| `components/LoginView.tsx` | Email OTP login | +| `components/HomeView.tsx` | Solana hooks, Wallet Services, and balance helper | +| `components/Console.tsx` | Scrollable output box | +| `App.tsx` | `` + `` + login/home screen | +| `index.js` | Entry point β€” `@web3auth/react-native-sdk/setup-solana` must load before other imports | +| `metro.config.js` | `withWeb3Auth(getDefaultConfig(__dirname))` | + +## Tech stack + +- React Native `0.74.x` (bare workflow) +- `@web3auth/react-native-sdk` (local tarball from the SDK repo root) +- `@solana/react-hooks` `^1.4.x` (peer for `/solana` subpath) +- `@solana/kit` `^6.x` + +## Prerequisites + +- Node.js `>=18`, React Native CLI environment, Xcode / Android Studio +- A [Web3Auth Dashboard](https://dashboard.web3auth.io) project + +## Dashboard setup + +1. Create a project at [dashboard.web3auth.io](https://dashboard.web3auth.io). +2. Under **Allowed Origins**, add `solanarnexample://auth`. +3. Copy the **Client ID** into `web3authConfig.ts`. +4. Under **Chains**, add a Solana chain (e.g. Solana Devnet). The SDK fetches chain config from the dashboard at init. +5. If you set `defaultChainId` in `web3authConfig.ts`, it must match a dashboard Solana `chainId` (e.g. `0x66` for Devnet). + +## Installation + +```bash +cd demo/rn-bare-solana-example +npm install +cd ios && pod install && cd .. +``` + +The demo depends on `file:../../web3auth-react-native-sdk-10.0.0.tgz`. Re-run `npm pack` at the SDK repo root after SDK changes, then `npm install` here. + +## Running the app + +```bash +npm start +npm run ios # or npm run android +``` + +## Troubleshooting + +**`@solana/react-hooks` not found** β€” Install it explicitly: `npm install @solana/react-hooks@^1.4.1`. + +**`AbortSignal.timeout` / `window.addEventListener` errors** β€” Import `@web3auth/react-native-sdk/setup-solana` first in `index.js`. Do not add a separate `polyfills.js` β€” the SDK owns those runtime gaps. + +**Metro errors** β€” This demo uses plain `withWeb3Auth`. See [Metro Polyfill Troubleshooting](https://docs.metamask.io/embedded-wallets/troubleshooting/metro-issues/). + +## Resources + +- [Web3Auth React Native SDK](https://web3auth.io/docs/sdk/pnp/react-native) +- [Dashboard](https://dashboard.web3auth.io) diff --git a/demo/rn-bare-solana-example/__tests__/App.test.tsx b/demo/rn-bare-solana-example/__tests__/App.test.tsx new file mode 100644 index 0000000..9eac6fb --- /dev/null +++ b/demo/rn-bare-solana-example/__tests__/App.test.tsx @@ -0,0 +1,17 @@ +/** + * @format + */ + +import 'react-native'; +import React from 'react'; +import App from '../App'; + +// Note: import explicitly to use the types shipped with jest. +import {it} from '@jest/globals'; + +// Note: test renderer must be required after react-native. +import renderer from 'react-test-renderer'; + +it('renders correctly', () => { + renderer.create(); +}); diff --git a/demo/rn-bare-solana-example/android/app/build.gradle b/demo/rn-bare-solana-example/android/app/build.gradle new file mode 100644 index 0000000..214720b --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/build.gradle @@ -0,0 +1,118 @@ +apply plugin: "com.android.application" +apply plugin: "org.jetbrains.kotlin.android" +apply plugin: "com.facebook.react" + +/** + * This is the configuration block to customize your React Native Android app. + * By default you don't need to apply any configuration, just uncomment the lines you need. + */ +react { + /* Folders */ + // The root of your project, i.e. where "package.json" lives. Default is '..' + // root = file("../") + // The folder where the react-native NPM package is. Default is ../node_modules/react-native + // reactNativeDir = file("../node_modules/react-native") + // The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen + // codegenDir = file("../node_modules/@react-native/codegen") + // The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js + // cliFile = file("../node_modules/react-native/cli.js") + + /* Variants */ + // The list of variants to that are debuggable. For those we're going to + // skip the bundling of the JS bundle and the assets. By default is just 'debug'. + // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants. + // debuggableVariants = ["liteDebug", "prodDebug"] + + /* Bundling */ + // A list containing the node command and its flags. Default is just 'node'. + // nodeExecutableAndArgs = ["node"] + // + // The command to run when bundling. By default is 'bundle' + // bundleCommand = "ram-bundle" + // + // The path to the CLI configuration file. Default is empty. + // bundleConfig = file(../rn-cli.config.js) + // + // The name of the generated asset file containing your JS bundle + // bundleAssetName = "MyApplication.android.bundle" + // + // The entry file for bundle generation. Default is 'index.android.js' or 'index.js' + // entryFile = file("../js/MyApplication.android.js") + // + // A list of extra flags to pass to the 'bundle' commands. + // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle + // extraPackagerArgs = [] + + /* Hermes Commands */ + // The hermes compiler command to run. By default it is 'hermesc' + // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc" + // + // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map" + // hermesFlags = ["-O", "-output-source-map"] +} + +/** + * Set this to true to Run Proguard on Release builds to minify the Java bytecode. + */ +def enableProguardInReleaseBuilds = false + +/** + * The preferred build flavor of JavaScriptCore (JSC) + * + * For example, to use the international variant, you can use: + * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` + * + * The international variant includes ICU i18n library and necessary data + * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that + * give correct results when using with locales other than en-US. Note that + * this variant is about 6MiB larger per architecture than default. + */ +def jscFlavor = 'org.webkit:android-jsc:+' + +android { + ndkVersion rootProject.ext.ndkVersion + buildToolsVersion rootProject.ext.buildToolsVersion + compileSdk rootProject.ext.compileSdkVersion + + namespace "com.web3authrnexample" + defaultConfig { + applicationId "com.web3authrnexample" + minSdkVersion rootProject.ext.minSdkVersion + targetSdkVersion rootProject.ext.targetSdkVersion + versionCode 1 + versionName "1.0" + } + signingConfigs { + debug { + storeFile file('debug.keystore') + storePassword 'android' + keyAlias 'androiddebugkey' + keyPassword 'android' + } + } + buildTypes { + debug { + signingConfig signingConfigs.debug + } + release { + // Caution! In production, you need to generate your own keystore file. + // see https://reactnative.dev/docs/signed-apk-android. + signingConfig signingConfigs.debug + minifyEnabled enableProguardInReleaseBuilds + proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" + } + } +} + +dependencies { + // The version of react-native is set by the React Native Gradle Plugin + implementation("com.facebook.react:react-android") + + if (hermesEnabled.toBoolean()) { + implementation("com.facebook.react:hermes-android") + } else { + implementation jscFlavor + } +} + +apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) diff --git a/demo/rn-bare-solana-example/android/app/debug.keystore b/demo/rn-bare-solana-example/android/app/debug.keystore new file mode 100644 index 0000000..364e105 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/debug.keystore differ diff --git a/demo/rn-bare-solana-example/android/app/proguard-rules.pro b/demo/rn-bare-solana-example/android/app/proguard-rules.pro new file mode 100644 index 0000000..11b0257 --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/proguard-rules.pro @@ -0,0 +1,10 @@ +# Add project specific ProGuard rules here. +# By default, the flags in this file are appended to flags specified +# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt +# You can edit the include path and order by changing the proguardFiles +# directive in build.gradle. +# +# For more details, see +# http://developer.android.com/guide/developing/tools/proguard.html + +# Add any project specific keep options here: diff --git a/demo/rn-bare-solana-example/android/app/src/debug/AndroidManifest.xml b/demo/rn-bare-solana-example/android/app/src/debug/AndroidManifest.xml new file mode 100644 index 0000000..eb98c01 --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/debug/AndroidManifest.xml @@ -0,0 +1,9 @@ + + + + + diff --git a/demo/rn-bare-solana-example/android/app/src/main/AndroidManifest.xml b/demo/rn-bare-solana-example/android/app/src/main/AndroidManifest.xml new file mode 100644 index 0000000..653c8bb --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/main/AndroidManifest.xml @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + diff --git a/demo/rn-bare-solana-example/android/app/src/main/java/com/web3authrnexample/MainActivity.kt b/demo/rn-bare-solana-example/android/app/src/main/java/com/web3authrnexample/MainActivity.kt new file mode 100644 index 0000000..521465c --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/main/java/com/web3authrnexample/MainActivity.kt @@ -0,0 +1,22 @@ +package com.web3authrnexample + +import com.facebook.react.ReactActivity +import com.facebook.react.ReactActivityDelegate +import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled +import com.facebook.react.defaults.DefaultReactActivityDelegate + +class MainActivity : ReactActivity() { + + /** + * Returns the name of the main component registered from JavaScript. This is used to schedule + * rendering of the component. + */ + override fun getMainComponentName(): String = "web3authrnexample" + + /** + * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate] + * which allows you to enable New Architecture with a single boolean flags [fabricEnabled] + */ + override fun createReactActivityDelegate(): ReactActivityDelegate = + DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled) +} diff --git a/demo/rn-bare-solana-example/android/app/src/main/java/com/web3authrnexample/MainApplication.kt b/demo/rn-bare-solana-example/android/app/src/main/java/com/web3authrnexample/MainApplication.kt new file mode 100644 index 0000000..1c02723 --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/main/java/com/web3authrnexample/MainApplication.kt @@ -0,0 +1,43 @@ +package com.web3authrnexample + +import android.app.Application +import com.facebook.react.PackageList +import com.facebook.react.ReactApplication +import com.facebook.react.ReactHost +import com.facebook.react.ReactNativeHost +import com.facebook.react.ReactPackage +import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load +import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost +import com.facebook.react.defaults.DefaultReactNativeHost +import com.facebook.soloader.SoLoader + +class MainApplication : Application(), ReactApplication { + + override val reactNativeHost: ReactNativeHost = + object : DefaultReactNativeHost(this) { + override fun getPackages(): List = + PackageList(this).packages.apply { + // Packages that cannot be autolinked yet can be added manually here, for example: + // add(MyReactNativePackage()) + } + + override fun getJSMainModuleName(): String = "index" + + override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG + + override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED + override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED + } + + override val reactHost: ReactHost + get() = getDefaultReactHost(applicationContext, reactNativeHost) + + override fun onCreate() { + super.onCreate() + SoLoader.init(this, false) + if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { + // If you opted-in for the New Architecture, we load the native entry point for this app. + load() + } + } +} diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/drawable/rn_edit_text_material.xml b/demo/rn-bare-solana-example/android/app/src/main/res/drawable/rn_edit_text_material.xml new file mode 100644 index 0000000..5c25e72 --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/main/res/drawable/rn_edit_text_material.xml @@ -0,0 +1,37 @@ + + + + + + + + + + + diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 0000000..a2f5908 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png new file mode 100644 index 0000000..1b52399 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 0000000..ff10afd Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png new file mode 100644 index 0000000..115a4c7 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 0000000..dcd3cd8 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png new file mode 100644 index 0000000..459ca60 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 0000000..8ca12fe Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png new file mode 100644 index 0000000..8e19b41 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 0000000..b824ebd Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png new file mode 100644 index 0000000..4c19a13 Binary files /dev/null and b/demo/rn-bare-solana-example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/values/strings.xml b/demo/rn-bare-solana-example/android/app/src/main/res/values/strings.xml new file mode 100644 index 0000000..d09fd49 --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/main/res/values/strings.xml @@ -0,0 +1,3 @@ + + web3authrnexample + diff --git a/demo/rn-bare-solana-example/android/app/src/main/res/values/styles.xml b/demo/rn-bare-solana-example/android/app/src/main/res/values/styles.xml new file mode 100644 index 0000000..7ba83a2 --- /dev/null +++ b/demo/rn-bare-solana-example/android/app/src/main/res/values/styles.xml @@ -0,0 +1,9 @@ + + + + + + diff --git a/demo/rn-bare-solana-example/android/build.gradle b/demo/rn-bare-solana-example/android/build.gradle new file mode 100644 index 0000000..f536a79 --- /dev/null +++ b/demo/rn-bare-solana-example/android/build.gradle @@ -0,0 +1,21 @@ +buildscript { + ext { + buildToolsVersion = "34.0.0" + minSdkVersion = 23 + compileSdkVersion = 34 + targetSdkVersion = 34 + ndkVersion = "26.1.10909125" + kotlinVersion = "1.9.22" + } + repositories { + google() + mavenCentral() + } + dependencies { + classpath("com.android.tools.build:gradle") + classpath("com.facebook.react:react-native-gradle-plugin") + classpath("org.jetbrains.kotlin:kotlin-gradle-plugin") + } +} + +apply plugin: "com.facebook.react.rootproject" diff --git a/demo/rn-bare-solana-example/android/gradle.properties b/demo/rn-bare-solana-example/android/gradle.properties new file mode 100644 index 0000000..a46a5b9 --- /dev/null +++ b/demo/rn-bare-solana-example/android/gradle.properties @@ -0,0 +1,41 @@ +# Project-wide Gradle settings. + +# IDE (e.g. Android Studio) users: +# Gradle settings configured through the IDE *will override* +# any settings specified in this file. + +# For more details on how to configure your build environment visit +# http://www.gradle.org/docs/current/userguide/build_environment.html + +# Specifies the JVM arguments used for the daemon process. +# The setting is particularly useful for tweaking memory settings. +# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m +org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m + +# When configured, Gradle will run in incubating parallel mode. +# This option should only be used with decoupled projects. More details, visit +# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects +# org.gradle.parallel=true + +# AndroidX package structure to make it clearer which packages are bundled with the +# Android operating system, and which are packaged with your app's APK +# https://developer.android.com/topic/libraries/support-library/androidx-rn +android.useAndroidX=true +# Automatically convert third-party libraries to use AndroidX +android.enableJetifier=true + +# Use this property to specify which architecture you want to build. +# You can also override it from the CLI using +# ./gradlew -PreactNativeArchitectures=x86_64 +reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 + +# Use this property to enable support to the new architecture. +# This will allow you to use TurboModules and the Fabric render in +# your application. You should enable this flag either if you want +# to write custom TurboModules/Fabric components OR use libraries that +# are providing them. +newArchEnabled=false + +# Use this property to enable or disable the Hermes JS engine. +# If set to false, you will be using JSC instead. +hermesEnabled=true diff --git a/demo/rn-bare-solana-example/android/gradle/wrapper/gradle-wrapper.jar b/demo/rn-bare-solana-example/android/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 0000000..7f93135 Binary files /dev/null and b/demo/rn-bare-solana-example/android/gradle/wrapper/gradle-wrapper.jar differ diff --git a/demo/rn-bare-solana-example/android/gradle/wrapper/gradle-wrapper.properties b/demo/rn-bare-solana-example/android/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..2ea3535 --- /dev/null +++ b/demo/rn-bare-solana-example/android/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,7 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-all.zip +networkTimeout=10000 +validateDistributionUrl=true +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists diff --git a/demo/rn-bare-solana-example/android/gradlew b/demo/rn-bare-solana-example/android/gradlew new file mode 100755 index 0000000..1aa94a4 --- /dev/null +++ b/demo/rn-bare-solana-example/android/gradlew @@ -0,0 +1,249 @@ +#!/bin/sh + +# +# Copyright Β© 2015-2021 the original authors. +# +# Licensed under the Apache License, Version 2.0 (the "License"); +# you may not use this file except in compliance with the License. +# You may obtain a copy of the License at +# +# https://www.apache.org/licenses/LICENSE-2.0 +# +# Unless required by applicable law or agreed to in writing, software +# distributed under the License is distributed on an "AS IS" BASIS, +# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +# See the License for the specific language governing permissions and +# limitations under the License. +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions Β«$varΒ», Β«${var}Β», Β«${var:-default}Β», Β«${var+SET}Β», +# Β«${var#prefix}Β», Β«${var%suffix}Β», and Β«$( cmd )Β»; +# * compound commands having a testable exit status, especially Β«caseΒ»; +# * various built-in commands including Β«commandΒ», Β«setΒ», and Β«ulimitΒ». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +# This is normally unused +# shellcheck disable=SC2034 +APP_BASE_NAME=${0##*/} +# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036) +APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + if ! command -v java >/dev/null 2>&1 + then + die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Collect all arguments for the java command: +# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments, +# and any embedded shellness will be escaped. +# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be +# treated as '${Hostname}' itself on the command line. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + org.gradle.wrapper.GradleWrapperMain \ + "$@" + +# Stop when "xargs" is not available. +if ! command -v xargs >/dev/null 2>&1 +then + die "xargs is not available" +fi + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/demo/rn-bare-solana-example/android/gradlew.bat b/demo/rn-bare-solana-example/android/gradlew.bat new file mode 100644 index 0000000..7101f8e --- /dev/null +++ b/demo/rn-bare-solana-example/android/gradlew.bat @@ -0,0 +1,92 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem + +@if "%DEBUG%"=="" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%"=="" set DIRNAME=. +@rem This is normally unused +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if %ERRORLEVEL% equ 0 goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* + +:end +@rem End local scope for the variables with windows NT shell +if %ERRORLEVEL% equ 0 goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +set EXIT_CODE=%ERRORLEVEL% +if %EXIT_CODE% equ 0 set EXIT_CODE=1 +if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% +exit /b %EXIT_CODE% + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/demo/rn-bare-solana-example/android/settings.gradle b/demo/rn-bare-solana-example/android/settings.gradle new file mode 100644 index 0000000..e85ee0f --- /dev/null +++ b/demo/rn-bare-solana-example/android/settings.gradle @@ -0,0 +1,4 @@ +rootProject.name = 'web3authrnexample' +apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) +include ':app' +includeBuild('../node_modules/@react-native/gradle-plugin') diff --git a/demo/rn-bare-solana-example/app.json b/demo/rn-bare-solana-example/app.json new file mode 100644 index 0000000..655c46c --- /dev/null +++ b/demo/rn-bare-solana-example/app.json @@ -0,0 +1,4 @@ +{ + "name": "web3authrnexample", + "displayName": "web3authrnexample" +} diff --git a/demo/rn-bare-solana-example/babel.config.js b/demo/rn-bare-solana-example/babel.config.js new file mode 100644 index 0000000..dde6092 --- /dev/null +++ b/demo/rn-bare-solana-example/babel.config.js @@ -0,0 +1,4 @@ +module.exports = { + presets: ["module:@react-native/babel-preset"], + plugins: ["@babel/plugin-transform-export-namespace-from"], +}; diff --git a/demo/rn-bare-solana-example/components/Console.tsx b/demo/rn-bare-solana-example/components/Console.tsx new file mode 100644 index 0000000..4dc46f9 --- /dev/null +++ b/demo/rn-bare-solana-example/components/Console.tsx @@ -0,0 +1,40 @@ +import React from "react"; +import { ScrollView, StyleSheet, Text, View } from "react-native"; + +interface ConsoleProps { + output: string; +} + +/** + * Read-only scrollable output box used to display blockchain call results. + */ +export function Console({ output }: ConsoleProps) { + return ( + + Console + + {output} + + + ); +} + +const styles = StyleSheet.create({ + area: { + flex: 1, + marginHorizontal: 20, + marginBottom: 20, + }, + label: { + fontSize: 12, + fontWeight: "600", + color: "#666", + marginBottom: 4, + }, + scroll: { + backgroundColor: "#f0f0f0", + borderRadius: 8, + padding: 10, + alignSelf: "stretch", + }, +}); diff --git a/demo/rn-bare-solana-example/components/HomeView.tsx b/demo/rn-bare-solana-example/components/HomeView.tsx new file mode 100644 index 0000000..4fbb32e --- /dev/null +++ b/demo/rn-bare-solana-example/components/HomeView.tsx @@ -0,0 +1,86 @@ +import { + useAccessToken, + useEnableMFA, + useManageMFA, + useWalletUI, + useWeb3Auth, + useWeb3AuthDisconnect, + useWeb3AuthUser, +} from "@web3auth/react-native-sdk"; +import { useSignMessage, useSolanaWallet } from "@web3auth/react-native-sdk/solana"; +import React, { useState } from "react"; +import { Button, StyleSheet, View } from "react-native"; +import { SafeAreaView } from "react-native-safe-area-context"; + +import { Console } from "./Console"; +import { getSolanaBalance } from "../lib/solana"; + +/** + * Logged-in screen for Solana. + * + * Key difference from EVM examples: + * - `connection.solanaWallet` is a wallet-standard `Wallet` (not EIP-1193). + * - `useSolanaWallet()` exposes `accounts` and an RPC client for balance reads. + * - `useSignMessage()` signs via the Auth Solana wallet. + * + * Wallet Services (Wallet UI, MFA, auth tokens) are chain-agnostic. + */ +export function HomeView() { + const { disconnect } = useWeb3AuthDisconnect(); + const { userInfo } = useWeb3AuthUser(); + const { showWalletUI } = useWalletUI(); + const { getAccessToken } = useAccessToken(); + const { enableMFA } = useEnableMFA(); + const { manageMFA } = useManageMFA(); + const { accounts, rpc } = useSolanaWallet(); + const { signMessage } = useSignMessage(); + + const [output, setOutput] = useState(""); + const log = (...args: unknown[]) => setOutput(JSON.stringify(args, null, 2)); + + const solanaAddress = accounts![0]!; + + return ( + + +