@nx/angular 17.0.2 → 17.0.4

package/src/generators/remote/remote.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.remoteInternal = exports.remote = void 0;
 const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
-const semver_1 = require("semver");
 const test_runners_1 = require("../../utils/test-runners");
 const application_1 = require("../application/application");
 const setup_mf_1 = require("../setup-mf/setup-mf");
-const version_utils_1 = require("../utils/version-utils");
 const lib_1 = require("./lib");
 const versions_1 = require("@nx/js/src/utils/versions");
+const add_mf_env_to_inputs_1 = require("../utils/add-mf-env-to-inputs");
 async function remote(tree, options) {
     return await remoteInternal(tree, {
         projectNameAndRootFormat: 'derived',
@@ -18,12 +17,8 @@ async function remote(tree, options) {
 }
 exports.remote = remote;
 async function remoteInternal(tree, schema) {
-    const installedAngularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if ((0, semver_1.lt)(installedAngularVersionInfo.version, '14.1.0') && schema.standalone) {
-        throw new Error((0, devkit_1.stripIndents) `The "standalone" option is only supported in Angular >= 14.1.0. You are currently using ${installedAngularVersionInfo.version}.
-    You can resolve this error by removing the "standalone" option or by migrating to Angular 14.1.0.`);
-    }
     const { typescriptConfiguration = true, ...options } = schema;
+    options.standalone = options.standalone ?? true;
     const projects = (0, devkit_1.getProjects)(tree);
     if (options.host && !projects.has(options.host)) {
         throw new Error(`The name of the application to be used as the host app does not exist. (${options.host})`);
@@ -39,10 +34,11 @@ async function remoteInternal(tree, schema) {
     const port = options.port ?? (0, lib_1.findNextAvailablePort)(tree);
     const appInstallTask = await (0, application_1.applicationGenerator)(tree, {
         ...options,
-        standalone: options.standalone ?? false,
+        standalone: options.standalone,
         routing: true,
         port,
         skipFormat: true,
+        bundler: 'webpack',
     });
     const skipE2E = !options.e2eTestRunner || options.e2eTestRunner === test_runners_1.E2eTestRunner.None;
     await (0, setup_mf_1.setupMf)(tree, {
@@ -58,13 +54,14 @@ async function remoteInternal(tree, schema) {
         standalone: options.standalone,
         prefix: options.prefix,
         typescriptConfiguration,
+        setParserOptionsProject: options.setParserOptionsProject,
     });
     const installSwcHelpersTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
         '@swc/helpers': versions_1.swcHelpersVersion,
     });
     let installTasks = [appInstallTask, installSwcHelpersTask];
     if (options.ssr) {
-        let ssrInstallTask = await (0, lib_1.addSsr)(tree, {
+        let ssrInstallTask = await (0, lib_1.updateSsrSetup)(tree, {
             appName: remoteProjectName,
             port,
             typescriptConfiguration,
@@ -72,6 +69,7 @@ async function remoteInternal(tree, schema) {
         });
         installTasks.push(ssrInstallTask);
     }
+    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(tree);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }

package/src/generators/remote/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxMFRemote",
   "cli": "nx",
   "title": "Nx Module Federation Remote App",
@@ -55,15 +55,15 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)  [ http://sass-lang.com   ]"
+            "label": "SASS(.scss)  [ https://sass-lang.com   ]"
           },
           {
             "value": "sass",
-            "label": "SASS(.sass)  [ http://sass-lang.com   ]"
+            "label": "SASS(.sass)  [ https://sass-lang.com   ]"
           },
           {
             "value": "less",
-            "label": "LESS         [ http://lesscss.org     ]"
+            "label": "LESS         [ https://lesscss.org     ]"
           }
         ]
       }
@@ -158,9 +158,9 @@
       "x-priority": "internal"
     },
     "standalone": {
-      "description": "Whether to generate a remote application with standalone components. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Whether to generate a remote application with standalone components.",
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "ssr": {
       "description": "Whether to configure SSR for the remote application to be consumed by a host application using SSR.",

package/src/generators/scam/lib/convert-component-to-scam.js

@@ -39,5 +39,6 @@ function getNgModuleDeclaration(componentClassName) {
   declarations: [${componentClassName}],
   exports: [${componentClassName}],
 })
-export class ${componentClassName}Module {}`;
+export class ${componentClassName}Module {}
+`;
 }

package/src/generators/scam/schema.d.ts

@@ -19,15 +19,15 @@ export interface Schema {
   export?: boolean;
   skipFormat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/scam/schema.json

@@ -40,7 +40,7 @@
         "$source": "projectName"
       },
       "x-dropdown": "projects",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "displayBlock": {
       "description": "Specifies if the style will contain `:host { display: block; }`.",
@@ -94,7 +94,7 @@
       "type": "boolean",
       "description": "Create the new files at the top level of the current project.",
       "default": false,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "selector": {
       "type": "string",

package/src/generators/scam-directive/lib/convert-directive-to-scam.js

@@ -39,5 +39,6 @@ function getNgModuleDeclaration(directiveClassName) {
   declarations: [${directiveClassName}],
   exports: [${directiveClassName}],
 })
-export class ${directiveClassName}Module {}`;
+export class ${directiveClassName}Module {}
+`;
 }

package/src/generators/scam-directive/scam-directive.js

@@ -18,7 +18,9 @@ async function scamDirectiveGenerator(tree, rawOptions) {
     });
     (0, lib_1.convertDirectiveToScam)(tree, options);
     (0, export_scam_1.exportScam)(tree, options);
-    await (0, devkit_1.formatFiles)(tree);
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.scamDirectiveGenerator = scamDirectiveGenerator;
 exports.default = scamDirectiveGenerator;

package/src/generators/scam-directive/schema.d.ts

@@ -9,16 +9,17 @@ export interface Schema {
   prefix?: string;
   selector?: string;
   export?: boolean;
+  skipFormat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/scam-directive/schema.json

@@ -41,7 +41,7 @@
         "$source": "projectName"
       },
       "x-dropdown": "projects",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "skipTests": {
       "type": "boolean",
@@ -58,7 +58,7 @@
       "type": "boolean",
       "description": "Create the new files at the top level of the current project.",
       "default": true,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "selector": {
       "type": "string",
@@ -84,6 +84,12 @@
       "description": "Specifies if the SCAM should be exported from the project's entry point (normally `index.ts`). It only applies to libraries.",
       "default": true,
       "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": ["name"]

package/src/generators/scam-pipe/lib/convert-pipe-to-scam.js

@@ -39,5 +39,6 @@ function getNgModuleDeclaration(pipeClassName) {
   declarations: [${pipeClassName}],
   exports: [${pipeClassName}],
 })
-export class ${pipeClassName}Module {}`;
+export class ${pipeClassName}Module {}
+`;
 }

package/src/generators/scam-pipe/scam-pipe.js

@@ -18,7 +18,9 @@ async function scamPipeGenerator(tree, rawOptions) {
     });
     (0, lib_1.convertPipeToScam)(tree, options);
     (0, export_scam_1.exportScam)(tree, options);
-    await (0, devkit_1.formatFiles)(tree);
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.scamPipeGenerator = scamPipeGenerator;
 exports.default = scamPipeGenerator;

package/src/generators/scam-pipe/schema.d.ts

@@ -7,16 +7,17 @@ export interface Schema {
   skipTests?: boolean;
   inlineScam?: boolean;
   export?: boolean;
+  skipFormat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/scam-pipe/schema.json

@@ -41,7 +41,7 @@
         "$source": "projectName"
       },
       "x-dropdown": "projects",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "skipTests": {
       "type": "boolean",
@@ -58,13 +58,19 @@
       "type": "boolean",
       "description": "Create the new files at the top level of the current project.",
       "default": true,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "export": {
       "type": "boolean",
       "description": "Specifies if the SCAM should be exported from the project's entry point (normally `index.ts`). It only applies to libraries.",
       "default": true,
       "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": ["name"]

package/src/generators/scam-to-standalone/scam-to-standalone.js

@@ -3,14 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.scamToStandalone = void 0;
 const devkit_1 = require("@nx/devkit");
 const lib_1 = require("./lib");
-const version_utils_1 = require("../utils/version-utils");
-const semver_1 = require("semver");
 async function scamToStandalone(tree, { component, project: projectName, skipFormat }) {
-    const installedAngularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if ((0, semver_1.lt)(installedAngularVersionInfo.version, '14.1.0')) {
-        throw new Error((0, devkit_1.stripIndents) `This generator is only supported with Angular >= 14.1.0. You are currently using ${installedAngularVersionInfo.version}.
-    You can resolve this error by migrating to Angular 14.1.0.`);
-    }
     const projects = (0, devkit_1.getProjects)(tree);
     let project = (0, lib_1.getTargetProject)(projectName, projects);
     const normalizedComponentPath = (0, devkit_1.joinPathFragments)(project.root, component);

package/src/generators/scam-to-standalone/schema.json

@@ -1,9 +1,9 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "GeneratorAngularScamToStandalone",
   "cli": "nx",
   "title": "Convert an Inline SCAM to Standalone Component",
-  "description": "Convert an Inline SCAM to a Standalone Component. _Note: This generator is only supported with Angular versions >= 14.1.0_.",
+  "description": "Convert an Inline SCAM to a Standalone Component.",
   "type": "object",
   "properties": {
     "component": {

package/src/generators/setup-mf/files/host-files/app.component.spec.ts__tmpl__

@@ -37,6 +37,8 @@ describe('AppComponent', () => {
     tick();
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Welcome <%= appName %>');
+    expect(compiled.querySelector('h1')?.textContent).toContain(
+      'Welcome <%= appName %>'
+    );
   }));
 });

package/src/generators/setup-mf/files/ts-webpack/module-federation.config.ts__tmpl__

@@ -2,6 +2,18 @@ import { ModuleFederationConfig } from '@nx/webpack';
 
 const config: ModuleFederationConfig = {
   name: '<%= name %>',<% if(type === 'host') { %>
+  /**
+   * To use a remote that does not exist in your current Nx Workspace
+   * You can use the tuple-syntax to define your remote
+   *
+   * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
+   *
+   * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
+   * following content:
+   *
+   * declare module 'my-external-remote';
+   *
+   */
   remotes: [<% remotes.forEach(function(remote) { %>'<%= remote.remoteName %>',<% }); %>]<% } %><% if(type === 'remote') { %>
   exposes: {<% if(standalone) { %>
     './Routes': '<%= projectRoot %>/src/app/remote-entry/entry.routes.ts',<% } else { %>

package/src/generators/setup-mf/files/ts-webpack/tsconfig.lint.json__tmpl__

@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020"
+  },
+  "include": [
+    "src/main.ts",
+    <% if(type === "remote") { %> "src/remote-entry/<% if(standalone) { %>entry.routes.ts", <% } else { %> entry.module.ts", <% } } %>
+    "webpack.config.ts",
+    "webpack.prod.config.ts"
+  ]
+}

package/src/generators/setup-mf/files/ts-webpack/webpack.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {withModuleFederation} from '@nx/angular/module-federation';
+import { withModuleFederation } from '@nx/angular/module-federation';
 import config from './module-federation.config';
 
 export default withModuleFederation(config);

package/src/generators/setup-mf/files/ts-webpack/webpack.prod.config.ts__tmpl__

@@ -1,16 +1,16 @@
-import {withModuleFederation} from '@nx/angular/module-federation';
+import { withModuleFederation } from '@nx/angular/module-federation';
 import config from './module-federation.config';
 
 export default withModuleFederation({
-    ...config,
-    /*
-     * Remote overrides for production.
-     * Each entry is a pair of a unique name and the URL where it is deployed.
-     *
-     * e.g.
-     * remotes: [
-     *   ['app1', 'https://app1.example.com'],
-     *   ['app2', 'https://app2.example.com'],
-     * ]
-     */
+  ...config,
+  /*
+   * Remote overrides for production.
+   * Each entry is a pair of a unique name and the URL where it is deployed.
+   *
+   * e.g.
+   * remotes: [
+   *   ['app1', 'https://app1.example.com'],
+   *   ['app2', 'https://app2.example.com'],
+   * ]
+   */
 });

package/src/generators/setup-mf/files/webpack/module-federation.config.js__tmpl__

@@ -1,8 +1,20 @@
 module.exports = {
   name: '<%= name %>',<% if(type === 'host') { %>
+  /**
+   * To use a remote that does not exist in your current Nx Workspace
+   * You can use the tuple-syntax to define your remote
+   *
+   * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
+   *
+   * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
+   * following content:
+   *
+   * declare module 'my-external-remote';
+   *
+   */
   remotes: [<% remotes.forEach(function(remote) { %>'<%= remote.remoteName %>',<% }); %>]<% } %><% if(type === 'remote') { %>
   exposes: {<% if(standalone) { %>
     './Routes': '<%= projectRoot %>/src/app/remote-entry/entry.routes.ts',<% } else { %>
     './Module': '<%= projectRoot %>/src/app/remote-entry/entry.module.ts',<% } %>
   },<% } %>
-}
+};

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

@@ -22,10 +22,20 @@ function addCypressOnErrorWorkaround(tree, schema) {
     `);
         return;
     }
-    if (e2eProject.targets.e2e.executor !== '@nx/cypress:cypress' &&
-        e2eProject.targets.e2e.executor !== '@nx/cypress:cypress') {
-        // Not a cypress e2e project, skip
-        return;
+    if (e2eProject.targets?.e2e?.executor !== '@nx/cypress:cypress') {
+        try {
+            // don't ensure package is installed, if it's not installed, we don't need to add the workaround
+            const { CYPRESS_CONFIG_FILE_NAME_PATTERN, } = require('@nx/cypress/src/utils/config');
+            if (!(0, devkit_1.glob)(tree, [`${e2eProject.root}/${CYPRESS_CONFIG_FILE_NAME_PATTERN}`])
+                .length) {
+                // Not a cypress e2e project, skip
+                return;
+            }
+        }
+        catch {
+            // assume cypress is not installed
+            return;
+        }
     }
     const commandToAdd = `Cypress.on('uncaught:exception', err => {
     if (err.message.includes(\`Cannot use 'import.meta' outside a module\`)) {

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

@@ -15,17 +15,8 @@ function addRemoteEntry(tree, { appName, routing, prefix, standalone }, appRoot)
     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')}`);
+    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) }`);
     }
 }
 exports.addRemoteEntry = addRemoteEntry;

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

@@ -102,7 +102,7 @@ function addLazyLoadedRouteToHostAppModule(tree, options, hostFederationType) {
     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)}`;
+        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);
     }
 }

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

@@ -2,13 +2,11 @@
 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 && options.mfType === 'remote') {
-        tree.write(`${appRoot}/src/bootstrap.ts`, standaloneBootstrapCode(installedAngularMajor === 14));
+        tree.write(`${appRoot}/src/bootstrap.ts`, standaloneBootstrapCode());
     }
     else {
         tree.write((0, devkit_1.joinPathFragments)(appRoot, 'src/bootstrap.ts'), bootstrapCode);
@@ -16,26 +14,20 @@ function fixBootstrap(tree, appRoot, options) {
     const bootstrapImportCode = `import('./bootstrap').catch(err => console.error(err))`;
     const fetchMFManifestCode = `import { setRemoteDefinitions } from '@nx/angular/mf';
 
-  fetch('/assets/module-federation.manifest.json')
+fetch('/assets/module-federation.manifest.json')
   .then((res) => res.json())
   .then(definitions => setRemoteDefinitions(definitions))
-  .then(() => ${bootstrapImportCode})`;
+  .then(() => ${bootstrapImportCode});`;
     tree.write(mainFilePath, options.mfType === 'host' && options.federationType === 'dynamic'
         ? fetchMFManifestCode
-        : bootstrapImportCode);
+        : `${bootstrapImportCode};`);
 }
 exports.fixBootstrap = fixBootstrap;
-const standaloneBootstrapCode = (includeEnvironments = false) => `import {bootstrapApplication} from "@angular/platform-browser";
-import {appConfig} from './app/app.config';
-import {RemoteEntryComponent} from './app/remote-entry/entry.component';
-${includeEnvironments
-    ? `import {enableProdMode} from '@angular/core';
-import {environment} from './environments/environment';
-if(environment.production) {
-  enableProdMode();
-}
-`
-    : ``}
+const standaloneBootstrapCode = () => `import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { RemoteEntryComponent } from './app/remote-entry/entry.component';
+
 bootstrapApplication(RemoteEntryComponent, appConfig).catch((err) =>
   console.error(err)
-);`;
+);
+`;

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

@@ -23,5 +23,8 @@ function generateWebpackConfig(tree, options, appRoot, remotesWithPorts) {
         projectRoot: appRoot,
         standalone: options.standalone,
     });
+    if (!options.setParserOptionsProject) {
+        tree.delete((0, devkit_1.joinPathFragments)(appRoot, 'tsconfig.lint.json'));
+    }
 }
 exports.generateWebpackConfig = generateWebpackConfig;

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

@@ -6,7 +6,7 @@ export * from './fix-bootstrap';
 export * from './generate-config';
 export * from './get-remotes-with-ports';
 export * from './normalize-options';
-export * from './set-tsconfig-target';
+export * from './update-tsconfig';
 export * from './setup-host-if-dynamic';
 export * from './setup-serve-target';
 export * from './update-host-app-routes';

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

@@ -9,7 +9,7 @@ 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("./normalize-options"), exports);
-tslib_1.__exportStar(require("./set-tsconfig-target"), exports);
+tslib_1.__exportStar(require("./update-tsconfig"), 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);

package/src/generators/setup-mf/lib/normalize-options.js

@@ -7,7 +7,8 @@ function normalizeOptions(tree, options) {
         ...options,
         typescriptConfiguration: options.typescriptConfiguration ?? true,
         federationType: options.federationType ?? 'static',
-        prefix: options.prefix ?? (0, project_1.getProjectPrefix)(tree, options.appName),
+        prefix: options.prefix ?? (0, project_1.getProjectPrefix)(tree, options.appName) ?? 'app',
+        standalone: options.standalone ?? true,
     };
 }
 exports.normalizeOptions = normalizeOptions;

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

@@ -30,16 +30,16 @@ 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],
+  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 {}`);
     }

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

@@ -8,7 +8,7 @@ function setupServeTarget(host, options) {
         ...appConfig.targets['serve'],
         executor: options.mfType === 'host'
             ? '@nx/angular:module-federation-dev-server'
-            : '@nx/angular:webpack-dev-server',
+            : '@nx/angular:dev-server',
         options: {
             ...appConfig.targets['serve'].options,
             port: options.port ?? undefined,