@nx/angular 21.2.0 → 21.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "21.2.0",
+  "version": "21.2.1",
   "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.2.0",
-    "@nx/eslint": "21.2.0",
-    "@nx/js": "21.2.0",
-    "@nx/module-federation": "21.2.0",
-    "@nx/rspack": "21.2.0",
-    "@nx/web": "21.2.0",
-    "@nx/webpack": "21.2.0",
-    "@nx/workspace": "21.2.0",
+    "@nx/devkit": "21.2.1",
+    "@nx/eslint": "21.2.1",
+    "@nx/js": "21.2.1",
+    "@nx/module-federation": "21.2.1",
+    "@nx/rspack": "21.2.1",
+    "@nx/web": "21.2.1",
+    "@nx/webpack": "21.2.1",
+    "@nx/workspace": "21.2.1",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@typescript-eslint/type-utils": "^8.0.0",
     "enquirer": "~2.3.6",

package/src/executors/utilities/ng-packagr/pre-v19/stylesheet-processor.js

@@ -12,8 +12,9 @@ const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const browserslist_1 = tslib_1.__importDefault(require("browserslist"));
 const fs_1 = require("fs");
-const color_1 = require("ng-packagr/src/lib/utils/color");
 const path_1 = require("path");
+const ng_packagr_version_1 = require("../ng-packagr-version");
+const package_imports_1 = require("../package-imports");
 const maxWorkersVariable = process.env['NG_BUILD_MAX_WORKERS'];
 const maxThreads = typeof maxWorkersVariable === 'string' && maxWorkersVariable !== ''
     ? +maxWorkersVariable
@@ -76,6 +77,8 @@ class StylesheetProcessor {
             devkit_1.workspaceRoot,
         ]);
         const tailwindConfigPath = findTailwindConfiguration(searchDirs);
+        const { major: ngPackagrMajorVersion } = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
+        const { colors } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/utils/color', ngPackagrMajorVersion);
         const Piscina = getPiscina();
         this.renderWorker = new Piscina({
             filename: require.resolve('ng-packagr/lib/styles/stylesheet-processor-worker'),
@@ -83,7 +86,7 @@ class StylesheetProcessor {
             recordTiming: false,
             env: {
                 ...process.env,
-                FORCE_COLOR: '' + color_1.colors.enabled,
+                FORCE_COLOR: '' + colors.enabled,
             },
             workerData: {
                 postcssConfiguration,

package/src/migrations/update-16-2-0/switch-data-persistence-operators-imports-to-ngrx-router-store.js

@@ -18,7 +18,7 @@ const dataPersistenceOperators = [
 ];
 const newImportPath = '@ngrx/router-store/data-persistence';
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, angularPluginTargetNames);
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(angularPluginTargetNames);
     if (!projects.length) {
         return;
     }
@@ -26,7 +26,7 @@ async function default_1(tree) {
     tsquery = require('@phenomnomnominal/tsquery').tsquery;
     const cachedFileMap = (0, nx_deps_cache_1.readFileMapCache)().fileMap.projectFileMap;
     const filesWithNxAngularImports = [];
-    for (const { graphNode } of projects) {
+    for (const graphNode of projects) {
         const files = filterFilesWithNxAngularDep(cachedFileMap[graphNode.name] || []);
         filesWithNxAngularImports.push(...files);
     }

package/src/migrations/update-17-1-0/replace-nguniversal-engines.js

@@ -26,11 +26,11 @@ async function default_1(tree) {
     if (!UNIVERSAL_PACKAGES.some((pkg) => packageJson.dependencies?.[pkg] || packageJson.devDependencies?.[pkg])) {
         return;
     }
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@nguniversal/common',
         'npm:@nguniversal/express-engine',
     ]);
-    for (const { project } of projects) {
+    for (const { data: project } of projects) {
         if (project.projectType !== 'application') {
             continue;
         }

package/src/migrations/update-17-1-0/update-zone-js-deep-import.js

@@ -4,7 +4,7 @@ exports.default = default_1;
 const devkit_1 = require("@nx/devkit");
 const projects_1 = require("../utils/projects");
 async function default_1(tree) {
-    const angularProjects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const angularProjects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/core',
     ]);
     if (!angularProjects.length) {
@@ -12,8 +12,8 @@ async function default_1(tree) {
     }
     const zoneJsImportRegex = /(['"`])zone\.js\/dist\/zone(['"`])/g;
     const zoneJsTestingImportRegex = /(['"`])zone\.js\/dist\/zone-testing(['"`])/g;
-    for (const { project } of angularProjects) {
-        (0, devkit_1.visitNotIgnoredFiles)(tree, project.root, (file) => {
+    for (const graphNode of angularProjects) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, graphNode.data.root, (file) => {
             // we are only interested in .ts files
             if (!file.endsWith('.ts')) {
                 return;

package/src/migrations/update-20-2-0/disable-angular-eslint-prefer-standalone.js

@@ -6,10 +6,11 @@ const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
 const projects_1 = require("../utils/projects");
 const preferStandaloneRule = '@angular-eslint/prefer-standalone';
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/core',
     ]);
-    for (const { project: { root }, } of projects) {
+    for (const graphNode of projects) {
+        const root = graphNode.data.root;
         if (!(0, eslint_file_1.isEslintConfigSupported)(tree, root)) {
             // ESLint config is not supported, skip
             continue;

package/src/migrations/update-20-2-0/remove-angular-eslint-rules.js

@@ -11,11 +11,12 @@ exports.rulesToRemove = [
     '@angular-eslint/prefer-standalone-component',
 ];
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/core',
     ]);
     let hasRootProject = false;
-    for (const { project: { root }, } of projects) {
+    for (const graphNode of projects) {
+        const root = graphNode.data.root;
         if (!(0, eslint_file_1.isEslintConfigSupported)(tree, root)) {
             // ESLint config is not supported, skip
             continue;

package/src/migrations/update-20-2-0/update-angular-ssr-imports-to-use-node-entry-point.js

@@ -7,11 +7,11 @@ const ts = tslib_1.__importStar(require("typescript"));
 const file_change_recorder_1 = require("../../utils/file-change-recorder");
 const projects_1 = require("../utils/projects");
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/ssr',
     ]);
-    for (const { project } of projects) {
-        (0, devkit_1.visitNotIgnoredFiles)(tree, project.root, (path) => {
+    for (const graphNode of projects) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, graphNode.data.root, (path) => {
             if (!path.endsWith('.ts') || path.endsWith('.d.ts')) {
                 return;
             }

package/src/migrations/update-21-0-0/change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence.js

@@ -18,7 +18,7 @@ const dataPersistenceOperators = [
 ];
 const newImportPath = '@ngrx/router-store/data-persistence';
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, angularPluginTargetNames);
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(angularPluginTargetNames);
     if (!projects.length) {
         return;
     }
@@ -26,7 +26,7 @@ async function default_1(tree) {
     tsquery = require('@phenomnomnominal/tsquery').tsquery;
     const cachedFileMap = (0, nx_deps_cache_1.readFileMapCache)().fileMap.projectFileMap;
     const filesWithNxAngularImports = [];
-    for (const { graphNode } of projects) {
+    for (const graphNode of projects) {
         const files = filterFilesWithNxAngularDep(cachedFileMap[graphNode.name] || []);
         filesWithNxAngularImports.push(...files);
     }

package/src/migrations/update-21-2-0/migrate-provide-server-rendering-import.js

@@ -8,15 +8,15 @@ const file_change_recorder_1 = require("../../utils/file-change-recorder");
 const versions_1 = require("../../utils/versions");
 const projects_1 = require("../utils/projects");
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/platform-server',
     ]);
     if (!projects.length) {
         return;
     }
     let isSsrInstalled = false;
-    for (const { project } of projects) {
-        (0, devkit_1.visitNotIgnoredFiles)(tree, project.root, (file) => {
+    for (const graphNode of projects) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, graphNode.data.root, (file) => {
             if (!file.endsWith('.ts') || file.endsWith('.d.ts')) {
                 return;
             }

package/src/migrations/update-21-2-0/replace-provide-server-routing.js

@@ -8,14 +8,14 @@ const ts = tslib_1.__importStar(require("typescript"));
 const file_change_recorder_1 = require("../../utils/file-change-recorder");
 const projects_1 = require("../utils/projects");
 async function default_1(tree) {
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/ssr',
     ]);
     if (!projects.length) {
         return;
     }
-    for (const { project } of projects) {
-        (0, devkit_1.visitNotIgnoredFiles)(tree, project.root, (file) => {
+    for (const graphNode of projects) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, graphNode.data.root, (file) => {
             if (!file.endsWith('.ts') || file.endsWith('.d.ts')) {
                 return;
             }

package/src/migrations/update-21-2-0/update-module-resolution.js

@@ -6,11 +6,11 @@ const targets_1 = require("../../utils/targets");
 const projects_1 = require("../utils/projects");
 async function default_1(tree) {
     const uniqueTsConfigs = new Set();
-    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)([
         'npm:@angular/core',
     ]);
-    for (const { project } of projects) {
-        for (const [, target] of (0, targets_1.allProjectTargets)(project)) {
+    for (const graphNode of projects) {
+        for (const [, target] of (0, targets_1.allProjectTargets)(graphNode.data)) {
             for (const [, options] of (0, targets_1.allTargetOptions)(target)) {
                 if (typeof options?.tsConfig === 'string') {
                     uniqueTsConfigs.add(options.tsConfig);

package/src/migrations/utils/projects.d.ts

@@ -1,5 +1,2 @@
-import type { ProjectConfiguration, ProjectGraphProjectNode, Tree } from '@nx/devkit';
-export declare function getProjectsFilteredByDependencies(tree: Tree, dependencies: string[]): Promise<Array<{
-    project: ProjectConfiguration;
-    graphNode: ProjectGraphProjectNode;
-}>>;
+import type { ProjectGraphProjectNode } from '@nx/devkit';
+export declare function getProjectsFilteredByDependencies(dependencies: string[]): Promise<ProjectGraphProjectNode[]>;

package/src/migrations/utils/projects.js

@@ -2,13 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProjectsFilteredByDependencies = getProjectsFilteredByDependencies;
 const devkit_1 = require("@nx/devkit");
-async function getProjectsFilteredByDependencies(tree, dependencies) {
+async function getProjectsFilteredByDependencies(dependencies) {
     const projectGraph = await (0, devkit_1.createProjectGraphAsync)();
     return Object.entries(projectGraph.dependencies)
         .filter(([node, deps]) => !projectGraph.externalNodes?.[node] &&
         deps.some(({ target }) => dependencies.includes(target)))
-        .map(([projectName]) => ({
-        project: (0, devkit_1.readProjectConfiguration)(tree, projectName),
-        graphNode: projectGraph.nodes[projectName],
-    }));
+        .map(([projectName]) => projectGraph.nodes[projectName]);
 }