@nx/react-native 18.0.0-beta.1 → 18.0.0-beta.2

package/src/generators/web-configuration/files/base-webpack/webpack.config.js__tmpl__

@@ -0,0 +1,77 @@
+<% if (webpackPluginOptions) { %>
+const { NxWebpackPlugin } = require('@nx/webpack');
+const { NxReactWebpackPlugin } = require('@nx/react');
+
+module.exports = {
+  resolve: {
+    alias: {
+      'react-native$': 'react-native-web',
+    },
+    extensions: ['.web.tsx', '.web.ts', '.web.jsx', '.web.js']
+  },
+  devServer: {
+    port: 4200
+  },
+  plugins: [
+    new NxWebpackPlugin({
+      tsConfig: '<%= webpackPluginOptions.tsConfig %>',
+      compiler: '<%= webpackPluginOptions.compiler %>',
+      main: '<%= webpackPluginOptions.main %>',
+      index: '<%= webpackPluginOptions.index %>',
+      outputPath: '<%= webpackPluginOptions.outputPath %>', 
+      baseHref: '<%= webpackPluginOptions.baseHref %>',
+      assets: <%- JSON.stringify(webpackPluginOptions.assets) %>,
+      styles: <%- JSON.stringify(webpackPluginOptions.styles) %>,
+      outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
+      optimization: process.env['NODE_ENV'] === 'production',
+    }),
+    new NxReactWebpackPlugin({
+      // Uncomment this line if you don't want to use SVGR
+      // See: https://react-svgr.com/
+      // svgr: false
+    }),
+  ],
+};
+<% } else { %>
+const { composePlugins, withNx } = require('@nx/webpack');
+const { withReact } = require('@nx/react');
+
+// Nx plugins for webpack.
+module.exports = composePlugins(
+  withNx(),
+  withReact({
+    // Uncomment this line if you don't want to use SVGR
+    // See: https://react-svgr.com/
+    // svgr: false
+  }),
+  (config) => {
+    // Update the webpack config as needed here.
+    // e.g. `config.plugins.push(new MyPlugin())`
+    
+  config.resolve.alias = {
+    ...config.resolve.alias ?? {},
+    'react-native$': 'react-native-web',
+  };
+  config.resolve.extensions = [
+    '.web.tsx',
+    '.web.ts',
+    '.web.jsx',
+    '.web.js',
+    ...config.resolve.extensions,
+  ];
+  config.module.rules.push({
+    test: /\.(js|jsx)$/,
+    include: /react-native-vector-icons/,
+    loader: 'babel-loader',
+    options: {
+      presets: [
+        '@babel/preset-env',
+        ['@babel/preset-react', { runtime: 'automatic' }],
+      ],
+    },
+  });
+  
+  return config;
+  }
+);
+<% } %>

package/src/generators/web-configuration/lib/normalize-schema.d.ts

@@ -0,0 +1,17 @@
+import { Tree } from '@nx/devkit';
+import { WebConfigurationGeneratorSchema } from '../schema';
+export interface NormalizedSchema extends WebConfigurationGeneratorSchema {
+    projectRoot: string;
+    fileName: string;
+    className: string;
+}
+export declare function normalizeSchema(tree: Tree, schema: WebConfigurationGeneratorSchema): {
+    projectRoot: string;
+    offsetFromRoot: string;
+    fileName: string;
+    className: string;
+    project: string;
+    bundler: "vite" | "webpack";
+    skipFormat?: boolean;
+    skipPackageJson?: boolean;
+};

package/src/generators/web-configuration/lib/normalize-schema.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeSchema = void 0;
+const devkit_1 = require("@nx/devkit");
+function normalizeSchema(tree, schema) {
+    const project = (0, devkit_1.getProjects)(tree).get(schema.project);
+    const { fileName, className } = (0, devkit_1.names)(schema.project);
+    return {
+        ...schema,
+        projectRoot: project.root,
+        offsetFromRoot: (0, devkit_1.offsetFromRoot)(project.root),
+        fileName,
+        className,
+    };
+}
+exports.normalizeSchema = normalizeSchema;

package/src/generators/web-configuration/lib/webpack-targets.d.ts

@@ -0,0 +1,7 @@
+import { TargetConfiguration } from '@nx/devkit';
+import type { WithReactOptions } from '@nx/react';
+import type { WithNxOptions } from '@nx/webpack';
+import { NormalizedSchema } from './normalize-schema';
+export declare function createBuildTarget(options: NormalizedSchema): TargetConfiguration;
+export declare function createServeTarget(options: NormalizedSchema): TargetConfiguration;
+export declare function createNxWebpackPluginOptions(options: NormalizedSchema): WithNxOptions & WithReactOptions;

package/src/generators/web-configuration/lib/webpack-targets.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNxWebpackPluginOptions = exports.createServeTarget = exports.createBuildTarget = void 0;
+const devkit_1 = require("@nx/devkit");
+function createBuildTarget(options) {
+    return {
+        executor: '@nx/webpack:webpack',
+        outputs: ['{options.outputPath}'],
+        defaultConfiguration: 'production',
+        options: {
+            compiler: 'babel',
+            outputPath: (0, devkit_1.joinPathFragments)('dist', options.projectRoot != '.' ? options.projectRoot : options.project, 'web'),
+            index: (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/index.html'),
+            baseHref: '/',
+            main: (0, devkit_1.joinPathFragments)(options.projectRoot, `src/main-web.tsx`),
+            tsConfig: (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.app.json'),
+            assets: [
+                (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/favicon.ico'),
+                (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/assets'),
+            ],
+            webpackConfig: (0, devkit_1.joinPathFragments)(options.projectRoot, 'webpack.config.js'),
+        },
+        configurations: {
+            development: {
+                extractLicenses: false,
+                optimization: false,
+                sourceMap: true,
+                vendorChunk: true,
+            },
+            production: {
+                optimization: true,
+                outputHashing: 'all',
+                sourceMap: false,
+                namedChunks: false,
+                extractLicenses: true,
+                vendorChunk: false,
+            },
+        },
+    };
+}
+exports.createBuildTarget = createBuildTarget;
+function createServeTarget(options) {
+    return {
+        executor: '@nx/webpack:dev-server',
+        defaultConfiguration: 'development',
+        options: {
+            buildTarget: `${options.project}:build`,
+            hmr: true,
+        },
+        configurations: {
+            development: {
+                buildTarget: `${options.project}:build:development`,
+            },
+            production: {
+                buildTarget: `${options.project}:build:production`,
+                hmr: false,
+            },
+        },
+    };
+}
+exports.createServeTarget = createServeTarget;
+function createNxWebpackPluginOptions(options) {
+    return {
+        target: 'web',
+        compiler: 'babel',
+        outputPath: (0, devkit_1.joinPathFragments)('dist', options.projectRoot != '.' ? options.projectRoot : options.project),
+        index: './src/index.html',
+        baseHref: '/',
+        main: `./src/main-web.tsx`,
+        tsConfig: './tsconfig.app.json',
+        assets: ['./src/favicon.ico', './src/assets'],
+        styles: [],
+    };
+}
+exports.createNxWebpackPluginOptions = createNxWebpackPluginOptions;

package/src/generators/web-configuration/schema.d.ts

@@ -0,0 +1,6 @@
+export interface WebConfigurationGeneratorSchema {
+  project: string;
+  bundler: 'vite' | 'webpack';
+  skipFormat?: boolean;
+  skipPackageJson?: boolean; //default is false
+}

package/src/generators/web-configuration/schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxReactNativeWebConfiguration",
+  "description": "Setup web configuration to React Native apps using react-native-web.",
+  "title": "Nx React Native Web configuration",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "aliases": ["name", "projectName"],
+      "description": "Project for which to generate web configuration.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "For which project do you want to generate web configuration?",
+      "x-dropdown": "projects",
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "bundler": {
+      "description": "The bundler to use.",
+      "type": "string",
+      "enum": ["vite", "webpack"],
+      "x-prompt": "Which bundler do you want to use to build the application?",
+      "default": "webpack",
+      "x-priority": "important"
+    }
+  },
+  "required": ["project", "bundler"]
+}

package/src/generators/web-configuration/web-configuration.d.ts

@@ -0,0 +1,12 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { WebConfigurationGeneratorSchema } from './schema';
+/**
+ * This function sets web configuration for react native apps with react-native-web.
+ * 1. install react-native-web
+ * 2. apply webpack or vite init generator
+ * 3. create files for webpack or vite config, index.html, assets folder, babel.config.js
+ * @param tree
+ * @param options
+ */
+export declare function webConfigurationGenerator(tree: Tree, options: WebConfigurationGeneratorSchema): Promise<GeneratorCallback>;
+export default webConfigurationGenerator;

package/src/generators/web-configuration/web-configuration.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webConfigurationGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const has_webpack_plugin_1 = require("@nx/react/src/utils/has-webpack-plugin");
+const versions_1 = require("../../utils/versions");
+const normalize_schema_1 = require("./lib/normalize-schema");
+const webpack_targets_1 = require("./lib/webpack-targets");
+/**
+ * This function sets web configuration for react native apps with react-native-web.
+ * 1. install react-native-web
+ * 2. apply webpack or vite init generator
+ * 3. create files for webpack or vite config, index.html, assets folder, babel.config.js
+ * @param tree
+ * @param options
+ */
+async function webConfigurationGenerator(tree, options) {
+    const normalizedSchema = (0, normalize_schema_1.normalizeSchema)(tree, options);
+    const tasks = [];
+    // install react-native-web
+    if (!options.skipPackageJson) {
+        const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            'react-native-web': versions_1.reactNativeWebVersion,
+        });
+        tasks.push(installTask);
+    }
+    // apply webpack or vite init generator
+    const bundlerTask = await addBundlerConfiguration(tree, normalizedSchema);
+    tasks.push(bundlerTask);
+    // create files for webpack and vite config, index.html
+    if (normalizedSchema.bundler === 'vite') {
+        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, './files/base-vite'), normalizedSchema.projectRoot, { ...normalizedSchema, tmpl: '' });
+    }
+    else {
+        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, './files/base-webpack'), normalizedSchema.projectRoot, {
+            ...normalizedSchema,
+            tmpl: '',
+            webpackPluginOptions: (0, has_webpack_plugin_1.hasWebpackPlugin)(tree)
+                ? (0, webpack_targets_1.createNxWebpackPluginOptions)(normalizedSchema)
+                : null,
+        });
+    }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.webConfigurationGenerator = webConfigurationGenerator;
+/**
+ * Add bundler configuration
+ * - for vite, viteConfigurationGenerator contains logics to add build and serve target
+ * - for webpack, need to explict add the build and serve target
+ */
+async function addBundlerConfiguration(tree, normalizedSchema) {
+    if (normalizedSchema.bundler === 'vite') {
+        const { viteConfigurationGenerator } = (0, devkit_1.ensurePackage)('@nx/vite', versions_1.nxVersion);
+        const viteTask = await viteConfigurationGenerator(tree, {
+            uiFramework: 'react',
+            project: normalizedSchema.project,
+            newProject: true,
+            includeVitest: false,
+            compiler: 'babel',
+            skipFormat: true,
+        });
+        return viteTask;
+    }
+    else {
+        const { webpackInitGenerator } = (0, devkit_1.ensurePackage)('@nx/webpack', versions_1.nxVersion);
+        const webpackInitTask = await webpackInitGenerator(tree, {
+            skipFormat: true,
+            skipPackageJson: normalizedSchema.skipPackageJson,
+        });
+        if (!(0, has_webpack_plugin_1.hasWebpackPlugin)(tree)) {
+            const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, normalizedSchema.project);
+            projectConfiguration.targets = {
+                ...projectConfiguration.targets,
+                build: (0, webpack_targets_1.createBuildTarget)(normalizedSchema),
+                serve: (0, webpack_targets_1.createServeTarget)(normalizedSchema),
+            };
+            (0, devkit_1.updateProjectConfiguration)(tree, normalizedSchema.project, projectConfiguration);
+        }
+        return webpackInitTask;
+    }
+}
+exports.default = webConfigurationGenerator;

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;