@nx/react-native 0.0.0-pr-22179-271588f

package/src/executors/upgrade/upgrade.impl.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runCliUpgrade = void 0;
+const path_1 = require("path");
+const child_process_1 = require("child_process");
+/**
+ * This executor is equivalent to `npx react-native upgrade`.
+ * https://github.com/react-native-community/cli/blob/main/packages/cli/src/commands/upgrade/upgrade.ts
+ */
+async function* upgradeExecutor(options, context) {
+    const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
+    await runCliUpgrade(context.root, projectRoot);
+    yield { success: true };
+}
+exports.default = upgradeExecutor;
+function runCliUpgrade(workspaceRoot, projectRoot) {
+    return new Promise((resolve, reject) => {
+        const childProcess = (0, child_process_1.fork)(require.resolve('react-native/cli.js'), ['upgrade'], {
+            stdio: 'inherit',
+            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
+            env: process.env,
+        });
+        /**
+         * Ensure the child process is killed when the parent exits
+         */
+        const processExitListener = (signal) => () => {
+            childProcess.kill(signal);
+            process.exit();
+        };
+        process.once('exit', (signal) => childProcess.kill(signal));
+        process.once('SIGTERM', processExitListener);
+        process.once('SIGINT', processExitListener);
+        process.once('SIGQUIT', processExitListener);
+        childProcess.on('error', (err) => {
+            reject(err);
+        });
+        childProcess.on('exit', (code) => {
+            if (code === 0) {
+                resolve(childProcess);
+            }
+            else {
+                reject(code);
+            }
+        });
+    });
+}
+exports.runCliUpgrade = runCliUpgrade;

package/src/executors/upgrade/upgrade.impl.ts

@@ -0,0 +1,64 @@
+import { ExecutorContext } from '@nx/devkit';
+import { resolve as pathResolve } from 'path';
+import { ChildProcess, fork } from 'child_process';
+
+import { UpgradeExecutorSchema } from './schema';
+
+export interface ReactNativeUpgradeOutput {
+  success: boolean;
+}
+
+/**
+ * This executor is equivalent to `npx react-native upgrade`.
+ * https://github.com/react-native-community/cli/blob/main/packages/cli/src/commands/upgrade/upgrade.ts
+ */
+export default async function* upgradeExecutor(
+  options: UpgradeExecutorSchema,
+  context: ExecutorContext
+): AsyncGenerator<ReactNativeUpgradeOutput> {
+  const projectRoot =
+    context.projectsConfigurations.projects[context.projectName].root;
+
+  await runCliUpgrade(context.root, projectRoot);
+  yield { success: true };
+}
+
+export function runCliUpgrade(
+  workspaceRoot: string,
+  projectRoot: string
+): Promise<ChildProcess> {
+  return new Promise<ChildProcess>((resolve, reject) => {
+    const childProcess = fork(
+      require.resolve('react-native/cli.js'),
+      ['upgrade'],
+      {
+        stdio: 'inherit',
+        cwd: pathResolve(workspaceRoot, projectRoot),
+        env: process.env,
+      }
+    );
+
+    /**
+     * Ensure the child process is killed when the parent exits
+     */
+    const processExitListener = (signal?: number | NodeJS.Signals) => () => {
+      childProcess.kill(signal);
+      process.exit();
+    };
+    process.once('exit', (signal) => childProcess.kill(signal));
+    process.once('SIGTERM', processExitListener);
+    process.once('SIGINT', processExitListener);
+    process.once('SIGQUIT', processExitListener);
+
+    childProcess.on('error', (err) => {
+      reject(err);
+    });
+    childProcess.on('exit', (code) => {
+      if (code === 0) {
+        resolve(childProcess);
+      } else {
+        reject(code);
+      }
+    });
+  });
+}

package/src/generators/application/application.d.ts

@@ -0,0 +1,5 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export declare function reactNativeApplicationGenerator(host: Tree, schema: Schema): Promise<GeneratorCallback>;
+export declare function reactNativeApplicationGeneratorInternal(host: Tree, schema: Schema): Promise<GeneratorCallback>;
+export default reactNativeApplicationGenerator;

package/src/generators/application/application.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactNativeApplicationGeneratorInternal = exports.reactNativeApplicationGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+const add_linting_1 = require("../../utils/add-linting");
+const add_jest_1 = require("../../utils/add-jest");
+const chmod_android_gradle_files_1 = require("../../utils/chmod-android-gradle-files");
+const pod_install_task_1 = require("../../utils/pod-install-task");
+const web_configuration_1 = require("../web-configuration/web-configuration");
+const normalize_options_1 = require("./lib/normalize-options");
+const init_1 = require("../init/init");
+const add_project_1 = require("./lib/add-project");
+const create_application_files_1 = require("./lib/create-application-files");
+const add_e2e_1 = require("./lib/add-e2e");
+const ensure_dependencies_1 = require("../../utils/ensure-dependencies");
+const sync_deps_impl_1 = require("../../executors/sync-deps/sync-deps.impl");
+async function reactNativeApplicationGenerator(host, schema) {
+    return await reactNativeApplicationGeneratorInternal(host, {
+        addPlugin: false,
+        projectNameAndRootFormat: 'derived',
+        ...schema,
+    });
+}
+exports.reactNativeApplicationGenerator = reactNativeApplicationGenerator;
+async function reactNativeApplicationGeneratorInternal(host, schema) {
+    const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
+    const tasks = [];
+    const jsInitTask = await (0, js_1.initGenerator)(host, {
+        ...schema,
+        skipFormat: true,
+    });
+    tasks.push(jsInitTask);
+    const initTask = await (0, init_1.default)(host, { ...options, skipFormat: true });
+    tasks.push(initTask);
+    if (!options.skipPackageJson) {
+        tasks.push((0, ensure_dependencies_1.ensureDependencies)(host));
+    }
+    (0, create_application_files_1.createApplicationFiles)(host, options);
+    (0, add_project_1.addProject)(host, options);
+    const lintTask = await (0, add_linting_1.addLinting)(host, {
+        ...options,
+        projectRoot: options.appProjectRoot,
+        tsConfigPaths: [
+            (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
+        ],
+    });
+    tasks.push(lintTask);
+    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.projectName, options.appProjectRoot, options.js, options.skipPackageJson, options.addPlugin);
+    tasks.push(jestTask);
+    const webTask = await (0, web_configuration_1.webConfigurationGenerator)(host, {
+        ...options,
+        project: options.name,
+        skipFormat: true,
+    });
+    tasks.push(webTask);
+    const e2eTask = await (0, add_e2e_1.addE2e)(host, options);
+    tasks.push(e2eTask);
+    const chmodTaskGradlewTask = (0, chmod_android_gradle_files_1.chmodAndroidGradlewFilesTask)((0, devkit_1.joinPathFragments)(host.root, options.androidProjectRoot));
+    tasks.push(chmodTaskGradlewTask);
+    const podInstallTask = (0, pod_install_task_1.runPodInstall)((0, devkit_1.joinPathFragments)(host.root, options.iosProjectRoot));
+    if (options.install) {
+        const projectPackageJsonPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'package.json');
+        const workspacePackageJson = (0, devkit_1.readJson)(host, 'package.json');
+        const projectPackageJson = (0, devkit_1.readJson)(host, projectPackageJsonPath);
+        await (0, sync_deps_impl_1.syncDeps)(options.name, projectPackageJson, projectPackageJsonPath, workspacePackageJson);
+        tasks.push(podInstallTask);
+    }
+    else {
+        devkit_1.output.log({
+            title: 'Skip `pod install`',
+            bodyLines: [
+                `run 'nx run ${options.name}:pod-install' to install native modules before running iOS app`,
+            ],
+        });
+    }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(host);
+    }
+    tasks.push(() => {
+        (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
+    });
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.reactNativeApplicationGeneratorInternal = reactNativeApplicationGeneratorInternal;
+exports.default = reactNativeApplicationGenerator;

package/src/generators/application/application.spec.ts

@@ -0,0 +1,258 @@
+import {
+  Tree,
+  getProjects,
+  readJson,
+  readProjectConfiguration,
+} from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import { Linter } from '@nx/eslint';
+import { reactNativeApplicationGenerator } from './application';
+
+describe('app', () => {
+  let appTree: Tree;
+
+  beforeEach(() => {
+    appTree = createTreeWithEmptyWorkspace();
+    appTree.write('.gitignore', '');
+  });
+
+  it('should update configuration', async () => {
+    await reactNativeApplicationGenerator(appTree, {
+      name: 'my-app',
+      displayName: 'myApp',
+      linter: Linter.EsLint,
+      e2eTestRunner: 'none',
+      install: false,
+      projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
+    });
+    const projects = getProjects(appTree);
+
+    expect(projects.get('my-app').root).toEqual('my-app');
+  });
+
+  it('should update nx.json', async () => {
+    await reactNativeApplicationGenerator(appTree, {
+      name: 'my-app',
+      displayName: 'myApp',
+      tags: 'one,two',
+      linter: Linter.EsLint,
+      e2eTestRunner: 'none',
+      install: false,
+      projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
+    });
+
+    const projectConfiguration = readProjectConfiguration(appTree, 'my-app');
+    expect(projectConfiguration).toMatchObject({
+      tags: ['one', 'two'],
+    });
+  });
+
+  it('should generate files', async () => {
+    await reactNativeApplicationGenerator(appTree, {
+      name: 'my-app',
+      displayName: 'myApp',
+      linter: Linter.EsLint,
+      e2eTestRunner: 'none',
+      install: false,
+      projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'jest',
+      bundler: 'vite',
+    });
+    expect(appTree.exists('my-app/src/app/App.tsx')).toBeTruthy();
+    expect(appTree.exists('my-app/src/main.tsx')).toBeTruthy();
+
+    const tsconfig = readJson(appTree, 'my-app/tsconfig.json');
+    expect(tsconfig.extends).toEqual('../tsconfig.base.json');
+
+    expect(appTree.exists('my-app/.eslintrc.json')).toBe(true);
+    expect(appTree.read('my-app/jest.config.ts', 'utf-8'))
+      .toMatchInlineSnapshot(`
+      "module.exports = {
+        displayName: 'my-app',
+        preset: 'react-native',
+        resolver: '@nx/jest/plugins/resolver',
+        moduleFileExtensions: ['ts', 'js', 'html', 'tsx', 'jsx'],
+        setupFilesAfterEnv: ['<rootDir>/test-setup.ts'],
+        moduleNameMapper: {
+          '\\\\.svg$': '@nx/react-native/plugins/jest/svg-mock',
+        },
+        transform: {
+          '^.+.(js|ts|tsx)$': [
+            'babel-jest',
+            {
+              configFile: __dirname + '/.babelrc.js',
+            },
+          ],
+          '^.+.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$': require.resolve(
+            'react-native/jest/assetFileTransformer.js'
+          ),
+        },
+        coverageDirectory: '../coverage/my-app',
+      };
+      "
+    `);
+  });
+
+  it('should generate targets', async () => {
+    await reactNativeApplicationGenerator(appTree, {
+      name: 'my-app',
+      displayName: 'myApp',
+      linter: Linter.EsLint,
+      e2eTestRunner: 'none',
+      install: false,
+      projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'jest',
+      bundler: 'vite',
+    });
+
+    expect(appTree.exists('my-app/jest.config.ts')).toBeTruthy();
+  });
+
+  it('should extend from root tsconfig.json when no tsconfig.base.json', async () => {
+    appTree.rename('tsconfig.base.json', 'tsconfig.json');
+
+    await reactNativeApplicationGenerator(appTree, {
+      name: 'my-app',
+      displayName: 'myApp',
+      linter: Linter.EsLint,
+      e2eTestRunner: 'none',
+      install: false,
+      projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
+    });
+
+    const tsconfig = readJson(appTree, 'my-app/tsconfig.json');
+    expect(tsconfig.extends).toEqual('../tsconfig.json');
+  });
+
+  describe('detox', () => {
+    it('should create e2e app with directory', async () => {
+      await reactNativeApplicationGenerator(appTree, {
+        name: 'my-app',
+        directory: 'my-dir',
+        linter: Linter.EsLint,
+        e2eTestRunner: 'detox',
+        install: false,
+        projectNameAndRootFormat: 'as-provided',
+        bundler: 'vite',
+        unitTestRunner: 'none',
+      });
+
+      const projects = getProjects(appTree);
+      expect(projects.get('my-app').root).toEqual('my-dir');
+
+      expect(appTree.exists('my-dir-e2e/.detoxrc.json')).toBeTruthy();
+      const detoxrc = appTree.read('my-dir-e2e/.detoxrc.json', 'utf-8');
+      // Strip trailing commas
+      const detoxrcJson = JSON.parse(
+        detoxrc.replace(/(?<=(true|false|null|["\d}\]])\s*),(?=\s*[}\]])/g, '')
+      );
+      expect(detoxrcJson.apps).toEqual({
+        'android.debug': {
+          binaryPath:
+            '../my-dir/android/app/build/outputs/apk/debug/app-debug.apk',
+          build:
+            'cd ../my-dir/android && ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug',
+          type: 'android.apk',
+        },
+        'android.release': {
+          binaryPath:
+            '../my-dir/android/app/build/outputs/apk/release/app-release.apk',
+          build:
+            'cd ../my-dir/android && ./gradlew assembleRelease assembleAndroidTest -DtestBuildType=release',
+          type: 'android.apk',
+        },
+        'ios.debug': {
+          binaryPath:
+            '../my-dir/ios/build/Build/Products/Debug-iphonesimulator/MyApp.app',
+          build:
+            "cd ../my-dir/ios && xcodebuild -workspace MyApp.xcworkspace -scheme MyApp -configuration Debug -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14' -derivedDataPath ./build -quiet",
+          type: 'ios.app',
+        },
+        'ios.release': {
+          binaryPath:
+            '../my-dir/ios/build/Build/Products/Release-iphonesimulator/MyApp.app',
+          build:
+            "cd ../my-dir/ios && xcodebuild -workspace MyApp.xcworkspace -scheme MyApp -configuration Release -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14' -derivedDataPath ./build -quiet",
+          type: 'ios.app',
+        },
+      });
+    });
+
+    it('should create e2e app without directory', async () => {
+      await reactNativeApplicationGenerator(appTree, {
+        name: 'my-app',
+        linter: Linter.EsLint,
+        e2eTestRunner: 'detox',
+        install: false,
+        projectNameAndRootFormat: 'as-provided',
+        bundler: 'vite',
+        unitTestRunner: 'none',
+      });
+
+      const projects = getProjects(appTree);
+      expect(projects.get('my-app').root).toEqual('my-app');
+
+      const detoxrc = appTree.read('my-app-e2e/.detoxrc.json', 'utf-8');
+      // Strip trailing commas
+      const detoxrcJson = JSON.parse(
+        detoxrc.replace(/(?<=(true|false|null|["\d}\]])\s*),(?=\s*[}\]])/g, '')
+      );
+      expect(detoxrcJson.apps).toEqual({
+        'android.debug': {
+          binaryPath:
+            '../my-app/android/app/build/outputs/apk/debug/app-debug.apk',
+          build:
+            'cd ../my-app/android && ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug',
+          type: 'android.apk',
+        },
+        'android.release': {
+          binaryPath:
+            '../my-app/android/app/build/outputs/apk/release/app-release.apk',
+          build:
+            'cd ../my-app/android && ./gradlew assembleRelease assembleAndroidTest -DtestBuildType=release',
+          type: 'android.apk',
+        },
+        'ios.debug': {
+          binaryPath:
+            '../my-app/ios/build/Build/Products/Debug-iphonesimulator/MyApp.app',
+          build:
+            "cd ../my-app/ios && xcodebuild -workspace MyApp.xcworkspace -scheme MyApp -configuration Debug -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14' -derivedDataPath ./build -quiet",
+          type: 'ios.app',
+        },
+        'ios.release': {
+          binaryPath:
+            '../my-app/ios/build/Build/Products/Release-iphonesimulator/MyApp.app',
+          build:
+            "cd ../my-app/ios && xcodebuild -workspace MyApp.xcworkspace -scheme MyApp -configuration Release -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14' -derivedDataPath ./build -quiet",
+          type: 'ios.app',
+        },
+      });
+    });
+  });
+
+  describe('--skipPackageJson', () => {
+    it('should not add or update dependencies when true', async () => {
+      const packageJsonBefore = readJson(appTree, 'package.json');
+
+      await reactNativeApplicationGenerator(appTree, {
+        name: 'my-app',
+        displayName: 'myApp',
+        linter: Linter.EsLint,
+        e2eTestRunner: 'none',
+        install: false,
+        skipPackageJson: true,
+        projectNameAndRootFormat: 'as-provided',
+        unitTestRunner: 'none',
+        bundler: 'webpack',
+      });
+
+      expect(readJson(appTree, 'package.json')).toEqual(packageJsonBefore);
+    });
+  });
+});

package/src/generators/application/files/app/.babelrc.js.template

@@ -0,0 +1,23 @@
+module.exports = function (api) {
+  api.cache(true);
+
+  if (
+    process.env.NX_TASK_TARGET_TARGET === 'build' ||
+    process.env.NX_TASK_TARGET_TARGET.includes('storybook')
+  ) {
+    return {
+      presets: [
+        [
+          '@nx/react/babel',
+          {
+            runtime: 'automatic',
+          },
+        ],
+      ],
+    };
+  }
+
+  return {
+    presets: [['module:@react-native/babel-preset',  { "useTransformReactJSX": true }]],
+  };
+};

package/src/generators/application/files/app/Gemfile.template

@@ -0,0 +1,7 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'

package/src/generators/application/files/app/android/app/build.gradle.template

@@ -0,0 +1,119 @@
+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 <%= offsetFromRoot %>../../node_modules/react-native
+    reactNativeDir = file("<%= offsetFromRoot %>../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is <%= offsetFromRoot %>../../node_modules/@react-native/codegen
+    codegenDir = file("<%= offsetFromRoot %>../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is <%= offsetFromRoot %>../../node_modules/react-native/cli.js
+    cliFile = file("<%= offsetFromRoot %>../../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("../../<%= entryFile %>")
+    //
+    //   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.<%= lowerCaseName %>"
+    defaultConfig {
+        applicationId "com.<%= lowerCaseName %>"
+        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")
+    implementation("com.facebook.react:flipper-integration")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+apply from: file("<%= offsetFromRoot %>../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

package/src/generators/application/files/app/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:

package/src/generators/application/files/app/android/app/src/androidTest/java/com/__lowerCaseName__/DetoxTest.java.template

@@ -0,0 +1,30 @@
+// Replace "com.<%= lowerCaseName %>" here and below with your app's package name from the top of MainActivity.java
+package com.<%= lowerCaseName %>;
+
+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 // (2)
+    public ActivityTestRule<MainActivity> 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 = (BuildConfig.DEBUG ? 180 : 60);
+
+        Detox.runTests(mActivityRule, detoxConfig);
+    }
+}

package/src/generators/application/files/app/android/app/src/debug/AndroidManifest.xml.template

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        android:networkSecurityConfig="@xml/network_security_config"
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>