@nx/angular 16.0.0-beta.1

package/src/generators/setup-mf/lib/add-cypress-workaround.js

@@ -0,0 +1,42 @@
+"use strict";
+// This is a temporary workaround to prevent cypress erroring
+// as Angular attempt to figure out how to fix HMR when styles.js
+// is attached to the index.html with type=module
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCypressOnErrorWorkaround = void 0;
+const devkit_1 = require("@nx/devkit");
+function addCypressOnErrorWorkaround(tree, schema) {
+    if (!schema.e2eProjectName) {
+        return;
+    }
+    const e2eProjectName = schema.e2eProjectName;
+    let e2eProject;
+    try {
+        e2eProject = (0, devkit_1.readProjectConfiguration)(tree, e2eProjectName);
+    }
+    catch (_a) {
+        devkit_1.logger.warn((0, devkit_1.stripIndents) `Could not find an associated e2e project for ${schema.appName} with name ${e2eProjectName}.
+    If there is an associated e2e project for this application, and it uses Cypress, you will need to add a workaround to allow Cypress to test correctly.
+    An error will be thrown in the console when you serve the application, coming from styles.js. It is an error that can be safely ignored and will not reach production due to how production builds of Angular are created.
+    You can find how to implement that workaround here: https://docs.cypress.io/api/events/catalog-of-events#Uncaught-Exceptions
+    `);
+        return;
+    }
+    if (e2eProject.targets.e2e.executor !== '@nrwl/cypress:cypress') {
+        // Not a cypress e2e project, skip
+        return;
+    }
+    const commandToAdd = `Cypress.on('uncaught:exception', err => {
+    if (err.message.includes(\`Cannot use 'import.meta' outside a module\`)) {
+      return false;
+    }
+    return true;
+  });`;
+    const pathToCommandsFile = (0, devkit_1.joinPathFragments)(e2eProject.sourceRoot, 'support/e2e.ts');
+    const commandsContent = tree.exists(pathToCommandsFile)
+        ? tree.read(pathToCommandsFile, 'utf-8')
+        : '';
+    tree.write(pathToCommandsFile, `${commandsContent}\n${commandToAdd}`);
+}
+exports.addCypressOnErrorWorkaround = addCypressOnErrorWorkaround;
+//# sourceMappingURL=add-cypress-workaround.js.map

package/src/generators/setup-mf/lib/add-cypress-workaround.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-cypress-workaround.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/add-cypress-workaround.ts"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,iEAAiE;AACjE,iDAAiD;;;AAGjD,uCAKoB;AAGpB,SAAgB,2BAA2B,CAAC,IAAU,EAAE,MAAc;IACpE,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;QAC1B,OAAO;KACR;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;IAC7C,IAAI,UAAgC,CAAC;IAErC,IAAI;QACF,UAAU,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;KAC7D;IAAC,WAAM;QACN,eAAM,CAAC,IAAI,CAAC,IAAA,qBAAY,EAAA,gDAAgD,MAAM,CAAC,OAAO,cAAc,cAAc;;;;KAIjH,CAAC,CAAC;QACH,OAAO;KACR;IAED,IAAI,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,uBAAuB,EAAE;QAC/D,kCAAkC;QAClC,OAAO;KACR;IAED,MAAM,YAAY,GAAG;;;;;MAKjB,CAAC;IAEL,MAAM,kBAAkB,GAAG,IAAA,0BAAiB,EAC1C,UAAU,CAAC,UAAU,EACrB,gBAAgB,CACjB,CAAC;IAEF,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC;QACrD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;QACxC,CAAC,CAAC,EAAE,CAAC;IACP,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,GAAG,eAAe,KAAK,YAAY,EAAE,CAAC,CAAC;AACxE,CAAC;AAxCD,kEAwCC"}

package/src/generators/setup-mf/lib/add-remote-entry.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function addRemoteEntry(tree: Tree, { appName, routing, prefix, standalone }: Schema, appRoot: string): void;

package/src/generators/setup-mf/lib/add-remote-entry.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addRemoteEntry = void 0;
+const devkit_1 = require("@nx/devkit");
+const route_utils_1 = require("../../../utils/nx-devkit/route-utils");
+function addRemoteEntry(tree, { appName, routing, prefix, standalone }, appRoot) {
+    var _a, _b;
+    prefix =
+        (_b = prefix !== null && prefix !== void 0 ? prefix : (_a = (0, devkit_1.readProjectConfiguration)(tree, appName)) === null || _a === void 0 ? void 0 : _a.prefix) !== null && _b !== void 0 ? _b : (0, devkit_1.readNxJson)(tree).npmScope;
+    (0, devkit_1.generateFiles)(tree, standalone
+        ? (0, devkit_1.joinPathFragments)(__dirname, '../files/standalone-entry-component-files')
+        : (0, devkit_1.joinPathFragments)(__dirname, '../files/entry-module-files'), `${appRoot}/src/app/remote-entry`, {
+        tmpl: '',
+        appName,
+        routing,
+        prefix,
+    });
+    if (standalone && routing) {
+        (0, route_utils_1.addRoute)(tree, (0, devkit_1.joinPathFragments)(appRoot, 'src/app/app.routes.ts'), `{path: '', loadChildren: () => import('./remote-entry/entry.routes').then(m => m.remoteRoutes)}`);
+    }
+    else {
+        if (routing) {
+            (0, route_utils_1.addRoute)(tree, (0, devkit_1.joinPathFragments)(appRoot, 'src/app/app.routes.ts'), `{path: '', loadChildren: () => import('./remote-entry/entry.module').then(m => m.RemoteEntryModule)}`);
+        }
+        tree.write(`${appRoot}/src/app/app.module.ts`, `/* 
+      * This RemoteEntryModule is imported here to allow TS to find the Module during 
+      * compilation, allowing it to be included in the built bundle. This is required 
+      * for the Module Federation Plugin to expose the Module correctly.
+      * */
+      import { RemoteEntryModule } from './remote-entry/entry.module';
+${tree.read(`${appRoot}/src/app/app.module.ts`, 'utf-8')}`);
+    }
+}
+exports.addRemoteEntry = addRemoteEntry;
+//# sourceMappingURL=add-remote-entry.js.map

package/src/generators/setup-mf/lib/add-remote-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-remote-entry.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/add-remote-entry.ts"],"names":[],"mappings":";;;AACA,uCAKoB;AACpB,sEAAgE;AAIhE,SAAgB,cAAc,CAC5B,IAAU,EACV,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAU,EAChD,OAAe;;IAEf,MAAM;QACJ,MAAA,MAAM,aAAN,MAAM,cAAN,MAAM,GACN,MAAC,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAiC,0CACpE,MAAM,mCACV,IAAA,mBAAU,EAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IAC5B,IAAA,sBAAa,EACX,IAAI,EACJ,UAAU;QACR,CAAC,CAAC,IAAA,0BAAiB,EACf,SAAS,EACT,2CAA2C,CAC5C;QACH,CAAC,CAAC,IAAA,0BAAiB,EAAC,SAAS,EAAE,6BAA6B,CAAC,EAC/D,GAAG,OAAO,uBAAuB,EACjC;QACE,IAAI,EAAE,EAAE;QACR,OAAO;QACP,OAAO;QACP,MAAM;KACP,CACF,CAAC;IAEF,IAAI,UAAU,IAAI,OAAO,EAAE;QACzB,IAAA,sBAAQ,EACN,IAAI,EACJ,IAAA,0BAAiB,EAAC,OAAO,EAAE,uBAAuB,CAAC,EACnD,iGAAiG,CAClG,CAAC;KACH;SAAM;QACL,IAAI,OAAO,EAAE;YACX,IAAA,sBAAQ,EACN,IAAI,EACJ,IAAA,0BAAiB,EAAC,OAAO,EAAE,uBAAuB,CAAC,EACnD,sGAAsG,CACvG,CAAC;SACH;QAED,IAAI,CAAC,KAAK,CACR,GAAG,OAAO,wBAAwB,EAClC;;;;;;EAMJ,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,wBAAwB,EAAE,OAAO,CAAC,EAAE,CACrD,CAAC;KACH;AACH,CAAC;AArDD,wCAqDC"}

package/src/generators/setup-mf/lib/add-remote-to-host.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function checkIsCommaNeeded(mfRemoteText: string): boolean;
+export declare function addRemoteToHost(tree: Tree, options: Schema): void;

package/src/generators/setup-mf/lib/add-remote-to-host.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addRemoteToHost = exports.checkIsCommaNeeded = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const route_utils_1 = require("../../../utils/nx-devkit/route-utils");
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+let tsModule;
+function checkIsCommaNeeded(mfRemoteText) {
+    const remoteText = mfRemoteText.replace(/\s+/g, '');
+    return !remoteText.endsWith(',]')
+        ? remoteText === '[]'
+            ? false
+            : true
+        : false;
+}
+exports.checkIsCommaNeeded = checkIsCommaNeeded;
+function addRemoteToHost(tree, options) {
+    if (options.host) {
+        const hostProject = (0, devkit_1.readProjectConfiguration)(tree, options.host);
+        const pathToMFManifest = (0, devkit_1.joinPathFragments)(hostProject.sourceRoot, 'assets/module-federation.manifest.json');
+        const hostFederationType = determineHostFederationType(tree, pathToMFManifest);
+        if (hostFederationType === 'static') {
+            addRemoteToStaticHost(tree, options, hostProject);
+        }
+        else if (hostFederationType === 'dynamic') {
+            addRemoteToDynamicHost(tree, options, pathToMFManifest);
+        }
+        const declarationFilePath = (0, devkit_1.joinPathFragments)(hostProject.sourceRoot, 'remotes.d.ts');
+        const declarationFileContent = (tree.exists(declarationFilePath)
+            ? tree.read(declarationFilePath, 'utf-8')
+            : '') +
+            `\ndeclare module '${options.appName}/${options.standalone ? `Routes` : `Module`}';`;
+        tree.write(declarationFilePath, declarationFileContent);
+        addLazyLoadedRouteToHostAppModule(tree, options, hostFederationType);
+    }
+}
+exports.addRemoteToHost = addRemoteToHost;
+function determineHostFederationType(tree, pathToMfManifest) {
+    return tree.exists(pathToMfManifest) ? 'dynamic' : 'static';
+}
+function addRemoteToStaticHost(tree, options, hostProject) {
+    const hostMFConfigPath = (0, devkit_1.joinPathFragments)(hostProject.root, 'module-federation.config.js');
+    if (!hostMFConfigPath || !tree.exists(hostMFConfigPath)) {
+        throw new Error(`The selected host application, ${options.host}, does not contain a module-federation.config.js or module-federation.manifest.json file. Are you sure it has been set up as a host application?`);
+    }
+    const hostMFConfig = tree.read(hostMFConfigPath, 'utf-8');
+    const { tsquery } = require('@phenomnomnominal/tsquery');
+    const webpackAst = tsquery.ast(hostMFConfig);
+    const mfRemotesNode = tsquery(webpackAst, 'Identifier[name=remotes] ~ ArrayLiteralExpression', { visitAllChildren: true })[0];
+    const endOfPropertiesPos = mfRemotesNode.getEnd() - 1;
+    const isCommaNeeded = checkIsCommaNeeded(mfRemotesNode.getText());
+    const updatedConfig = `${hostMFConfig.slice(0, endOfPropertiesPos)}${isCommaNeeded ? ',' : ''}'${options.appName}',${hostMFConfig.slice(endOfPropertiesPos)}`;
+    tree.write(hostMFConfigPath, updatedConfig);
+}
+function addRemoteToDynamicHost(tree, options, pathToMfManifest) {
+    (0, devkit_1.updateJson)(tree, pathToMfManifest, (manifest) => {
+        return Object.assign(Object.assign({}, manifest), { [options.appName]: `http://localhost:${options.port}` });
+    });
+}
+// TODO(colum): future work: allow dev to pass to path to routing module
+function addLazyLoadedRouteToHostAppModule(tree, options, hostFederationType) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const hostAppConfig = (0, devkit_1.readProjectConfiguration)(tree, options.host);
+    const pathToHostRootRouting = `${hostAppConfig.sourceRoot}/app/app.routes.ts`;
+    if (!tree.exists(pathToHostRootRouting)) {
+        return;
+    }
+    const hostRootRoutingFile = tree.read(pathToHostRootRouting, 'utf-8');
+    let sourceFile = tsModule.createSourceFile(pathToHostRootRouting, hostRootRoutingFile, tsModule.ScriptTarget.Latest, true);
+    if (hostFederationType === 'dynamic') {
+        sourceFile = (0, js_1.insertImport)(tree, sourceFile, pathToHostRootRouting, 'loadRemoteModule', '@nrwl/angular/mf');
+    }
+    const routePathName = options.standalone ? 'Routes' : 'Module';
+    const exportedRemote = options.standalone
+        ? 'remoteRoutes'
+        : 'RemoteEntryModule';
+    const routeToAdd = hostFederationType === 'dynamic'
+        ? `loadRemoteModule('${options.appName}', './${routePathName}')`
+        : `import('${options.appName}/${routePathName}')`;
+    (0, route_utils_1.addRoute)(tree, pathToHostRootRouting, `{
+    path: '${options.appName}',
+    loadChildren: () => ${routeToAdd}.then(m => m.${exportedRemote})
+    }`);
+    const pathToAppComponentTemplate = (0, devkit_1.joinPathFragments)(hostAppConfig.sourceRoot, 'app/app.component.html');
+    const appComponent = tree.read(pathToAppComponentTemplate, 'utf-8');
+    if (appComponent.includes(`<ul class="remote-menu">`) &&
+        appComponent.includes('</ul>')) {
+        const indexOfClosingMenuTag = appComponent.indexOf('</ul>');
+        const newAppComponent = `${appComponent.slice(0, indexOfClosingMenuTag)}<li><a routerLink='${options.appName}'>${(0, devkit_1.names)(options.appName).className}</a></li>\n${appComponent.slice(indexOfClosingMenuTag)}`;
+        tree.write(pathToAppComponentTemplate, newAppComponent);
+    }
+}
+//# sourceMappingURL=add-remote-to-host.js.map

package/src/generators/setup-mf/lib/add-remote-to-host.js.map

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

package/src/generators/setup-mf/lib/change-build-target.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function changeBuildTarget(host: Tree, options: Schema): void;

package/src/generators/setup-mf/lib/change-build-target.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.changeBuildTarget = void 0;
+const devkit_1 = require("@nx/devkit");
+function changeBuildTarget(host, options) {
+    const appConfig = (0, devkit_1.readProjectConfiguration)(host, options.appName);
+    appConfig.targets.build.executor = '@nrwl/angular:webpack-browser';
+    appConfig.targets.build.options = Object.assign(Object.assign({}, appConfig.targets.build.options), { customWebpackConfig: {
+            path: `${appConfig.root}/webpack.config.js`,
+        } });
+    appConfig.targets.build.configurations.production = Object.assign(Object.assign({}, appConfig.targets.build.configurations.production), { customWebpackConfig: {
+            path: `${appConfig.root}/webpack.prod.config.js`,
+        } });
+    (0, devkit_1.updateProjectConfiguration)(host, options.appName, appConfig);
+}
+exports.changeBuildTarget = changeBuildTarget;
+//# sourceMappingURL=change-build-target.js.map

package/src/generators/setup-mf/lib/change-build-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-build-target.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/change-build-target.ts"],"names":[],"mappings":";;;AAGA,uCAGoB;AAEpB,SAAgB,iBAAiB,CAAC,IAAU,EAAE,OAAe;IAC3D,MAAM,SAAS,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAElE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,+BAA+B,CAAC;IACnE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,mCAC1B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,KAClC,mBAAmB,EAAE;YACnB,IAAI,EAAE,GAAG,SAAS,CAAC,IAAI,oBAAoB;SAC5C,GACF,CAAC;IAEF,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,mCAC5C,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,KACpD,mBAAmB,EAAE;YACnB,IAAI,EAAE,GAAG,SAAS,CAAC,IAAI,yBAAyB;SACjD,GACF,CAAC;IAEF,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAC/D,CAAC;AAnBD,8CAmBC"}

package/src/generators/setup-mf/lib/fix-bootstrap.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function fixBootstrap(tree: Tree, appRoot: string, options: Schema): void;

package/src/generators/setup-mf/lib/fix-bootstrap.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixBootstrap = void 0;
+const devkit_1 = require("@nx/devkit");
+const version_utils_1 = require("../../utils/version-utils");
+function fixBootstrap(tree, appRoot, options) {
+    const mainFilePath = (0, devkit_1.joinPathFragments)(appRoot, 'src/main.ts');
+    const bootstrapCode = tree.read(mainFilePath, 'utf-8');
+    const installedAngularMajor = (0, version_utils_1.getInstalledAngularMajorVersion)(tree);
+    if (options.standalone) {
+        tree.write(`${appRoot}/src/bootstrap.ts`, standaloneBootstrapCode(installedAngularMajor === 14));
+    }
+    else {
+        tree.write((0, devkit_1.joinPathFragments)(appRoot, 'src/bootstrap.ts'), bootstrapCode);
+    }
+    const bootstrapImportCode = `import('./bootstrap').catch(err => console.error(err))`;
+    const fetchMFManifestCode = `import { setRemoteDefinitions } from '@nrwl/angular/mf';
+
+  fetch('/assets/module-federation.manifest.json')
+  .then((res) => res.json())
+  .then(definitions => setRemoteDefinitions(definitions))
+  .then(() => ${bootstrapImportCode})`;
+    tree.write(mainFilePath, options.mfType === 'host' && options.federationType === 'dynamic'
+        ? fetchMFManifestCode
+        : bootstrapImportCode);
+}
+exports.fixBootstrap = fixBootstrap;
+const standaloneBootstrapCode = (includeEnvironments = false) => `import {importProvidersFrom} from "@angular/core";
+import {bootstrapApplication} from "@angular/platform-browser";
+import {RouterModule} from "@angular/router";
+import {RemoteEntryComponent} from "./app/remote-entry/entry.component";
+import {appRoutes} from "./app/app.routes";
+${includeEnvironments
+    ? `import {enableProdMode} from '@angular/core';
+import {environment} from './environments/environment';
+if(environment.production) {
+  enableProdMode();
+}
+`
+    : ``}
+bootstrapApplication(RemoteEntryComponent, {
+  providers: [
+    importProvidersFrom(
+      RouterModule.forRoot(appRoutes, {initialNavigation: 'enabledBlocking'})
+    )
+  ]
+});`;
+//# sourceMappingURL=fix-bootstrap.js.map

package/src/generators/setup-mf/lib/fix-bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-bootstrap.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/fix-bootstrap.ts"],"names":[],"mappings":";;;AACA,uCAA+C;AAE/C,6DAA4E;AAE5E,SAAgB,YAAY,CAAC,IAAU,EAAE,OAAe,EAAE,OAAe;IACvE,MAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC/D,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACvD,MAAM,qBAAqB,GAAG,IAAA,+CAA+B,EAAC,IAAI,CAAC,CAAC;IACpE,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,IAAI,CAAC,KAAK,CACR,GAAG,OAAO,mBAAmB,EAC7B,uBAAuB,CAAC,qBAAqB,KAAK,EAAE,CAAC,CACtD,CAAC;KACH;SAAM;QACL,IAAI,CAAC,KAAK,CAAC,IAAA,0BAAiB,EAAC,OAAO,EAAE,kBAAkB,CAAC,EAAE,aAAa,CAAC,CAAC;KAC3E;IAED,MAAM,mBAAmB,GAAG,wDAAwD,CAAC;IAErF,MAAM,mBAAmB,GAAG;;;;;gBAKd,mBAAmB,GAAG,CAAC;IAErC,IAAI,CAAC,KAAK,CACR,YAAY,EACZ,OAAO,CAAC,MAAM,KAAK,MAAM,IAAI,OAAO,CAAC,cAAc,KAAK,SAAS;QAC/D,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,mBAAmB,CACxB,CAAC;AACJ,CAAC;AA5BD,oCA4BC;AAED,MAAM,uBAAuB,GAAG,CAC9B,sBAA+B,KAAK,EACpC,EAAE,CAAC;;;;;EAMH,mBAAmB;IACjB,CAAC,CAAC;;;;;CAKL;IACG,CAAC,CAAC,EACN;;;;;;;IAOI,CAAC"}

package/src/generators/setup-mf/lib/generate-config.d.ts

@@ -0,0 +1,6 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function generateWebpackConfig(tree: Tree, options: Schema, appRoot: string, remotesWithPorts: {
+    remoteName: string;
+    port: number;
+}[]): void;

package/src/generators/setup-mf/lib/generate-config.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateWebpackConfig = void 0;
+const devkit_1 = require("@nx/devkit");
+function generateWebpackConfig(tree, options, appRoot, remotesWithPorts) {
+    if (tree.exists(`${appRoot}/module-federation.config.js`) ||
+        tree.exists(`${appRoot}/webpack.config.js`) ||
+        tree.exists(`${appRoot}/webpack.prod.config.js`)) {
+        devkit_1.logger.warn(`NOTE: We encountered an existing webpack config for the app ${options.appName}. We have overwritten this file with the Module Federation Config.\n
+      If this was not the outcome you expected, you can discard the changes we have made, create a backup of your current webpack config, and run the command again.`);
+    }
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/webpack'), appRoot, {
+        tmpl: '',
+        type: options.mfType,
+        name: options.appName,
+        remotes: remotesWithPorts !== null && remotesWithPorts !== void 0 ? remotesWithPorts : [],
+        projectRoot: appRoot,
+        standalone: options.standalone,
+    });
+}
+exports.generateWebpackConfig = generateWebpackConfig;
+//# sourceMappingURL=generate-config.js.map

package/src/generators/setup-mf/lib/generate-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-config.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/generate-config.ts"],"names":[],"mappings":";;;AACA,uCAAsE;AAGtE,SAAgB,qBAAqB,CACnC,IAAU,EACV,OAAe,EACf,OAAe,EACf,gBAAwD;IAExD,IACE,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,8BAA8B,CAAC;QACrD,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,oBAAoB,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,yBAAyB,CAAC,EAChD;QACA,eAAM,CAAC,IAAI,CACT,+DAA+D,OAAO,CAAC,OAAO;qKACiF,CAChK,CAAC;KACH;IAED,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,0BAAiB,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,OAAO,EACP;QACE,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,OAAO,CAAC,MAAM;QACpB,IAAI,EAAE,OAAO,CAAC,OAAO;QACrB,OAAO,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE;QAC/B,WAAW,EAAE,OAAO;QACpB,UAAU,EAAE,OAAO,CAAC,UAAU;KAC/B,CACF,CAAC;AACJ,CAAC;AA9BD,sDA8BC"}

package/src/generators/setup-mf/lib/get-remotes-with-ports.d.ts

@@ -0,0 +1,6 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function getRemotesWithPorts(host: Tree, options: Schema): {
+    remoteName: string;
+    port: number;
+}[];

package/src/generators/setup-mf/lib/get-remotes-with-ports.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRemotesWithPorts = void 0;
+const devkit_1 = require("@nx/devkit");
+function getRemotesWithPorts(host, options) {
+    var _a, _b, _c;
+    // If type is host and remotes supplied, check remotes exist
+    const remotesWithPort = [];
+    if (options.mfType === 'host' &&
+        Array.isArray(options.remotes) &&
+        options.remotes.length > 0) {
+        for (const remote of options.remotes) {
+            const remoteConfig = (0, devkit_1.readProjectConfiguration)(host, remote);
+            remotesWithPort.push({
+                remoteName: remote,
+                port: (_c = (_b = (_a = remoteConfig.targets['serve']) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.port) !== null && _c !== void 0 ? _c : 4200,
+            });
+        }
+    }
+    return remotesWithPort;
+}
+exports.getRemotesWithPorts = getRemotesWithPorts;
+//# sourceMappingURL=get-remotes-with-ports.js.map

package/src/generators/setup-mf/lib/get-remotes-with-ports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-remotes-with-ports.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/get-remotes-with-ports.ts"],"names":[],"mappings":";;;AACA,uCAAsD;AAGtD,SAAgB,mBAAmB,CAAC,IAAU,EAAE,OAAe;;IAC7D,4DAA4D;IAC5D,MAAM,eAAe,GAA2C,EAAE,CAAC;IACnE,IACE,OAAO,CAAC,MAAM,KAAK,MAAM;QACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QAC9B,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAC1B;QACA,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,OAAO,EAAE;YACpC,MAAM,YAAY,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC5D,eAAe,CAAC,IAAI,CAAC;gBACnB,UAAU,EAAE,MAAM;gBAClB,IAAI,EAAE,MAAA,MAAA,MAAA,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,0CAAE,OAAO,0CAAE,IAAI,mCAAI,IAAI;aAC3D,CAAC,CAAC;SACJ;KACF;IACD,OAAO,eAAe,CAAC;AACzB,CAAC;AAjBD,kDAiBC"}

package/src/generators/setup-mf/lib/index.d.ts

@@ -0,0 +1,12 @@
+export * from './add-cypress-workaround';
+export * from './add-remote-entry';
+export * from './add-remote-to-host';
+export * from './change-build-target';
+export * from './fix-bootstrap';
+export * from './generate-config';
+export * from './get-remotes-with-ports';
+export * from './set-tsconfig-target';
+export * from './setup-host-if-dynamic';
+export * from './setup-serve-target';
+export * from './update-host-app-routes';
+export * from './remove-dead-code-from-remote';

package/src/generators/setup-mf/lib/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./add-cypress-workaround"), exports);
+tslib_1.__exportStar(require("./add-remote-entry"), exports);
+tslib_1.__exportStar(require("./add-remote-to-host"), exports);
+tslib_1.__exportStar(require("./change-build-target"), exports);
+tslib_1.__exportStar(require("./fix-bootstrap"), exports);
+tslib_1.__exportStar(require("./generate-config"), exports);
+tslib_1.__exportStar(require("./get-remotes-with-ports"), exports);
+tslib_1.__exportStar(require("./set-tsconfig-target"), exports);
+tslib_1.__exportStar(require("./setup-host-if-dynamic"), exports);
+tslib_1.__exportStar(require("./setup-serve-target"), exports);
+tslib_1.__exportStar(require("./update-host-app-routes"), exports);
+tslib_1.__exportStar(require("./remove-dead-code-from-remote"), exports);
+//# sourceMappingURL=index.js.map

package/src/generators/setup-mf/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/index.ts"],"names":[],"mappings":";;;AAAA,mEAAyC;AACzC,6DAAmC;AACnC,+DAAqC;AACrC,gEAAsC;AACtC,0DAAgC;AAChC,4DAAkC;AAClC,mEAAyC;AACzC,gEAAsC;AACtC,kEAAwC;AACxC,+DAAqC;AACrC,mEAAyC;AACzC,yEAA+C"}

package/src/generators/setup-mf/lib/remove-dead-code-from-remote.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from 'nx/src/generators/tree';
+import { Schema } from '../schema';
+export declare function removeDeadCodeFromRemote(tree: Tree, options: Schema): void;

package/src/generators/setup-mf/lib/remove-dead-code-from-remote.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeDeadCodeFromRemote = void 0;
+const project_configuration_1 = require("nx/src/generators/utils/project-configuration");
+const path_1 = require("nx/src/utils/path");
+const devkit_1 = require("@nx/devkit");
+function removeDeadCodeFromRemote(tree, options) {
+    var _a;
+    const projectName = options.appName;
+    const project = (0, project_configuration_1.readProjectConfiguration)(tree, projectName);
+    ['css', 'less', 'scss', 'sass'].forEach((style) => {
+        const pathToComponentStyle = (0, path_1.joinPathFragments)(project.sourceRoot, `app/app.component.${style}`);
+        if (tree.exists(pathToComponentStyle)) {
+            tree.delete(pathToComponentStyle);
+        }
+    });
+    tree.rename((0, path_1.joinPathFragments)(project.sourceRoot, 'app/nx-welcome.component.ts'), (0, path_1.joinPathFragments)(project.sourceRoot, 'app/remote-entry/nx-welcome.component.ts'));
+    tree.delete((0, path_1.joinPathFragments)(project.sourceRoot, 'app/app.component.spec.ts'));
+    tree.delete((0, path_1.joinPathFragments)(project.sourceRoot, 'app/app.component.html'));
+    const pathToAppComponent = (0, path_1.joinPathFragments)(project.sourceRoot, 'app/app.component.ts');
+    if (!options.standalone) {
+        const componentContents = tree.read(pathToAppComponent, 'utf-8');
+        const isInlineTemplate = !componentContents.includes('templateUrl');
+        const component = componentContents.split(isInlineTemplate ? 'template' : 'templateUrl')[0] +
+            `template: '<router-outlet></router-outlet>'
+
+})
+export class AppComponent {}`;
+        tree.write(pathToAppComponent, component);
+        tree.write((0, path_1.joinPathFragments)(project.sourceRoot, 'app/app.module.ts'), `import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { RouterModule } from '@angular/router';
+import { AppComponent } from './app.component';
+
+@NgModule({
+ declarations: [AppComponent],
+ imports: [
+   BrowserModule,
+   RouterModule.forRoot([{
+     path: '',
+     loadChildren: () => import('./remote-entry/entry.module').then(m => m.RemoteEntryModule)
+   }], { initialNavigation: 'enabledBlocking' }),
+ ],
+ providers: [],
+ bootstrap: [AppComponent],
+})
+export class AppModule {}`);
+    }
+    else {
+        tree.delete(pathToAppComponent);
+        const prefix = (_a = options.prefix) !== null && _a !== void 0 ? _a : (0, devkit_1.readNxJson)(tree).npmScope;
+        const remoteEntrySelector = `${prefix}-${projectName}-entry`;
+        const pathToIndexHtml = project.targets.build.options.index;
+        const indexContents = tree.read(pathToIndexHtml, 'utf-8');
+        const rootSelectorRegex = new RegExp(`${prefix}-root`, 'ig');
+        const newIndexContents = indexContents.replace(rootSelectorRegex, remoteEntrySelector);
+        tree.write(pathToIndexHtml, newIndexContents);
+    }
+}
+exports.removeDeadCodeFromRemote = removeDeadCodeFromRemote;
+//# sourceMappingURL=remove-dead-code-from-remote.js.map

package/src/generators/setup-mf/lib/remove-dead-code-from-remote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-dead-code-from-remote.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/remove-dead-code-from-remote.ts"],"names":[],"mappings":";;;AAEA,yFAAyF;AACzF,4CAAsD;AACtD,uCAAwC;AAExC,SAAgB,wBAAwB,CAAC,IAAU,EAAE,OAAe;;IAClE,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IACpC,MAAM,OAAO,GAAG,IAAA,gDAAwB,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAE5D,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,MAAM,oBAAoB,GAAG,IAAA,wBAAiB,EAC5C,OAAO,CAAC,UAAU,EAClB,qBAAqB,KAAK,EAAE,CAC7B,CAAC;QACF,IAAI,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE;YACrC,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,CACT,IAAA,wBAAiB,EAAC,OAAO,CAAC,UAAU,EAAE,6BAA6B,CAAC,EACpE,IAAA,wBAAiB,EACf,OAAO,CAAC,UAAU,EAClB,0CAA0C,CAC3C,CACF,CAAC;IACF,IAAI,CAAC,MAAM,CACT,IAAA,wBAAiB,EAAC,OAAO,CAAC,UAAU,EAAE,2BAA2B,CAAC,CACnE,CAAC;IACF,IAAI,CAAC,MAAM,CAAC,IAAA,wBAAiB,EAAC,OAAO,CAAC,UAAU,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE7E,MAAM,kBAAkB,GAAG,IAAA,wBAAiB,EAC1C,OAAO,CAAC,UAAU,EAClB,sBAAsB,CACvB,CAAC;IACF,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;QACvB,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;QACjE,MAAM,gBAAgB,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAEpE,MAAM,SAAS,GACb,iBAAiB,CAAC,KAAK,CACrB,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAC9C,CAAC,CAAC,CAAC;YACJ;;;6BAGuB,CAAC;QAE1B,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;QAE1C,IAAI,CAAC,KAAK,CACR,IAAA,wBAAiB,EAAC,OAAO,CAAC,UAAU,EAAE,mBAAmB,CAAC,EAC1D;;;;;;;;;;;;;;;;;0BAiBoB,CACrB,CAAC;KACH;SAAM;QACL,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,MAAA,OAAO,CAAC,MAAM,mCAAI,IAAA,mBAAU,EAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;QAC3D,MAAM,mBAAmB,GAAG,GAAG,MAAM,IAAI,WAAW,QAAQ,CAAC;QAE7D,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC5D,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QAE1D,MAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,GAAG,MAAM,OAAO,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAC5C,iBAAiB,EACjB,mBAAmB,CACpB,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;KAC/C;AACH,CAAC;AAnFD,4DAmFC"}

package/src/generators/setup-mf/lib/set-tsconfig-target.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function updateTsConfigTarget(tree: Tree, schema: Schema): void;

package/src/generators/setup-mf/lib/set-tsconfig-target.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateTsConfigTarget = void 0;
+const devkit_1 = require("@nx/devkit");
+function updateTsConfigTarget(tree, schema) {
+    const { root } = (0, devkit_1.readProjectConfiguration)(tree, schema.appName);
+    // tsconfig.app.json
+    (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(root, `tsconfig.app.json`), (json) => (Object.assign(Object.assign({}, json), { compilerOptions: Object.assign(Object.assign({}, json.compilerOptions), { target: 'ES2020' }) })));
+}
+exports.updateTsConfigTarget = updateTsConfigTarget;
+//# sourceMappingURL=set-tsconfig-target.js.map

package/src/generators/setup-mf/lib/set-tsconfig-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-tsconfig-target.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/set-tsconfig-target.ts"],"names":[],"mappings":";;;AAGA,uCAIoB;AAEpB,SAAgB,oBAAoB,CAAC,IAAU,EAAE,MAAc;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAChE,oBAAoB;IACpB,IAAA,mBAAU,EAAC,IAAI,EAAE,IAAA,0BAAiB,EAAC,IAAI,EAAE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iCACpE,IAAI,KACP,eAAe,kCACV,IAAI,CAAC,eAAe,KACvB,MAAM,EAAE,QAAQ,OAElB,CAAC,CAAC;AACN,CAAC;AAVD,oDAUC"}

package/src/generators/setup-mf/lib/setup-host-if-dynamic.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function setupHostIfDynamic(tree: Tree, options: Schema): void;

package/src/generators/setup-mf/lib/setup-host-if-dynamic.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupHostIfDynamic = void 0;
+const devkit_1 = require("@nx/devkit");
+function setupHostIfDynamic(tree, options) {
+    if (options.federationType === 'static') {
+        return;
+    }
+    const pathToMFManifest = (0, devkit_1.joinPathFragments)((0, devkit_1.readProjectConfiguration)(tree, options.appName).sourceRoot, 'assets/module-federation.manifest.json');
+    if (!tree.exists(pathToMFManifest)) {
+        tree.write(pathToMFManifest, '{}');
+    }
+}
+exports.setupHostIfDynamic = setupHostIfDynamic;
+//# sourceMappingURL=setup-host-if-dynamic.js.map

package/src/generators/setup-mf/lib/setup-host-if-dynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-host-if-dynamic.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/setup-host-if-dynamic.ts"],"names":[],"mappings":";;;AACA,uCAAyE;AAGzE,SAAgB,kBAAkB,CAAC,IAAU,EAAE,OAAe;IAC5D,IAAI,OAAO,CAAC,cAAc,KAAK,QAAQ,EAAE;QACvC,OAAO;KACR;IAED,MAAM,gBAAgB,GAAG,IAAA,0BAAiB,EACxC,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,EAC1D,wCAAwC,CACzC,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE;QAClC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;KACpC;AACH,CAAC;AAbD,gDAaC"}

package/src/generators/setup-mf/lib/setup-serve-target.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function setupServeTarget(host: Tree, options: Schema): void;

package/src/generators/setup-mf/lib/setup-serve-target.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupServeTarget = void 0;
+const devkit_1 = require("@nx/devkit");
+function setupServeTarget(host, options) {
+    var _a, _b;
+    const appConfig = (0, devkit_1.readProjectConfiguration)(host, options.appName);
+    appConfig.targets['serve'] = Object.assign(Object.assign({}, appConfig.targets['serve']), { executor: options.mfType === 'host'
+            ? '@nrwl/angular:module-federation-dev-server'
+            : '@nrwl/angular:webpack-dev-server', options: Object.assign(Object.assign({}, appConfig.targets['serve'].options), { port: (_a = options.port) !== null && _a !== void 0 ? _a : undefined, publicHost: `http://localhost:${(_b = options.port) !== null && _b !== void 0 ? _b : 4200}` }) });
+    if (options.mfType === 'remote') {
+        appConfig.targets['serve-static'] = {
+            executor: '@nrwl/web:file-server',
+            defaultConfiguration: 'development',
+            options: {
+                buildTarget: `${options.appName}:build`,
+                port: options.port,
+            },
+            configurations: {
+                development: {
+                    buildTarget: `${options.appName}:build:development`,
+                },
+                production: {
+                    buildTarget: `${options.appName}:build:production`,
+                },
+            },
+        };
+    }
+    (0, devkit_1.updateProjectConfiguration)(host, options.appName, appConfig);
+}
+exports.setupServeTarget = setupServeTarget;
+//# sourceMappingURL=setup-serve-target.js.map

package/src/generators/setup-mf/lib/setup-serve-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-serve-target.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/setup-mf/lib/setup-serve-target.ts"],"names":[],"mappings":";;;AACA,uCAGoB;AAGpB,SAAgB,gBAAgB,CAAC,IAAU,EAAE,OAAe;;IAC1D,MAAM,SAAS,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAElE,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,mCACrB,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAC7B,QAAQ,EACN,OAAO,CAAC,MAAM,KAAK,MAAM;YACvB,CAAC,CAAC,4CAA4C;YAC9C,CAAC,CAAC,kCAAkC,EACxC,OAAO,kCACF,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,KACrC,IAAI,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,SAAS,EAC/B,UAAU,EAAE,oBAAoB,MAAA,OAAO,CAAC,IAAI,mCAAI,IAAI,EAAE,MAEzD,CAAC;IAEF,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ,EAAE;QAC/B,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG;YAClC,QAAQ,EAAE,uBAAuB;YACjC,oBAAoB,EAAE,aAAa;YACnC,OAAO,EAAE;gBACP,WAAW,EAAE,GAAG,OAAO,CAAC,OAAO,QAAQ;gBACvC,IAAI,EAAE,OAAO,CAAC,IAAI;aACnB;YACD,cAAc,EAAE;gBACd,WAAW,EAAE;oBACX,WAAW,EAAE,GAAG,OAAO,CAAC,OAAO,oBAAoB;iBACpD;gBACD,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG,OAAO,CAAC,OAAO,mBAAmB;iBACnD;aACF;SACF,CAAC;KACH;IAED,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAC/D,CAAC;AApCD,4CAoCC"}

package/src/generators/setup-mf/lib/update-host-app-routes.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from 'nx/src/generators/tree';
+import { Schema } from '../schema';
+export declare function updateHostAppRoutes(tree: Tree, options: Schema): void;

package/src/generators/setup-mf/lib/update-host-app-routes.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateHostAppRoutes = void 0;
+const project_configuration_1 = require("nx/src/generators/utils/project-configuration");
+const devkit_1 = require("@nx/devkit");
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const route_utils_1 = require("../../../utils/nx-devkit/route-utils");
+let tsModule;
+function updateHostAppRoutes(tree, options) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const { sourceRoot } = (0, project_configuration_1.readProjectConfiguration)(tree, options.appName);
+    const remoteRoutes = options.remotes && Array.isArray(options.remotes)
+        ? options.remotes.reduce((routes, remote) => `${routes}\n<li><a routerLink='${remote}'>${(0, devkit_1.names)(remote).className}</a></li>`, '')
+        : '';
+    tree.write((0, devkit_1.joinPathFragments)(sourceRoot, 'app/app.component.html'), `<ul class="remote-menu">
+<li><a routerLink='/'>Home</a></li>${remoteRoutes}
+</ul>
+<router-outlet></router-outlet>
+`);
+    let pathToHostRootRoutingFile = (0, devkit_1.joinPathFragments)(sourceRoot, 'app/app.routes.ts');
+    let hostRootRoutingFile = tree.read(pathToHostRootRoutingFile, 'utf-8');
+    if (!hostRootRoutingFile) {
+        pathToHostRootRoutingFile = (0, devkit_1.joinPathFragments)(sourceRoot, 'app/app-routing.module.ts');
+        hostRootRoutingFile = tree.read(pathToHostRootRoutingFile, 'utf-8');
+    }
+    let sourceFile = tsModule.createSourceFile(pathToHostRootRoutingFile, hostRootRoutingFile, tsModule.ScriptTarget.Latest, true);
+    (0, route_utils_1.addRoute)(tree, pathToHostRootRoutingFile, `{
+      path: '',
+      component: NxWelcomeComponent
+    }`);
+    tree.write(pathToHostRootRoutingFile, `import { NxWelcomeComponent } from './nx-welcome.component';
+    ${tree.read(pathToHostRootRoutingFile, 'utf-8')}`);
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/host-files'), (0, devkit_1.joinPathFragments)(sourceRoot, 'app'), {
+        appName: options.appName,
+        tmpl: '',
+    });
+}
+exports.updateHostAppRoutes = updateHostAppRoutes;
+//# sourceMappingURL=update-host-app-routes.js.map