@nx/angular 17.1.0-beta.2 → 17.1.0-beta.4

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./add-ssr"), exports);
+tslib_1.__exportStar(require("./update-ssr-setup"), exports);

package/src/generators/host/lib/update-ssr-setup.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function updateSsrSetup(tree: Tree, options: Schema, appName: string, typescriptConfiguration: boolean): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/host/lib/{add-ssr.js → update-ssr-setup.js}

@@ -1,22 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addSsr = void 0;
+exports.updateSsrSetup = void 0;
 const devkit_1 = require("@nx/devkit");
-const setup_ssr_1 = require("../../setup-ssr/setup-ssr");
-const versions_1 = require("../../../utils/versions");
 const path_1 = require("path");
-async function addSsr(tree, options, appName, typescriptConfiguration) {
+const versions_1 = require("../../../utils/versions");
+const version_utils_1 = require("../../utils/version-utils");
+async function updateSsrSetup(tree, options, appName, typescriptConfiguration) {
     let project = (0, devkit_1.readProjectConfiguration)(tree, appName);
-    await (0, setup_ssr_1.default)(tree, {
-        project: appName,
-        standalone: options.standalone,
-    });
     tree.rename((0, devkit_1.joinPathFragments)(project.sourceRoot, 'main.server.ts'), (0, devkit_1.joinPathFragments)(project.sourceRoot, 'bootstrap.server.ts'));
     tree.write((0, devkit_1.joinPathFragments)(project.root, 'server.ts'), "import('./src/main.server');");
-    const browserBundleOutput = (0, devkit_1.joinPathFragments)(project.targets.build.options.outputPath, 'browser');
-    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, '../files/common'), project.root, {
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, '../files/common', angularMajorVersion >= 17 ? 'v17+' : 'pre-v17'), project.root, {
         appName,
-        browserBundleOutput,
+        browserBundleOutput: project.targets.build.options.outputPath,
         standalone: options.standalone,
         tmpl: '',
     });
@@ -35,12 +31,10 @@ async function addSsr(tree, options, appName, typescriptConfiguration) {
     (0, devkit_1.updateProjectConfiguration)(tree, appName, project);
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {
         cors: versions_1.corsVersion,
-        express: versions_1.expressVersion,
         '@module-federation/node': versions_1.moduleFederationNodeVersion,
     }, {
         '@types/cors': versions_1.typesCorsVersion,
-        '@types/express': versions_1.typesExpressVersion,
     });
     return installTask;
 }
-exports.addSsr = addSsr;
+exports.updateSsrSetup = updateSsrSetup;

package/src/generators/host/schema.json

@@ -165,8 +165,8 @@
     },
     "standalone": {
       "type": "boolean",
-      "description": "Whether to generate a host application that uses standalone components. _Note: This is only supported in Angular versions >= 14.1.0_",
-      "default": false
+      "description": "Whether to generate a host application that uses standalone components.",
+      "default": true
     },
     "ssr": {
       "description": "Whether to configure SSR for the host application",

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

@@ -8,6 +8,7 @@ const eslint_1 = require("@nx/eslint");
 const test_runners_1 = require("../../../utils/test-runners");
 const project_1 = require("../../utils/project");
 async function normalizeOptions(host, schema) {
+    schema.standalone = schema.standalone ?? true;
     // Create a schema with populated default values
     const options = {
         buildable: false,

package/src/generators/library/library.js

@@ -5,7 +5,6 @@ const devkit_1 = require("@nx/devkit");
 const jest_1 = require("@nx/jest");
 const eslint_1 = require("@nx/eslint");
 const js_1 = require("@nx/js");
-const semver_1 = require("semver");
 const init_1 = require("../../generators/init/init");
 const test_runners_1 = require("../../utils/test-runners");
 const add_linting_1 = require("../add-linting/add-linting");
@@ -40,10 +39,6 @@ async function libraryGeneratorInternal(tree, schema) {
     if (schema.addTailwind && !schema.buildable && !schema.publishable) {
         throw new Error(`To use "--addTailwind" option, you have to set either "--buildable" or "--publishable".`);
     }
-    const userInstalledAngularVersion = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if ((0, semver_1.lt)(userInstalledAngularVersion.version, '14.1.0') && schema.standalone) {
-        throw new Error(`The "--standalone" option is not supported in Angular versions < 14.1.0.`);
-    }
     const options = await (0, normalize_options_1.normalizeOptions)(tree, schema);
     const { libraryOptions } = options;
     const pkgVersions = (0, version_utils_1.versions)(tree);

package/src/generators/library/schema.json

@@ -141,65 +141,65 @@
     },
     "standalone": {
       "type": "boolean",
-      "description": "Generate a library that uses a standalone component instead of a module as the entry point. _Note: This is only supported in Angular versions >= 14.1.0_",
-      "default": false
+      "description": "Generate a library that uses a standalone component instead of a module as the entry point.",
+      "default": true
     },
     "displayBlock": {
-      "description": "Specifies if the component generated style will contain `:host { display: block; }`. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Specifies if the component generated style will contain `:host { display: block; }`. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "type": "boolean",
       "default": false,
       "alias": "b"
     },
     "inlineStyle": {
-      "description": "Include styles inline in the component.ts file. Only CSS styles can be included inline. By default, an external styles file is created and referenced in the component.ts file. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Include styles inline in the component.ts file. Only CSS styles can be included inline. By default, an external styles file is created and referenced in the component.ts file. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "type": "boolean",
       "default": false,
       "alias": "s"
     },
     "inlineTemplate": {
-      "description": "Include template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Include template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "type": "boolean",
       "default": false,
       "alias": "t"
     },
     "viewEncapsulation": {
-      "description": "The view encapsulation strategy to use in the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "The view encapsulation strategy to use in the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "enum": ["Emulated", "None", "ShadowDom"],
       "type": "string",
       "alias": "v"
     },
     "changeDetection": {
-      "description": "The change detection strategy to use in the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "The change detection strategy to use in the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "enum": ["Default", "OnPush"],
       "type": "string",
       "default": "Default",
       "alias": "c"
     },
     "style": {
-      "description": "The file extension or preprocessor to use for style files, or `none` to skip generating the style file. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "The file extension or preprocessor to use for style files, or `none` to skip generating the style file. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "type": "string",
       "default": "css",
       "enum": ["css", "scss", "sass", "less", "none"]
     },
     "skipTests": {
       "type": "boolean",
-      "description": "Do not create `spec.ts` test files for the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_",
+      "description": "Do not create `spec.ts` test files for the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
       "default": false
     },
     "selector": {
       "type": "string",
       "format": "html-selector",
-      "description": "The HTML selector to use for this component. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_"
+      "description": "The HTML selector to use for this component. Disclaimer: This option is only valid when `--standalone` is set to `true`."
     },
     "skipSelector": {
       "type": "boolean",
       "default": false,
-      "description": "Specifies if the component should have a selector or not. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_"
+      "description": "Specifies if the component should have a selector or not. Disclaimer: This option is only valid when `--standalone` is set to `true`."
     },
     "flat": {
       "type": "boolean",
       "default": false,
-      "description": "Ensure the generated standalone component is not placed in a subdirectory. Disclaimer: This option is only valid when `--standalone` is set to `true`. _Note: This is only supported in Angular versions >= 14.1.0_"
+      "description": "Ensure the generated standalone component is not placed in a subdirectory. Disclaimer: This option is only valid when `--standalone` is set to `true`."
     }
   },
   "additionalProperties": false,

package/src/generators/ng-add/migrators/projects/app.migrator.js

@@ -9,7 +9,13 @@ const builders_1 = require("../builders");
 const e2e_migrator_1 = require("./e2e.migrator");
 const project_migrator_1 = require("./project.migrator");
 const supportedTargets = {
-    build: { builders: ['@angular-devkit/build-angular:browser'] },
+    build: {
+        builders: [
+            '@angular-devkit/build-angular:application',
+            '@angular-devkit/build-angular:browser',
+            '@angular-devkit/build-angular:browser-esbuild',
+        ],
+    },
     e2e: {
         acceptMultipleDefinitions: true,
         builders: [
@@ -18,10 +24,20 @@ const supportedTargets = {
         ],
     },
     i18n: { builders: ['@angular-devkit/build-angular:extract-i18n'] },
-    prerender: { builders: ['@nguniversal/builders:prerender'] },
+    prerender: {
+        builders: [
+            '@nguniversal/builders:prerender',
+            '@angular-devkit/build-angular:prerender',
+        ],
+    },
     serve: { builders: ['@angular-devkit/build-angular:dev-server'] },
     server: { builders: ['@angular-devkit/build-angular:server'] },
-    serveSsr: { builders: ['@nguniversal/builders:ssr-dev-server'] },
+    serveSsr: {
+        builders: [
+            '@nguniversal/builders:ssr-dev-server',
+            '@angular-devkit/build-angular:ssr-dev-server',
+        ],
+    },
 };
 // TODO(leo): this will replace `supportedTargets` once the full refactor is done.
 const supportedBuilderMigrators = [
@@ -125,10 +141,22 @@ class AppMigrator extends project_migrator_1.ProjectMigrator {
         buildOptions.outputPath =
             buildOptions.outputPath &&
                 (0, devkit_1.joinPathFragments)('dist', this.project.newRoot, this.targetNames.server ? 'browser' : '');
-        buildOptions.index =
-            buildOptions.index && this.convertAsset(buildOptions.index);
+        if (buildOptions.index) {
+            if (typeof buildOptions.index === 'string') {
+                buildOptions.index = this.convertAsset(buildOptions.index);
+            }
+            else {
+                buildOptions.index.input =
+                    buildOptions.index.input &&
+                        this.convertAsset(buildOptions.index.input);
+            }
+        }
         buildOptions.main =
             buildOptions.main && this.convertAsset(buildOptions.main);
+        buildOptions.browser =
+            buildOptions.browser && this.convertAsset(buildOptions.browser);
+        buildOptions.server =
+            buildOptions.server && this.convertAsset(buildOptions.server);
         buildOptions.polyfills =
             buildOptions.polyfills &&
                 (Array.isArray(buildOptions.polyfills)
@@ -152,6 +180,20 @@ class AppMigrator extends project_migrator_1.ProjectMigrator {
                     replace: this.convertAsset(replacement.replace),
                     with: this.convertAsset(replacement.with),
                 }));
+        buildOptions.serviceWorker =
+            buildOptions.serviceWorker &&
+                typeof buildOptions.serviceWorker === 'string' &&
+                this.convertAsset(buildOptions.serviceWorker);
+        buildOptions.ngswConfigPath =
+            buildOptions.ngswConfigPath &&
+                this.convertAsset(buildOptions.ngswConfigPath);
+        if (buildOptions.prerender?.routesFile) {
+            buildOptions.prerender.routesFile = this.convertAsset(buildOptions.prerender.routesFile);
+        }
+        buildOptions.ssr =
+            buildOptions.ssr &&
+                typeof buildOptions.ssr === 'string' &&
+                this.convertAsset(buildOptions.ssr);
     }
     convertServerOptions(serverOptions) {
         serverOptions.outputPath =
@@ -243,11 +285,12 @@ class AppMigrator extends project_migrator_1.ProjectMigrator {
             this.shouldSkipTargetTypeMigration('serveSsr')) {
             return;
         }
-        const serveSsrTarget = this.projectConfig.targets[this.targetNames.serveSsr];
+        const ssrTarget = this.targetNames.serveSsr ?? this.targetNames['serve-ssr'];
+        const serveSsrTarget = this.projectConfig.targets[ssrTarget];
         if (!serveSsrTarget.options &&
             (!serveSsrTarget.configurations ||
                 !Object.keys(serveSsrTarget.configurations).length)) {
-            this.logger.warn(`The target "${this.targetNames.serveSsr}" is not specifying any options or configurations. Skipping updating the target configuration.`);
+            this.logger.warn(`The target "${ssrTarget}" is not specifying any options or configurations. Skipping updating the target configuration.`);
             return;
         }
         ['sslKey', 'sslCert', 'proxyConfig'].forEach((option) => {

package/src/generators/ngrx/lib/generate-files.js

@@ -3,27 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateNgrxFilesFromTemplates = void 0;
 const devkit_1 = require("@nx/devkit");
 const semver_1 = require("semver");
-const version_utils_1 = require("../../utils/version-utils");
 /**
  * Generate 'feature' scaffolding: actions, reducer, effects, interfaces, selectors, facade
  */
 function generateNgrxFilesFromTemplates(tree, options) {
     const name = options.name;
     const projectNames = (0, devkit_1.names)(name);
-    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files', 'base'), options.parentDirectory, {
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files'), options.parentDirectory, {
         ...options,
         ...projectNames,
         importFromOperators: (0, semver_1.lt)(options.rxjsVersion, '7.2.0'),
         tmpl: '',
     });
-    const angularVersion = (0, version_utils_1.getInstalledAngularVersion)(tree);
-    if ((0, semver_1.lt)(angularVersion, '14.1.0')) {
-        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files', 'no-inject'), options.parentDirectory, {
-            ...options,
-            ...projectNames,
-            tmpl: '',
-        });
-    }
     if (!options.facade) {
         tree.delete((0, devkit_1.joinPathFragments)(options.parentDirectory, options.directory, `${projectNames.fileName}.facade.ts`));
         tree.delete((0, devkit_1.joinPathFragments)(options.parentDirectory, options.directory, `${projectNames.fileName}.facade.spec.ts`));

package/src/generators/ngrx/lib/validate-options.js

@@ -1,9 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateOptions = void 0;
-const semver_1 = require("semver");
-const version_utils_1 = require("../../utils/version-utils");
-const version_utils_2 = require("../../../utils/version-utils");
 function validateOptions(tree, options) {
     if (!options.module && !options.parent) {
         throw new Error('Please provide a value for "--parent"!');
@@ -14,25 +11,5 @@ function validateOptions(tree, options) {
     if (options.parent && !tree.exists(options.parent)) {
         throw new Error(`Parent does not exist: ${options.parent}.`);
     }
-    const angularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    const intendedNgRxVersionForAngularMajor = (0, version_utils_2.getPkgVersionForAngularMajorVersion)('ngrxVersion', angularVersionInfo.major);
-    const ngrxMajorVersion = (0, version_utils_1.getInstalledPackageVersionInfo)(tree, '@ngrx/store')?.major ??
-        (0, semver_1.major)((0, semver_1.coerce)(intendedNgRxVersionForAngularMajor));
-    if ((0, semver_1.lt)(angularVersionInfo.version, '14.1.0') || ngrxMajorVersion < 15) {
-        const parentPath = options.parent ?? options.module;
-        const parentContent = tree.read(parentPath, 'utf-8');
-        const { tsquery } = require('@phenomnomnominal/tsquery');
-        const ast = tsquery.ast(parentContent);
-        const NG_MODULE_DECORATOR_SELECTOR = 'ClassDeclaration > Decorator > CallExpression:has(Identifier[name=NgModule])';
-        const nodes = tsquery(ast, NG_MODULE_DECORATOR_SELECTOR, {
-            visitAllChildren: true,
-        });
-        if (nodes.length === 0) {
-            throw new Error(`The provided parent path "${parentPath}" does not contain an "NgModule". ` +
-                'Please make sure to provide a path to an "NgModule" where the state will be registered. ' +
-                'If you are trying to use a "Routes" definition file (for Standalone API usage), ' +
-                'please note this is not supported in Angular versions lower than 14.1.0.');
-        }
-    }
 }
 exports.validateOptions = validateOptions;

package/src/generators/ngrx/schema.json

@@ -42,13 +42,13 @@
     },
     "parent": {
       "type": "string",
-      "description": "The path to the file where the state will be registered. For NgModule usage, this will be your `app.module.ts` for your root state, or your Feature Module for feature state. For Standalone API usage, this will be your `app.config.ts` file for your root state, or the Routes definition file for your feature state. The host directory will create/use the new state directory. _Note: The Standalone API usage is only supported in Angular versions >= 14.1.0_.",
+      "description": "The path to the file where the state will be registered. For NgModule usage, this will be your `app.module.ts` for your root state, or your Feature Module for feature state. For Standalone API usage, this will be your `app.config.ts` file for your root state, or the Routes definition file for your feature state. The host directory will create/use the new state directory.",
       "x-prompt": "What is the path to the module or Routes definition where this NgRx state should be registered?",
       "x-priority": "important"
     },
     "route": {
       "type": "string",
-      "description": "The route that the Standalone NgRx Providers should be added to. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "The route that the Standalone NgRx Providers should be added to.",
       "default": "''"
     },
     "directory": {

package/src/generators/ngrx-feature-store/lib/generate-files.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateFilesFromTemplates = void 0;
 const devkit_1 = require("@nx/devkit");
 const semver_1 = require("semver");
-const version_utils_1 = require("../../utils/version-utils");
 function generateFilesFromTemplates(tree, options) {
     const projectNames = (0, devkit_1.names)(options.name);
     const fileName = options.subdirectory
         ? (0, devkit_1.joinPathFragments)(options.subdirectory, projectNames.fileName)
         : projectNames.fileName;
-    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files', 'base'), options.parentDirectory, {
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files'), options.parentDirectory, {
         ...options,
         ...projectNames,
         fileName,
@@ -17,16 +16,6 @@ function generateFilesFromTemplates(tree, options) {
         importFromOperators: (0, semver_1.lt)(options.rxjsVersion, '7.2.0'),
         tmpl: '',
     });
-    const angularVersion = (0, version_utils_1.getInstalledAngularVersion)(tree);
-    if ((0, semver_1.lt)(angularVersion, '14.1.0')) {
-        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files', 'no-inject'), options.parentDirectory, {
-            ...options,
-            ...projectNames,
-            fileName,
-            relativeFileName: projectNames.fileName,
-            tmpl: '',
-        });
-    }
     if (!options.facade) {
         tree.delete((0, devkit_1.joinPathFragments)(options.parentDirectory, options.directory, `${options.subdirectory ? `${options.subdirectory}/` : ''}${projectNames.fileName}.facade.ts`));
         tree.delete((0, devkit_1.joinPathFragments)(options.parentDirectory, options.directory, `${options.subdirectory ? `${options.subdirectory}/` : ''}${projectNames.fileName}.facade.spec.ts`));

package/src/generators/ngrx-feature-store/lib/validate-options.js

@@ -1,9 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateOptions = void 0;
-const version_utils_1 = require("../..//utils/version-utils");
-const version_utils_2 = require("../../../utils/version-utils");
-const semver_1 = require("semver");
 function validateOptions(tree, options) {
     if (!options.parent) {
         throw new Error('Please provide a value for "--parent"!');
@@ -11,24 +8,5 @@ function validateOptions(tree, options) {
     if (options.parent && !tree.exists(options.parent)) {
         throw new Error(`Parent does not exist: ${options.parent}.`);
     }
-    const angularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    const intendedNgRxVersionForAngularMajor = (0, version_utils_2.getPkgVersionForAngularMajorVersion)('ngrxVersion', angularVersionInfo.major);
-    const ngrxMajorVersion = (0, version_utils_1.getInstalledPackageVersionInfo)(tree, '@ngrx/store')?.major ??
-        (0, semver_1.major)((0, semver_1.coerce)(intendedNgRxVersionForAngularMajor));
-    if ((0, semver_1.lt)(angularVersionInfo.version, '14.1.0') || ngrxMajorVersion < 15) {
-        const parentContent = tree.read(options.parent, 'utf-8');
-        const { tsquery } = require('@phenomnomnominal/tsquery');
-        const ast = tsquery.ast(parentContent);
-        const NG_MODULE_DECORATOR_SELECTOR = 'ClassDeclaration > Decorator > CallExpression:has(Identifier[name=NgModule])';
-        const nodes = tsquery(ast, NG_MODULE_DECORATOR_SELECTOR, {
-            visitAllChildren: true,
-        });
-        if (nodes.length === 0) {
-            throw new Error(`The provided parent path "${options.parent}" does not contain an "NgModule". ` +
-                'Please make sure to provide a path to an "NgModule" where the state will be registered. ' +
-                'If you are trying to use a "Routes" definition file (for Standalone API usage), ' +
-                'please note this is not supported in Angular versions lower than 14.1.0.');
-        }
-    }
 }
 exports.validateOptions = validateOptions;

package/src/generators/ngrx-feature-store/schema.json

@@ -18,13 +18,13 @@
     },
     "parent": {
       "type": "string",
-      "description": "The path to the file where the state will be registered. For NgModule usage, this will be your Feature Module. For Standalone API usage, this will be your Routes definition file for your feature state. The host directory will create/use the new state directory. _Note: The Standalone API usage is only supported in Angular versions >= 14.1.0_.",
+      "description": "The path to the file where the state will be registered. For NgModule usage, this will be your Feature Module. For Standalone API usage, this will be your Routes definition file for your feature state. The host directory will create/use the new state directory.",
       "x-prompt": "What is the path to the module or Routes definition where this NgRx state should be registered?",
       "x-priority": "important"
     },
     "route": {
       "type": "string",
-      "description": "The route that the Standalone NgRx Providers should be added to. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "The route that the Standalone NgRx Providers should be added to.",
       "default": "''"
     },
     "minimal": {

package/src/generators/ngrx-root-store/lib/normalize-options.js

@@ -16,7 +16,7 @@ function normalizeOptions(tree, options) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     const isStandalone = (0, ast_utils_1.isNgStandaloneApp)(tree, options.project);
     const appConfigPath = (0, devkit_1.joinPathFragments)(project.sourceRoot, 'app/app.config.ts');
-    const appMainPath = project.targets.build.options.main;
+    const appMainPath = project.targets.build.options.main ?? project.targets.build.options.browser;
     /** If NgModule App
      * -> Use App Module
      * If Standalone

package/src/generators/ngrx-root-store/lib/validate-options.js

@@ -2,10 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateOptions = void 0;
 const devkit_1 = require("@nx/devkit");
-const version_utils_1 = require("../../utils/version-utils");
-const version_utils_2 = require("../../../utils/version-utils");
-const semver_1 = require("semver");
-const ast_utils_1 = require("../../../utils/nx-devkit/ast-utils");
 function validateOptions(tree, options) {
     if (!(0, devkit_1.getProjects)(tree).has(options.project)) {
         throw new Error(`Could not find project '${options.project}'. Please ensure the project name is correct and exists.`);
@@ -17,16 +13,5 @@ function validateOptions(tree, options) {
     if (!options.minimal && !options.name) {
         throw new Error(`If generating a global feature state with your root store, you must provide a name for it with '--name'.`);
     }
-    const angularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    const intendedNgRxVersionForAngularMajor = (0, version_utils_2.getPkgVersionForAngularMajorVersion)('ngrxVersion', angularVersionInfo.major);
-    const ngrxMajorVersion = (0, version_utils_1.getInstalledPackageVersionInfo)(tree, '@ngrx/store')?.major ??
-        (0, semver_1.major)((0, semver_1.coerce)(intendedNgRxVersionForAngularMajor));
-    const isStandalone = (0, ast_utils_1.isNgStandaloneApp)(tree, options.project);
-    if ((0, semver_1.lt)(angularVersionInfo.version, '14.1.0') || ngrxMajorVersion < 15) {
-        if (isStandalone) {
-            throw new Error(`The provided project '${options.project}' is set up to use Standalone APIs, however your workspace is not configured to support Standalone APIs. ` +
-                'Please make sure to provide a path to an "NgModule" where the state will be registered. ');
-        }
-    }
 }
 exports.validateOptions = validateOptions;

package/src/generators/ngrx-root-store/schema.json

@@ -29,7 +29,7 @@
     },
     "route": {
       "type": "string",
-      "description": "The route that the Standalone NgRx Providers should be added to. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "The route that the Standalone NgRx Providers should be added to.",
       "default": "''"
     },
     "directory": {

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

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

package/src/generators/pipe/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/pipe/lib/normalize-options.js

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

package/src/generators/pipe/pipe.js

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

package/src/generators/pipe/schema.json

@@ -53,9 +53,9 @@
       "description": "Do not import this pipe into the owning NgModule."
     },
     "standalone": {
-      "description": "Whether the generated pipe is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "description": "Whether the generated pipe is standalone.",
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "module": {
       "type": "string",

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

@@ -0,0 +1,74 @@
+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 browserBundles = join(process.cwd(), '<%= browserBundleOutput %>');
+  const serverBundles = join(process.cwd(), '<%= serverBundleOutput %>');
+  const indexHtml = existsSync(join(browserBundles, 'index.original.html'))
+    ? join(browserBundles, 'index.original.html')
+    : join(browserBundles, 'index.html');
+
+  server.use(cors());
+
+  const commonEngine = new CommonEngine();
+
+  server.set('view engine', 'html');
+  server.set('views', browserBundles);
+
+
+  // Example Express Rest API endpoints
+  // server.get('/api/**', (req, res) => { });
+  // Serve static files from /browser
+  server.use('/', express.static(browserBundles, { maxAge: '1y' }));
+  // Serve static files from /server
+  server.use('/server', express.static(serverBundles, { 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: browserBundles,
+        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}`);
+
+    /**
+     * DO NOT REMOVE IF USING @nx/angular:module-federation-dev-ssr executor
+     * to serve your Host application with this Remote application.
+     * This message allows Nx to determine when the Remote is ready to be
+     * consumed by the Host.
+     */
+    process.send && process.send('nx.server.ready');
+  });
+}
+
+run();
+
+export default <% if (standalone) { %>bootstrap<% } else { %>AppServerModule<% } %>;

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

@@ -1,2 +1,2 @@
 export * from './find-next-available-port';
-export * from './add-ssr';
+export * from './update-ssr-setup';

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

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./find-next-available-port"), exports);
-tslib_1.__exportStar(require("./add-ssr"), exports);
+tslib_1.__exportStar(require("./update-ssr-setup"), exports);

package/src/generators/remote/lib/{add-ssr.d.ts → update-ssr-setup.d.ts}

@@ -1,5 +1,5 @@
 import type { Tree } from '@nx/devkit';
-export declare function addSsr(tree: Tree, { appName, port, standalone, typescriptConfiguration, }: {
+export declare function updateSsrSetup(tree: Tree, { appName, port, standalone, typescriptConfiguration, }: {
     appName: string;
     port: number;
     standalone: boolean;