@nrwl/react 13.10.2 → 14.0.0-beta.1

package/src/generators/{mfe-host → host}/files/common/src/app/__fileName__.tsx__tmpl__

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import NxWelcome from "./nx-welcome";
 <% if (remotes.length > 0) { %>
-import { Link, Route, Switch } from 'react-router-dom';
+import { Link, Route, Routes } from 'react-router-dom';
 
 <% remotes.forEach(function(r) { %>
  const <%= r.className %> = React.lazy(() => import('<%= r.fileName %>/Module'));
@@ -16,12 +16,12 @@ export function App() {
          <li><Link to="/<%=r.fileName%>"><%=r.className%></Link></li>
        <% }); %>
      </ul>
-     <Switch>
-       <Route exact path="/" render={() => <NxWelcome title="<%= projectName %>"/>} />
+     <Routes>
+       <Route path="/" element={<NxWelcome title="<%= projectName %>"/>} />
        <% remotes.forEach(function(r) { %>
-         <Route path="/<%=r.fileName%>" render={() => <<%= r.className %>/>} />
+         <Route path="/<%=r.fileName%>" element={<<%= r.className %>/>} />
        <% }); %>
-     </Switch>
+     </Routes>
     </React.Suspense>
   );
 }

package/src/generators/{mfe-host/files/mfe → host/files/module-federation}/webpack.config.js__tmpl__

@@ -1,6 +1,6 @@
 const withModuleFederation = require('@nrwl/react/module-federation');
-const mfeConfig = require('./mfe.config');
+const moduleFederationConfig = require('./module-federation.config');
 
 module.exports = withModuleFederation({
-    ...mfeConfig,
+    ...moduleFederationConfig,
 });

package/src/generators/{mfe-host/files/mfe → host/files/module-federation}/webpack.config.prod.js__tmpl__

@@ -1,8 +1,8 @@
 const withModuleFederation = require('@nrwl/react/module-federation');
-const mfeConfig = require('./mfe.config');
+const moduleFederationConfig = require('./module-federation.config');
 
 module.exports = withModuleFederation({
-    ...mfeConfig,
+    ...moduleFederationConfig,
     /*
      * Remote overrides for production.
      * Each entry is a pair of an unique name and the URL where it is deployed.

package/src/generators/host/host.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nrwl/devkit';
+import { Schema } from './schema';
+export declare function hostGenerator(host: Tree, schema: Schema): Promise<import("@nrwl/devkit").GeneratorCallback>;
+export default hostGenerator;

package/src/generators/{mfe-host/mfe-host.js → host/host.js}

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mfeHostGenerator = void 0;
+exports.hostGenerator = void 0;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nrwl/devkit");
 const application_1 = require("../application/application");
 const normalize_options_1 = require("../application/lib/normalize-options");
-const mfe_remote_1 = require("../mfe-remote/mfe-remote");
-const update_mfe_project_1 = require("../../rules/update-mfe-project");
-const add_mfe_files_1 = require("./lib/add-mfe-files");
-const update_mfe_e2e_project_1 = require("./lib/update-mfe-e2e-project");
-function mfeHostGenerator(host, schema) {
+const update_module_federation_project_1 = require("../../rules/update-module-federation-project");
+const add_module_federation_files_1 = require("./lib/add-module-federation-files");
+const update_module_federation_e2e_project_1 = require("./lib/update-module-federation-e2e-project");
+const remote_1 = require("../remote/remote");
+function hostGenerator(host, schema) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const options = (0, normalize_options_1.normalizeOptions)(host, schema);
         const initTask = yield (0, application_1.default)(host, Object.assign(Object.assign({}, options), { 
-            // The target use-case for MFE is loading remotes as child routes, thus always enable routing.
+            // The target use-case is loading remotes as child routes, thus always enable routing.
             routing: true }));
         const remotesWithPorts = [];
         if (schema.remotes) {
             let remotePort = options.devServerPort + 1;
             for (const remote of schema.remotes) {
                 remotesWithPorts.push({ name: remote, port: remotePort });
-                yield (0, mfe_remote_1.mfeRemoteGenerator)(host, {
+                yield (0, remote_1.default)(host, {
                     name: remote,
                     style: options.style,
                     skipFormat: options.skipFormat,
@@ -32,15 +32,15 @@ function mfeHostGenerator(host, schema) {
                 remotePort++;
             }
         }
-        (0, add_mfe_files_1.addMfeFiles)(host, options, remotesWithPorts);
-        (0, update_mfe_project_1.updateMfeProject)(host, options);
-        (0, update_mfe_e2e_project_1.updateMfeE2eProject)(host, options);
+        (0, add_module_federation_files_1.addModuleFederationFiles)(host, options, remotesWithPorts);
+        (0, update_module_federation_project_1.updateModuleFederationProject)(host, options);
+        (0, update_module_federation_e2e_project_1.updateModuleFederationE2eProject)(host, options);
         if (!options.skipFormat) {
             yield (0, devkit_1.formatFiles)(host);
         }
         return initTask;
     });
 }
-exports.mfeHostGenerator = mfeHostGenerator;
-exports.default = mfeHostGenerator;
-//# sourceMappingURL=mfe-host.js.map
+exports.hostGenerator = hostGenerator;
+exports.default = hostGenerator;
+//# sourceMappingURL=host.js.map

package/src/generators/host/host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.js","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/host/host.ts"],"names":[],"mappings":";;;;AAAA,yCAAiD;AAEjD,4DAA8D;AAC9D,4EAAwE;AACxE,mGAA6F;AAC7F,mFAA6E;AAC7E,qGAA8F;AAE9F,6CAA+C;AAE/C,SAAsB,aAAa,CAAC,IAAU,EAAE,MAAc;;QAC5D,MAAM,OAAO,GAAG,IAAA,oCAAgB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAE/C,MAAM,QAAQ,GAAG,MAAM,IAAA,qBAAoB,EAAC,IAAI,kCAC3C,OAAO;YACV,sFAAsF;YACtF,OAAO,EAAE,IAAI,IACb,CAAC;QAEH,MAAM,gBAAgB,GAAqC,EAAE,CAAC;QAE9D,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,IAAI,UAAU,GAAG,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC;YAC3C,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;gBACnC,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;gBAC1D,MAAM,IAAA,gBAAe,EAAC,IAAI,EAAE;oBAC1B,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,UAAU,EAAE,OAAO,CAAC,UAAU;oBAC9B,cAAc,EAAE,OAAO,CAAC,cAAc;oBACtC,aAAa,EAAE,OAAO,CAAC,aAAa;oBACpC,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,aAAa,EAAE,UAAU;iBAC1B,CAAC,CAAC;gBACH,UAAU,EAAE,CAAC;aACd;SACF;QAED,IAAA,sDAAwB,EAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAC1D,IAAA,gEAA6B,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7C,IAAA,uEAAgC,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACvB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;CAAA;AArCD,sCAqCC;AAED,kBAAe,aAAa,CAAC"}

package/src/generators/host/lib/add-module-federation-files.d.ts

@@ -0,0 +1,5 @@
+import { NormalizedSchema } from '../schema';
+export declare function addModuleFederationFiles(host: any, options: NormalizedSchema, defaultRemoteManifest: {
+    name: string;
+    port: number;
+}[]): void;

package/src/generators/{mfe-host/lib/add-mfe-files.js → host/lib/add-module-federation-files.js}

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addMfeFiles = void 0;
+exports.addModuleFederationFiles = void 0;
 const devkit_1 = require("@nrwl/devkit");
 const path_1 = require("path");
-function addMfeFiles(host, options, defaultRemoteManifest) {
+function addModuleFederationFiles(host, options, defaultRemoteManifest) {
     const templateVariables = Object.assign(Object.assign(Object.assign({}, (0, devkit_1.names)(options.name)), options), { tmpl: '', remotes: defaultRemoteManifest.map(({ name, port }) => (Object.assign(Object.assign({}, (0, devkit_1.names)(name)), { port }))) });
     // Module federation requires bootstrap code to be dynamically imported.
     // Renaming original entry file so we can use `import(./bootstrap)` in
     // new entry file.
     host.rename((0, path_1.join)(options.appProjectRoot, 'src/main.tsx'), (0, path_1.join)(options.appProjectRoot, 'src/bootstrap.tsx'));
     // New entry file is created here.
-    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/mfe`), options.appProjectRoot, templateVariables);
+    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/module-federation`), options.appProjectRoot, templateVariables);
     (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/common`), options.appProjectRoot, templateVariables);
 }
-exports.addMfeFiles = addMfeFiles;
-//# sourceMappingURL=add-mfe-files.js.map
+exports.addModuleFederationFiles = addModuleFederationFiles;
+//# sourceMappingURL=add-module-federation-files.js.map

package/src/generators/host/lib/add-module-federation-files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-module-federation-files.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/host/lib/add-module-federation-files.ts"],"names":[],"mappings":";;;AACA,yCAAoD;AACpD,+BAA4B;AAE5B,SAAgB,wBAAwB,CACtC,IAAI,EACJ,OAAyB,EACzB,qBAAuD;IAEvD,MAAM,iBAAiB,iDAClB,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,GACnB,OAAO,KACV,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,iCAClD,IAAA,cAAK,EAAC,IAAI,CAAC,KACd,IAAI,IACJ,CAAC,GACJ,CAAC;IAEF,wEAAwE;IACxE,sEAAsE;IACtE,kBAAkB;IAClB,IAAI,CAAC,MAAM,CACT,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,EAC5C,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAClD,CAAC;IAEF,kCAAkC;IAClC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,4BAA4B,CAAC,EAC7C,OAAO,CAAC,cAAc,EACtB,iBAAiB,CAClB,CAAC;IAEF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,iBAAiB,CAAC,EAClC,OAAO,CAAC,cAAc,EACtB,iBAAiB,CAClB,CAAC;AACJ,CAAC;AArCD,4DAqCC"}

package/src/generators/host/lib/update-module-federation-e2e-project.d.ts

@@ -0,0 +1,3 @@
+import { NormalizedSchema } from '../schema';
+import { Tree } from '@nrwl/devkit';
+export declare function updateModuleFederationE2eProject(host: Tree, options: NormalizedSchema): void;

package/src/generators/{mfe-host/lib/update-mfe-e2e-project.js → host/lib/update-module-federation-e2e-project.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateMfeE2eProject = void 0;
+exports.updateModuleFederationE2eProject = void 0;
 const devkit_1 = require("@nrwl/devkit");
-function updateMfeE2eProject(host, options) {
+function updateModuleFederationE2eProject(host, options) {
     const e2eName = `${options.name}-e2e`;
     try {
         let projectConfig = (0, devkit_1.readProjectConfiguration)(host, e2eName);
@@ -13,5 +13,5 @@ function updateMfeE2eProject(host, options) {
         // nothing
     }
 }
-exports.updateMfeE2eProject = updateMfeE2eProject;
-//# sourceMappingURL=update-mfe-e2e-project.js.map
+exports.updateModuleFederationE2eProject = updateModuleFederationE2eProject;
+//# sourceMappingURL=update-module-federation-e2e-project.js.map

package/src/generators/host/lib/update-module-federation-e2e-project.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-module-federation-e2e-project.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/host/lib/update-module-federation-e2e-project.ts"],"names":[],"mappings":";;;AACA,yCAIsB;AAEtB,SAAgB,gCAAgC,CAC9C,IAAU,EACV,OAAyB;IAEzB,MAAM,OAAO,GAAG,GAAG,OAAO,CAAC,IAAI,MAAM,CAAC;IACtC,IAAI;QACF,IAAI,aAAa,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC5D,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,mCAC5B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,KACpC,OAAO,EAAE,uBAAuB,GACjC,CAAC;QACF,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;KAC1D;IAAC,WAAM;QACN,UAAU;KACX;AACH,CAAC;AAfD,4EAeC"}

package/src/generators/{mfe-host → host}/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "$id": "GeneratorReactMFEHost",
+  "$id": "GeneratorReactHost",
   "cli": "nx",
   "title": "Generate Module Federation Setup for React Host App",
   "description": "Create Module Federation configuration files for given React Host Application.",

package/src/generators/init/init.js

@@ -27,10 +27,10 @@ function updateDependencies(host) {
         tslib: '^2.0.0',
     }, {
         '@nrwl/react': versions_1.nxVersion,
+        '@types/node': versions_1.typesNodeVersion,
         '@types/react': versions_1.typesReactVersion,
         '@types/react-dom': versions_1.typesReactDomVersion,
         '@testing-library/react': versions_1.testingLibraryReactVersion,
-        '@testing-library/react-hooks': versions_1.testingLibraryReactHooksVersion,
         'react-test-renderer': versions_1.reactTestRendererVersion,
     });
 }

package/src/generators/init/init.js.map

@@ -1 +1 @@
-{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/init/init.ts"],"names":[],"mappings":";;;;AAAA,2CAAqD;AACrD,yCAQsB;AACtB,qCAA+C;AAC/C,mCAA6C;AAC7C,2FAAqF;AACrF,iGAA4F;AAC5F,mDAS8B;AAG9B,SAAS,UAAU,CAAC,IAAU;IAC5B,MAAM,SAAS,GAAG,IAAA,mCAA0B,EAAC,IAAI,CAAC,CAAC;IAEnD,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,EAAE,CAAC;IAClD,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAClE,MAAM,UAAU,mCACX,SAAS,CAAC,UAAU,KACvB,aAAa,kCACR,eAAe,KAClB,WAAW,kCACN,eAAe,CAAC,WAAW,KAC9B,KAAK,EAAE,IAAI,SAGhB,CAAC;IAEF,IAAA,qCAA4B,EAAC,IAAI,kCAAO,SAAS,KAAE,UAAU,IAAG,CAAC;IACjE,IAAA,6CAAoB,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAU;IACpC,IAAA,0CAAiC,EAAC,IAAI,EAAE,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ;QACE,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,uBAAY;QACnB,WAAW,EAAE,0BAAe;QAC5B,qBAAqB,EAAE,QAAQ;QAC/B,KAAK,EAAE,QAAQ;KAChB,EACD;QACE,aAAa,EAAE,oBAAS;QACxB,cAAc,EAAE,4BAAiB;QACjC,kBAAkB,EAAE,+BAAoB;QACxC,wBAAwB,EAAE,qCAA0B;QACpD,8BAA8B,EAAE,0CAA+B;QAC/D,qBAAqB,EAAE,mCAAwB;KAChD,CACF,CAAC;AACJ,CAAC;AAED,SAAsB,kBAAkB,CAAC,IAAU,EAAE,MAAkB;;QACrE,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,KAAK,MAAM,EAAE;YAC9D,MAAM,QAAQ,GAAG,IAAA,wBAAiB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC7C,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QACD,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,aAAa,KAAK,SAAS,EAAE;YAC/D,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACnD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACzB;QAED,MAAM,QAAQ,GAAG,MAAM,IAAA,sBAAgB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACtD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrB,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAExB,OAAO,IAAA,sCAAgB,EAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AApBD,gDAoBC;AAED,kBAAe,kBAAkB,CAAC;AAErB,QAAA,kBAAkB,GAAG,IAAA,2BAAkB,EAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/init/init.ts"],"names":[],"mappings":";;;;AAAA,2CAAqD;AACrD,yCAQsB;AACtB,qCAA+C;AAC/C,mCAA6C;AAC7C,2FAAqF;AACrF,iGAA4F;AAC5F,mDAS8B;AAG9B,SAAS,UAAU,CAAC,IAAU;IAC5B,MAAM,SAAS,GAAG,IAAA,mCAA0B,EAAC,IAAI,CAAC,CAAC;IAEnD,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,EAAE,CAAC;IAClD,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAClE,MAAM,UAAU,mCACX,SAAS,CAAC,UAAU,KACvB,aAAa,kCACR,eAAe,KAClB,WAAW,kCACN,eAAe,CAAC,WAAW,KAC9B,KAAK,EAAE,IAAI,SAGhB,CAAC;IAEF,IAAA,qCAA4B,EAAC,IAAI,kCAAO,SAAS,KAAE,UAAU,IAAG,CAAC;IACjE,IAAA,6CAAoB,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAU;IACpC,IAAA,0CAAiC,EAAC,IAAI,EAAE,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ;QACE,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,uBAAY;QACnB,WAAW,EAAE,0BAAe;QAC5B,qBAAqB,EAAE,QAAQ;QAC/B,KAAK,EAAE,QAAQ;KAChB,EACD;QACE,aAAa,EAAE,oBAAS;QACxB,aAAa,EAAE,2BAAgB;QAC/B,cAAc,EAAE,4BAAiB;QACjC,kBAAkB,EAAE,+BAAoB;QACxC,wBAAwB,EAAE,qCAA0B;QACpD,qBAAqB,EAAE,mCAAwB;KAChD,CACF,CAAC;AACJ,CAAC;AAED,SAAsB,kBAAkB,CAAC,IAAU,EAAE,MAAkB;;QACrE,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,KAAK,MAAM,EAAE;YAC9D,MAAM,QAAQ,GAAG,IAAA,wBAAiB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC7C,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QACD,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,aAAa,KAAK,SAAS,EAAE;YAC/D,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACnD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACzB;QAED,MAAM,QAAQ,GAAG,MAAM,IAAA,sBAAgB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACtD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrB,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAExB,OAAO,IAAA,sCAAgB,EAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AApBD,gDAoBC;AAED,kBAAe,kBAAkB,CAAC;AAErB,QAAA,kBAAkB,GAAG,IAAA,2BAAkB,EAAC,kBAAkB,CAAC,CAAC"}

package/src/generators/init/schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/schema",
   "$id": "NxReactNgInit",
   "title": "Init React Plugin",
-  "description": "Initialize a React Plugin",
+  "description": "Initialize a React Plugin.",
   "cli": "nx",
   "type": "object",
   "properties": {

package/src/generators/library/schema.json

@@ -3,7 +3,7 @@
   "cli": "nx",
   "$id": "NxReactLibrary",
   "title": "Create a React Library",
-  "description": "Create a React Library for an Nx workspace",
+  "description": "Create a React Library for an Nx workspace.",
   "type": "object",
   "examples": [
     {

package/src/generators/{mfe-remote/files/mfe → remote/files/module-federation}/webpack.config.js__tmpl__

@@ -1,6 +1,6 @@
 const withModuleFederation = require('@nrwl/react/module-federation');
-const mfeConfig = require('./mfe.config');
+const moduleFederationConfig = require('./module-federation.config');
 
 module.exports = withModuleFederation({
-    ...mfeConfig,
+    ...moduleFederationConfig,
 });

package/src/generators/{mfe-remote → remote}/lib/update-host-with-remote.js

@@ -2,39 +2,39 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateHostWithRemote = void 0;
 const devkit_1 = require("@nrwl/devkit");
-const mfe_ast_utils_1 = require("../../../mfe/mfe-ast-utils");
+const ast_utils_1 = require("../../../module-federation/ast-utils");
 const ts = require("typescript");
 function updateHostWithRemote(host, hostName, remoteName) {
     const hostConfig = (0, devkit_1.readProjectConfiguration)(host, hostName);
-    const mfeConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'mfe.config.js');
+    const moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'module-federation.config.js');
     const remoteDefsPath = (0, devkit_1.joinPathFragments)(hostConfig.sourceRoot, 'remotes.d.ts');
     const appComponentPath = findAppComponentPath(host, hostConfig.sourceRoot);
-    if (host.exists(mfeConfigPath)) {
+    if (host.exists(moduleFederationConfigPath)) {
         // find the host project path
         // Update remotes inside ${host_path}/src/remotes.d.ts
-        let sourceCode = host.read(mfeConfigPath).toString();
-        const source = ts.createSourceFile(mfeConfigPath, sourceCode, ts.ScriptTarget.Latest, true);
-        host.write(mfeConfigPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, mfe_ast_utils_1.addRemoteToMfeConfig)(source, remoteName)));
+        let sourceCode = host.read(moduleFederationConfigPath).toString();
+        const source = ts.createSourceFile(moduleFederationConfigPath, sourceCode, ts.ScriptTarget.Latest, true);
+        host.write(moduleFederationConfigPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteToConfig)(source, remoteName)));
     }
     else {
         // TODO(jack): Point to the nx.dev guide when ready.
-        devkit_1.logger.warn(`Could not find MFE configuration at ${mfeConfigPath}. Did you generate this project with "@nrwl/react:mfe-host"?`);
+        devkit_1.logger.warn(`Could not find configuration at ${moduleFederationConfigPath}. Did you generate this project with "@nrwl/react:host"?`);
     }
     if (host.exists(remoteDefsPath)) {
         let sourceCode = host.read(remoteDefsPath).toString();
-        const source = ts.createSourceFile(mfeConfigPath, sourceCode, ts.ScriptTarget.Latest, true);
-        host.write(remoteDefsPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, mfe_ast_utils_1.addRemoteDefinition)(source, remoteName)));
+        const source = ts.createSourceFile(moduleFederationConfigPath, sourceCode, ts.ScriptTarget.Latest, true);
+        host.write(remoteDefsPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteDefinition)(source, remoteName)));
     }
     else {
-        devkit_1.logger.warn(`Could not find remote definitions at ${remoteDefsPath}. Did you generate this project with "@nrwl/react:mfe-host"?`);
+        devkit_1.logger.warn(`Could not find remote definitions at ${remoteDefsPath}. Did you generate this project with "@nrwl/react:host"?`);
     }
     if (host.exists(appComponentPath)) {
         let sourceCode = host.read(appComponentPath).toString();
-        const source = ts.createSourceFile(mfeConfigPath, sourceCode, ts.ScriptTarget.Latest, true);
-        host.write(appComponentPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, mfe_ast_utils_1.addRemoteRoute)(source, (0, devkit_1.names)(remoteName))));
+        const source = ts.createSourceFile(moduleFederationConfigPath, sourceCode, ts.ScriptTarget.Latest, true);
+        host.write(appComponentPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteRoute)(source, (0, devkit_1.names)(remoteName))));
     }
     else {
-        devkit_1.logger.warn(`Could not find app component at ${appComponentPath}. Did you generate this project with "@nrwl/react:mfe-host"?`);
+        devkit_1.logger.warn(`Could not find app component at ${appComponentPath}. Did you generate this project with "@nrwl/react:host"?`);
     }
 }
 exports.updateHostWithRemote = updateHostWithRemote;

package/src/generators/remote/lib/update-host-with-remote.js.map

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

package/src/generators/remote/remote.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nrwl/devkit';
+import { NormalizedSchema } from '../application/schema';
+import { Schema } from './schema';
+export declare function addModuleFederationFiles(host: Tree, options: NormalizedSchema): void;
+export declare function remoteGenerator(host: Tree, schema: Schema): Promise<import("@nrwl/devkit").GeneratorCallback>;
+export default remoteGenerator;

package/src/generators/{mfe-remote/mfe-remote.js → remote/remote.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mfeRemoteGenerator = exports.addMfeFiles = void 0;
+exports.remoteGenerator = exports.addModuleFederationFiles = void 0;
 const tslib_1 = require("tslib");
 const path_1 = require("path");
 const devkit_1 = require("@nrwl/devkit");
@@ -8,13 +8,13 @@ const run_tasks_in_serial_1 = require("@nrwl/workspace/src/utilities/run-tasks-i
 const normalize_options_1 = require("../application/lib/normalize-options");
 const application_1 = require("../application/application");
 const update_host_with_remote_1 = require("./lib/update-host-with-remote");
-const update_mfe_project_1 = require("../../rules/update-mfe-project");
-function addMfeFiles(host, options) {
+const update_module_federation_project_1 = require("../../rules/update-module-federation-project");
+function addModuleFederationFiles(host, options) {
     const templateVariables = Object.assign(Object.assign(Object.assign({}, (0, devkit_1.names)(options.name)), options), { tmpl: '' });
-    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `./files/mfe`), options.appProjectRoot, templateVariables);
+    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `./files/module-federation`), options.appProjectRoot, templateVariables);
 }
-exports.addMfeFiles = addMfeFiles;
-function mfeRemoteGenerator(host, schema) {
+exports.addModuleFederationFiles = addModuleFederationFiles;
+function remoteGenerator(host, schema) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const options = (0, normalize_options_1.normalizeOptions)(host, schema);
         const initApp = yield (0, application_1.default)(host, options);
@@ -25,14 +25,14 @@ function mfeRemoteGenerator(host, schema) {
         // Renaming original entry file so we can use `import(./bootstrap)` in
         // new entry file.
         host.rename((0, path_1.join)(options.appProjectRoot, 'src/main.tsx'), (0, path_1.join)(options.appProjectRoot, 'src/bootstrap.tsx'));
-        addMfeFiles(host, options);
-        (0, update_mfe_project_1.updateMfeProject)(host, options);
+        addModuleFederationFiles(host, options);
+        (0, update_module_federation_project_1.updateModuleFederationProject)(host, options);
         if (!options.skipFormat) {
             yield (0, devkit_1.formatFiles)(host);
         }
         return (0, run_tasks_in_serial_1.runTasksInSerial)(initApp);
     });
 }
-exports.mfeRemoteGenerator = mfeRemoteGenerator;
-exports.default = mfeRemoteGenerator;
-//# sourceMappingURL=mfe-remote.js.map
+exports.remoteGenerator = remoteGenerator;
+exports.default = remoteGenerator;
+//# sourceMappingURL=remote.js.map

package/src/generators/remote/remote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote.js","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/remote/remote.ts"],"names":[],"mappings":";;;;AAAA,+BAA4B;AAC5B,yCAAuE;AACvE,2FAAqF;AAErF,4EAAwE;AACxE,4DAA8D;AAE9D,2EAAqE;AACrE,mGAA6F;AAG7F,SAAgB,wBAAwB,CACtC,IAAU,EACV,OAAyB;IAEzB,MAAM,iBAAiB,iDAClB,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,GACnB,OAAO,KACV,IAAI,EAAE,EAAE,GACT,CAAC;IAEF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,2BAA2B,CAAC,EAC5C,OAAO,CAAC,cAAc,EACtB,iBAAiB,CAClB,CAAC;AACJ,CAAC;AAhBD,4DAgBC;AAED,SAAsB,eAAe,CAAC,IAAU,EAAE,MAAc;;QAC9D,MAAM,OAAO,GAAG,IAAA,oCAAgB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,MAAM,IAAA,qBAAoB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1D,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,IAAA,8CAAoB,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;SACvD;QAED,wEAAwE;QACxE,sEAAsE;QACtE,kBAAkB;QAClB,IAAI,CAAC,MAAM,CACT,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,EAC5C,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAClD,CAAC;QAEF,wBAAwB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACxC,IAAA,gEAA6B,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE7C,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACvB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,IAAA,sCAAgB,EAAC,OAAO,CAAC,CAAC;IACnC,CAAC;CAAA;AAxBD,0CAwBC;AAED,kBAAe,eAAe,CAAC"}

package/src/generators/{mfe-remote → remote}/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "$id": "GeneratorReactMFERemote",
+  "$id": "GeneratorReactRemote",
   "cli": "nx",
   "title": "Generate Module Federation Setup for React Remote App",
   "description": "Create Module Federation configuration files for given React Remote Application.",

package/src/migrations/update-14-0-0/add-default-development-configurations.d.ts

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

package/src/migrations/update-14-0-0/add-default-development-configurations.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.update = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+function update(tree) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        projects.forEach((config, name) => {
+            var _a, _b, _c, _d, _e, _f;
+            var _g, _h, _j, _k;
+            let shouldUpdate = false;
+            if (((_a = config.targets.build) === null || _a === void 0 ? void 0 : _a.executor) === '@nrwl/web:webpack') {
+                shouldUpdate = true;
+                (_b = (_g = config.targets.build).defaultConfiguration) !== null && _b !== void 0 ? _b : (_g.defaultConfiguration = 'production');
+                (_c = (_h = config.targets.build.configurations).development) !== null && _c !== void 0 ? _c : (_h.development = {
+                    extractLicenses: false,
+                    optimization: false,
+                    sourceMap: true,
+                    vendorChunk: true,
+                });
+            }
+            if (((_d = config.targets.serve) === null || _d === void 0 ? void 0 : _d.executor) === '@nrwl/web:dev-server') {
+                shouldUpdate = true;
+                (_e = (_j = config.targets.serve).defaultConfiguration) !== null && _e !== void 0 ? _e : (_j.defaultConfiguration = 'development');
+                (_f = (_k = config.targets.serve.configurations).development) !== null && _f !== void 0 ? _f : (_k.development = {
+                    buildTarget: `${name}:build:development`,
+                });
+            }
+            if (shouldUpdate)
+                (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+        });
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.update = update;
+exports.default = update;
+//# sourceMappingURL=add-default-development-configurations.js.map

package/src/migrations/update-14-0-0/add-default-development-configurations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-default-development-configurations.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-14-0-0/add-default-development-configurations.ts"],"names":[],"mappings":";;;;AAAA,yCAKsB;AAEtB,SAAsB,MAAM,CAAC,IAAU;;QACrC,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;;;YAChC,IAAI,YAAY,GAAG,KAAK,CAAC;YACzB,IAAI,CAAA,MAAA,MAAM,CAAC,OAAO,CAAC,KAAK,0CAAE,QAAQ,MAAK,mBAAmB,EAAE;gBAC1D,YAAY,GAAG,IAAI,CAAC;gBACpB,YAAA,MAAM,CAAC,OAAO,CAAC,KAAK,EAAC,oBAAoB,uCAApB,oBAAoB,GAAK,YAAY,EAAC;gBAC3D,YAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAC,WAAW,uCAAX,WAAW,GAAK;oBAClD,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,KAAK;oBACnB,SAAS,EAAE,IAAI;oBACf,WAAW,EAAE,IAAI;iBAClB,EAAC;aACH;YAED,IAAI,CAAA,MAAA,MAAM,CAAC,OAAO,CAAC,KAAK,0CAAE,QAAQ,MAAK,sBAAsB,EAAE;gBAC7D,YAAY,GAAG,IAAI,CAAC;gBACpB,YAAA,MAAM,CAAC,OAAO,CAAC,KAAK,EAAC,oBAAoB,uCAApB,oBAAoB,GAAK,aAAa,EAAC;gBAC5D,YAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAC,WAAW,uCAAX,WAAW,GAAK;oBAClD,WAAW,EAAE,GAAG,IAAI,oBAAoB;iBACzC,EAAC;aACH;YAED,IAAI,YAAY;gBAAE,IAAA,mCAA0B,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AA5BD,wBA4BC;AAED,kBAAe,MAAM,CAAC"}

package/src/migrations/update-14-0-0/replace-testing-library-react-hook.d.ts

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

package/src/migrations/update-14-0-0/replace-testing-library-react-hook.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.update = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+function update(tree) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        projects.forEach((config) => {
+            var _a;
+            if (((_a = config.targets.test) === null || _a === void 0 ? void 0 : _a.executor) !== '@nrwl/jest:jest')
+                return;
+            (0, devkit_1.visitNotIgnoredFiles)(tree, config.sourceRoot, (file) => {
+                if (!file.endsWith('.spec.ts'))
+                    return;
+                const content = tree.read(file).toString();
+                if (content.includes('@testing-library/react-hook')) {
+                    tree.write(file, content.replace(/@testing-library\/react-hook/g, '@testing-library/react'));
+                }
+            });
+        });
+        (0, devkit_1.removeDependenciesFromPackageJson)(tree, ['@testing-library/react-hooks'], ['@testing-library/react-hooks']);
+    });
+}
+exports.update = update;
+exports.default = update;
+//# sourceMappingURL=replace-testing-library-react-hook.js.map

package/src/migrations/update-14-0-0/replace-testing-library-react-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replace-testing-library-react-hook.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-14-0-0/replace-testing-library-react-hook.ts"],"names":[],"mappings":";;;;AAAA,yCAKsB;AAEtB,SAAsB,MAAM,CAAC,IAAU;;QACrC,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QACnC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;;YAC1B,IAAI,CAAA,MAAA,MAAM,CAAC,OAAO,CAAC,IAAI,0CAAE,QAAQ,MAAK,iBAAiB;gBAAE,OAAO;YAEhE,IAAA,6BAAoB,EAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;oBAAE,OAAO;gBAEvC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC3C,IAAI,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAAC,EAAE;oBACnD,IAAI,CAAC,KAAK,CACR,IAAI,EACJ,OAAO,CAAC,OAAO,CACb,+BAA+B,EAC/B,wBAAwB,CACzB,CACF,CAAC;iBACH;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAA,0CAAiC,EAC/B,IAAI,EACJ,CAAC,8BAA8B,CAAC,EAChC,CAAC,8BAA8B,CAAC,CACjC,CAAC;IACJ,CAAC;CAAA;AA1BD,wBA0BC;AAED,kBAAe,MAAM,CAAC"}

package/src/migrations/update-14-0-0/update-react-dom-render-for-v18.d.ts

@@ -0,0 +1,5 @@
+import { StringChange, Tree } from '@nrwl/devkit';
+import * as ts from 'typescript';
+export declare function update(tree: Tree): Promise<void>;
+export declare function migrateReactDomRender(sourcePath: string, source: ts.SourceFile): StringChange[];
+export default update;

package/src/migrations/update-14-0-0/update-react-dom-render-for-v18.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateReactDomRender = exports.update = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const find_nodes_1 = require("@nrwl/workspace/src/utilities/typescript/find-nodes");
+const ts = require("typescript");
+function update(tree) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        projects.forEach((config, name) => {
+            var _a;
+            const isReactProject = ((_a = config.targets.build) === null || _a === void 0 ? void 0 : _a.executor) === '@nrwl/web:webpack' &&
+                /main\.(t|j)sx?$/.test(config.targets.build.options.main);
+            if (isReactProject) {
+                const sourcePath = config.targets.build.options.main;
+                const sourceCode = tree.read(sourcePath).toString();
+                const source = ts.createSourceFile(sourcePath, sourceCode, ts.ScriptTarget.Latest, true);
+                const result = (0, devkit_1.applyChangesToString)(sourceCode, migrateReactDomRender(sourcePath, source));
+                tree.write(sourcePath, result);
+            }
+        });
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.update = update;
+function migrateReactDomRender(sourcePath, source) {
+    const allImports = (0, find_nodes_1.findNodes)(source, ts.SyntaxKind.ImportDeclaration);
+    const reactDomImport = allImports.find((x) => x.moduleSpecifier.getText() === "'react-dom'");
+    const changes = [];
+    if (reactDomImport) {
+        changes.push({
+            type: devkit_1.ChangeType.Insert,
+            index: reactDomImport.moduleSpecifier.end - 1,
+            text: '/client',
+        });
+    }
+    const calls = (0, find_nodes_1.findNodes)(source, ts.SyntaxKind.CallExpression);
+    const renderCall = calls.find((x) => {
+        if (x.expression.kind !== ts.SyntaxKind.PropertyAccessExpression)
+            return false;
+        const expr = x.expression;
+        return (expr.expression.getText() === 'ReactDOM' &&
+            expr.name.getText() === 'render');
+    });
+    if (renderCall) {
+        const [element, querySelector] = renderCall.arguments;
+        changes.push({
+            type: devkit_1.ChangeType.Delete,
+            start: renderCall.getStart(),
+            length: renderCall.end,
+        }, {
+            type: devkit_1.ChangeType.Insert,
+            index: renderCall.getStart(),
+            text: (0, devkit_1.stripIndents) `
+          const root = ReactDOM.createRoot(
+            ${querySelector.getText()}${sourcePath.endsWith('.tsx') ? ' as HTMLElement' : ''}
+          );
+          root.render(
+            ${element.getText()}
+          );
+        `,
+        });
+    }
+    return changes;
+}
+exports.migrateReactDomRender = migrateReactDomRender;
+exports.default = update;
+//# sourceMappingURL=update-react-dom-render-for-v18.js.map

package/src/migrations/update-14-0-0/update-react-dom-render-for-v18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-react-dom-render-for-v18.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-14-0-0/update-react-dom-render-for-v18.ts"],"names":[],"mappings":"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"}

package/src/{mfe/mfe-ast-utils.d.ts → module-federation/ast-utils.d.ts}

@@ -1,6 +1,6 @@
 import * as ts from 'typescript';
 import { StringChange } from '@nrwl/devkit';
-export declare function addRemoteToMfeConfig(source: ts.SourceFile, app: string): StringChange[];
+export declare function addRemoteToConfig(source: ts.SourceFile, app: string): StringChange[];
 export declare function addRemoteDefinition(source: ts.SourceFile, app: string): StringChange[];
 export declare function addRemoteRoute(source: ts.SourceFile, names: {
     fileName: string;