@nx/angular 21.3.0-canary.20250618-5c2fdc9 → 21.3.0-canary.20250621-57e70d0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "21.3.0-canary.20250618-5c2fdc9",
+  "version": "21.3.0-canary.20250621-57e70d0",
   "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.3.0-canary.20250618-5c2fdc9",
-    "@nx/eslint": "21.3.0-canary.20250618-5c2fdc9",
-    "@nx/js": "21.3.0-canary.20250618-5c2fdc9",
-    "@nx/module-federation": "21.3.0-canary.20250618-5c2fdc9",
-    "@nx/rspack": "21.3.0-canary.20250618-5c2fdc9",
-    "@nx/web": "21.3.0-canary.20250618-5c2fdc9",
-    "@nx/webpack": "21.3.0-canary.20250618-5c2fdc9",
-    "@nx/workspace": "21.3.0-canary.20250618-5c2fdc9",
+    "@nx/devkit": "21.3.0-canary.20250621-57e70d0",
+    "@nx/eslint": "21.3.0-canary.20250621-57e70d0",
+    "@nx/js": "21.3.0-canary.20250621-57e70d0",
+    "@nx/module-federation": "21.3.0-canary.20250621-57e70d0",
+    "@nx/rspack": "21.3.0-canary.20250621-57e70d0",
+    "@nx/web": "21.3.0-canary.20250621-57e70d0",
+    "@nx/webpack": "21.3.0-canary.20250621-57e70d0",
+    "@nx/workspace": "21.3.0-canary.20250621-57e70d0",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@typescript-eslint/type-utils": "^8.0.0",
     "enquirer": "~2.3.6",

package/src/generators/library/library.js

@@ -33,6 +33,10 @@ async function libraryGenerator(tree, schema) {
     if (schema.publishable === true && !schema.importPath) {
         throw new Error(`For publishable libs you have to provide a proper "--importPath" which needs to be a valid npm package name (e.g. my-awesome-lib or @myorg/my-lib)`);
     }
+    if (schema.simpleName !== undefined && schema.simpleName !== false) {
+        // TODO(v22): Remove simpleName as user should be using name.
+        devkit_1.logger.warn(`The "--simpleName" option is deprecated and will be removed in Nx 22. Please use the "--name" option to provide the exact name you want for the library.`);
+    }
     if (schema.addTailwind && !schema.buildable && !schema.publishable) {
         throw new Error(`To use "--addTailwind" option, you have to set either "--buildable" or "--publishable".`);
     }

package/src/generators/library/schema.json

@@ -47,7 +47,8 @@
     "simpleName": {
       "description": "Don't include the directory in the name of the module or standalone component entry of the library.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-deprecated": "Use the --name option to provide the exact name instead. This option will be removed in Nx 22."
     },
     "addModuleSpec": {
       "description": "Add a module spec file.",

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]);
 }