@nx/react-native 18.0.0-beta.1 → 18.0.0-canary.20240201-8762c38

package/src/migrations/update-16-6-0/update-metro-config.js

@@ -31,7 +31,6 @@ const oldConfigComment = `/**
 const content = `
 const { withNxMetro } = require('@nx/react-native');
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const exclusionList = require('metro-config/src/defaults/exclusionList');
 
 const defaultConfig = getDefaultConfig(__dirname);
 const { assetExts, sourceExts } = defaultConfig.resolver;
@@ -49,9 +48,6 @@ const customConfig = {
   resolver: {
     assetExts: assetExts.filter((ext) => ext !== 'svg'),
     sourceExts: [...sourceExts, 'svg'],
-    blockList: exclusionList([/^(?!.*node_modules).*\\/dist\\/.*/]),
-    unstable_enableSymlinks: true,
-    unstable_enablePackageExports: true,
   },
 };
 

package/src/migrations/update-16-9-0/remove-types-react-native.js

@@ -7,14 +7,7 @@ const devkit_1 = require("@nx/devkit");
  * @returns
  */
 async function update(tree) {
-    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
-    if (!packageJson.devDependencies['@types/react-native'] ||
-        !packageJson.dependencies['react-native']) {
-        return;
-    }
-    (0, devkit_1.updateJson)(tree, 'package.json', (packageJson) => {
-        delete packageJson.devDependencies['@types/react-native'];
-        return packageJson;
-    });
+    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], ['@types/react-native']);
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = update;

package/src/migrations/update-18-0-0/add-upgrade-target.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Add target upgrade for react native apps
+ * Remove pod-install from dependsOn for all targets, it does pod-install when creating the app
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/add-upgrade-target.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const upgrade_impl_1 = require("../../executors/upgrade/upgrade.impl");
+/**
+ * Add target upgrade for react native apps
+ * Remove pod-install from dependsOn for all targets, it does pod-install when creating the app
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [name, config] of projects.entries()) {
+        if (config.targets?.['start']?.executor === '@nx/react-native:start') {
+            if (!config.targets['upgrade']) {
+                config.targets.upgrade = {
+                    executor: '@nx/react-native:upgrade',
+                    options: {},
+                };
+                await (0, upgrade_impl_1.runCliUpgrade)(devkit_1.workspaceRoot, config.root);
+            }
+            if (config.targets?.['pod-install']?.executor ===
+                '@nx/react-native:pod-install') {
+                for (const targetName in config.targets) {
+                    if (config.targets[targetName]?.dependsOn?.length) {
+                        config.targets[targetName].dependsOn = config.targets[targetName].dependsOn.filter((dependsOn) => dependsOn !== 'pod-install');
+                    }
+                }
+            }
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = update;

package/src/migrations/update-18-0-0/add-web-configuration.d.ts

@@ -0,0 +1,8 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+/**
+ * Add web configuration to react native projects
+ * - delete the current serve target which is just a pass-through to start target
+ * - rename the babel.config.json to to babel-v72.config.json
+ * - add web confiugration, it will add .babelrc.js
+ */
+export default function update(tree: Tree): Promise<GeneratorCallback>;

package/src/migrations/update-18-0-0/add-web-configuration.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const web_configuration_1 = require("../../generators/web-configuration/web-configuration");
+/**
+ * Add web configuration to react native projects
+ * - delete the current serve target which is just a pass-through to start target
+ * - rename the babel.config.json to to babel-v72.config.json
+ * - add web confiugration, it will add .babelrc.js
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    const tasks = [];
+    for (const [projectName, config] of projects.entries()) {
+        if (config.targets?.['start']?.executor === '@nx/react-native:start') {
+            if (config.targets['serve'] &&
+                config.targets['serve'].executor === 'nx:run-commands' &&
+                config.targets['serve'].options?.command?.startsWith('nx start')) {
+                delete config.targets['serve'];
+                (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
+            }
+            if (tree.exists((0, devkit_1.joinPathFragments)(config.root, 'babel.config.json'))) {
+                tree.rename((0, devkit_1.joinPathFragments)(config.root, 'babel.config.json'), (0, devkit_1.joinPathFragments)(config.root, 'babel-v72.config.json'));
+            }
+            tasks.push(await (0, web_configuration_1.default)(tree, {
+                project: config.name,
+                bundler: 'webpack',
+            }));
+        }
+    }
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.default = update;

package/src/migrations/update-18-0-0/add-web-configuration.spec.ts

@@ -0,0 +1,39 @@
+import { addProjectConfiguration, getProjects, Tree } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import update from './add-web-configuration';
+
+describe('add-web-configuration', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'product', {
+      root: 'apps/product',
+      sourceRoot: 'apps/product/src',
+      targets: {
+        start: {
+          executor: '@nx/react-native:start',
+          options: {},
+        },
+        serve: {
+          executor: 'nx:run-commands',
+          options: {
+            command: 'nx start product',
+          },
+        },
+      },
+    });
+  });
+
+  it(`should add web configuration`, async () => {
+    await update(tree);
+
+    tree.exists('apps/product/webpack.config.js');
+    getProjects(tree).forEach((project) => {
+      expect(project.targets['build'].executor).toEqual('@nx/webpack:webpack');
+      expect(project.targets['serve'].executor).toEqual(
+        '@nx/webpack:dev-server'
+      );
+    });
+  });
+});

package/src/migrations/update-18-0-0/change-storybook-targets.d.ts

@@ -0,0 +1,5 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+/**
+ * Upgrade react native storybook target to use web
+ */
+export default function changeStorybookTargets(tree: Tree): Promise<GeneratorCallback>;

package/src/migrations/update-18-0-0/change-storybook-targets.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const output_1 = require("nx/src/utils/output");
+const migrate_7_1 = require("@nx/storybook/src/generators/migrate-7/migrate-7");
+const utilities_1 = require("@nx/storybook/src/utils/utilities");
+const configuration_1 = require("@nx/react/src/generators/storybook-configuration/configuration");
+/**
+ * Upgrade react native storybook target to use web
+ */
+async function changeStorybookTargets(tree) {
+    const tasks = [];
+    // update the storybook target
+    const projects = (0, devkit_1.getProjects)(tree);
+    let hasStorybookTarget = false;
+    for (const [projectName, config] of projects.entries()) {
+        if (config.targets?.['storybook']?.executor === '@nx/react-native:storybook') {
+            hasStorybookTarget = true;
+            delete config.targets['storybook'];
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
+            tasks.push(await (0, configuration_1.default)(tree, {
+                project: projectName,
+            }));
+        }
+    }
+    /**
+     * This just checks if Storybook is installed in the workspace.
+     * The thing here is that during the previous step of the migration,
+     * during packageJsonUpdates, Nx has already set Storybook
+     * to version 7, if Storybook exists in the workspace.
+     * So, it makes no sense here to check if the version is
+     * 7, because it will always be.
+     */
+    const storybookVersion = (0, utilities_1.storybookMajorVersion)();
+    if (!hasStorybookTarget || !storybookVersion) {
+        return;
+    }
+    output_1.output.log({
+        title: 'Migrating Storybook to v7',
+        bodyLines: [
+            `🚀 This migration will update your Storybook configuration to v7.`,
+            `It will call the @nx/storybook:migrate-7 generator for you.`,
+            `You can read more about the migration and how this generator works here:`,
+            `https://nx.dev/packages/storybook/generators/migrate-7`,
+        ],
+    });
+    tasks.push(await (0, migrate_7_1.default)(tree, { autoAcceptAllPrompts: true }));
+    tasks.push((0, devkit_1.removeDependenciesFromPackageJson)(tree, [], [
+        '@storybook/react-native',
+        '@storybook/addon-ondevice-actions',
+        '@storybook/addon-ondevice-backgrounds',
+        '@storybook/addon-ondevice-controls',
+        '@storybook/addon-ondevice-notes',
+    ]));
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.default = changeStorybookTargets;

package/src/migrations/update-18-0-0/remove-block-list.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration removes blockList in metro.config.js.
+ * It is now excluding dist folder in watchFolders in withNxMetro.
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-block-list.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * This migration removes blockList in metro.config.js.
+ * It is now excluding dist folder in watchFolders in withNxMetro.
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [_, config] of projects.entries()) {
+        if (config.targets?.['start']?.executor === '@nx/react-native:start') {
+            if (tree.exists((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'))) {
+                let content = tree
+                    .read((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'))
+                    .toString();
+                content = content.replace(`blockList: exclusionList([/^(?!.*node_modules).*/dist/.*/]),`, '');
+                content = content.replace('unstable_enableSymlinks: true,', '');
+                content = content.replace('unstable_enablePackageExports: true,', '');
+                content = content.replace(`const exclusionList = require('metro-config/src/defaults/exclusionList');`, '');
+                tree.write((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'), content);
+                await (0, devkit_1.formatFiles)(tree);
+            }
+        }
+    }
+}
+exports.default = update;

package/src/migrations/update-18-0-0/remove-block-list.spec.ts

@@ -0,0 +1,68 @@
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import { Tree, addProjectConfiguration } from '@nx/devkit';
+import update from './remove-block-list';
+
+describe('remove-block-list', () => {
+  let tree: Tree;
+
+  beforeEach(() => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'product', {
+      root: 'apps/product',
+      targets: {
+        start: {
+          executor: '@nx/react-native:start',
+        },
+      },
+    });
+    tree.write(
+      'apps/product/metro.config.js',
+      `
+const { withNxMetro } = require('@nx/expo');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { mergeConfig } = require('metro-config');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const defaultConfig = getDefaultConfig(__dirname);
+const { assetExts, sourceExts } = defaultConfig.resolver;
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+const customConfig = {
+  transformer: {
+    babelTransformerPath: require.resolve('react-native-svg-transformer'),
+  },
+  resolver: {
+    assetExts: assetExts.filter((ext) => ext !== 'svg'),
+    sourceExts: [...sourceExts, 'svg'],
+    blockList: exclusionList([/^(?!.*node_modules).*\/dist\/.*/]),
+    unstable_enableSymlinks: true,
+    unstable_enablePackageExports: true,
+  },
+};
+
+
+module.exports = withNxMetro(mergeConfig(defaultConfig, customConfig), {
+  // Change this to true to see debugging info.
+  // Useful if you have issues resolving modules
+  debug: false,
+  // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx', 'json'
+  extensions: [],
+  // Specify folders to watch, in addition to Nx defaults (workspace libraries and node_modules)
+  watchFolders: [],
+});`
+    );
+  });
+
+  it('should remove blockList', async () => {
+    await update(tree);
+    const metroConfig = tree.read(`apps/product/metro.config.js`).toString();
+    expect(metroConfig).not.toContain('blockList');
+    expect(metroConfig).not.toContain('unstable_enableSymlinks');
+    expect(metroConfig).not.toContain('unstable_enablePackageExports');
+  });
+});

package/src/migrations/update-18-0-0/remove-metro.d.ts

@@ -0,0 +1,14 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Remove metro-* package since it is no longer explicity required in package.json.
+ * react-native has dependency of @react-native/community-cli-plugin
+ * @react-native/community-cli-plugin has dependency of metro
+ *
+ * Also remove @react-native-community/cli-* since it is a dependency of react-native.
+ * (excpet reactNativeCommunityCliPlatformAndroidVersion because android files refer it by path)
+ *
+ * https://react-native-community.github.io/upgrade-helper/?from=0.72.6&to=0.73.1#RnDiffApp-package.json
+ * @param tree
+ * @returns
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-metro.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * Remove metro-* package since it is no longer explicity required in package.json.
+ * react-native has dependency of @react-native/community-cli-plugin
+ * @react-native/community-cli-plugin has dependency of metro
+ *
+ * Also remove @react-native-community/cli-* since it is a dependency of react-native.
+ * (excpet reactNativeCommunityCliPlatformAndroidVersion because android files refer it by path)
+ *
+ * https://react-native-community.github.io/upgrade-helper/?from=0.72.6&to=0.73.1#RnDiffApp-package.json
+ * @param tree
+ * @returns
+ */
+async function update(tree) {
+    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], [
+        'metro',
+        'metro-resolver',
+        'metro-config',
+        'metro-react-native-babel-preset',
+        'metro-babel-register',
+        'metro-react-native-babel-transformer',
+        '@react-native-community/cli',
+        '@react-native-community/cli-platform-ios',
+    ]);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = update;

package/src/migrations/update-18-0-0/remove-symlink-target.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Remove ensure-symlink target.
+ * It is going to be supported by react-native version 0.73 by default.
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-symlink-target.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const fs_extra_1 = require("fs-extra");
+/**
+ * Remove ensure-symlink target.
+ * It is going to be supported by react-native version 0.73 by default.
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [projectName, config] of projects.entries()) {
+        if (config.targets?.['ensure-symlink']?.executor ===
+            '@nx/react-native:ensure-symlink') {
+            removeTargets(config.targets, 'ensure-symlink');
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
+            (0, fs_extra_1.removeSync)(`${config.root}/node_modules`);
+        }
+    }
+}
+exports.default = update;
+function removeTargets(targets, targetNameToRemove) {
+    for (const targetName in targets) {
+        if (targetName === targetNameToRemove) {
+            delete targets[targetName];
+        }
+        if (targets[targetName]?.dependsOn?.length) {
+            targets[targetName].dependsOn = targets[targetName].dependsOn.filter((dependsOn) => dependsOn !== targetNameToRemove);
+        }
+    }
+}

package/src/migrations/update-18-0-0/remove-symlink-target.spec.ts

@@ -0,0 +1,40 @@
+import { addProjectConfiguration, getProjects, Tree } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import update from './remove-symlink-target';
+
+describe('remove-symlink-target', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'product', {
+      root: 'apps/product',
+      sourceRoot: 'apps/product/src',
+      targets: {
+        'ensure-symlink': {
+          executor: '@nx/react-native:ensure-symlink',
+          options: {},
+        },
+        'bundle-android': {
+          executor: '@nx/react-native:bundle',
+          dependsOn: ['ensure-symlink'],
+          outputs: ['{options.bundleOutput}'],
+          options: {
+            entryFile: 'src/main.tsx',
+            platform: 'android',
+            bundleOutput: 'dist/apps/techy-jokes/android/main.jsbundle',
+          },
+        },
+      },
+    });
+  });
+
+  it(`should remove ensure-symlink target from project.json`, async () => {
+    await update(tree);
+
+    getProjects(tree).forEach((project) => {
+      expect(project.targets['ensure-symlink']).toBeUndefined();
+      expect(project.targets['bundle-android'].dependsOn).toEqual([]);
+    });
+  });
+});

package/src/utils/add-jest.js

@@ -28,6 +28,17 @@ async function addJest(host, unitTestRunner, projectName, appProjectRoot, js, sk
   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: '${(0, devkit_1.offsetFromRoot)(appProjectRoot)}coverage/${appProjectRoot}'
 };`;
     host.write(configPath, content);

package/src/utils/ensure-dependencies.js

@@ -9,16 +9,12 @@ function ensureDependencies(tree) {
     return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
         '@types/node': versions_2.typesNodeVersion,
         '@types/react': versions_2.typesReactVersion,
+        '@react-native/babel-preset': versions_2.reactNativeBabelPresetVersion,
         '@react-native/metro-config': versions_2.reactNativeMetroConfigVersion,
         '@testing-library/react-native': versions_2.testingLibraryReactNativeVersion,
         '@testing-library/jest-native': versions_2.testingLibraryJestNativeVersion,
+        '@react-native-community/cli-platform-android': versions_2.reactNativeCommunityCliPlatformAndroidVersion,
         'jest-react-native': versions_2.jestReactNativeVersion,
-        metro: versions_2.metroVersion,
-        'metro-config': versions_2.metroVersion,
-        'metro-resolver': versions_2.metroVersion,
-        'metro-babel-register': versions_2.metroVersion,
-        'metro-react-native-babel-preset': versions_2.metroVersion,
-        'metro-react-native-babel-transformer': versions_2.metroVersion,
         'react-test-renderer': versions_2.reactTestRendererVersion,
         'react-native-svg-transformer': versions_2.reactNativeSvgTransformerVersion,
         'react-native-svg': versions_2.reactNativeSvgVersion,

package/src/utils/testing-generators.js

@@ -14,6 +14,7 @@ async function createApp(tree, appName) {
         e2eTestRunner: 'none',
         install: false,
         projectNameAndRootFormat: 'as-provided',
+        bundler: 'webpack',
     });
 }
 exports.createApp = createApp;

package/src/utils/versions.d.ts

@@ -1,20 +1,17 @@
 export declare const nxVersion: any;
-export declare const reactNativeVersion = "0.72.6";
+export declare const reactNativeVersion = "0.73.2";
 export declare const typesNodeVersion = "18.16.9";
-export declare const metroVersion = "0.76.8";
-export declare const reactNativeMetroConfigVersion = "^0.72.11";
-export declare const reactNativeCommunityCli = "11.3.7";
-export declare const reactNativeCommunityCliIos = "11.3.7";
-export declare const reactNativeCommunityCliAndroid = "11.3.7";
+export declare const reactNativeCommunityCliPlatformAndroidVersion = "12.3.0";
+export declare const reactNativeBabelPresetVersion = "^0.73.18";
+export declare const reactNativeMetroConfigVersion = "^0.73.2";
+export declare const reactNativeWebVersion = "^0.19.9";
 export declare const reactVersion = "18.2.0";
 export declare const reactDomVersion = "18.2.0";
 export declare const reactTestRendererVersion = "18.2.0";
-export declare const typesReactVersion = "18.0.28";
-export declare const testingLibraryReactNativeVersion = "~12.3.0";
+export declare const typesReactVersion = "~18.2.45";
+export declare const testingLibraryReactNativeVersion = "~12.4.2";
 export declare const testingLibraryJestNativeVersion = "~5.4.3";
 export declare const jestReactNativeVersion = "18.0.0";
-export declare const reactNativeSvgTransformerVersion = "1.0.0";
-export declare const reactNativeSvgVersion = "13.9.0";
+export declare const reactNativeSvgTransformerVersion = "1.2.0";
+export declare const reactNativeSvgVersion = "14.1.0";
 export declare const babelRuntimeVersion = "7.22.6";
-export declare const reactNativeAsyncStorageVersion = "~1.19.3";
-export declare const reactNativeSafeAreaContextVersion = "~4.7.2";

package/src/utils/versions.js

@@ -1,23 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reactNativeSafeAreaContextVersion = exports.reactNativeAsyncStorageVersion = exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.reactNativeMetroConfigVersion = exports.metroVersion = exports.typesNodeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
+exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.reactNativeWebVersion = exports.reactNativeMetroConfigVersion = exports.reactNativeBabelPresetVersion = exports.reactNativeCommunityCliPlatformAndroidVersion = exports.typesNodeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
-exports.reactNativeVersion = '0.72.6';
+exports.reactNativeVersion = '0.73.2';
 exports.typesNodeVersion = '18.16.9';
-exports.metroVersion = '0.76.8';
-exports.reactNativeMetroConfigVersion = '^0.72.11';
-exports.reactNativeCommunityCli = '11.3.7';
-exports.reactNativeCommunityCliIos = '11.3.7';
-exports.reactNativeCommunityCliAndroid = '11.3.7';
+exports.reactNativeCommunityCliPlatformAndroidVersion = '12.3.0'; // anddroid refers files from this package
+exports.reactNativeBabelPresetVersion = '^0.73.18';
+exports.reactNativeMetroConfigVersion = '^0.73.2';
+exports.reactNativeWebVersion = '^0.19.9';
 exports.reactVersion = '18.2.0';
 exports.reactDomVersion = '18.2.0';
 exports.reactTestRendererVersion = '18.2.0';
-exports.typesReactVersion = '18.0.28';
-exports.testingLibraryReactNativeVersion = '~12.3.0';
+exports.typesReactVersion = '~18.2.45';
+exports.testingLibraryReactNativeVersion = '~12.4.2';
 exports.testingLibraryJestNativeVersion = '~5.4.3';
 exports.jestReactNativeVersion = '18.0.0';
-exports.reactNativeSvgTransformerVersion = '1.0.0';
-exports.reactNativeSvgVersion = '13.9.0';
+exports.reactNativeSvgTransformerVersion = '1.2.0';
+exports.reactNativeSvgVersion = '14.1.0';
 exports.babelRuntimeVersion = '7.22.6';
-exports.reactNativeAsyncStorageVersion = '~1.19.3';
-exports.reactNativeSafeAreaContextVersion = '~4.7.2';

package/src/generators/application/files/app/android/app/src/debug/java/com/__lowerCaseName__/ReactNativeFlipper.java.template

@@ -1,75 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
- * directory of this source tree.
- */
-package com.<%= lowerCaseName %>;
-
-import android.content.Context;
-import com.facebook.flipper.android.AndroidFlipperClient;
-import com.facebook.flipper.android.utils.FlipperUtils;
-import com.facebook.flipper.core.FlipperClient;
-import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
-import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
-import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
-import com.facebook.flipper.plugins.inspector.DescriptorMapping;
-import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
-import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
-import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
-import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
-import com.facebook.react.ReactInstanceEventListener;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.modules.network.NetworkingModule;
-import okhttp3.OkHttpClient;
-
-/**
- * Class responsible of loading Flipper inside your React Native application. This is the debug
- * flavor of it. Here you can add your own plugins and customize the Flipper setup.
- */
-public class ReactNativeFlipper {
-  public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
-    if (FlipperUtils.shouldEnableFlipper(context)) {
-      final FlipperClient client = AndroidFlipperClient.getInstance(context);
-
-      client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
-      client.addPlugin(new DatabasesFlipperPlugin(context));
-      client.addPlugin(new SharedPreferencesFlipperPlugin(context));
-      client.addPlugin(CrashReporterPlugin.getInstance());
-
-      NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
-      NetworkingModule.setCustomClientBuilder(
-          new NetworkingModule.CustomClientBuilder() {
-            @Override
-            public void apply(OkHttpClient.Builder builder) {
-              builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
-            }
-          });
-      client.addPlugin(networkFlipperPlugin);
-      client.start();
-
-      // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
-      // Hence we run if after all native modules have been initialized
-      ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
-      if (reactContext == null) {
-        reactInstanceManager.addReactInstanceEventListener(
-            new ReactInstanceEventListener() {
-              @Override
-              public void onReactContextInitialized(ReactContext reactContext) {
-                reactInstanceManager.removeReactInstanceEventListener(this);
-                reactContext.runOnNativeModulesQueueThread(
-                    new Runnable() {
-                      @Override
-                      public void run() {
-                        client.addPlugin(new FrescoFlipperPlugin());
-                      }
-                    });
-              }
-            });
-      } else {
-        client.addPlugin(new FrescoFlipperPlugin());
-      }
-    }
-  }
-}