@nx/angular 23.3.0-beta.1 → 23.3.0-beta.3

package/dist/src/generators/application/application.js

@@ -8,6 +8,7 @@ const assert_supported_angular_version_1 = require("../../utils/assert-supported
 const convert_to_rspack_1 = require("../convert-to-rspack/convert-to-rspack");
 const init_1 = require("../init/init");
 const setup_ssr_1 = require("../setup-ssr/setup-ssr");
+const acknowledge_build_scripts_1 = require("../utils/acknowledge-build-scripts");
 const ensure_angular_dependencies_1 = require("../utils/ensure-angular-dependencies");
 const validations_1 = require("../utils/validations");
 const version_utils_1 = require("../utils/version-utils");
@@ -84,8 +85,14 @@ async function applicationGenerator(tree, schema) {
         }
         if (options.style === 'less') {
             devDependencies['less'] = packageVersions.lessVersion;
+            // less's postinstall only installs Playwright browsers, which nothing
+            // that consumes less needs.
+            (0, internal_1.acknowledgeBuildScripts)(tree, (0, devkit_1.detectPackageManager)(tree.root), {
+                less: false,
+            });
         }
         if (Object.keys(devDependencies).length) {
+            (0, acknowledge_build_scripts_1.acknowledgeAngularBuildScripts)(tree);
             (0, devkit_1.addDependenciesToPackageJson)(tree, {}, devDependencies, undefined, true);
         }
     }

package/dist/src/generators/convert-to-rspack/convert-to-rspack.js

@@ -7,6 +7,7 @@ const path_1 = require("path");
 const posix_1 = require("path/posix");
 const assert_supported_angular_version_1 = require("../../utils/assert-supported-angular-version");
 const versions_1 = require("../../utils/versions");
+const acknowledge_build_scripts_1 = require("../utils/acknowledge-build-scripts");
 const version_utils_1 = require("../utils/version-utils");
 const create_config_1 = require("./lib/create-config");
 const get_custom_webpack_config_1 = require("./lib/get-custom-webpack-config");
@@ -524,6 +525,14 @@ async function convertToRspack(tree, schema) {
     }
     if (!schema.skipInstall) {
         const { webpackMergeVersion, tsNodeVersion } = (0, version_utils_1.versions)(tree);
+        (0, acknowledge_build_scripts_1.acknowledgeAngularBuildScripts)(tree);
+        // @nx/angular-rspack-compiler's install script patches `@angular/build`
+        // versions below 20.2.0, so it has to run. core-js only prints a funding
+        // message.
+        (0, internal_1.acknowledgeBuildScripts)(tree, (0, devkit_1.detectPackageManager)(tree.root), {
+            '@nx/angular-rspack-compiler': true,
+            'core-js': false,
+        });
         const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
             '@nx/angular-rspack': versions_1.nxVersion,
             'webpack-merge': webpackMergeVersion,

package/dist/src/generators/library/library.js

@@ -11,6 +11,7 @@ const init_1 = tslib_1.__importDefault(require("../../generators/init/init"));
 const assert_supported_angular_version_1 = require("../../utils/assert-supported-angular-version");
 const test_runners_1 = require("../../utils/test-runners");
 const add_linting_1 = tslib_1.__importDefault(require("../add-linting/add-linting"));
+const acknowledge_build_scripts_1 = require("../utils/acknowledge-build-scripts");
 const add_jest_1 = require("../utils/add-jest");
 const add_vitest_1 = require("../utils/add-vitest");
 const dependencies_1 = require("../utils/dependencies");
@@ -59,6 +60,7 @@ async function libraryGenerator(tree, schema) {
     await addLinting(tree, libraryOptions);
     if ((libraryOptions.buildable || libraryOptions.publishable) &&
         !libraryOptions.skipPackageJson) {
+        (0, acknowledge_build_scripts_1.acknowledgeAngularBuildScripts)(tree);
         (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
             'ng-packagr': pkgVersions.ngPackagrVersion,
         }, undefined, true);

package/dist/src/generators/utils/acknowledge-build-scripts.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export declare function acknowledgeAngularBuildScripts(tree: Tree): void;

package/dist/src/generators/utils/acknowledge-build-scripts.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.acknowledgeAngularBuildScripts = acknowledgeAngularBuildScripts;
+const devkit_1 = require("@nx/devkit");
+const internal_1 = require("@nx/devkit/internal");
+// The Angular build tooling (`@angular/build`, `@angular-devkit/build-angular`,
+// `ng-packagr`) pulls in esbuild, lmdb (-> msgpackr-extract) and sass
+// (-> @parcel/watcher). All of them ship prebuilt binaries as optional
+// dependencies, so their install scripts have nothing to do.
+const angularBuildAllowBuilds = {
+    esbuild: false,
+    lmdb: false,
+    'msgpackr-extract': false,
+    '@parcel/watcher': false,
+};
+function acknowledgeAngularBuildScripts(tree) {
+    (0, internal_1.acknowledgeBuildScripts)(tree, (0, devkit_1.detectPackageManager)(tree.root), angularBuildAllowBuilds);
+}

package/dist/src/generators/utils/add-vitest.js

@@ -6,6 +6,7 @@ const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const semver_1 = require("semver");
 const versions_1 = require("../../utils/versions");
+const acknowledge_build_scripts_1 = require("./acknowledge-build-scripts");
 const version_utils_1 = require("./version-utils");
 async function addVitestAngular(tree, options) {
     validateVitestVersion(tree);
@@ -35,6 +36,7 @@ async function addVitestAngular(tree, options) {
     }
     const pkgVersions = (0, version_utils_1.versions)(tree, { minAngularMajorVersion: 21 });
     const angularDevkitVersion = (0, version_utils_1.getInstalledAngularDevkitVersion)(tree) ?? pkgVersions.angularDevkitVersion;
+    (0, acknowledge_build_scripts_1.acknowledgeAngularBuildScripts)(tree);
     return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
         '@angular/build': angularDevkitVersion,
         jsdom: pkgVersions.jsdomVersion,
@@ -69,6 +71,7 @@ async function addVitestAnalog(tree, options) {
             devDependencies['vitest'] = pkgVersions.vitestVersion;
             devDependencies['jsdom'] = pkgVersions.jsdomVersion;
         }
+        (0, acknowledge_build_scripts_1.acknowledgeAngularBuildScripts)(tree);
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, devDependencies, undefined, true));
     }
     (0, devkit_1.ensurePackage)('@nx/vitest', versions_1.nxVersion);

package/dist/src/migrations/update-23-1-0/add-angular-build.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const devkit_1 = require("@nx/devkit");
+const acknowledge_build_scripts_1 = require("../../generators/utils/acknowledge-build-scripts");
 const versions_1 = require("../../utils/versions");
 // The `@nx/angular:application` and `@nx/angular:unit-test` executors import
 // `@angular/build` directly to run the Angular builders, and any
@@ -49,5 +50,6 @@ async function default_1(tree) {
     if (!needsAngularBuild) {
         return;
     }
+    (0, acknowledge_build_scripts_1.acknowledgeAngularBuildScripts)(tree);
     return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@angular/build': versions_1.angularDevkitVersion }, undefined, true);
 }

package/dist/src/migrations/update-23-1-0/add-angular-build.md

@@ -4,6 +4,8 @@ The `@nx/angular:application` and `@nx/angular:unit-test` executors load the Ang
 
 Executor usage is detected on any target using `@nx/angular:application`, `@nx/angular:unit-test`, or an `@angular/build:*` executor. Targets that inherit their executor from an `nx.json` `targetDefaults` entry are detected too.
 
+On pnpm 11 and above, the migration also writes `pnpm-workspace.yaml`. `@angular/build` reaches four packages that run a build script on install (`esbuild`, `lmdb`, `msgpackr-extract` and `@parcel/watcher`), and pnpm 11 refuses to install a package whose script is neither allowed nor denied, so the migration records an `allowBuilds` decision for each. A decision already in the file is left untouched.
+
 #### Examples
 
 ##### `project.json`
@@ -28,7 +30,7 @@ After (`package.json`):
 // package.json
 {
   "devDependencies": {
-    "@angular/build": "~22.0.4",
+    "@angular/build": "~22.1.0",
   },
 }
 ```

package/dist/src/migrations/update-23-1-0/add-optional-webpack-packages.js

@@ -88,6 +88,14 @@ async function addOptionalWebpackPackages(tree) {
     if (!needsWebpack && !needsModuleFederation && !needsRspack) {
         return;
     }
+    if (needsWebpack || needsRspack) {
+        // @nx/webpack and @nx/rspack depend on sass, which pulls in
+        // @parcel/watcher. Its install script only builds from source when
+        // npm_config_build_from_source is set, so skip it.
+        (0, internal_1.acknowledgeBuildScripts)(tree, (0, devkit_1.detectPackageManager)(tree.root), {
+            '@parcel/watcher': false,
+        });
+    }
     return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
         ...(needsWebpack
             ? {

package/dist/src/migrations/update-23-1-0/add-optional-webpack-packages.md

@@ -12,6 +12,8 @@ A package is added only when a matching target exists:
 
 Targets that inherit their executor from an `nx.json` `targetDefaults` entry are detected too.
 
+On pnpm 11 and above, adding `@nx/webpack` or `@nx/rspack` also writes `pnpm-workspace.yaml`. Both reach `@parcel/watcher` through sass, and pnpm 11 refuses to install a package whose build script is neither allowed nor denied, so the migration records an `allowBuilds` decision for it. A decision already in the file is left untouched.
+
 #### Examples
 
 For a workspace with an `@nx/angular:webpack-browser` build target, the migration adds the webpack packages to `devDependencies`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "23.3.0-beta.1",
+  "version": "23.3.0-beta.3",
   "private": false,
   "type": "commonjs",
   "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, 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.",
@@ -79,15 +79,15 @@
     "picomatch": "4.0.4",
     "semver": "^7.6.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "23.3.0-beta.1",
-    "@nx/eslint": "23.3.0-beta.1",
-    "@nx/web": "23.3.0-beta.1",
-    "@nx/js": "23.3.0-beta.1"
+    "@nx/devkit": "23.3.0-beta.3",
+    "@nx/web": "23.3.0-beta.3",
+    "@nx/js": "23.3.0-beta.3",
+    "@nx/eslint": "23.3.0-beta.3"
   },
   "devDependencies": {
-    "@nx/storybook": "23.3.0-beta.1",
-    "@nx/vitest": "23.3.0-beta.1",
-    "nx": "23.3.0-beta.1"
+    "@nx/vitest": "23.3.0-beta.3",
+    "nx": "23.3.0-beta.3",
+    "@nx/storybook": "23.3.0-beta.3"
   },
   "peerDependencies": {
     "@angular/build": ">= 20.0.0 < 23.0.0",
@@ -98,11 +98,11 @@
     "ng-packagr": ">= 20.0.0 < 23.0.0",
     "rxjs": "^6.5.3 || ^7.5.0",
     "webpack-merge": "^5.8.0",
-    "@nx/cypress": "23.3.0-beta.1",
-    "@nx/module-federation": "23.3.0-beta.1",
-    "@nx/playwright": "23.3.0-beta.1",
-    "@nx/rspack": "23.3.0-beta.1",
-    "@nx/webpack": "23.3.0-beta.1"
+    "@nx/playwright": "23.3.0-beta.3",
+    "@nx/webpack": "23.3.0-beta.3",
+    "@nx/module-federation": "23.3.0-beta.3",
+    "@nx/rspack": "23.3.0-beta.3",
+    "@nx/cypress": "23.3.0-beta.3"
   },
   "peerDependenciesMeta": {
     "@angular/build": {