@nx/react-native 17.0.3 → 17.0.4

package/src/executors/sync-deps/sync-deps.impl.ts

@@ -2,15 +2,16 @@ import { join } from 'path';
 import * as chalk from 'chalk';
 import {
   ExecutorContext,
-  logger,
   ProjectGraph,
+  logger,
+  readCachedProjectGraph,
   readJsonFile,
   writeJsonFile,
 } from '@nx/devkit';
 
-import { findAllNpmDependencies } from '../../utils/find-all-npm-dependencies';
-
 import { ReactNativeSyncDepsOptions } from './schema';
+import { findAllNpmDependencies } from '../../utils/find-all-npm-dependencies';
+import { PackageJson } from 'nx/src/utils/package-json';
 
 export interface ReactNativeSyncDepsOutput {
   success: boolean;
@@ -22,19 +23,31 @@ export default async function* syncDepsExecutor(
 ): AsyncGenerator<ReactNativeSyncDepsOutput> {
   const projectRoot =
     context.projectsConfigurations.projects[context.projectName].root;
+
+  const workspacePackageJsonPath = join(context.root, 'package.json');
+  const projectPackageJsonPath = join(
+    context.root,
+    projectRoot,
+    'package.json'
+  );
+
+  const workspacePackageJson = readJsonFile(workspacePackageJsonPath);
+  const projectPackageJson = readJsonFile(projectPackageJsonPath);
   displayNewlyAddedDepsMessage(
     context.projectName,
     await syncDeps(
       context.projectName,
-      projectRoot,
-      context.root,
+      projectPackageJson,
+      projectPackageJsonPath,
+      workspacePackageJson,
       context.projectGraph,
       typeof options.include === 'string'
         ? options.include.split(',')
         : options.include,
       typeof options.exclude === 'string'
         ? options.exclude.split(',')
-        : options.exclude
+        : options.exclude,
+      options.all
     )
   );
 
@@ -43,20 +56,26 @@ export default async function* syncDepsExecutor(
 
 export async function syncDeps(
   projectName: string,
-  projectRoot: string,
-  workspaceRoot: string,
-  projectGraph: ProjectGraph,
+  projectPackageJson: PackageJson,
+  projectPackageJsonPath: string,
+  workspacePackageJson: PackageJson,
+  projectGraph: ProjectGraph = readCachedProjectGraph(),
   include: string[] = [],
-  exclude: string[] = []
+  exclude: string[] = [],
+  all: boolean = false
 ): Promise<string[]> {
-  let npmDeps = findAllNpmDependencies(projectGraph, projectName);
-  const packageJsonPath = join(workspaceRoot, projectRoot, 'package.json');
-  const packageJson = readJsonFile(packageJsonPath);
+  let npmDeps = all
+    ? Object.keys(workspacePackageJson.dependencies || {})
+    : findAllNpmDependencies(projectGraph, projectName);
+  let npmDevdeps = all
+    ? Object.keys(workspacePackageJson.devDependencies || {})
+    : [];
+
   const newDeps = [];
   let updated = false;
 
-  if (!packageJson.dependencies) {
-    packageJson.dependencies = {};
+  if (!projectPackageJson.dependencies) {
+    projectPackageJson.dependencies = {};
     updated = true;
   }
 
@@ -67,16 +86,36 @@ export async function syncDeps(
     npmDeps = npmDeps.filter((dep) => !exclude.includes(dep));
   }
 
+  if (!projectPackageJson.devDependencies) {
+    projectPackageJson.devDependencies = {};
+  }
+  if (!projectPackageJson.dependencies) {
+    projectPackageJson.dependencies = {};
+  }
+
   npmDeps.forEach((dep) => {
-    if (!packageJson.dependencies[dep]) {
-      packageJson.dependencies[dep] = '*';
+    if (
+      !projectPackageJson.dependencies[dep] &&
+      !projectPackageJson.devDependencies[dep]
+    ) {
+      projectPackageJson.dependencies[dep] = '*';
+      newDeps.push(dep);
+      updated = true;
+    }
+  });
+  npmDevdeps.forEach((dep) => {
+    if (
+      !projectPackageJson.dependencies[dep] &&
+      !projectPackageJson.devDependencies[dep]
+    ) {
+      projectPackageJson.devDependencies[dep] = '*';
       newDeps.push(dep);
       updated = true;
     }
   });
 
   if (updated) {
-    writeJsonFile(packageJsonPath, packageJson);
+    writeJsonFile(projectPackageJsonPath, projectPackageJson);
   }
 
   return newDeps;

package/src/executors/upgrade/schema.d.ts

@@ -0,0 +1 @@
+export interface UpgradeExecutorSchema {}

package/src/executors/upgrade/schema.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "version": 2,
+  "cli": "nx",
+  "$id": "NxReactNativeUpgrade",
+  "title": "React Native Upgrade Executor",
+  "description": "Upgrade React Native code for project.",
+  "type": "object",
+  "properties": {},
+  "required": []
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="node" />
+import { ExecutorContext } from '@nx/devkit';
+import { ChildProcess } 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 function upgradeExecutor(options: UpgradeExecutorSchema, context: ExecutorContext): AsyncGenerator<ReactNativeUpgradeOutput>;
+export declare function runCliUpgrade(workspaceRoot: string, projectRoot: string): Promise<ChildProcess>;

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.js

@@ -2,17 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactNativeApplicationGeneratorInternal = exports.reactNativeApplicationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const symlink_task_1 = require("../../utils/symlink-task");
+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_detox_1 = require("./lib/add-detox");
+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,
     });
@@ -20,9 +26,19 @@ async function reactNativeApplicationGenerator(host, 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 initTask = await (0, init_1.default)(host, { ...options, skipFormat: true });
     const lintTask = await (0, add_linting_1.addLinting)(host, {
         ...options,
         projectRoot: options.appProjectRoot,
@@ -30,14 +46,42 @@ async function reactNativeApplicationGeneratorInternal(host, schema) {
             (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
         ],
     });
-    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.projectName, options.appProjectRoot, options.js, options.skipPackageJson);
-    const detoxTask = await (0, add_detox_1.addDetox)(host, options);
-    const symlinkTask = (0, symlink_task_1.runSymlink)(host.root, options.appProjectRoot);
-    const chmodTaskGradlew = (0, chmod_android_gradle_files_1.chmodAndroidGradlewFilesTask)((0, devkit_1.joinPathFragments)(host.root, options.androidProjectRoot));
+    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);
     }
-    return (0, devkit_1.runTasksInSerial)(initTask, lintTask, jestTask, detoxTask, symlinkTask, chmodTaskGradlew);
+    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

@@ -24,6 +24,8 @@ describe('app', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
     });
     const projects = getProjects(appTree);
 
@@ -39,6 +41,8 @@ describe('app', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
     });
 
     const projectConfiguration = readProjectConfiguration(appTree, 'my-app');
@@ -55,6 +59,8 @@ describe('app', () => {
       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();
@@ -74,6 +80,17 @@ describe('app', () => {
         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',
       };
       "
@@ -88,9 +105,11 @@ describe('app', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'jest',
+      bundler: 'vite',
     });
-    const targets = readProjectConfiguration(appTree, 'my-app').targets;
-    expect(targets.test).toBeDefined();
+
+    expect(appTree.exists('my-app/jest.config.ts')).toBeTruthy();
   });
 
   it('should extend from root tsconfig.json when no tsconfig.base.json', async () => {
@@ -103,6 +122,8 @@ describe('app', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
     });
 
     const tsconfig = readJson(appTree, 'my-app/tsconfig.json');
@@ -118,6 +139,8 @@ describe('app', () => {
         e2eTestRunner: 'detox',
         install: false,
         projectNameAndRootFormat: 'as-provided',
+        bundler: 'vite',
+        unitTestRunner: 'none',
       });
 
       const projects = getProjects(appTree);
@@ -168,6 +191,8 @@ describe('app', () => {
         e2eTestRunner: 'detox',
         install: false,
         projectNameAndRootFormat: 'as-provided',
+        bundler: 'vite',
+        unitTestRunner: 'none',
       });
 
       const projects = getProjects(appTree);
@@ -223,6 +248,8 @@ describe('app', () => {
         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

@@ -3,4 +3,5 @@ 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.12'
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'

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

@@ -1,4 +1,5 @@
 apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 
 /**
@@ -9,12 +10,12 @@ 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")
+    //   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
@@ -36,7 +37,7 @@ react {
     // bundleAssetName = "MyApplication.android.bundle"
     //
     //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
-    // entryFile = file("../js/MyApplication.android.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
@@ -48,7 +49,6 @@ react {
     //
     //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
-    entryFile = file("../../<%= entryFile %>")
 }
 
 /**
@@ -71,8 +71,8 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 
 android {
     ndkVersion rootProject.ext.ndkVersion
-
-    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
 
     namespace "com.<%= lowerCaseName %>"
     defaultConfig {
@@ -81,10 +81,6 @@ android {
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
         versionName "1.0"
-        <% if (e2eTestRunner === 'detox') { %>
-        testBuildType System.getProperty('testBuildType', 'debug')
-        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
-        <% } %>
     }
     signingConfigs {
         debug {
@@ -104,27 +100,15 @@ android {
             signingConfig signingConfigs.debug
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
-            <% if (e2eTestRunner === 'detox') { %>
-            proguardFile "${rootProject.projectDir}/../node_modules/detox/android/detox/proguard-rules-app.pro"
-            <% } %>
         }
     }
 }
 
 dependencies {
-    <% if (e2eTestRunner === 'detox') { %>
-    androidTestImplementation('com.wix:detox:+')
-    implementation 'androidx.appcompat:appcompat:1.1.0'
-    <% } %>
     // 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")
 
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
-    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.squareup.okhttp3', module:'okhttp'
-    }
-
-    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}")
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {
@@ -132,4 +116,4 @@ dependencies {
     }
 }
 
-apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
+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/src/debug/AndroidManifest.xml.template

@@ -2,13 +2,9 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
     <application
         android:usesCleartextTraffic="true"
         tools:targetApi="28"
-        tools:ignore="GoogleAppIndexingWarning"
-        android:networkSecurityConfig="@xml/network_security_config">
-        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" android:exported="false" />
-    </application>
+        android:networkSecurityConfig="@xml/network_security_config"
+        tools:ignore="GoogleAppIndexingWarning"/>
 </manifest>

package/src/generators/application/files/app/android/app/src/main/java/com/__lowerCaseName__/MainActivity.kt.template

@@ -0,0 +1,22 @@
+package com.<%= lowerCaseName %>
+
+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 = "<%= className %>"
+
+  /**
+   * 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)
+}