@nx/angular 20.3.0-canary.20241218-fb40366 → 20.3.0-rc.0

package/migrations.json

@@ -332,6 +332,12 @@
       },
       "description": "Remove the deprecated 'tailwindConfig' option from ng-packagr executors. Tailwind CSS configurations located at the project or workspace root will be picked up automatically.",
       "factory": "./src/migrations/update-20-2-0/remove-tailwind-config-from-ng-packagr-executors"
+    },
+    "ensure-nx-module-federation-package": {
+      "cli": "nx",
+      "version": "20.3.0-beta.2",
+      "description": "If workspace includes Module Federation projects, ensure the new @nx/module-federation package is installed.",
+      "factory": "./src/migrations/update-20-3-0/ensure-nx-module-federation-package"
     }
   },
   "packageJsonUpdates": {
@@ -1397,6 +1403,18 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "20.2.3-ngrx": {
+      "version": "20.3.0-beta.2",
+      "requires": {
+        "@angular/core": "^19.0.0"
+      },
+      "packages": {
+        "@ngrx/store": {
+          "version": "^19.0.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "20.3.0-canary.20241218-fb40366",
+  "version": "20.3.0-rc.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": {
@@ -71,13 +71,13 @@
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/devkit": "20.3.0-canary.20241218-fb40366",
-    "@nx/js": "20.3.0-canary.20241218-fb40366",
-    "@nx/eslint": "20.3.0-canary.20241218-fb40366",
-    "@nx/webpack": "20.3.0-canary.20241218-fb40366",
-    "@nx/module-federation": "20.3.0-canary.20241218-fb40366",
-    "@nx/web": "20.3.0-canary.20241218-fb40366",
-    "@nx/workspace": "20.3.0-canary.20241218-fb40366",
+    "@nx/devkit": "20.3.0-rc.0",
+    "@nx/js": "20.3.0-rc.0",
+    "@nx/eslint": "20.3.0-rc.0",
+    "@nx/webpack": "20.3.0-rc.0",
+    "@nx/module-federation": "20.3.0-rc.0",
+    "@nx/web": "20.3.0-rc.0",
+    "@nx/workspace": "20.3.0-rc.0",
     "piscina": "^4.4.0"
   },
   "peerDependencies": {

package/src/generators/component/lib/normalize-options.js

@@ -14,6 +14,9 @@ async function normalizeOptions(tree, options) {
         allowedFileExtensions: ['ts'],
         fileExtension: 'ts',
     });
+    if (name.includes('/')) {
+        throw new Error(`The component name '${name}' cannot contain a slash as it must be a valid JS symbol. Please use a different name.`);
+    }
     const { className } = (0, devkit_1.names)(name);
     const { className: suffixClassName } = (0, devkit_1.names)(options.type);
     const symbolName = `${className}${suffixClassName}`;

package/src/generators/library/lib/add-standalone-component.js

@@ -8,7 +8,7 @@ const add_load_children_1 = require("./add-load-children");
 async function addStandaloneComponent(tree, { libraryOptions, componentOptions }) {
     await (0, component_1.componentGenerator)(tree, {
         ...componentOptions,
-        name: componentOptions.name,
+        name: (0, devkit_1.names)(libraryOptions.name).className,
         path: (0, devkit_1.joinPathFragments)(libraryOptions.projectRoot, 'src', 'lib', componentOptions.flat
             ? `${componentOptions.name}`
             : `${componentOptions.name}/${componentOptions.name}`),

package/src/generators/ng-add/utilities/workspace.js

@@ -54,7 +54,10 @@ function createNxJson(tree, options, defaultProject) {
                     ]
                     : []),
                 ...(targets.lint
-                    ? ['!{projectRoot}/.eslintrc.json', '!{projectRoot}/eslint.config.js']
+                    ? [
+                        '!{projectRoot}/.eslintrc.json',
+                        '!{projectRoot}/eslint.config.cjs',
+                    ]
                     : []),
             ].filter(Boolean),
         },
@@ -75,7 +78,7 @@ function createNxJson(tree, options, defaultProject) {
                     inputs: [
                         'default',
                         '{workspaceRoot}/.eslintrc.json',
-                        '{workspaceRoot}/eslint.config.js',
+                        '{workspaceRoot}/eslint.config.cjs',
                     ],
                     cache: true,
                 }

package/src/generators/setup-mf/setup-mf.js

@@ -24,6 +24,7 @@ async function setupMf(tree, rawOptions) {
             }, {
                 '@nx/web': versions_1.nxVersion,
                 '@nx/webpack': versions_1.nxVersion,
+                '@nx/module-federation': versions_1.nxVersion,
             });
         }
     }
@@ -47,6 +48,7 @@ async function setupMf(tree, rawOptions) {
             installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
                 '@nx/webpack': versions_1.nxVersion,
                 '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion,
+                '@nx/module-federation': versions_1.nxVersion,
             });
         }
     }

package/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package.js

@@ -4,6 +4,7 @@ exports.default = migrateWithMfImport;
 const devkit_1 = require("@nx/devkit");
 const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
 const tsquery_1 = require("@phenomnomnominal/tsquery");
+const versions_1 = require("../../utils/versions");
 const NX_ANGULAR_MODULE_FEDERATION_IMPORT_SELECTOR = 'ImportDeclaration > StringLiteral[value=@nx/angular/module-federation], VariableStatement CallExpression:has(Identifier[name=require]) > StringLiteral[value=@nx/angular/module-federation]';
 const NEW_IMPORT_PATH = `'@nx/module-federation/angular'`;
 async function migrateWithMfImport(tree) {
@@ -31,5 +32,10 @@ async function migrateWithMfImport(tree) {
             tree.write(filePath, contents);
         });
     }
+    if (projects.size !== 0) {
+        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            '@nx/module-federation': versions_1.nxVersion,
+        });
+    }
     await (0, devkit_1.formatFiles)(tree);
 }

package/src/migrations/update-20-3-0/ensure-nx-module-federation-package.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function ensureMfPackage(tree: Tree): Promise<void>;

package/src/migrations/update-20-3-0/ensure-nx-module-federation-package.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ensureMfPackage;
+const devkit_1 = require("@nx/devkit");
+const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
+const versions_1 = require("../../utils/versions");
+async function ensureMfPackage(tree) {
+    const projects = new Set();
+    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nx/angular:module-federation-dev-server', (options, project, target) => {
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
+        projects.add(projectConfig.root);
+    });
+    if (projects.size !== 0) {
+        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            '@nx/module-federation': versions_1.nxVersion,
+        });
+    }
+}

package/src/utils/versions.d.ts

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

package/src/utils/versions.js

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