@nx/angular 17.1.0-beta.0 → 17.1.0-beta.3

package/src/generators/application/files/ng-module/src/app/nx-welcome.component.ts__tpl__

@@ -742,9 +742,9 @@ import { Component, ViewEncapsulation } from '@angular/core';
               Add UI library
             </summary>
             <pre><span># Generate UI lib</span>
-nx g @nx/angular:lib ui
+nx g &#64;nx/angular:lib ui
 <span># Add a component</span>
-nx g @nx/angular:component button --project ui</pre>
+nx g &#64;nx/angular:component button --project ui</pre>
           </details>
           <details>
             <summary>

package/src/generators/application/files/ng-module/src/main.ts__tpl__

@@ -1,11 +1,5 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';<% if(installedAngularInfo.major === 14) { %>
-import { enableProdMode } from '@angular/core';<% } %>
-import { AppModule } from './app/app.module';<% if(installedAngularInfo.major === 14) { %>
-import { environment } from './environments/environment';
-
-if(environment.production) {
-  enableProdMode();
-}<% } %>
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
 
 platformBrowserDynamic()
   .bootstrapModule(AppModule)

package/src/generators/application/files/standalone-components/src/app/app.config.ts__tpl__

@@ -1,7 +1,7 @@
 import { ApplicationConfig } from <% if (installedAngularInfo.major >= 16) { %>'@angular/core';<% } else { %>'@angular/platform-browser';<% } %><% if (routing) { %>
-import { provideRouter, withEnabledBlockingInitialNavigation } from '@angular/router';
+import { provideRouter } from '@angular/router';
 import { appRoutes } from './app.routes';<% } %>
 
 export const appConfig: ApplicationConfig = {
-  providers: [<% if (routing) { %>provideRouter(appRoutes, withEnabledBlockingInitialNavigation()) <% } %>]
+  providers: [<% if (routing) { %>provideRouter(appRoutes) <% } %>]
 };

package/src/generators/application/files/standalone-components/src/app/nx-welcome.component.ts__tpl__

@@ -745,9 +745,9 @@ import { CommonModule } from '@angular/common';
               Add UI library
             </summary>
             <pre><span># Generate UI lib</span>
-nx g @nx/angular:lib ui
+nx g &#64;nx/angular:lib ui
 <span># Add a component</span>
-nx g @nx/angular:component button --project ui</pre>
+nx g &#64;nx/angular:component button --project ui</pre>
           </details>
           <details>
             <summary>

package/src/generators/application/lib/add-e2e.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addE2e = void 0;
+const cypress_1 = require("@nx/cypress");
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../../utils/versions");
-const cypress_1 = require("@nx/cypress");
+const version_utils_1 = require("../../utils/version-utils");
 async function addE2e(tree, options) {
     if (options.e2eTestRunner === 'cypress') {
         // TODO: This can call `@nx/web:static-config` generator when ready
@@ -52,12 +53,17 @@ async function addE2e(tree, options) {
 exports.addE2e = addE2e;
 function addFileServerTarget(tree, options, targetName) {
     (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@nx/web': versions_1.nxVersion });
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const isUsingApplicationBuilder = angularMajorVersion >= 17 && options.bundler === 'esbuild';
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.name);
     projectConfig.targets[targetName] = {
         executor: '@nx/web:file-server',
         options: {
             buildTarget: `${options.name}:build`,
             port: options.port,
+            staticFilePath: isUsingApplicationBuilder
+                ? (0, devkit_1.joinPathFragments)(options.outputPath, 'browser')
+                : undefined,
         },
     };
     (0, devkit_1.updateProjectConfiguration)(tree, options.name, projectConfig);

package/src/generators/application/lib/add-unit-test-runner.js

@@ -4,6 +4,7 @@ exports.addUnitTestRunner = void 0;
 const devkit_1 = require("@nx/devkit");
 const jest_1 = require("@nx/jest");
 const test_runners_1 = require("../../../utils/test-runners");
+const version_utils_1 = require("../../utils/version-utils");
 async function addUnitTestRunner(host, options) {
     if (options.unitTestRunner === test_runners_1.UnitTestRunner.Jest) {
         await (0, jest_1.configurationGenerator)(host, {
@@ -15,6 +16,7 @@ async function addUnitTestRunner(host, options) {
             skipFormat: true,
         });
         const setupFile = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'src', 'test-setup.ts');
+        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(host);
         if (options.strict && host.exists(setupFile)) {
             const contents = host.read(setupFile, 'utf-8');
             host.write(setupFile, `// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
@@ -24,7 +26,15 @@ globalThis.ngJest = {
     errorOnUnknownProperties: true,
   },
 };
-${contents}`);
+${contents}${angularMajorVersion >= 17
+                ? `
+/**
+ * Angular uses performance.mark() which is not supported by jsdom. Stub it out
+ * to avoid errors.
+ */
+global.performance.mark = jest.fn();
+`
+                : ''}`);
         }
     }
 }

package/src/generators/application/lib/create-files.js

@@ -8,6 +8,7 @@ const test_runners_1 = require("../../../utils/test-runners");
 const version_utils_1 = require("../../utils/version-utils");
 async function createFiles(tree, options, rootOffset) {
     const installedAngularInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const isUsingApplicationBuilder = installedAngularInfo.major >= 17 && options.bundler === 'esbuild';
     const substitutions = {
         rootSelector: `${options.prefix}-root`,
         appName: options.name,
@@ -22,19 +23,23 @@ async function createFiles(tree, options, rootOffset) {
         rootTsConfig: (0, devkit_1.joinPathFragments)(rootOffset, (0, js_1.getRootTsConfigFileName)(tree)),
         installedAngularInfo,
         rootOffset,
+        isUsingApplicationBuilder,
         tpl: '',
     };
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/base'), options.appProjectRoot, substitutions);
-    if (installedAngularInfo.major === 14) {
-        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/v14'), options.appProjectRoot, substitutions);
-    }
     if (options.standalone) {
         (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/standalone-components'), options.appProjectRoot, substitutions);
     }
     else {
-        await (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/ng-module'), options.appProjectRoot, substitutions);
+        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/ng-module'), options.appProjectRoot, substitutions);
     }
-    (0, create_ts_config_1.createTsConfig)(tree, options.appProjectRoot, 'app', options, (0, js_1.getRelativePathToRootTsConfig)(tree, options.appProjectRoot));
+    (0, create_ts_config_1.createTsConfig)(tree, options.appProjectRoot, 'app', {
+        bundler: options.bundler,
+        rootProject: options.rootProject,
+        strict: options.strict,
+        style: options.style,
+        esModuleInterop: isUsingApplicationBuilder,
+    }, (0, js_1.getRelativePathToRootTsConfig)(tree, options.appProjectRoot));
     if (!options.routing) {
         tree.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, '/src/app/app.routes.ts'));
     }

package/src/generators/application/lib/create-project.js

@@ -4,64 +4,72 @@ exports.createProject = void 0;
 const devkit_1 = require("@nx/devkit");
 const version_utils_1 = require("../../utils/version-utils");
 function createProject(tree, options) {
-    const installedAngularInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
     const buildExecutor = options.bundler === 'webpack'
         ? '@angular-devkit/build-angular:browser'
-        : '@angular-devkit/build-angular:browser-esbuild';
+        : angularMajorVersion >= 17
+            ? '@angular-devkit/build-angular:application'
+            : '@angular-devkit/build-angular:browser-esbuild';
+    const buildTargetOptionName = angularMajorVersion >= 17 ? 'buildTarget' : 'browserTarget';
+    const buildMainOptionName = angularMajorVersion >= 17 && options.bundler === 'esbuild'
+        ? 'browser'
+        : 'main';
+    let budgets = undefined;
+    if (options.bundler === 'webpack' || angularMajorVersion >= 17) {
+        if (options.strict) {
+            budgets = [
+                { type: 'initial', maximumWarning: '500kb', maximumError: '1mb' },
+                {
+                    type: 'anyComponentStyle',
+                    maximumWarning: '2kb',
+                    maximumError: '4kb',
+                },
+            ];
+        }
+        else {
+            budgets = [
+                { type: 'initial', maximumWarning: '2mb', maximumError: '5mb' },
+                {
+                    type: 'anyComponentStyle',
+                    maximumWarning: '6kb',
+                    maximumError: '10kb',
+                },
+            ];
+        }
+    }
+    const inlineStyleLanguage = options?.style !== 'css' ? options.style : undefined;
     const project = {
         name: options.name,
         projectType: 'application',
         prefix: options.prefix,
         root: options.appProjectRoot,
-        sourceRoot: `${options.appProjectRoot}/src`,
+        sourceRoot: options.appProjectSourceRoot,
         tags: options.parsedTags,
         targets: {
             build: {
                 executor: buildExecutor,
                 outputs: ['{options.outputPath}'],
                 options: {
-                    outputPath: `dist/${!options.rootProject ? options.appProjectRoot : options.name}`,
-                    index: `${options.appProjectRoot}/src/index.html`,
-                    main: `${options.appProjectRoot}/src/main.ts`,
-                    polyfills: installedAngularInfo.major === 14
-                        ? `${options.appProjectRoot}/src/polyfills.ts`
-                        : ['zone.js'],
+                    outputPath: options.outputPath,
+                    index: `${options.appProjectSourceRoot}/index.html`,
+                    [buildMainOptionName]: `${options.appProjectSourceRoot}/main.ts`,
+                    polyfills: ['zone.js'],
                     tsConfig: `${options.appProjectRoot}/tsconfig.app.json`,
+                    inlineStyleLanguage,
                     assets: [
-                        `${options.appProjectRoot}/src/favicon.ico`,
-                        `${options.appProjectRoot}/src/assets`,
+                        `${options.appProjectSourceRoot}/favicon.ico`,
+                        `${options.appProjectSourceRoot}/assets`,
                     ],
-                    styles: [`${options.appProjectRoot}/src/styles.${options.style}`],
+                    styles: [`${options.appProjectSourceRoot}/styles.${options.style}`],
                     scripts: [],
                 },
                 configurations: {
                     production: {
-                        budgets: options.bundler === 'webpack'
-                            ? [
-                                {
-                                    type: 'initial',
-                                    maximumWarning: '500kb',
-                                    maximumError: '1mb',
-                                },
-                                {
-                                    type: 'anyComponentStyle',
-                                    maximumWarning: '2kb',
-                                    maximumError: '4kb',
-                                },
-                            ]
-                            : undefined,
-                        fileReplacements: installedAngularInfo.major === 14
-                            ? [
-                                {
-                                    replace: `${options.appProjectRoot}/src/environments/environment.ts`,
-                                    with: `${options.appProjectRoot}/src/environments/environment.prod.ts`,
-                                },
-                            ]
-                            : undefined,
+                        budgets,
                         outputHashing: 'all',
                     },
                     development: {
-                        buildOptimizer: false,
+                        buildOptimizer: options.bundler === 'webpack' ? false : undefined,
                         optimization: false,
                         vendorChunk: options.bundler === 'webpack' ? true : undefined,
                         extractLicenses: false,
@@ -80,10 +88,10 @@ function createProject(tree, options) {
                     : undefined,
                 configurations: {
                     production: {
-                        browserTarget: `${options.name}:build:production`,
+                        [buildTargetOptionName]: `${options.name}:build:production`,
                     },
                     development: {
-                        browserTarget: `${options.name}:build:development`,
+                        [buildTargetOptionName]: `${options.name}:build:development`,
                     },
                 },
                 defaultConfiguration: 'development',
@@ -91,7 +99,7 @@ function createProject(tree, options) {
             'extract-i18n': {
                 executor: '@angular-devkit/build-angular:extract-i18n',
                 options: {
-                    browserTarget: `${options.name}:build`,
+                    [buildTargetOptionName]: `${options.name}:build`,
                 },
             },
         },

package/src/generators/application/lib/normalize-options.d.ts

@@ -1,4 +1,4 @@
-import { Tree } from '@nx/devkit';
+import { type Tree } from '@nx/devkit';
 import type { Schema } from '../schema';
 import type { NormalizedSchema } from './normalized-schema';
 export declare function normalizeOptions(host: Tree, options: Partial<Schema>): Promise<NormalizedSchema>;

package/src/generators/application/lib/normalize-options.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = 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 get_npm_scope_1 = require("@nx/js/src/utils/package-json/get-npm-scope");
 const eslint_1 = require("@nx/eslint");
+const get_npm_scope_1 = require("@nx/js/src/utils/package-json/get-npm-scope");
 const test_runners_1 = require("../../../utils/test-runners");
 const project_1 = require("../../utils/project");
+const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(host, options) {
     const { projectName: appProjectName, projectRoot: appProjectRoot, projectNameAndRootFormat, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
@@ -23,10 +25,15 @@ async function normalizeOptions(host, options) {
         ? options.tags.split(',').map((s) => s.trim())
         : [];
     const prefix = (0, project_1.normalizeNewProjectPrefix)(options.prefix, (0, get_npm_scope_1.getNpmScope)(host), 'app');
+    let bundler = options.bundler;
+    if (!bundler) {
+        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(host);
+        bundler = angularMajorVersion >= 17 ? 'esbuild' : 'webpack';
+    }
     // Set defaults and then overwrite with user options
     return {
         style: 'css',
-        routing: false,
+        routing: true,
         inlineStyle: false,
         inlineTemplate: false,
         skipTests: options.unitTestRunner === test_runners_1.UnitTestRunner.None,
@@ -35,14 +42,18 @@ async function normalizeOptions(host, options) {
         e2eTestRunner: test_runners_1.E2eTestRunner.Cypress,
         linter: eslint_1.Linter.EsLint,
         strict: true,
-        bundler: options.bundler ?? 'webpack',
+        standalone: true,
         ...options,
         prefix,
         name: appProjectName,
         appProjectRoot,
+        appProjectSourceRoot: `${appProjectRoot}/src`,
         e2eProjectRoot,
         e2eProjectName,
         parsedTags,
+        bundler,
+        outputPath: (0, devkit_1.joinPathFragments)('dist', !options.rootProject ? appProjectRoot : appProjectName),
+        ssr: options.ssr ?? false,
     };
 }
 exports.normalizeOptions = normalizeOptions;

package/src/generators/application/lib/normalized-schema.d.ts

@@ -7,7 +7,9 @@ export interface NormalizedSchema extends Schema {
     e2eTestRunner: E2eTestRunner;
     prefix: string;
     appProjectRoot: string;
+    appProjectSourceRoot: string;
     e2eProjectName: string;
     e2eProjectRoot: string;
     parsedTags: string[];
+    outputPath: string;
 }

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

@@ -30,4 +30,5 @@ export interface Schema {
   rootProject?: boolean;
   minimal?: boolean;
   bundler?: 'webpack' | 'esbuild';
+  ssr?: boolean;
 }

package/src/generators/application/schema.json

@@ -56,9 +56,8 @@
     },
     "routing": {
       "type": "boolean",
-      "description": "Generate a routing module.",
-      "default": false,
-      "x-prompt": "Would you like to configure routing for this application?",
+      "description": "Enable routing for the application.",
+      "default": true,
       "x-priority": "important"
     },
     "inlineStyle": {
@@ -155,8 +154,9 @@
       "default": false
     },
     "standalone": {
-      "description": "Generate an application that is setup to use standalone components. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Generate an application that is setup to use standalone components.",
       "type": "boolean",
+      "default": true,
       "x-priority": "important"
     },
     "rootProject": {
@@ -172,10 +172,17 @@
       "default": false
     },
     "bundler": {
-      "description": "Bundler to use to build the application.",
+      "description": "Bundler to use to build the application. It defaults to `esbuild` for Angular versions >= 17.0.0. Otherwise, it defaults to `webpack`. _Note: The `esbuild` bundler is only considered stable from Angular v17._",
       "type": "string",
       "enum": ["webpack", "esbuild"],
-      "default": "webpack"
+      "x-prompt": "Which bundler do you want to use to build the application?",
+      "x-priority": "important"
+    },
+    "ssr": {
+      "description": "Creates an application with Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering) enabled.",
+      "type": "boolean",
+      "x-prompt": "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?",
+      "default": false
     }
   },
   "additionalProperties": false,

package/src/generators/component/component.js

@@ -12,7 +12,6 @@ async function componentGenerator(tree, rawOptions) {
 }
 exports.componentGenerator = componentGenerator;
 async function componentGeneratorInternal(tree, rawOptions) {
-    (0, lib_1.validateOptions)(tree, rawOptions);
     const options = await (0, lib_1.normalizeOptions)(tree, rawOptions);
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
         name: options.name,

package/src/generators/component/lib/index.d.ts

@@ -1,4 +1,3 @@
 export * from './component';
 export * from './module';
 export * from './normalize-options';
-export * from './validate-options';

package/src/generators/component/lib/index.js

@@ -4,4 +4,3 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./component"), exports);
 tslib_1.__exportStar(require("./module"), exports);
 tslib_1.__exportStar(require("./normalize-options"), exports);
-tslib_1.__exportStar(require("./validate-options"), exports);

package/src/generators/component/lib/normalize-options.js

@@ -28,6 +28,7 @@ async function normalizeOptions(tree, options) {
         projectName,
         changeDetection: options.changeDetection ?? 'Default',
         style: options.style ?? 'css',
+        standalone: options.standalone ?? true,
         directory,
         fileName,
         filePath,

package/src/generators/component/schema.json

@@ -60,9 +60,9 @@
       "alias": "t"
     },
     "standalone": {
-      "description": "Whether the generated component is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "Whether the generated component is standalone.",
       "type": "boolean",
-      "default": false,
+      "default": true,
       "x-priority": "important"
     },
     "viewEncapsulation": {

package/src/generators/directive/directive.js

@@ -5,7 +5,6 @@ const devkit_1 = require("@nx/devkit");
 const utils_1 = require("../utils");
 const lib_1 = require("./lib");
 async function directiveGenerator(tree, schema) {
-    (0, lib_1.validateOptions)(tree, schema);
     const options = await (0, lib_1.normalizeOptions)(tree, schema);
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
         selector: options.selector,

package/src/generators/directive/lib/index.d.ts

@@ -1,2 +1 @@
 export * from './normalize-options';
-export * from './validate-options';

package/src/generators/directive/lib/index.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./normalize-options"), exports);
-tslib_1.__exportStar(require("./validate-options"), exports);

package/src/generators/directive/lib/normalize-options.js

@@ -30,6 +30,7 @@ async function normalizeOptions(tree, options) {
         filePath,
         symbolName,
         selector,
+        standalone: options.standalone ?? true,
     };
 }
 exports.normalizeOptions = normalizeOptions;

package/src/generators/directive/schema.json

@@ -66,9 +66,9 @@
       "description": "The HTML selector to use for this directive."
     },
     "standalone": {
-      "description": "Whether the generated directive is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "Whether the generated directive is standalone.",
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "flat": {
       "type": "boolean",

package/src/generators/federate-module/federate-module.js

@@ -9,6 +9,7 @@ async function federateModuleGenerator(tree, schema) {
     
     Path: ${schema.path}`);
     }
+    schema.standalone = schema.standalone ?? true;
     const { tasks, projectRoot, remoteName } = await (0, lib_1.addRemote)(tree, schema);
     (0, lib_1.addFileToRemoteTsconfig)(tree, remoteName, schema.path);
     (0, lib_1.addPathToExposes)(tree, {

package/src/generators/federate-module/lib/add-remote.d.ts

@@ -1,4 +1,4 @@
-import { GeneratorCallback, type Tree } from '@nx/devkit';
+import type { GeneratorCallback, Tree } from '@nx/devkit';
 import { type Schema } from '../schema';
 export declare function addRemote(tree: Tree, schema: Schema): Promise<{
     tasks: GeneratorCallback[];

package/src/generators/federate-module/lib/add-remote.js

@@ -1,24 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addRemote = 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 check_remote_exists_1 = require("./check-remote-exists");
-const version_utils_1 = require("../../utils/version-utils");
-const remote_1 = require("../../remote/remote");
 const test_runners_1 = require("../../../utils/test-runners");
+const remote_1 = require("../../remote/remote");
+const check_remote_exists_1 = require("./check-remote-exists");
 async function addRemote(tree, schema) {
     const tasks = [];
     const remote = (0, check_remote_exists_1.getRemoteIfExists)(tree, schema.remote);
     let projectRoot, remoteName;
     if (!remote) {
-        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 remoteGeneratorCallback = await (0, remote_1.default)(tree, {
             name: schema.remote,
             directory: schema.remoteDirectory,

package/src/generators/federate-module/schema.json

@@ -12,22 +12,22 @@
   ],
   "type": "object",
   "properties": {
-    "name": {
-      "description": "The name of the module.",
+    "path": {
       "type": "string",
       "$default": {
         "$source": "argv",
         "index": 0
       },
+      "description": "The path to locate the federated module.",
+      "x-prompt": "What is the path to the module to be federated?"
+    },
+    "name": {
+      "description": "The name of the module.",
+      "type": "string",
       "x-prompt": "What name would you like to use for the module?",
       "pattern": "^[a-zA-Z][^:]*$",
       "x-priority": "important"
     },
-    "path": {
-      "type": "string",
-      "description": "The path to locate the federated module.",
-      "x-prompt": "What is the path to the module to be federated?"
-    },
     "remote": {
       "type": "string",
       "description": "The name of the remote.",
@@ -67,9 +67,9 @@
       "default": "cypress"
     },
     "standalone": {
-      "description": "Whether to generate the remote application with standalone components if it needs to be created. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Whether to generate the remote application with standalone components if it needs to be created.",
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "host": {
       "type": "string",

package/src/generators/host/files/common/v17+/src/main.server.ts__tmpl__

@@ -0,0 +1,67 @@
+import 'zone.js/node';
+
+import { APP_BASE_HREF } from '@angular/common';
+import { CommonEngine } from '@angular/ssr';
+import * as express from 'express';
+import * as cors from 'cors';
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+import<% if(standalone) { %> bootstrap <% } else { %> { AppServerModule } <% } %>from './bootstrap.server';
+
+// The Express app is exported so that it can be used by serverless Functions.
+export function app(): express.Express {
+  const server = express();
+  const distFolder = join(process.cwd(), '<%= browserBundleOutput %>');
+  const indexHtml = existsSync(join(distFolder, 'index.original.html'))
+    ? join(distFolder, 'index.original.html')
+    : join(distFolder, 'index.html');
+
+  server.use(cors());
+
+  const commonEngine = new CommonEngine();
+
+  server.set('view engine', 'html');
+  server.set('views', distFolder);
+
+  // Example Express Rest API endpoints
+  // server.get('/api/**', (req, res) => { });
+  // Serve static files from /browser
+  server.get(
+    '*.*',
+    express.static(distFolder, {
+      maxAge: '1y',
+    })
+  );
+
+  // All regular routes use the Angular engine
+  server.get('*', (req, res, next) => {
+    const { protocol, originalUrl, baseUrl, headers } = req;
+
+    commonEngine
+      .render({
+        bootstrap<% if (!standalone) { %>: AppServerModule<% } %>,
+        documentFilePath: indexHtml,
+        url: `${protocol}://${headers.host}${originalUrl}`,
+        publicPath: distFolder,
+        providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }],
+      })
+      .then((html) => res.send(html))
+      .catch((err) => next(err));
+  });
+
+  return server;
+}
+
+function run(): void {
+  const port = process.env['PORT'] || 4000;
+
+  // Start up the Node server
+  const server = app();
+  server.listen(port, () => {
+    console.log(`Node Express server listening on http://localhost:${port}`);
+  });
+}
+
+run();
+
+export default <% if (standalone) { %>bootstrap<% } else { %>AppServerModule<% } %>;