@nx/angular 19.4.0-beta.0 → 19.4.0-beta.2

package/migrations.json

@@ -1921,6 +1921,18 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "19.4.0-ngrx": {
+      "version": "19.4.0-beta.1",
+      "requires": {
+        "@angular/core": "^18.0.0"
+      },
+      "packages": {
+        "@ngrx/store": {
+          "version": "^18.0.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "19.4.0-beta.0",
+  "version": "19.4.0-beta.2",
   "private": false,
   "description": "The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It provides: \n\n- Integration with libraries such as Storybook, Jest, ESLint, Tailwind CSS, Playwright and Cypress. \n\n- Generators to help scaffold code quickly (like: Micro Frontends, Libraries, both internal to your codebase and publishable to npm) \n\n- Single Component Application Modules (SCAMs) \n\n- NgRx helpers. \n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -79,14 +79,14 @@
     "tslib": "^2.3.0",
     "webpack": "^5.80.0",
     "webpack-merge": "^5.8.0",
-    "@nx/devkit": "19.4.0-beta.0",
-    "@nx/js": "19.4.0-beta.0",
-    "@nx/eslint": "19.4.0-beta.0",
-    "@nx/webpack": "19.4.0-beta.0",
-    "@nx/web": "19.4.0-beta.0",
-    "@nx/workspace": "19.4.0-beta.0",
+    "@nx/devkit": "19.4.0-beta.2",
+    "@nx/js": "19.4.0-beta.2",
+    "@nx/eslint": "19.4.0-beta.2",
+    "@nx/webpack": "19.4.0-beta.2",
+    "@nx/web": "19.4.0-beta.2",
+    "@nx/workspace": "19.4.0-beta.2",
     "piscina": "^4.4.0",
-    "@nrwl/angular": "19.4.0-beta.0"
+    "@nrwl/angular": "19.4.0-beta.2"
   },
   "peerDependencies": {
     "@angular-devkit/build-angular": ">= 16.0.0 < 19.0.0",

package/src/executors/module-federation-dev-server/lib/build-static-remotes.js

@@ -43,11 +43,14 @@ async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options)
             }
         });
         staticProcess.stderr.on('data', (data) => devkit_1.logger.info(data.toString()));
-        staticProcess.on('exit', (code) => {
+        staticProcess.once('exit', (code) => {
             stdoutStream.end();
+            staticProcess.stdout.removeAllListeners('data');
+            staticProcess.stderr.removeAllListeners('data');
             if (code !== 0) {
                 throw new Error(`Remote failed to start. A complete log can be found in: ${remoteBuildLogFile}`);
             }
+            res();
         });
         process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
         process.on('exit', () => staticProcess.kill('SIGTERM'));

package/src/executors/utilities/typescript.js

@@ -16,15 +16,14 @@ const module_loader_1 = require("./module-loader");
 async function readDefaultTsConfig(fileName) {
     // these options are mandatory
     const extraOptions = {
-        target: ts.ScriptTarget.ES2020,
-        experimentalDecorators: true,
+        target: ts.ScriptTarget.ES2022,
         // sourcemaps
         sourceMap: false,
         inlineSources: true,
         inlineSourceMap: true,
         outDir: '',
         declaration: true,
-        // ng compiler to options
+        // ng compiler
         enableResourceInlining: true,
         // these are required to set the appropriate EmitFlags
         flatModuleId: 'AUTOGENERATED',

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

@@ -53,10 +53,10 @@ class AppMigrator extends project_migrator_1.ProjectMigrator {
             : undefined);
     }
     async migrate() {
+        await super.migrate();
         if (this.skipMigration === true) {
             return;
         }
-        await super.migrate();
         this.updateProjectConfiguration();
         await this.e2eMigrator.migrate();
         this.moveProjectFiles();

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

@@ -16,10 +16,10 @@ class LibMigrator extends project_migrator_1.ProjectMigrator {
         super(tree, options, {}, project, 'libs', logger, supportedBuilderMigrators);
     }
     async migrate() {
+        await super.migrate();
         if (this.skipMigration === true) {
             return;
         }
-        await super.migrate();
         await this.updateProjectConfiguration();
         this.moveProjectFiles();
         for (const builderMigrator of this.builderMigrators ?? []) {

package/src/generators/ng-add/utilities/validation-logging.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProjectValidationResultMessage = exports.arrayToString = void 0;
-const tslib_1 = require("tslib");
-const chalk = tslib_1.__importStar(require("chalk"));
+const chalk = require("chalk");
 function arrayToString(array) {
     if (array.length === 0) {
         return '';

package/src/migrations/update-17-1-0/browser-target-to-build-target.js

@@ -43,7 +43,7 @@ async function default_1(tree) {
 }
 exports.default = default_1;
 function updateConfig(config) {
-    if (config.browserTarget) {
+    if (config && config.browserTarget) {
         config.buildTarget ??= config.browserTarget;
         delete config.browserTarget;
     }

package/src/runtime/nx/data-persistence.d.ts

@@ -268,4 +268,4 @@ export declare function fetch<T extends Array<unknown>, A extends Action>(opts:
  * @param component
  * @param opts
  */
-export declare function navigation<T extends Array<unknown>, A extends Action>(component: Type<any>, opts: HandleNavigationOpts<T>): (source: ActionStatesStream<T, A>) => Observable<Action>;
+export declare function navigation<T extends Array<unknown>, A extends Action>(component: Type<any>, opts: HandleNavigationOpts<T>): (source: ActionStatesStream<T, A>) => Observable<Action<string>>;

package/src/utils/index.d.ts

@@ -3,5 +3,5 @@
  *
  * Try hard to not add to this API to reduce the surface area we need to maintain.
  */
-export { isStandalone, addImportToComponent, addImportToDirective, addImportToPipe, addImportToModule, addProviderToBootstrapApplication, addProviderToAppConfig, addProviderToComponent, addProviderToModule, } from './nx-devkit/ast-utils';
+export { isStandalone, addImportToComponent, addImportToDirective, addImportToPipe, addImportToModule, addProviderToBootstrapApplication, addProviderToAppConfig, addProviderToComponent, addProviderToModule, addViewProviderToComponent, } from './nx-devkit/ast-utils';
 export { addRoute, addProviderToRoute } from './nx-devkit/route-utils';

package/src/utils/index.js

@@ -5,7 +5,7 @@
  * Try hard to not add to this API to reduce the surface area we need to maintain.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addProviderToRoute = exports.addRoute = exports.addProviderToModule = exports.addProviderToComponent = exports.addProviderToAppConfig = exports.addProviderToBootstrapApplication = exports.addImportToModule = exports.addImportToPipe = exports.addImportToDirective = exports.addImportToComponent = exports.isStandalone = void 0;
+exports.addProviderToRoute = exports.addRoute = exports.addViewProviderToComponent = exports.addProviderToModule = exports.addProviderToComponent = exports.addProviderToAppConfig = exports.addProviderToBootstrapApplication = exports.addImportToModule = exports.addImportToPipe = exports.addImportToDirective = exports.addImportToComponent = exports.isStandalone = void 0;
 var ast_utils_1 = require("./nx-devkit/ast-utils");
 Object.defineProperty(exports, "isStandalone", { enumerable: true, get: function () { return ast_utils_1.isStandalone; } });
 Object.defineProperty(exports, "addImportToComponent", { enumerable: true, get: function () { return ast_utils_1.addImportToComponent; } });
@@ -16,6 +16,7 @@ Object.defineProperty(exports, "addProviderToBootstrapApplication", { enumerable
 Object.defineProperty(exports, "addProviderToAppConfig", { enumerable: true, get: function () { return ast_utils_1.addProviderToAppConfig; } });
 Object.defineProperty(exports, "addProviderToComponent", { enumerable: true, get: function () { return ast_utils_1.addProviderToComponent; } });
 Object.defineProperty(exports, "addProviderToModule", { enumerable: true, get: function () { return ast_utils_1.addProviderToModule; } });
+Object.defineProperty(exports, "addViewProviderToComponent", { enumerable: true, get: function () { return ast_utils_1.addViewProviderToComponent; } });
 var route_utils_1 = require("./nx-devkit/route-utils");
 Object.defineProperty(exports, "addRoute", { enumerable: true, get: function () { return route_utils_1.addRoute; } });
 Object.defineProperty(exports, "addProviderToRoute", { enumerable: true, get: function () { return route_utils_1.addProviderToRoute; } });

package/src/utils/nx-devkit/ast-utils.d.ts

@@ -78,6 +78,14 @@ export declare function addProviderToModule(host: Tree, source: ts.SourceFile, m
  * @param symbolName The provider to add
  */
 export declare function addProviderToComponent(host: Tree, source: ts.SourceFile, componentPath: string, symbolName: string): ts.SourceFile;
+/**
+ * Add a view provider to a Standalone Component
+ * @param host Virtual Tree
+ * @param source TS Source File containing the Component
+ * @param componentPath Path to the Component
+ * @param symbolName The provider to add
+ */
+export declare function addViewProviderToComponent(host: Tree, source: ts.SourceFile, componentPath: string, symbolName: string): ts.SourceFile;
 export declare function addDeclarationToModule(host: Tree, source: ts.SourceFile, modulePath: string, symbolName: string): ts.SourceFile;
 export declare function addEntryComponents(host: Tree, source: ts.SourceFile, modulePath: string, symbolName: string): ts.SourceFile;
 export declare function readBootstrapInfo(host: Tree, app: string): {

package/src/utils/nx-devkit/ast-utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTsSourceFile = exports.getDecoratorPropertyValueNode = exports.readBootstrapInfo = exports.addEntryComponents = exports.addDeclarationToModule = exports.addProviderToComponent = exports.addProviderToModule = exports.addProviderToAppConfig = exports.addProviderToBootstrapApplication = exports.isNgStandaloneApp = exports.addRouteToNgModule = exports.getBootstrapComponent = exports.replaceIntoToTestBed = exports.addDeclarationsToTestBed = exports.addImportToTestBed = exports.addImportToModule = exports.addImportToPipe = exports.addImportToDirective = exports.addImportToComponent = exports.removeFromNgModule = exports.getDecoratorMetadata = exports.isStandalone = void 0;
+exports.getTsSourceFile = exports.getDecoratorPropertyValueNode = exports.readBootstrapInfo = exports.addEntryComponents = exports.addDeclarationToModule = exports.addViewProviderToComponent = exports.addProviderToComponent = exports.addProviderToModule = exports.addProviderToAppConfig = exports.addProviderToBootstrapApplication = exports.isNgStandaloneApp = exports.addRouteToNgModule = exports.getBootstrapComponent = exports.replaceIntoToTestBed = exports.addDeclarationsToTestBed = exports.addImportToTestBed = exports.addImportToModule = exports.addImportToPipe = exports.addImportToDirective = exports.addImportToComponent = exports.removeFromNgModule = exports.getDecoratorMetadata = exports.isStandalone = void 0;
 const js_1 = require("@nx/js");
 const path_1 = require("path");
 const devkit_1 = require("@nx/devkit");
@@ -501,6 +501,17 @@ function addProviderToComponent(host, source, componentPath, symbolName) {
     return _addSymbolToDecoratorMetadata(host, source, componentPath, 'providers', symbolName, 'Component');
 }
 exports.addProviderToComponent = addProviderToComponent;
+/**
+ * Add a view provider to a Standalone Component
+ * @param host Virtual Tree
+ * @param source TS Source File containing the Component
+ * @param componentPath Path to the Component
+ * @param symbolName The provider to add
+ */
+function addViewProviderToComponent(host, source, componentPath, symbolName) {
+    return _addSymbolToDecoratorMetadata(host, source, componentPath, 'viewProviders', symbolName, 'Component');
+}
+exports.addViewProviderToComponent = addViewProviderToComponent;
 function addDeclarationToModule(host, source, modulePath, symbolName) {
     return _addSymbolToNgModuleMetadata(host, source, modulePath, 'declarations', symbolName);
 }

package/src/utils/versions.d.ts

@@ -2,7 +2,7 @@ export declare const nxVersion: any;
 export declare const angularVersion = "~18.0.0";
 export declare const angularDevkitVersion = "~18.0.0";
 export declare const ngPackagrVersion = "~18.0.0";
-export declare const ngrxVersion = "~17.0.0";
+export declare const ngrxVersion = "^18.0.0";
 export declare const rxjsVersion = "~7.8.0";
 export declare const zoneJsVersion = "~0.14.3";
 export declare const angularJsVersion = "1.7.9";

package/src/utils/versions.js

@@ -5,7 +5,7 @@ exports.nxVersion = require('../../package.json').version;
 exports.angularVersion = '~18.0.0';
 exports.angularDevkitVersion = '~18.0.0';
 exports.ngPackagrVersion = '~18.0.0';
-exports.ngrxVersion = '~17.0.0';
+exports.ngrxVersion = '^18.0.0';
 exports.rxjsVersion = '~7.8.0';
 exports.zoneJsVersion = '~0.14.3';
 exports.angularJsVersion = '1.7.9';