@nx/angular 20.3.0-canary.20241219-2eb5243 → 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": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "20.3.0-canary.20241219-2eb5243",
+  "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.20241219-2eb5243",
-    "@nx/js": "20.3.0-canary.20241219-2eb5243",
-    "@nx/eslint": "20.3.0-canary.20241219-2eb5243",
-    "@nx/webpack": "20.3.0-canary.20241219-2eb5243",
-    "@nx/module-federation": "20.3.0-canary.20241219-2eb5243",
-    "@nx/web": "20.3.0-canary.20241219-2eb5243",
-    "@nx/workspace": "20.3.0-canary.20241219-2eb5243",
+    "@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/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,
+        });
+    }
+}