@nx/angular 21.4.0-canary.20250815-18ba315 → 21.5.0-beta.0

package/migrations.json

@@ -352,6 +352,11 @@
       },
       "description": "Update the @angular/cli package version to ~20.1.0.",
       "factory": "./src/migrations/update-21-3-0/update-angular-cli"
+    },
+    "set-tsconfig-option": {
+      "version": "21.5.0-beta.0",
+      "description": "Set the 'tsConfig' option to build and test targets to help with Angular migration issues.",
+      "factory": "./src/migrations/update-21-5-0/set-tsconfig-option"
     }
   },
   "packageJsonUpdates": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "21.4.0-canary.20250815-18ba315",
+  "version": "21.5.0-beta.0",
   "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": {
@@ -58,14 +58,14 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nx/devkit": "21.4.0-canary.20250815-18ba315",
-    "@nx/eslint": "21.4.0-canary.20250815-18ba315",
-    "@nx/js": "21.4.0-canary.20250815-18ba315",
-    "@nx/module-federation": "21.4.0-canary.20250815-18ba315",
-    "@nx/rspack": "21.4.0-canary.20250815-18ba315",
-    "@nx/web": "21.4.0-canary.20250815-18ba315",
-    "@nx/webpack": "21.4.0-canary.20250815-18ba315",
-    "@nx/workspace": "21.4.0-canary.20250815-18ba315",
+    "@nx/devkit": "21.5.0-beta.0",
+    "@nx/eslint": "21.5.0-beta.0",
+    "@nx/js": "21.5.0-beta.0",
+    "@nx/module-federation": "21.5.0-beta.0",
+    "@nx/rspack": "21.5.0-beta.0",
+    "@nx/web": "21.5.0-beta.0",
+    "@nx/webpack": "21.5.0-beta.0",
+    "@nx/workspace": "21.5.0-beta.0",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@typescript-eslint/type-utils": "^8.0.0",
     "enquirer": "~2.3.6",

package/spec/src/migrations/update-21-5-0/set-tsconfig-option.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=set-tsconfig-option.spec.d.ts.map

package/spec/src/migrations/update-21-5-0/set-tsconfig-option.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-tsconfig-option.spec.d.ts","sourceRoot":"","sources":["../../../../../../../packages/angular/src/migrations/update-21-5-0/set-tsconfig-option.spec.ts"],"names":[],"mappings":""}

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation-ssr-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/angular/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAU,MAAM,YAAY,CAAC;AAoB1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,wBAAuB,oCAAoC,CACzD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,+FA2HzB;AAED,eAAe,oCAAoC,CAAC"}
+{"version":3,"file":"module-federation-ssr-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/angular/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAU,MAAM,YAAY,CAAC;AAoB1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,wBAAuB,oCAAoC,CACzD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,+FA4HzB;AAED,eAAe,oCAAoC,CAAC"}

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js

@@ -93,7 +93,7 @@ async function* moduleFederationSsrDevServerExecutor(schema, context) {
             return;
         }
         try {
-            const portsToWaitFor = staticRemotesIter
+            const portsToWaitFor = staticRemotesIter && options.staticRemotesPort
                 ? [options.staticRemotesPort, ...remotes.remotePorts]
                 : [...remotes.remotePorts];
             await Promise.all(portsToWaitFor.map((port) => (0, wait_for_port_open_1.waitForPortOpen)(port, {

package/src/generators/library/lib/add-project.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-project.d.ts","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/library/lib/add-project.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AASvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,wBAAsB,UAAU,CAC9B,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,wCAiDnD"}
+{"version":3,"file":"add-project.d.ts","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/library/lib/add-project.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AASvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,wBAAsB,UAAU,CAC9B,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,wCAgDnD"}

package/src/generators/library/lib/add-project.js

@@ -25,14 +25,13 @@ async function addProject(tree, libraryOptions) {
             outputs: ['{workspaceRoot}/dist/{projectRoot}'],
             options: {
                 project: `${libraryOptions.projectRoot}/ng-package.json`,
+                tsConfig: `${libraryOptions.projectRoot}/tsconfig.lib.json`,
             },
             configurations: {
                 production: {
                     tsConfig: `${libraryOptions.projectRoot}/tsconfig.lib.prod.json`,
                 },
-                development: {
-                    tsConfig: `${libraryOptions.projectRoot}/tsconfig.lib.json`,
-                },
+                development: {},
             },
             defaultConfiguration: 'production',
         };

package/src/migrations/update-21-5-0/set-tsconfig-option.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+export default function (tree: Tree): Promise<void>;
+//# sourceMappingURL=set-tsconfig-option.d.ts.map

package/src/migrations/update-21-5-0/set-tsconfig-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-tsconfig-option.d.ts","sourceRoot":"","sources":["../../../../../../packages/angular/src/migrations/update-21-5-0/set-tsconfig-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,IAAI,EACV,MAAM,YAAY,CAAC;AAUpB,yBAA+B,IAAI,EAAE,IAAI,iBAoBxC"}

package/src/migrations/update-21-5-0/set-tsconfig-option.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+const targets_1 = require("../../utils/targets");
+const projects_1 = require("../utils/projects");
+const buildExecutors = new Set([
+    '@nx/angular:ng-packagr-lite',
+    '@nx/angular:package',
+]);
+const testExecutors = new Set(['@nx/jest:jest']);
+async function default_1(tree) {
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
+        'npm:@angular/core',
+    ]);
+    for (const project of projects) {
+        try {
+            // we're only updating static project configurations, not inferred ones
+            const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project.name);
+            for (const target of relevantTargets(projectConfig)) {
+                updateTarget(tree, projectConfig, target);
+            }
+            (0, devkit_1.updateProjectConfiguration)(tree, project.name, projectConfig);
+        }
+        catch {
+            // ignore, it can happen if the project is fully inferred and there's no
+            // `project.json` file or `nx` entry in `package.json`
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}
+function updateTarget(tree, projectConfig, target) {
+    if (buildExecutors.has(target.executor)) {
+        if (target.configurations?.['development']?.tsConfig) {
+            // only set the option if the target has the expected tsConfig option in
+            // the development configuration
+            target.options ??= {};
+            target.options.tsConfig = target.configurations['development'].tsConfig;
+            // remove tsConfig from development configuration after moving it to options
+            delete target.configurations['development'].tsConfig;
+        }
+    }
+    else if (testExecutors.has(target.executor)) {
+        const expectedTsconfigPath = (0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.spec.json');
+        if (tree.exists(expectedTsconfigPath)) {
+            // we keep it simple and only set the option if the expected tsconfig
+            // file exists
+            target.options ??= {};
+            target.options.tsConfig = expectedTsconfigPath;
+        }
+    }
+}
+function* relevantTargets(project) {
+    for (const [, target] of (0, targets_1.allProjectTargets)(project)) {
+        if (!buildExecutors.has(target.executor) &&
+            !testExecutors.has(target.executor)) {
+            continue;
+        }
+        if (!target.options?.['tsConfig']) {
+            yield target;
+        }
+    }
+}

package/src/utils/backward-compatible-versions.js

@@ -28,7 +28,7 @@ exports.backwardCompatibleVersions = {
         tsNodeVersion: '10.9.1',
         lessVersion: '^4.3.0',
         jestPresetAngularVersion: '~14.1.0',
-        typesNodeVersion: '18.16.9',
+        typesNodeVersion: '20.19.9',
         jasmineMarblesVersion: '^0.9.2',
         jsoncEslintParserVersion: '^2.1.0',
         webpackMergeVersion: '^5.8.0',
@@ -59,7 +59,7 @@ exports.backwardCompatibleVersions = {
         tsNodeVersion: '10.9.1',
         lessVersion: '^4.3.0',
         jestPresetAngularVersion: '~14.4.0',
-        typesNodeVersion: '18.16.9',
+        typesNodeVersion: '20.19.9',
         jasmineMarblesVersion: '^0.9.2',
         jsoncEslintParserVersion: '^2.1.0',
         webpackMergeVersion: '^5.8.0',

package/src/utils/versions.d.ts

@@ -25,7 +25,7 @@ export declare const autoprefixerVersion = "^10.4.0";
 export declare const tsNodeVersion = "10.9.1";
 export declare const lessVersion = "^4.3.0";
 export declare const jestPresetAngularVersion = "~15.0.0";
-export declare const typesNodeVersion = "18.16.9";
+export declare const typesNodeVersion = "20.19.9";
 export declare const jasmineMarblesVersion = "^0.9.2";
 export declare const jsoncEslintParserVersion = "^2.1.0";
 //# sourceMappingURL=versions.d.ts.map

package/src/utils/versions.js

@@ -28,6 +28,6 @@ exports.autoprefixerVersion = '^10.4.0';
 exports.tsNodeVersion = '10.9.1';
 exports.lessVersion = '^4.3.0';
 exports.jestPresetAngularVersion = '~15.0.0';
-exports.typesNodeVersion = '18.16.9';
+exports.typesNodeVersion = '20.19.9';
 exports.jasmineMarblesVersion = '^0.9.2';
 exports.jsoncEslintParserVersion = '^2.1.0';