@nx/angular 17.0.4 → 17.0.6

package/src/generators/ng-add/utilities/workspace.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteGitKeepFilesIfNotNeeded = exports.deleteAngularJson = exports.updateVsCodeRecommendedExtensions = exports.getWorkspaceRootFileTypesInfo = exports.createRootKarmaConfig = exports.createWorkspaceFiles = exports.cleanupEsLintPackages = exports.updateRootEsLintConfig = exports.updatePackageJson = exports.updateRootTsConfig = exports.updateWorkspaceConfigDefaults = exports.createNxJson = exports.validateWorkspace = void 0;
 const devkit_1 = require("@nx/devkit");
 const eslint_1 = require("@nx/eslint");
-const setup_root_eslint_1 = require("@nx/eslint/src/generators/lint-project/setup-root-eslint");
 const js_1 = require("@nx/js");
 const default_base_1 = require("nx/src/utils/default-base");
 const versions_1 = require("@nx/js/src/utils/versions");
@@ -29,7 +28,9 @@ exports.validateWorkspace = validateWorkspace;
 function createNxJson(tree, options, defaultProject) {
     const targets = getWorkspaceCommonTargets(tree);
     (0, devkit_1.writeJson)(tree, 'nx.json', {
-        defaultBase: options.defaultBase ?? (0, default_base_1.deduceDefaultBase)(),
+        affected: {
+            defaultBase: options.defaultBase ?? (0, default_base_1.deduceDefaultBase)(),
+        },
         namedInputs: {
             sharedGlobals: [],
             default: ['{projectRoot}/**/*', 'sharedGlobals'],
@@ -147,17 +148,23 @@ function updatePackageJson(tree) {
     });
 }
 exports.updatePackageJson = updatePackageJson;
-async function updateRootEsLintConfig(tree, existingEsLintConfig, unitTestRunner) {
-    await (0, eslint_1.lintInitGenerator)(tree, {
-        addPlugin: false,
-    });
+function updateRootEsLintConfig(tree, existingEsLintConfig, unitTestRunner) {
+    if (tree.exists('.eslintrc.json')) {
+        /**
+         * If it still exists it means that there was no project at the root of the
+         * workspace, so it was not moved. In that case, we remove the file so the
+         * init generator do its work. We still receive the content of the file,
+         * so we update it after the init generator has run.
+         */
+        tree.delete('.eslintrc.json');
+    }
+    (0, eslint_1.lintInitGenerator)(tree, { linter: eslint_1.Linter.EsLint, unitTestRunner });
     if (!existingEsLintConfig) {
-        // There was no eslint config in the root, so we set it up and use it as-is
-        (0, setup_root_eslint_1.setupRootEsLint)(tree, { unitTestRunner });
+        // There was no eslint config in the root, so we keep the generated one as-is.
         return;
     }
     existingEsLintConfig.ignorePatterns = ['**/*'];
-    if (!(existingEsLintConfig.plugins ?? []).includes('@nx')) {
+    if (!(existingEsLintConfig.plugins ?? []).includes('@nrwl/nx')) {
         existingEsLintConfig.plugins = Array.from(new Set([...(existingEsLintConfig.plugins ?? []), '@nx']));
     }
     existingEsLintConfig.overrides?.forEach((override) => {

package/src/generators/ngrx/files/{__directory__ → base/__directory__}/__fileName__.models.ts__tmpl__

@@ -4,4 +4,4 @@
 export interface <%= className %>Entity {
   id: string | number; // Primary ID
   name: string;
-}
+};

package/src/generators/ngrx/files/{__directory__ → base/__directory__}/__fileName__.selectors.spec.ts__tmpl__

@@ -20,7 +20,7 @@ describe('<%= className %> Selectors', () => {
         create<%= className %>Entity('PRODUCT-CCC')
       ], {
         ...initial<%= className %>State,
-        selectedId: 'PRODUCT-BBB',
+        selectedId : 'PRODUCT-BBB',
         error: ERROR_MSG,
         loaded: true
       })

package/src/generators/ngrx/files/no-inject/__directory__/__fileName__.effects.ts__tmpl__

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { createEffect, Actions, ofType } from '@ngrx/effects';
+
+import * as <%= className %>Actions from './<%= fileName %>.actions';
+import * as <%= className %>Feature from './<%= fileName %>.reducer';
+
+import {switchMap, catchError, of} from 'rxjs';
+
+@Injectable()
+export class <%= className %>Effects {
+  init$ = createEffect(() => this.actions$.pipe(
+    ofType(<%= className %>Actions.init<%= className %>),
+    switchMap(() => of(<%= className %>Actions.load<%= className %>Success({ <%= propertyName %>: [] }))),
+    catchError((error) => {
+        console.error('Error', error);
+        return of(<%= className %>Actions.load<%= className %>Failure({ error }));
+      }
+    )
+  ));
+
+  constructor(private readonly actions$: Actions) {}
+}

package/src/generators/ngrx/files/no-inject/__directory__/__fileName__.facade.ts__tmpl__

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { select, Store, Action } from '@ngrx/store';
+
+import * as <%= className %>Actions from './<%= fileName %>.actions';
+import * as <%= className %>Feature from './<%= fileName %>.reducer';
+import * as <%= className %>Selectors from './<%= fileName %>.selectors';
+
+@Injectable()
+export class <%= className %>Facade {
+  /**
+   * Combine pieces of state using createSelector,
+   * and expose them as observables through the facade.
+   */
+  loaded$ = this.store.pipe(select(<%= className %>Selectors.select<%= className %>Loaded));
+  all<%= className %>$ = this.store.pipe(select(<%= className %>Selectors.selectAll<%= className %>));
+  selected<%= className %>$ = this.store.pipe(select(<%= className %>Selectors.selectEntity));
+
+  constructor(private readonly store: Store) {}
+
+  /**
+   * Use the initialization action to perform one
+   * or more tasks in your Effects.
+   */
+  init() {
+    this.store.dispatch(<%= className %>Actions.init<%= className %>());
+  }
+}

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

@@ -3,18 +3,27 @@ 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'), options.parentDirectory, {
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files', 'base'), 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,6 +1,9 @@
 "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"!');
@@ -11,5 +14,25 @@ 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

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxNgrxGenerator",
   "title": "Add NgRx support to an application or library.",
   "description": "Adds NgRx support to an application or library.",
@@ -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.",
+      "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_.",
       "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.",
+      "description": "The route that the Standalone NgRx Providers should be added to. _Note: This is only supported in Angular versions >= 14.1.0_.",
       "default": "''"
     },
     "directory": {

package/src/generators/ngrx-feature-store/files/{__directory__ → base/__directory__}/__fileName__.models.ts__tmpl__

@@ -4,4 +4,4 @@
 export interface <%= className %>Entity {
   id: string | number; // Primary ID
   name: string;
-}
+};

package/src/generators/ngrx-feature-store/files/{__directory__ → base/__directory__}/__fileName__.selectors.spec.ts__tmpl__

@@ -20,7 +20,7 @@ describe('<%= className %> Selectors', () => {
         create<%= className %>Entity('PRODUCT-CCC')
       ], {
         ...initial<%= className %>State,
-        selectedId: 'PRODUCT-BBB',
+        selectedId : 'PRODUCT-BBB',
         error: ERROR_MSG,
         loaded: true
       })

package/src/generators/ngrx-feature-store/files/no-inject/__directory__/__fileName__.effects.ts__tmpl__

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { createEffect, Actions, ofType } from '@ngrx/effects';
+
+import * as <%= className %>Actions from './<%= relativeFileName %>.actions';
+import * as <%= className %>Feature from './<%= relativeFileName %>.reducer';
+
+import {switchMap, catchError, of} from 'rxjs';
+
+@Injectable()
+export class <%= className %>Effects {
+  init$ = createEffect(() => this.actions$.pipe(
+    ofType(<%= className %>Actions.init<%= className %>),
+    switchMap(() => of(<%= className %>Actions.load<%= className %>Success({ <%= propertyName %>: [] }))),
+    catchError((error) => {
+        console.error('Error', error);
+        return of(<%= className %>Actions.load<%= className %>Failure({ error }));
+      }
+    )
+  ));
+
+  constructor(private readonly actions$: Actions) {}
+}

package/src/generators/ngrx-feature-store/files/no-inject/__directory__/__fileName__.facade.ts__tmpl__

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { select, Store, Action } from '@ngrx/store';
+
+import * as <%= className %>Actions from './<%= relativeFileName %>.actions';
+import * as <%= className %>Feature from './<%= relativeFileName %>.reducer';
+import * as <%= className %>Selectors from './<%= relativeFileName %>.selectors';
+
+@Injectable()
+export class <%= className %>Facade {
+  /**
+   * Combine pieces of state using createSelector,
+   * and expose them as observables through the facade.
+   */
+  loaded$ = this.store.pipe(select(<%= className %>Selectors.select<%= className %>Loaded));
+  all<%= className %>$ = this.store.pipe(select(<%= className %>Selectors.selectAll<%= className %>));
+  selected<%= className %>$ = this.store.pipe(select(<%= className %>Selectors.selectEntity));
+
+  constructor(private readonly store: Store) {}
+
+  /**
+   * Use the initialization action to perform one
+   * or more tasks in your Effects.
+   */
+  init() {
+    this.store.dispatch(<%= className %>Actions.init<%= className %>());
+  }
+}

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

@@ -3,12 +3,13 @@ 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'), options.parentDirectory, {
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '..', 'files', 'base'), options.parentDirectory, {
         ...options,
         ...projectNames,
         fileName,
@@ -16,6 +17,16 @@ 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,6 +1,9 @@
 "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"!');
@@ -8,5 +11,24 @@ 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

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxNgrxFeatureStoreGenerator",
   "title": "NgRx Feature Store Generator",
   "description": "Add an NgRx Feature Store to an application or library.",
@@ -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.",
+      "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_.",
       "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.",
+      "description": "The route that the Standalone NgRx Providers should be added to. _Note: This is only supported in Angular versions >= 14.1.0_.",
       "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 ?? project.targets.build.options.browser;
+    const appMainPath = project.targets.build.options.main;
     /** If NgModule App
      * -> Use App Module
      * If Standalone

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

@@ -2,6 +2,10 @@
 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.`);
@@ -13,5 +17,16 @@ 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

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxNgrxRootStoreGenerator",
   "title": "Add NgRx support to an application.",
   "description": "Adds NgRx support to an application.",
@@ -29,7 +29,7 @@
     },
     "route": {
       "type": "string",
-      "description": "The route that the Standalone NgRx Providers should be added to.",
+      "description": "The route that the Standalone NgRx Providers should be added to. _Note: This is only supported in Angular versions >= 14.1.0_.",
       "default": "''"
     },
     "directory": {

package/src/generators/pipe/files/__fileName__.ts__tpl__

@@ -5,7 +5,9 @@ import { Pipe, PipeTransform } from '@angular/core';
   standalone: true<%}%>
 })
 export class <%= symbolName %> implements PipeTransform {
+
   transform(value: unknown, ...args: unknown[]): unknown {
     return null;
   }
+
 }

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

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

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

@@ -2,3 +2,4 @@
 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,7 +25,6 @@ async function normalizeOptions(tree, options) {
         fileName,
         filePath,
         symbolName,
-        standalone: options.standalone ?? true,
     };
 }
 exports.normalizeOptions = normalizeOptions;

package/src/generators/pipe/lib/validate-options.d.ts

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOptions = void 0;
+const validations_1 = require("../../utils/validations");
+function validateOptions(tree, options) {
+    (0, validations_1.validateStandaloneOption)(tree, options.standalone);
+}
+exports.validateOptions = validateOptions;

package/src/generators/pipe/pipe.js

@@ -5,6 +5,7 @@ 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.d.ts

@@ -11,15 +11,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 v19.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
    */
   project?: string;
 }

package/src/generators/pipe/schema.json

@@ -34,13 +34,13 @@
         "$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 v19."
+      "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."
     },
     "flat": {
       "type": "boolean",
       "default": true,
       "description": "When true (the default) creates files at the top level of the project.",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
     },
     "skipTests": {
       "type": "boolean",
@@ -53,9 +53,9 @@
       "description": "Do not import this pipe into the owning NgModule."
     },
     "standalone": {
-      "description": "Whether the generated pipe is standalone.",
+      "description": "Whether the generated pipe is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
       "type": "boolean",
-      "default": true
+      "default": false
     },
     "module": {
       "type": "string",

package/src/generators/remote/files/base-ts/webpack.server.config.ts__tmpl__

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

package/src/generators/remote/files/common/{pre-v17/src → src}/main.server.ts__tmpl__

@@ -31,15 +31,17 @@ export function app(): express.Express {
   server.set('view engine', 'html');
   server.set('views', browserBundles);
 
+
   // Example Express Rest API endpoints
   // server.get('/api/**', (req, res) => { });
   // Serve static files from /browser
   // serve static files
-  server.get('*.*', express.static(browserBundles, { maxAge: '1y' }));
+  server.use('/', express.static(browserBundles, { maxAge: '1y' }));
   server.use('/server', express.static(serverBundles, { maxAge: '1y' }));
 
   // All regular routes use the Universal engine
   server.get('*', (req, res) => {
+
     res.render(indexHtml, {
       req,
       providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }],

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

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

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

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSsrSetup = void 0;
+exports.addSsr = void 0;
 const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
+const setup_ssr_1 = require("../../setup-ssr/setup-ssr");
 const versions_1 = require("../../../utils/versions");
-const version_utils_1 = require("../../utils/version-utils");
-async function updateSsrSetup(tree, { appName, port, standalone, typescriptConfiguration, }) {
+async function addSsr(tree, { appName, port, standalone, typescriptConfiguration, }) {
     let project = (0, devkit_1.readProjectConfiguration)(tree, appName);
+    await (0, setup_ssr_1.default)(tree, {
+        project: appName,
+        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 = project.targets.build.options.outputPath;
-    const serverBundleOutput = project.targets.build.options.outputPath.replace(/\/browser$/, '/server');
-    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, {
+    const browserBundleOutput = (0, devkit_1.joinPathFragments)(project.targets.build.options.outputPath, 'browser');
+    const serverBundleOutput = (0, devkit_1.joinPathFragments)(project.targets.build.options.outputPath, 'server');
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, `../files/common`), project.root, {
         appName,
         browserBundleOutput,
         serverBundleOutput,
@@ -50,10 +52,12 @@ async function updateSsrSetup(tree, { appName, port, standalone, typescriptConfi
     (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.updateSsrSetup = updateSsrSetup;
+exports.addSsr = addSsr;

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

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

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("./update-ssr-setup"), exports);
+tslib_1.__exportStar(require("./add-ssr"), exports);