diff --git a/.gitignore b/.gitignore
index 4b308147..fd2cc3a3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,5 +21,4 @@ playwright-report
playwright.cache
temp
test-results
-tmp
-
+tmp
\ No newline at end of file
diff --git a/implementations/react-native/.bundle/config b/implementations/react-native/.bundle/config
new file mode 100644
index 00000000..848943bb
--- /dev/null
+++ b/implementations/react-native/.bundle/config
@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1
diff --git a/implementations/react-native/.detoxrc.js b/implementations/react-native/.detoxrc.js
new file mode 100644
index 00000000..9b4163b2
--- /dev/null
+++ b/implementations/react-native/.detoxrc.js
@@ -0,0 +1,73 @@
+/** @type {Detox.DetoxConfig} */
+module.exports = {
+ testRunner: {
+ args: {
+ $0: 'jest',
+ config: 'e2e/jest.config.js',
+ },
+ jest: {
+ setupTimeout: 120000,
+ },
+ },
+ apps: {
+ 'ios.debug': {
+ type: 'ios.app',
+ binaryPath:
+ 'ios/build/Build/Products/Debug-iphonesimulator/ReactNativeApp.app',
+ build:
+ 'xcodebuild -workspace ios/ReactNativeApp.xcworkspace -scheme ReactNativeApp -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build',
+ },
+ 'ios.release': {
+ type: 'ios.app',
+ binaryPath:
+ 'ios/build/Build/Products/Release-iphonesimulator/ReactNativeApp.app',
+ build:
+ 'xcodebuild -workspace ios/ReactNativeApp.xcworkspace -scheme ReactNativeApp -configuration Release -sdk iphonesimulator -derivedDataPath ios/build',
+ },
+ 'android.debug': {
+ type: 'android.apk',
+ binaryPath: 'android/app/build/outputs/apk/debug/app-debug.apk',
+ build:
+ 'cd android && ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug',
+ reversePorts: [8081],
+ },
+ 'android.release': {
+ type: 'android.apk',
+ binaryPath: 'android/app/build/outputs/apk/release/app-release.apk',
+ build:
+ 'cd android && ./gradlew assembleRelease assembleAndroidTest -DtestBuildType=release',
+ },
+ },
+ devices: {
+ simulator: {
+ type: 'ios.simulator',
+ device: {
+ type: 'iPhone 15 Pro',
+ },
+ },
+ emulator: {
+ type: 'android.emulator',
+ device: {
+ avdName: 'Pixel_7_API_34',
+ },
+ },
+ },
+ configurations: {
+ 'ios.sim.debug': {
+ device: 'simulator',
+ app: 'ios.debug',
+ },
+ 'ios.sim.release': {
+ device: 'simulator',
+ app: 'ios.release',
+ },
+ 'android.emu.debug': {
+ device: 'emulator',
+ app: 'android.debug',
+ },
+ 'android.emu.release': {
+ device: 'emulator',
+ app: 'android.release',
+ },
+ },
+};
diff --git a/implementations/react-native/.eslintrc.js b/implementations/react-native/.eslintrc.js
new file mode 100644
index 00000000..187894b6
--- /dev/null
+++ b/implementations/react-native/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+ root: true,
+ extends: '@react-native',
+};
diff --git a/implementations/react-native/.gitignore b/implementations/react-native/.gitignore
new file mode 100644
index 00000000..d5ae4566
--- /dev/null
+++ b/implementations/react-native/.gitignore
@@ -0,0 +1,74 @@
+# 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
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/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/implementations/react-native/.prettierrc.js b/implementations/react-native/.prettierrc.js
new file mode 100644
index 00000000..42857950
--- /dev/null
+++ b/implementations/react-native/.prettierrc.js
@@ -0,0 +1,8 @@
+module.exports = {
+ arrowParens: 'avoid',
+ bracketSameLine: true,
+ bracketSpacing: false,
+ singleQuote: true,
+ trailingComma: 'all',
+ plugins: [],
+};
diff --git a/implementations/react-native/.watchmanconfig b/implementations/react-native/.watchmanconfig
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/implementations/react-native/.watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/implementations/react-native/App.tsx b/implementations/react-native/App.tsx
new file mode 100644
index 00000000..8dfb12a1
--- /dev/null
+++ b/implementations/react-native/App.tsx
@@ -0,0 +1,332 @@
+/**
+ * Sample React Native App - Contentful Optimization SDK Demo
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+import React, {useEffect, useState} from 'react';
+import {
+ ActivityIndicator,
+ SafeAreaView,
+ ScrollView,
+ StatusBar,
+ StyleSheet,
+ Text,
+ useColorScheme,
+ View,
+} from 'react-native';
+
+import {logger} from '@contentful/optimization-core';
+import Optimization, {
+ OptimizationProvider,
+} from '@contentful/optimization-react-native';
+
+interface SDKInfo {
+ clientId: string;
+ environment: string;
+ initialized: boolean;
+ timestamp: string;
+}
+
+interface ThemeColors {
+ backgroundColor: string;
+ cardBackground: string;
+ textColor: string;
+ mutedTextColor: string;
+ successColor: string;
+ errorColor: string;
+}
+
+interface SDKStatusCardProps {
+ sdkLoaded: boolean;
+ sdkError: string | null;
+ colors: ThemeColors;
+}
+
+interface SDKConfigCardProps {
+ sdkInfo: SDKInfo;
+ colors: ThemeColors;
+}
+
+interface InstructionsCardProps {
+ colors: ThemeColors;
+}
+
+function SDKStatusCard({
+ sdkLoaded,
+ sdkError,
+ colors,
+}: SDKStatusCardProps): React.JSX.Element {
+ const {cardBackground, textColor, mutedTextColor, successColor, errorColor} =
+ colors;
+
+ return (
+
+ SDK Status
+
+ {!sdkLoaded && !sdkError && (
+
+
+
+ Initializing SDK...
+
+
+ )}
+
+ {sdkLoaded && (
+
+
+
+ ✓ SDK Loaded Successfully
+
+
+ )}
+
+ {sdkError && (
+
+
+
+ ✗ Error: {sdkError}
+
+
+ )}
+
+ );
+}
+
+function SDKConfigCard({
+ sdkInfo,
+ colors,
+}: SDKConfigCardProps): React.JSX.Element {
+ const {cardBackground, textColor, mutedTextColor} = colors;
+
+ return (
+
+ Configuration
+
+
+
+ Client ID:
+
+
+ {sdkInfo.clientId}
+
+
+
+
+
+ Environment:
+
+
+ {sdkInfo.environment}
+
+
+
+
+
+ Initialized At:
+
+
+ {new Date(sdkInfo.timestamp).toLocaleTimeString()}
+
+
+
+ );
+}
+
+function InstructionsCard({colors}: InstructionsCardProps): React.JSX.Element {
+ const {cardBackground, textColor, mutedTextColor} = colors;
+
+ return (
+
+ Next Steps
+
+ • The Optimization SDK is now initialized and ready to use{'\n'}• You
+ can now implement experiences and personalization{'\n'}• Check the
+ console for additional SDK logs{'\n'}• Modify this app to test SDK
+ features
+
+
+ );
+}
+
+function App(): React.JSX.Element {
+ const isDarkMode = useColorScheme() === 'dark';
+
+ const [sdkLoaded, setSdkLoaded] = useState(false);
+ const [sdkError, setSdkError] = useState(null);
+ const [sdkInfo, setSdkInfo] = useState(null);
+
+ useEffect(() => {
+ const initSDK = async (): Promise => {
+ try {
+ const clientId =
+ process.env.VITE_NINETAILED_CLIENT_ID ?? 'test-client-id';
+ const environment = process.env.VITE_NINETAILED_ENVIRONMENT ?? 'main';
+
+ // Initialize the Optimization SDK
+ const sdk = await Optimization.create({
+ clientId,
+ environment,
+ });
+
+ // Store SDK info for display
+ setSdkInfo({
+ clientId,
+ environment,
+ initialized: true,
+ timestamp: new Date().toISOString(),
+ });
+
+ // Mark SDK as loaded
+ setSdkLoaded(true);
+
+ // SDK instance is available if needed for future use
+ logger.info('SDK initialized:', sdk);
+ } catch (error) {
+ setSdkError(error instanceof Error ? error.message : 'Unknown error');
+ }
+ };
+
+ void initSDK();
+ }, []);
+
+ const colors: ThemeColors = {
+ backgroundColor: isDarkMode ? '#1a1a1a' : '#f5f5f5',
+ cardBackground: isDarkMode ? '#2d2d2d' : '#ffffff',
+ textColor: isDarkMode ? '#ffffff' : '#000000',
+ mutedTextColor: isDarkMode ? '#a0a0a0' : '#666666',
+ successColor: '#22c55e',
+ errorColor: '#ef4444',
+ };
+
+ return (
+
+
+
+
+ {/* Header */}
+
+
+ Contentful Optimization
+
+
+ React Native SDK Demo
+
+
+
+
+
+ {sdkInfo && }
+
+
+
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ },
+ scrollContent: {
+ padding: 20,
+ paddingTop: 40,
+ },
+ header: {
+ marginBottom: 30,
+ },
+ title: {
+ fontSize: 32,
+ fontWeight: 'bold',
+ marginBottom: 8,
+ },
+ subtitle: {
+ fontSize: 16,
+ fontWeight: '500',
+ },
+ card: {
+ borderRadius: 12,
+ padding: 20,
+ marginBottom: 16,
+ shadowColor: '#000',
+ shadowOffset: {
+ width: 0,
+ height: 2,
+ },
+ shadowOpacity: 0.1,
+ shadowRadius: 3,
+ elevation: 3,
+ },
+ cardTitle: {
+ fontSize: 20,
+ fontWeight: '600',
+ marginBottom: 16,
+ },
+ statusRow: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ gap: 12,
+ },
+ statusIndicator: {
+ width: 12,
+ height: 12,
+ borderRadius: 6,
+ },
+ statusText: {
+ fontSize: 16,
+ fontWeight: '500',
+ },
+ infoRow: {
+ marginBottom: 12,
+ },
+ infoLabel: {
+ fontSize: 14,
+ fontWeight: '500',
+ marginBottom: 4,
+ },
+ infoValue: {
+ fontSize: 16,
+ fontWeight: '400',
+ fontFamily: 'monospace',
+ },
+ instructionText: {
+ fontSize: 14,
+ lineHeight: 22,
+ },
+});
+
+export default App;
diff --git a/implementations/react-native/E2E-TESTING.md b/implementations/react-native/E2E-TESTING.md
new file mode 100644
index 00000000..acf39696
--- /dev/null
+++ b/implementations/react-native/E2E-TESTING.md
@@ -0,0 +1,176 @@
+# E2E Testing with Detox
+
+This React Native application is configured with [Detox](https://wix.github.io/Detox/) for end-to-end testing.
+
+## Prerequisites
+
+### iOS
+
+- Xcode installed (latest version recommended)
+- iOS Simulator
+- CocoaPods installed
+
+### Android
+
+- Android Studio installed
+- Android SDK
+- An Android emulator configured (recommended: Pixel 7 with API 34)
+- Java Development Kit (JDK)
+
+## Setup
+
+### iOS Setup
+
+1. Install iOS dependencies:
+
+```bash
+cd ios
+pod install
+cd ..
+```
+
+2. Build the app for testing:
+
+```bash
+pnpm run e2e:build:ios
+```
+
+### Android Setup
+
+1. Ensure you have an Android emulator configured. You can check available emulators with:
+
+```bash
+emulator -list-avds
+```
+
+2. If you need to create one, the default configuration expects an emulator named `Pixel_7_API_34`. You can either:
+ - Create an emulator with that name
+ - Or update the `.detoxrc.js` file with your emulator name
+
+3. Build the app for testing:
+
+```bash
+pnpm run e2e:build:android
+```
+
+## Running Tests
+
+### iOS
+
+```bash
+# Build and run tests
+pnpm run e2e:ios
+
+# Or run separately
+pnpm run e2e:build:ios
+pnpm run e2e:test:ios
+```
+
+### Android
+
+```bash
+# Build and run tests
+pnpm run e2e:android
+
+# Or run separately
+pnpm run e2e:build:android
+pnpm run e2e:test:android
+```
+
+## Test Files
+
+- Test files are located in `e2e/`
+- `e2e/app.test.js` - Main application tests
+- `e2e/jest.config.js` - Jest configuration for Detox
+
+## Configuration
+
+The Detox configuration is in `.detoxrc.js`. It includes:
+
+- Build configurations for iOS and Android (debug and release)
+- Device/simulator configurations
+- Test runner settings
+
+## Writing Tests
+
+Tests use Detox's API along with Jest. Example:
+
+```javascript
+describe('My Feature', () => {
+ beforeAll(async () => {
+ await device.launchApp();
+ });
+
+ beforeEach(async () => {
+ await device.reloadReactNative();
+ });
+
+ it('should display welcome screen', async () => {
+ await expect(element(by.id('welcomeText'))).toBeVisible();
+ });
+});
+```
+
+### Test IDs
+
+The app components have been annotated with `testID` props for Detox to identify them:
+
+- `appTitle` - Main app title
+- `appSubtitle` - App subtitle
+- `sdkStatusCard` - SDK status card container
+- `sdkLoaded` - SDK loaded status indicator
+- `sdkConfigCard` - Configuration card
+- `clientIdValue` - Client ID value
+- `environmentValue` - Environment value
+- `instructionsCard` - Instructions card
+
+## Troubleshooting
+
+### iOS
+
+- If you get build errors, try cleaning the build: `rm -rf ios/build`
+- Make sure Xcode is properly configured and you've accepted the license agreement
+- Run `pod install` again if you've made changes to dependencies
+
+### Android
+
+- If the emulator doesn't start, launch it manually before running tests:
+ ```bash
+ emulator -avd Pixel_7_API_34
+ ```
+- Clean the Android build: `cd android && ./gradlew clean && cd ..`
+- Make sure ANDROID_HOME environment variable is set
+
+### General
+
+- Metro bundler issues: Kill Metro and restart with cache reset:
+ ```bash
+ pnpm run start:clean
+ ```
+- Detox issues: Check the [Detox troubleshooting guide](https://wix.github.io/Detox/docs/introduction/troubleshooting)
+
+## CI/CD Integration
+
+Detox tests can be integrated into your CI/CD pipeline. Make sure to:
+
+1. Install all dependencies
+2. Set up simulators/emulators in the CI environment
+3. Build the app
+4. Run tests with appropriate timeout settings
+
+Example for GitHub Actions:
+
+```yaml
+- name: Run Detox tests (iOS)
+ run: |
+ pnpm install
+ cd ios && pod install && cd ..
+ pnpm run e2e:build:ios
+ pnpm run e2e:test:ios
+```
+
+## Resources
+
+- [Detox Documentation](https://wix.github.io/Detox/)
+- [Detox API Reference](https://wix.github.io/Detox/docs/api/actions)
+- [Jest Matchers](https://wix.github.io/Detox/docs/api/matchers)
diff --git a/implementations/react-native/Gemfile b/implementations/react-native/Gemfile
new file mode 100644
index 00000000..03278dd5
--- /dev/null
+++ b/implementations/react-native/Gemfile
@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
diff --git a/implementations/react-native/Gemfile.lock b/implementations/react-native/Gemfile.lock
new file mode 100644
index 00000000..c48136c6
--- /dev/null
+++ b/implementations/react-native/Gemfile.lock
@@ -0,0 +1,120 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ CFPropertyList (3.0.7)
+ base64
+ nkf
+ rexml
+ activesupport (7.2.2.2)
+ base64
+ benchmark (>= 0.3)
+ bigdecimal
+ concurrent-ruby (~> 1.0, >= 1.3.1)
+ connection_pool (>= 2.2.5)
+ drb
+ i18n (>= 1.6, < 2)
+ logger (>= 1.4.2)
+ minitest (>= 5.1)
+ securerandom (>= 0.3)
+ tzinfo (~> 2.0, >= 2.0.5)
+ addressable (2.8.7)
+ public_suffix (>= 2.0.2, < 7.0)
+ algoliasearch (1.27.5)
+ httpclient (~> 2.8, >= 2.8.3)
+ json (>= 1.5.1)
+ atomos (0.1.3)
+ base64 (0.3.0)
+ benchmark (0.4.1)
+ bigdecimal (3.3.1)
+ claide (1.1.0)
+ cocoapods (1.15.2)
+ addressable (~> 2.8)
+ claide (>= 1.0.2, < 2.0)
+ cocoapods-core (= 1.15.2)
+ cocoapods-deintegrate (>= 1.0.3, < 2.0)
+ cocoapods-downloader (>= 2.1, < 3.0)
+ cocoapods-plugins (>= 1.0.0, < 2.0)
+ cocoapods-search (>= 1.0.0, < 2.0)
+ cocoapods-trunk (>= 1.6.0, < 2.0)
+ cocoapods-try (>= 1.1.0, < 2.0)
+ colored2 (~> 3.1)
+ escape (~> 0.0.4)
+ fourflusher (>= 2.3.0, < 3.0)
+ gh_inspector (~> 1.0)
+ molinillo (~> 0.8.0)
+ nap (~> 1.0)
+ ruby-macho (>= 2.3.0, < 3.0)
+ xcodeproj (>= 1.23.0, < 2.0)
+ cocoapods-core (1.15.2)
+ activesupport (>= 5.0, < 8)
+ addressable (~> 2.8)
+ algoliasearch (~> 1.0)
+ concurrent-ruby (~> 1.1)
+ fuzzy_match (~> 2.0.4)
+ nap (~> 1.0)
+ netrc (~> 0.11)
+ public_suffix (~> 4.0)
+ typhoeus (~> 1.0)
+ cocoapods-deintegrate (1.0.5)
+ cocoapods-downloader (2.1)
+ cocoapods-plugins (1.0.0)
+ nap
+ cocoapods-search (1.0.1)
+ cocoapods-trunk (1.6.0)
+ nap (>= 0.8, < 2.0)
+ netrc (~> 0.11)
+ cocoapods-try (1.2.0)
+ colored2 (3.1.2)
+ concurrent-ruby (1.3.3)
+ connection_pool (2.5.4)
+ drb (2.2.3)
+ escape (0.0.4)
+ ethon (0.15.0)
+ ffi (>= 1.15.0)
+ ffi (1.17.2)
+ fourflusher (2.3.1)
+ fuzzy_match (2.0.4)
+ gh_inspector (1.1.3)
+ httpclient (2.9.0)
+ mutex_m
+ i18n (1.14.7)
+ concurrent-ruby (~> 1.0)
+ json (2.15.1)
+ logger (1.7.0)
+ minitest (5.26.0)
+ molinillo (0.8.0)
+ mutex_m (0.3.0)
+ nanaimo (0.3.0)
+ nap (1.1.0)
+ netrc (0.11.0)
+ nkf (0.2.0)
+ public_suffix (4.0.7)
+ rexml (3.4.4)
+ ruby-macho (2.5.1)
+ securerandom (0.4.1)
+ typhoeus (1.5.0)
+ ethon (>= 0.9.0, < 0.16.0)
+ tzinfo (2.0.6)
+ concurrent-ruby (~> 1.0)
+ xcodeproj (1.25.1)
+ CFPropertyList (>= 2.3.3, < 4.0)
+ atomos (~> 0.1.3)
+ claide (>= 1.0.2, < 2.0)
+ colored2 (~> 3.1)
+ nanaimo (~> 0.3.0)
+ rexml (>= 3.3.6, < 4.0)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ activesupport (>= 6.1.7.5, != 7.1.0)
+ cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
+ concurrent-ruby (< 1.3.4)
+ xcodeproj (< 1.26.0)
+
+RUBY VERSION
+ ruby 3.4.2p28
+
+BUNDLED WITH
+ 2.6.2
diff --git a/implementations/react-native/__tests__/App.test.tsx b/implementations/react-native/__tests__/App.test.tsx
new file mode 100644
index 00000000..1ac2c2aa
--- /dev/null
+++ b/implementations/react-native/__tests__/App.test.tsx
@@ -0,0 +1,16 @@
+/**
+ * @format
+ */
+
+import React from 'react';
+import 'react-native';
+import App from '../App';
+
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
+import {render} from '@testing-library/react-native';
+
+it('renders correctly', () => {
+ render();
+});
diff --git a/implementations/react-native/android/app/build.gradle b/implementations/react-native/android/app/build.gradle
new file mode 100644
index 00000000..d505aab8
--- /dev/null
+++ b/implementations/react-native/android/app/build.gradle
@@ -0,0 +1,125 @@
+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"]
+
+ /* Autolinking */
+ autolinkLibrariesWithApp()
+}
+
+/**
+ * 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.reactnativeapp"
+ defaultConfig {
+ applicationId "com.reactnativeapp"
+ minSdkVersion rootProject.ext.minSdkVersion
+ targetSdkVersion rootProject.ext.targetSdkVersion
+ versionCode 1
+ versionName "1.0"
+ testBuildType System.getProperty('testBuildType', 'debug')
+ testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
+ }
+ 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
+ }
+
+ // Detox
+ androidTestImplementation('com.wix:detox:+')
+ implementation 'androidx.appcompat:appcompat:1.6.1'
+}
diff --git a/implementations/react-native/android/app/debug.keystore b/implementations/react-native/android/app/debug.keystore
new file mode 100644
index 00000000..364e105e
Binary files /dev/null and b/implementations/react-native/android/app/debug.keystore differ
diff --git a/implementations/react-native/android/app/proguard-rules.pro b/implementations/react-native/android/app/proguard-rules.pro
new file mode 100644
index 00000000..11b02572
--- /dev/null
+++ b/implementations/react-native/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/implementations/react-native/android/app/src/androidTest/java/com/reactnativeapp/DetoxTest.java b/implementations/react-native/android/app/src/androidTest/java/com/reactnativeapp/DetoxTest.java
new file mode 100644
index 00000000..12a9fab7
--- /dev/null
+++ b/implementations/react-native/android/app/src/androidTest/java/com/reactnativeapp/DetoxTest.java
@@ -0,0 +1,31 @@
+package com.reactnativeapp;
+
+import com.wix.detox.Detox;
+import com.wix.detox.config.DetoxConfig;
+
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+import androidx.test.filters.LargeTest;
+import androidx.test.rule.ActivityTestRule;
+
+@RunWith(AndroidJUnit4.class)
+@LargeTest
+public class DetoxTest {
+ @Rule
+ public ActivityTestRule mActivityRule = new ActivityTestRule<>(MainActivity.class, false, false);
+
+ @Test
+ public void runDetoxTests() {
+ DetoxConfig detoxConfig = new DetoxConfig();
+ detoxConfig.idlePolicyConfig.masterTimeoutSec = 90;
+ detoxConfig.idlePolicyConfig.idleResourceTimeoutSec = 60;
+ detoxConfig.rnContextLoadTimeoutSec = (com.reactnativeapp.BuildConfig.DEBUG ? 180 : 60);
+
+ Detox.runTests(mActivityRule, detoxConfig);
+ }
+}
+
+
diff --git a/implementations/react-native/android/app/src/debug/AndroidManifest.xml b/implementations/react-native/android/app/src/debug/AndroidManifest.xml
new file mode 100644
index 00000000..eb98c01a
--- /dev/null
+++ b/implementations/react-native/android/app/src/debug/AndroidManifest.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/implementations/react-native/android/app/src/main/AndroidManifest.xml b/implementations/react-native/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..e1892528
--- /dev/null
+++ b/implementations/react-native/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/implementations/react-native/android/app/src/main/java/com/reactnativeapp/MainActivity.kt b/implementations/react-native/android/app/src/main/java/com/reactnativeapp/MainActivity.kt
new file mode 100644
index 00000000..c552a334
--- /dev/null
+++ b/implementations/react-native/android/app/src/main/java/com/reactnativeapp/MainActivity.kt
@@ -0,0 +1,22 @@
+package com.reactnativeapp
+
+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 = "ReactNativeApp"
+
+ /**
+ * 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/implementations/react-native/android/app/src/main/java/com/reactnativeapp/MainApplication.kt b/implementations/react-native/android/app/src/main/java/com/reactnativeapp/MainApplication.kt
new file mode 100644
index 00000000..d850ebed
--- /dev/null
+++ b/implementations/react-native/android/app/src/main/java/com/reactnativeapp/MainApplication.kt
@@ -0,0 +1,44 @@
+package com.reactnativeapp
+
+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.react.soloader.OpenSourceMergedSoMapping
+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, OpenSourceMergedSoMapping)
+ 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/implementations/react-native/android/app/src/main/res/drawable/rn_edit_text_material.xml b/implementations/react-native/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 00000000..5c25e728
--- /dev/null
+++ b/implementations/react-native/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+