@nrwl/react 13.10.0-rc.0 → 13.10.0

package/src/mfe/mfe-ast-utils.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addRemoteRoute = exports.addRemoteDefinition = exports.addRemoteToMfeConfig = void 0;
+const ts = require("typescript");
+const devkit_1 = require("@nrwl/devkit");
+const find_nodes_1 = require("@nrwl/workspace/src/utilities/typescript/find-nodes");
+const ast_utils_1 = require("../utils/ast-utils");
+function addRemoteToMfeConfig(source, app) {
+    const assignments = (0, find_nodes_1.findNodes)(source, ts.SyntaxKind.PropertyAssignment);
+    const remotesAssignment = assignments.find((s) => s.name.getText() === 'remotes');
+    if (remotesAssignment) {
+        const arrayExpression = remotesAssignment.initializer;
+        return arrayExpression.elements
+            ? [
+                {
+                    type: devkit_1.ChangeType.Insert,
+                    index: arrayExpression.elements[arrayExpression.elements.length - 1].end,
+                    text: `,`,
+                },
+                {
+                    type: devkit_1.ChangeType.Insert,
+                    index: remotesAssignment.end - 1,
+                    text: `'${app}',\n`,
+                },
+            ]
+            : [];
+    }
+    const binaryExpressions = (0, find_nodes_1.findNodes)(source, ts.SyntaxKind.BinaryExpression);
+    const exportExpression = binaryExpressions.find((b) => {
+        if (b.left.kind === ts.SyntaxKind.PropertyAccessExpression) {
+            const pae = b.left;
+            return (pae.expression.getText() === 'module' &&
+                pae.name.getText() === 'exports');
+        }
+    });
+    if ((exportExpression === null || exportExpression === void 0 ? void 0 : exportExpression.right.kind) === ts.SyntaxKind.ObjectLiteralExpression) {
+        const ole = exportExpression.right;
+        return [
+            {
+                type: devkit_1.ChangeType.Insert,
+                index: ole.end - 1,
+                text: `remotes: ['${app}']\n`,
+            },
+        ];
+    }
+    return [];
+}
+exports.addRemoteToMfeConfig = addRemoteToMfeConfig;
+function addRemoteDefinition(source, app) {
+    return [
+        {
+            type: devkit_1.ChangeType.Insert,
+            index: source.end,
+            text: `\ndeclare module '${app}/Module';`,
+        },
+    ];
+}
+exports.addRemoteDefinition = addRemoteDefinition;
+function addRemoteRoute(source, names) {
+    const routes = (0, ast_utils_1.findElements)(source, 'Route');
+    const links = (0, ast_utils_1.findElements)(source, 'Link');
+    if (routes.length === 0) {
+        return [];
+    }
+    else {
+        const changes = [];
+        const firstRoute = routes[0];
+        const firstLink = links[0];
+        changes.push(...(0, ast_utils_1.addImport)(source, `const ${names.className} = React.lazy(() => import('${names.fileName}/Module'));`));
+        changes.push({
+            type: devkit_1.ChangeType.Insert,
+            index: firstRoute.end,
+            text: `\n<Route path="/${names.fileName}" render={() => <${names.className} />} />`,
+        });
+        if (firstLink) {
+            const parentLi = (0, ast_utils_1.findClosestOpening)('li', firstLink);
+            if (parentLi) {
+                changes.push({
+                    type: devkit_1.ChangeType.Insert,
+                    index: parentLi.end,
+                    text: `\n<li><Link to="/${names.fileName}">${names.className}</Link></li>`,
+                });
+            }
+            else {
+                changes.push({
+                    type: devkit_1.ChangeType.Insert,
+                    index: firstLink.parent.end,
+                    text: `\n<Link to="/${names.fileName}">${names.className}</Link>`,
+                });
+            }
+        }
+        return changes;
+    }
+}
+exports.addRemoteRoute = addRemoteRoute;
+//# sourceMappingURL=mfe-ast-utils.js.map

package/src/mfe/mfe-ast-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mfe-ast-utils.js","sourceRoot":"","sources":["../../../../../packages/react/src/mfe/mfe-ast-utils.ts"],"names":[],"mappings":"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"}

package/src/mfe/webpack-utils.d.ts

@@ -0,0 +1,17 @@
+import { NormalModuleReplacementPlugin } from 'webpack';
+export interface SharedLibraryConfig {
+    singleton: boolean;
+    strictVersion: boolean;
+    requiredVersion: string;
+    eager: boolean;
+}
+export declare function shareWorkspaceLibraries(libraries: string[], tsConfigPath?: string): {
+    getAliases: () => any[];
+    getLibraries: () => void;
+    getReplacementPlugin: () => NormalModuleReplacementPlugin;
+} | {
+    getAliases: () => {};
+    getLibraries: (eager?: boolean) => Record<string, SharedLibraryConfig>;
+    getReplacementPlugin: () => NormalModuleReplacementPlugin;
+};
+export declare function sharePackages(packages: string[]): Record<string, SharedLibraryConfig>;

package/src/mfe/webpack-utils.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sharePackages = exports.shareWorkspaceLibraries = void 0;
+const fs_1 = require("fs");
+const webpack_1 = require("webpack");
+const devkit_1 = require("@nrwl/devkit");
+const path_1 = require("path");
+const typescript_1 = require("@nrwl/workspace/src/utilities/typescript");
+function shareWorkspaceLibraries(libraries, tsConfigPath) {
+    var _a, _b;
+    if (tsConfigPath === void 0) { tsConfigPath = (_a = process.env.NX_TSCONFIG_PATH) !== null && _a !== void 0 ? _a : (0, typescript_1.getRootTsConfigPath)(); }
+    if (!(0, fs_1.existsSync)(tsConfigPath)) {
+        throw new Error(`NX MFE: TsConfig Path for workspace libraries does not exist! (${tsConfigPath})`);
+    }
+    const tsConfig = (0, typescript_1.readTsConfig)(tsConfigPath);
+    const tsconfigPathAliases = (_b = tsConfig.options) === null || _b === void 0 ? void 0 : _b.paths;
+    if (!tsconfigPathAliases) {
+        return {
+            getAliases: () => [],
+            getLibraries: () => { },
+            getReplacementPlugin: () => new webpack_1.NormalModuleReplacementPlugin(/./, () => { }),
+        };
+    }
+    const pathMappings = [];
+    for (const [key, paths] of Object.entries(tsconfigPathAliases)) {
+        if (libraries && libraries.includes(key)) {
+            const pathToLib = (0, devkit_1.normalizePath)((0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, paths[0]));
+            pathMappings.push({
+                name: key,
+                path: pathToLib,
+            });
+        }
+    }
+    return {
+        getAliases: () => pathMappings.reduce((aliases, library) => (Object.assign(Object.assign({}, aliases), { [library.name]: library.path })), {}),
+        getLibraries: (eager) => pathMappings.reduce((libraries, library) => (Object.assign(Object.assign({}, libraries), { [library.name]: { requiredVersion: false, eager } })), {}),
+        getReplacementPlugin: () => new webpack_1.NormalModuleReplacementPlugin(/./, (req) => {
+            if (!req.request.startsWith('.')) {
+                return;
+            }
+            const from = req.context;
+            const to = (0, devkit_1.normalizePath)((0, devkit_1.joinPathFragments)(req.context, req.request));
+            for (const library of pathMappings) {
+                const libFolder = (0, devkit_1.normalizePath)((0, path_1.dirname)(library.path));
+                if (!from.startsWith(libFolder) && to.startsWith(libFolder)) {
+                    req.request = library.name;
+                }
+            }
+        }),
+    };
+}
+exports.shareWorkspaceLibraries = shareWorkspaceLibraries;
+function sharePackages(packages) {
+    const pkgJsonPath = (0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, 'package.json');
+    if (!(0, fs_1.existsSync)(pkgJsonPath)) {
+        throw new Error('NX MFE: Could not find root package.json to determine dependency versions.');
+    }
+    const pkgJson = JSON.parse((0, fs_1.readFileSync)(pkgJsonPath, 'utf-8'));
+    return packages.reduce((shared, pkgName) => (Object.assign(Object.assign({}, shared), { [pkgName]: {
+            singleton: true,
+            strictVersion: true,
+            requiredVersion: pkgJson.dependencies[pkgName],
+        } })), {});
+}
+exports.sharePackages = sharePackages;
+//# sourceMappingURL=webpack-utils.js.map

package/src/mfe/webpack-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack-utils.js","sourceRoot":"","sources":["../../../../../packages/react/src/mfe/webpack-utils.ts"],"names":[],"mappings":";;;AAAA,2BAA8C;AAC9C,qCAAwD;AACxD,yCAA+E;AAC/E,+BAA+B;AAE/B,yEAGkD;AASlD,SAAgB,uBAAuB,CACrC,SAAmB,EACnB,YAAoE;;iCAApE,EAAA,qBAAe,OAAO,CAAC,GAAG,CAAC,gBAAgB,mCAAI,IAAA,gCAAmB,GAAE;IAEpE,IAAI,CAAC,IAAA,eAAU,EAAC,YAAY,CAAC,EAAE;QAC7B,MAAM,IAAI,KAAK,CACb,kEAAkE,YAAY,GAAG,CAClF,CAAC;KACH;IAED,MAAM,QAAQ,GAAsB,IAAA,yBAAY,EAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,mBAAmB,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC;IAEpD,IAAI,CAAC,mBAAmB,EAAE;QACxB,OAAO;YACL,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE;YACpB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;YACtB,oBAAoB,EAAE,GAAG,EAAE,CACzB,IAAI,uCAA6B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC;SACnD,CAAC;KACH;IAED,MAAM,YAAY,GAAqC,EAAE,CAAC;IAC1D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE;QAC9D,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACxC,MAAM,SAAS,GAAG,IAAA,sBAAa,EAC7B,IAAA,0BAAiB,EAAC,sBAAa,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3C,CAAC;YACF,YAAY,CAAC,IAAI,CAAC;gBAChB,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,SAAS;aAChB,CAAC,CAAC;SACJ;KACF;IAED,OAAO;QACL,UAAU,EAAE,GAAG,EAAE,CACf,YAAY,CAAC,MAAM,CACjB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,iCAAM,OAAO,KAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,IAAG,EACpE,EAAE,CACH;QACH,YAAY,EAAE,CAAC,KAAe,EAAuC,EAAE,CACrE,YAAY,CAAC,MAAM,CACjB,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC,iCACnB,SAAS,KACZ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,IACjD,EACF,EAAE,CACH;QACH,oBAAoB,EAAE,GAAG,EAAE,CACzB,IAAI,uCAA6B,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;YAC7C,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBAChC,OAAO;aACR;YAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;YACzB,MAAM,EAAE,GAAG,IAAA,sBAAa,EAAC,IAAA,0BAAiB,EAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YAEtE,KAAK,MAAM,OAAO,IAAI,YAAY,EAAE;gBAClC,MAAM,SAAS,GAAG,IAAA,sBAAa,EAAC,IAAA,cAAO,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;gBACvD,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;oBAC3D,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;iBAC5B;aACF;QACH,CAAC,CAAC;KACL,CAAC;AACJ,CAAC;AAlED,0DAkEC;AAED,SAAgB,aAAa,CAC3B,QAAkB;IAElB,MAAM,WAAW,GAAG,IAAA,0BAAiB,EAAC,sBAAa,EAAE,cAAc,CAAC,CAAC;IACrE,IAAI,CAAC,IAAA,eAAU,EAAC,WAAW,CAAC,EAAE;QAC5B,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAY,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/D,OAAO,QAAQ,CAAC,MAAM,CACpB,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,iCAChB,MAAM,KACT,CAAC,OAAO,CAAC,EAAE;YACT,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,IAAI;YACnB,eAAe,EAAE,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;SAC/C,IACD,EACF,EAAE,CACH,CAAC;AACJ,CAAC;AAvBD,sCAuBC"}

package/src/mfe/with-module-federation.d.ts

@@ -0,0 +1,14 @@
+import { SharedLibraryConfig } from './webpack-utils';
+export declare type MFELibrary = {
+    type: string;
+    name: string;
+};
+export declare type MFERemotes = string[] | [remoteName: string, remoteUrl: string][];
+export interface MFEConfig {
+    name: string;
+    remotes?: string[];
+    library?: MFELibrary;
+    exposes?: Record<string, string>;
+    shared?: (libraryName: string, library: SharedLibraryConfig) => undefined | false | SharedLibraryConfig;
+}
+export declare function withModuleFederation(options: MFEConfig): Promise<(config: any) => any>;

package/src/mfe/with-module-federation.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withModuleFederation = void 0;
+const tslib_1 = require("tslib");
+const webpack_utils_1 = require("./webpack-utils");
+const devkit_1 = require("@nrwl/devkit");
+const typescript_1 = require("@nrwl/workspace/src/utilities/typescript");
+const file_utils_1 = require("nx/src/project-graph/file-utils");
+const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
+function recursivelyResolveWorkspaceDependents(projectGraph, target, seenTargets = new Set()) {
+    var _a;
+    if (seenTargets.has(target)) {
+        return [];
+    }
+    let dependencies = [target];
+    seenTargets.add(target);
+    const workspaceDependencies = ((_a = projectGraph.dependencies[target]) !== null && _a !== void 0 ? _a : []).filter((dep) => !dep.target.startsWith('npm:'));
+    if (workspaceDependencies.length > 0) {
+        for (const dep of workspaceDependencies) {
+            dependencies = [
+                ...dependencies,
+                ...recursivelyResolveWorkspaceDependents(projectGraph, dep.target, seenTargets),
+            ];
+        }
+    }
+    return dependencies;
+}
+function mapWorkspaceLibrariesToTsConfigImport(workspaceLibraries) {
+    var _a, _b;
+    const { projects } = new devkit_1.Workspaces(devkit_1.workspaceRoot).readWorkspaceConfiguration();
+    const tsConfigPath = (_a = process.env.NX_TSCONFIG_PATH) !== null && _a !== void 0 ? _a : (0, typescript_1.getRootTsConfigPath)();
+    const tsConfig = (0, typescript_1.readTsConfig)(tsConfigPath);
+    const tsconfigPathAliases = (_b = tsConfig.options) === null || _b === void 0 ? void 0 : _b.paths;
+    if (!tsconfigPathAliases) {
+        return workspaceLibraries;
+    }
+    const mappedLibraries = [];
+    for (const lib of workspaceLibraries) {
+        const sourceRoot = projects[lib].sourceRoot;
+        let found = false;
+        for (const [key, value] of Object.entries(tsconfigPathAliases)) {
+            if (value.find((p) => p.startsWith(sourceRoot))) {
+                mappedLibraries.push(key);
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            mappedLibraries.push(lib);
+        }
+    }
+    return mappedLibraries;
+}
+function getDependentPackagesForProject(name) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        let projectGraph;
+        try {
+            projectGraph = (0, devkit_1.readCachedProjectGraph)();
+        }
+        catch (e) {
+            projectGraph = yield (0, devkit_1.createProjectGraphAsync)();
+        }
+        const deps = projectGraph.dependencies[name].reduce((dependencies, dependency) => {
+            const workspaceLibraries = new Set(dependencies.workspaceLibraries);
+            const npmPackages = new Set(dependencies.npmPackages);
+            if (dependency.target.startsWith('npm:')) {
+                npmPackages.add(dependency.target.replace('npm:', ''));
+            }
+            else {
+                workspaceLibraries.add(dependency.target);
+            }
+            return {
+                workspaceLibraries: [...workspaceLibraries],
+                npmPackages: [...npmPackages],
+            };
+        }, { workspaceLibraries: [], npmPackages: [] });
+        const seenWorkspaceLibraries = new Set();
+        deps.workspaceLibraries = deps.workspaceLibraries.reduce((workspaceLibraryDeps, workspaceLibrary) => [
+            ...workspaceLibraryDeps,
+            ...recursivelyResolveWorkspaceDependents(projectGraph, workspaceLibrary, seenWorkspaceLibraries),
+        ], []);
+        deps.workspaceLibraries = mapWorkspaceLibrariesToTsConfigImport(deps.workspaceLibraries);
+        return deps;
+    });
+}
+function determineRemoteUrl(remote) {
+    var _a, _b, _c, _d, _e, _f;
+    const workspace = (0, file_utils_1.readWorkspaceJson)();
+    const serveTarget = (_b = (_a = workspace.projects[remote]) === null || _a === void 0 ? void 0 : _a.targets) === null || _b === void 0 ? void 0 : _b.serve;
+    if (!serveTarget) {
+        throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "serve" target.\n
+      You can also use the tuple syntax in your webpack config to configure your remotes. e.g. \`remotes: [['remote1', '//localhost:4201']]\``);
+    }
+    const host = (_d = (_c = serveTarget.options) === null || _c === void 0 ? void 0 : _c.host) !== null && _d !== void 0 ? _d : '//localhost';
+    const port = (_f = (_e = serveTarget.options) === null || _e === void 0 ? void 0 : _e.port) !== null && _f !== void 0 ? _f : 4201;
+    return `${remote}@${host.endsWith('/') ? host.slice(0, -1) : host}:${port}/remoteEntry.js`;
+}
+function mapRemotes(remotes) {
+    const mappedRemotes = {};
+    for (const remote of remotes) {
+        if (Array.isArray(remote)) {
+            let [remoteName, remoteLocation] = remote;
+            if (!remoteLocation.includes('@')) {
+                remoteLocation = `${remoteName}@${remoteLocation}`;
+            }
+            if (!remoteLocation.match(/remoteEntry\.(js|mjs)$/)) {
+                remoteLocation = `${remoteLocation.endsWith('/')
+                    ? remoteLocation.slice(0, -1)
+                    : remoteLocation}/remoteEntry.js`;
+            }
+            mappedRemotes[remoteName] = remoteLocation;
+        }
+        else if (typeof remote === 'string') {
+            mappedRemotes[remote] = determineRemoteUrl(remote);
+        }
+    }
+    return mappedRemotes;
+}
+function withModuleFederation(options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const reactWebpackConfig = require('../../plugins/webpack');
+        const ws = (0, file_utils_1.readWorkspaceJson)();
+        const project = ws.projects[options.name];
+        if (!project) {
+            throw Error(`Cannot find project "${options.name}". Check that the name is correct in mfe.config.js`);
+        }
+        const dependencies = yield getDependentPackagesForProject(options.name);
+        const sharedLibraries = (0, webpack_utils_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries);
+        const npmPackages = (0, webpack_utils_1.sharePackages)(dependencies.npmPackages);
+        const sharedDependencies = Object.assign(Object.assign({}, sharedLibraries.getLibraries()), npmPackages);
+        if (options.shared) {
+            for (const [libraryName, library] of Object.entries(sharedDependencies)) {
+                const mappedDependency = options.shared(libraryName, library);
+                if (mappedDependency === false) {
+                    delete sharedDependencies[libraryName];
+                    continue;
+                }
+                else if (!mappedDependency) {
+                    continue;
+                }
+                sharedDependencies[libraryName] = mappedDependency;
+            }
+        }
+        return (config) => {
+            config = reactWebpackConfig(config);
+            config.output.uniqueName = options.name;
+            config.output.publicPath = 'auto';
+            config.optimization = {
+                runtimeChunk: false,
+                minimize: false,
+            };
+            const mappedRemotes = !options.remotes || options.remotes.length === 0
+                ? {}
+                : mapRemotes(options.remotes);
+            config.plugins.push(new ModuleFederationPlugin({
+                name: options.name,
+                filename: 'remoteEntry.js',
+                exposes: options.exposes,
+                remotes: mappedRemotes,
+                shared: Object.assign({}, sharedDependencies),
+            }), sharedLibraries.getReplacementPlugin());
+            return config;
+        };
+    });
+}
+exports.withModuleFederation = withModuleFederation;
+//# sourceMappingURL=with-module-federation.js.map

package/src/mfe/with-module-federation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-module-federation.js","sourceRoot":"","sources":["../../../../../packages/react/src/mfe/with-module-federation.ts"],"names":[],"mappings":"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"}

package/src/rules/update-mfe-project.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from 'nx/src/shared/tree';
+export declare function updateMfeProject(host: Tree, options: {
+    name: string;
+    appProjectRoot: string;
+    devServerPort?: number;
+}): void;

package/src/rules/update-mfe-project.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateMfeProject = void 0;
+const devkit_1 = require("@nrwl/devkit");
+function updateMfeProject(host, options) {
+    let projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.name);
+    projectConfig.targets.build.options = Object.assign(Object.assign({}, projectConfig.targets.build.options), { main: `${options.appProjectRoot}/src/main.ts`, webpackConfig: `${options.appProjectRoot}/webpack.config.js` });
+    projectConfig.targets.build.configurations.production = Object.assign(Object.assign({}, projectConfig.targets.build.configurations.production), { webpackConfig: `${options.appProjectRoot}/webpack.config.prod.js` });
+    projectConfig.targets.serve.executor = '@nrwl/react:mfe-dev-server';
+    projectConfig.targets.serve.options.port = options.devServerPort;
+    (0, devkit_1.updateProjectConfiguration)(host, options.name, projectConfig);
+}
+exports.updateMfeProject = updateMfeProject;
+//# sourceMappingURL=update-mfe-project.js.map

package/src/rules/update-mfe-project.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-mfe-project.js","sourceRoot":"","sources":["../../../../../packages/react/src/rules/update-mfe-project.ts"],"names":[],"mappings":";;;AACA,yCAGsB;AAEtB,SAAgB,gBAAgB,CAC9B,IAAU,EACV,OAAyE;IAEzE,IAAI,aAAa,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,mCAC9B,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,KACtC,IAAI,EAAE,GAAG,OAAO,CAAC,cAAc,cAAc,EAC7C,aAAa,EAAE,GAAG,OAAO,CAAC,cAAc,oBAAoB,GAC7D,CAAC;IACF,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,mCAChD,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,KACxD,aAAa,EAAE,GAAG,OAAO,CAAC,cAAc,yBAAyB,GAClE,CAAC;IACF,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,4BAA4B,CAAC;IACpE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC;IACjE,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAChE,CAAC;AAjBD,4CAiBC"}

package/src/utils/versions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactTestRendererVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactHooksVersion = exports.testingLibraryReactVersion = exports.typesReactRouterDomVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxVersion = void 0;
-exports.nxVersion = '13.10.0-rc.0';
+exports.nxVersion = '13.10.0';
 exports.reactVersion = '18.0.0';
 exports.reactDomVersion = '18.0.0';
 exports.reactIsVersion = '18.0.0';