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

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,87 @@
+"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, {
+            ...normalizedSchema,
+            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, {
+            ...normalizedSchema,
+            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-15-0-0/add-babel-inputs.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-15-0-0/add-babel-inputs.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const add_babel_inputs_1 = require("@nx/js/src/utils/add-babel-inputs");
+async function default_1(tree) {
+    (0, add_babel_inputs_1.addBabelInputs)(tree);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;

package/src/migrations/update-15-0-0/add-babel-inputs.spec.ts

@@ -0,0 +1,73 @@
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import { Tree, readNxJson, updateNxJson } from '@nx/devkit';
+import addBabelInputs from './add-babel-inputs';
+
+describe('15.0.0 migration (add-babel-inputs)', () => {
+  let tree: Tree;
+
+  beforeEach(() => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+  });
+
+  it('should add babel.config.json to sharedGlobals', async () => {
+    updateNxJson(tree, {
+      namedInputs: {
+        default: ['{projectRoot}/**/*', 'sharedGlobals'],
+        sharedGlobals: [],
+        production: ['default'],
+      },
+    });
+    tree.write('babel.config.json', '');
+
+    await addBabelInputs(tree);
+
+    const updated = readNxJson(tree);
+    expect(updated).toMatchInlineSnapshot(`
+      {
+        "namedInputs": {
+          "default": [
+            "{projectRoot}/**/*",
+            "sharedGlobals",
+          ],
+          "production": [
+            "default",
+          ],
+          "sharedGlobals": [
+            "{workspaceRoot}/babel.config.json",
+          ],
+        },
+      }
+    `);
+  });
+
+  it('should add babel.config.js', async () => {
+    updateNxJson(tree, {
+      namedInputs: {
+        default: ['{projectRoot}/**/*', 'sharedGlobals'],
+        sharedGlobals: [],
+        production: ['default'],
+      },
+    });
+    tree.write('babel.config.js', '');
+
+    await addBabelInputs(tree);
+
+    const updated = readNxJson(tree);
+    expect(updated).toMatchInlineSnapshot(`
+      {
+        "namedInputs": {
+          "default": [
+            "{projectRoot}/**/*",
+            "sharedGlobals",
+          ],
+          "production": [
+            "default",
+          ],
+          "sharedGlobals": [
+            "{workspaceRoot}/babel.config.js",
+          ],
+        },
+      }
+    `);
+  });
+});

package/src/migrations/update-15-9-1/add-build-ios-target.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Add build-ios target for react-native
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-15-9-1/add-build-ios-target.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * Add build-ios target for react-native
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [name, config] of projects.entries()) {
+        if (config.targets?.['start']?.executor === '@nrwl/react-native:start') {
+            if (!config.targets['build-ios']) {
+                config.targets['build-ios'] = {
+                    executor: '@nrwl/react-native:build-ios',
+                    outputs: ['{projectRoot}/ios/build/Build'],
+                    options: {},
+                };
+            }
+            if (!config.targets['pod-install']) {
+                config.targets['pod-install'] = {
+                    executor: '@nrwl/react-native:pod-install',
+                    options: {},
+                };
+            }
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = update;

package/src/migrations/update-15-9-1/add-build-ios-target.spec.ts

@@ -0,0 +1,36 @@
+import { addProjectConfiguration, getProjects, Tree } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import update from './add-build-ios-target';
+
+describe('add-build-ios-target', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'product', {
+      root: 'apps/product',
+      sourceRoot: 'apps/product/src',
+      targets: {
+        start: {
+          executor: '@nrwl/react-native:start',
+        },
+      },
+    });
+  });
+
+  it(`should update project.json with target build-ios and pod-install`, async () => {
+    await update(tree);
+
+    getProjects(tree).forEach((project) => {
+      expect(project.targets['build-ios']).toEqual({
+        executor: '@nrwl/react-native:build-ios',
+        outputs: ['{projectRoot}/ios/build/Build'],
+        options: {},
+      });
+      expect(project.targets['pod-install']).toEqual({
+        executor: '@nrwl/react-native:pod-install',
+        options: {},
+      });
+    });
+  });
+});

package/src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export default function replacePackage(tree: Tree): Promise<void>;

package/src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const replace_package_1 = require("@nx/devkit/src/utils/replace-package");
+async function replacePackage(tree) {
+    await (0, replace_package_1.replaceNrwlPackageWithNxPackage)(tree, '@nrwl/react-native', '@nx/react-native');
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = replacePackage;

package/src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages.spec.ts

@@ -0,0 +1,37 @@
+import { Tree, readJson, updateJson } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import replacePackage from './update-16-0-0-add-nx-packages';
+
+describe('update-16-0-0-add-nx-packages', () => {
+  let tree: Tree;
+  beforeEach(() => {
+    tree = createTreeWithEmptyWorkspace();
+
+    updateJson(tree, 'package.json', (json) => {
+      json.devDependencies['@nrwl/react-native'] = '16.0.0';
+      return json;
+    });
+  });
+
+  it('should remove the dependency on @nrwl/react-native', async () => {
+    await replacePackage(tree);
+
+    expect(
+      readJson(tree, 'package.json').dependencies['@nrwl/react-native']
+    ).not.toBeDefined();
+    expect(
+      readJson(tree, 'package.json').devDependencies['@nrwl/react-native']
+    ).not.toBeDefined();
+  });
+
+  it('should add a dependency on @nx/react-native', async () => {
+    await replacePackage(tree);
+
+    const packageJson = readJson(tree, 'package.json');
+    const newDependencyVersion =
+      packageJson.devDependencies['@nx/react-native'] ??
+      packageJson.dependencies['@nx/react-native'];
+
+    expect(newDependencyVersion).toBeDefined();
+  });
+});

package/src/migrations/update-16-1-0/upgrade-storybook-6-5.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration is to upgrade storybook to 6.5.
+ * - remove react-native-storybook-loader
+ */
+export default function update(tree: Tree): void;

package/src/migrations/update-16-1-0/upgrade-storybook-6-5.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * This migration is to upgrade storybook to 6.5.
+ * - remove react-native-storybook-loader
+ */
+function update(tree) {
+    if (tree.exists('package.json')) {
+        (0, devkit_1.updateJson)(tree, 'package.json', (packageJson) => {
+            if (packageJson.dependencies?.['react-native-storybook-loader']) {
+                delete packageJson.dependencies['react-native-storybook-loader'];
+            }
+            if (packageJson.devDependencies?.['react-native-storybook-loader']) {
+                delete packageJson.devDependencies['react-native-storybook-loader'];
+            }
+            return packageJson;
+        });
+    }
+}
+exports.default = update;

package/src/migrations/update-16-6-0/add-depends-on.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration adds dependsOn to project.json.
+ *
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-16-6-0/add-depends-on.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * This migration adds dependsOn to project.json.
+ *
+ */
+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') {
+            config.targets['start'].dependsOn = [
+                'ensure-symlink',
+                'sync-deps',
+                'pod-install',
+            ];
+            if (config.targets?.['run-ios']?.executor === '@nx/react-native:run-ios') {
+                config.targets['run-ios'].dependsOn = [
+                    'ensure-symlink',
+                    'sync-deps',
+                    'pod-install',
+                ];
+            }
+            if (config.targets?.['bundle-ios']?.executor === '@nx/react-native:bundle') {
+                config.targets['bundle-ios'].dependsOn = ['ensure-symlink'];
+            }
+            if (config.targets?.['run-android']?.executor ===
+                '@nx/react-native:run-android') {
+                config.targets['run-android'].dependsOn ??= [
+                    'ensure-symlink',
+                    'sync-deps',
+                ];
+            }
+            if (config.targets?.['build-android']?.executor ===
+                '@nx/react-native:build-android') {
+                config.targets['build-android'].dependsOn = [
+                    'ensure-symlink',
+                    'sync-deps',
+                ];
+            }
+            if (config.targets?.['build-ios']?.executor === '@nx/react-native:build-ios') {
+                config.targets['build-ios'].dependsOn ??= [
+                    'ensure-symlink',
+                    'sync-deps',
+                    'pod-install',
+                ];
+            }
+            if (config.targets?.['pod-instal']?.executor ===
+                '@nx/react-native:pod-install') {
+                config.targets['pod-install'].dependsOn ??= [
+                    'ensure-symlink',
+                    'sync-deps',
+                ];
+            }
+            if (config.targets?.['bundle-android']?.executor ===
+                '@nx/react-native:bundle') {
+                config.targets['bundle-android'].dependsOn ??= ['ensure-symlink'];
+            }
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        }
+    }
+}
+exports.default = update;

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

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration updates metro.config.js to export config as a default.
+ *
+ */
+export default function update(tree: Tree): Promise<void>;

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+/**
+ * This migration updates metro.config.js to export config as a default.
+ *
+ */
+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, path_1.join)(config.root, 'metro.config.js'))) {
+                const oldConfig = tree
+                    .read((0, path_1.join)(config.root, 'metro.config.js'))
+                    .toString();
+                tree.write((0, path_1.join)(config.root, 'metro-v71.config.js'), oldConfigComment + oldConfig);
+                tree.write((0, path_1.join)(config.root, 'metro.config.js'), content);
+            }
+        }
+    }
+}
+exports.default = update;
+const oldConfigComment = `/**
+ * Old custom configuration for React Native v0.71.
+ * From @react-native/metro-config 0.72.1, it is no longer necessary to use a config function to access the complete default config.
+ * Please port your custom configuration to metro.config.js.
+ * Please see https://reactnative.dev/docs/metro to learn about configuration.
+ */
+`;
+const content = `
+const { withNxMetro } = require('@nx/react-native');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+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, 'cjs', 'mjs', 'svg'],
+  },
+};
+
+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: [],
+});
+`;

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

@@ -0,0 +1,7 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Remove @types/react-native package since it is no longer required. It would be a part of react native package.
+ * @param tree
+ * @returns
+ */
+export default function update(tree: Tree): Promise<void>;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * Remove @types/react-native package since it is no longer required. It would be a part of react native package.
+ * @param tree
+ * @returns
+ */
+async function update(tree) {
+    (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;