@nx/angular 0.0.0-pr-22179-271588f → 0.0.0-pr-26515-856ef7f

package/LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2023 Narwhal Technologies Inc.
+Copyright (c) 2017-2024 Narwhal Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

package/README.md

@@ -24,7 +24,7 @@
 
 Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.
 
-This package is an [Angular plugin for Nx](https://nx.dev/packages/angular).
+This package is an [Angular plugin for Nx](https://nx.dev/nx-api/angular).
 
 ## Getting Started
 

package/executors.d.ts

@@ -11,6 +11,6 @@ export * from './src/executors/extract-i18n/extract-i18n.impl';
 import { executeDevServerBuilder } from './src/builders/dev-server/dev-server.impl';
 export { 
 /**
- * @deprecated Use executeDevServerBuilder instead. It will be removed in Nx v19.
+ * @deprecated Use executeDevServerBuilder instead. It will be removed in Nx v20.
  */
 executeDevServerBuilder as executeWebpackDevServerBuilder, executeDevServerBuilder, };

package/executors.json

@@ -8,27 +8,27 @@
     "ng-packagr-lite": {
       "implementation": "./src/executors/ng-packagr-lite/ng-packagr-lite.impl",
       "schema": "./src/executors/ng-packagr-lite/schema.json",
-      "description": "Builds a library with support for incremental builds.\nThis executor is meant to be used with buildable libraries in an incremental build scenario. It is similar to the `@nrwl/angular:package` executor but with some key differences:\n- It doesn't run `ngcc` automatically (`ngcc` needs to be run separately beforehand if needed, this can be done in a `postinstall` hook on `package.json`).\n- It only produces ESM2020 bundles.\n- It doesn't generate package exports in the `package.json`."
+      "description": "Builds an Angular library with support for incremental builds.\n\nThis executor is meant to be used with buildable libraries in an incremental build scenario. It is similar to the `@nx/angular:package` executor but it only produces ESM2022 bundles."
     },
     "package": {
       "implementation": "./src/executors/package/package.impl",
       "schema": "./src/executors/package/schema.json",
-      "description": "Builds and packages an Angular library producing an output following the Angular Package Format (APF) to be distributed as an NPM package.\nThis executor is similar to the `@angular-devkit/build-angular:ng-packagr` with additional support for incremental builds."
+      "description": "Builds and packages an Angular library producing an output following the Angular Package Format (APF) to be distributed as an NPM package.\n\nThis executor is a drop-in replacement for the `@angular-devkit/build-angular:ng-packagr` with additional support for incremental builds."
     },
     "browser-esbuild": {
       "implementation": "./src/executors/browser-esbuild/browser-esbuild.impl",
       "schema": "./src/executors/browser-esbuild/schema.json",
-      "description": "Builds your application with esbuild and adds support for incremental builds."
+      "description": "Builds an Angular application using [esbuild](https://esbuild.github.io/)."
     },
     "module-federation-dev-server": {
       "implementation": "./src/executors/module-federation-dev-server/module-federation-dev-server.impl",
       "schema": "./src/executors/module-federation-dev-server/schema.json",
-      "description": "The module-federation-dev-server executor is reserved exclusively for use with host Module Federation applications. It allows the user to specify which remote applications should be served with the host."
+      "description": "Serves host [Module Federation](https://module-federation.io/) applications ([webpack](https://webpack.js.org/)-based) allowing to specify which remote applications should be served with the host."
     },
     "application": {
       "implementation": "./src/executors/application/application.impl",
       "schema": "./src/executors/application/schema.json",
-      "description": "Builds an application with esbuild with support for incremental builds. _Note: this is only supported in Angular versions >= 17.0.0_."
+      "description": "Builds an Angular application using [esbuild](https://esbuild.github.io/) with integrated SSR and prerendering capabilities. _Note: this is only supported in Angular versions >= 17.0.0_."
     },
     "extract-i18n": {
       "implementation": "./src/executors/extract-i18n/extract-i18n.impl",
@@ -40,22 +40,22 @@
     "webpack-browser": {
       "implementation": "./src/builders/webpack-browser/webpack-browser.impl",
       "schema": "./src/builders/webpack-browser/schema.json",
-      "description": "The `webpack-browser` executor is very similar to the standard `browser` builder provided by the Angular Devkit. It allows you to build your Angular application to a build artifact that can be hosted online. There are some key differences:   \n- Supports Custom Webpack Configurations  \n- Supports Incremental Building"
+      "description": "Builds an Angular application using [webpack](https://webpack.js.org/)."
     },
     "dev-server": {
       "implementation": "./src/builders/dev-server/dev-server.impl",
       "schema": "./src/builders/dev-server/schema.json",
-      "description": "Serves an Angular application using [Webpack](https://webpack.js.org/) when the build target is using a Webpack-based executor, or [Vite](https://vitejs.dev/) when the build target uses an esbuild-based executor."
+      "description": "Serves an Angular application using [webpack](https://webpack.js.org/) when the build target is using a webpack-based executor, or [Vite](https://vitejs.dev/) when the build target uses an [esbuild](https://esbuild.github.io/)-based executor."
     },
     "webpack-server": {
       "implementation": "./src/builders/webpack-server/webpack-server.impl",
       "schema": "./src/builders/webpack-server/schema.json",
-      "description": "The `webpack-server` executor is very similar to the standard `server` builder provided by the Angular Devkit. It is usually used in tandem with `@nrwl/angular:webpack-browser` when your Angular application uses a custom webpack configuration and NgUniversal for SSR."
+      "description": "Builds a server Angular application using [webpack](https://webpack.js.org/). This executor is a drop-in replacement for the `@angular-devkit/build-angular:server` builder provided by the Angular CLI. It is usually used in tandem with the `@nx/angular:webpack-browser` executor when your Angular application uses a custom webpack configuration."
     },
     "module-federation-dev-ssr": {
       "implementation": "./src/builders/module-federation-dev-ssr/module-federation-dev-ssr.impl",
       "schema": "./src/builders/module-federation-dev-ssr/schema.json",
-      "description": "The module-federation-dev-ssr executor is reserved exclusively for use with host Module Federation applications that use SSR. It allows the user to specify which remote applications should be served with the host."
+      "description": "Serves host [Module Federation](https://module-federation.io/) applications ([webpack](https://webpack.js.org/)-based) that use SSR allowing to specify which remote applications should be served with the host."
     }
   }
 }

package/migrations.json

@@ -371,6 +371,39 @@
       },
       "description": "Update the @angular/cli package version to ~17.2.0.",
       "factory": "./src/migrations/update-18-1-0/update-angular-cli"
+    },
+    "fix-target-defaults-for-webpack-browser": {
+      "cli": "nx",
+      "version": "18.1.1-beta.0",
+      "description": "Ensure targetDefaults inputs for task hashing when '@nx/angular:webpack-browser' is used are correct for Module Federation.",
+      "factory": "./src/migrations/update-18-1-1/fix-target-defaults-inputs"
+    },
+    "update-angular-cli-version-17-3-0": {
+      "cli": "nx",
+      "version": "18.2.0-beta.0",
+      "requires": {
+        "@angular/core": ">=17.3.0"
+      },
+      "description": "Update the @angular/cli package version to ~17.3.0.",
+      "factory": "./src/migrations/update-18-2-0/update-angular-cli"
+    },
+    "update-angular-cli-version-18-0-0": {
+      "cli": "nx",
+      "version": "19.1.0-beta.2",
+      "requires": {
+        "@angular/core": ">=18.0.0"
+      },
+      "description": "Update the @angular/cli package version to ~18.0.0.",
+      "factory": "./src/migrations/update-19-1-0/update-angular-cli"
+    },
+    "add-typescript-eslint-utils": {
+      "cli": "nx",
+      "version": "19.2.1-beta.0",
+      "requires": {
+        "@angular-eslint/eslint-plugin": ">=18.0.0"
+      },
+      "description": "Installs the '@typescript-eslint/utils' package when having installed '@angular-eslint/eslint-plugin' or '@angular-eslint/eslint-plugin-template' with version >=18.0.0.",
+      "factory": "./src/migrations/update-19-2-1/add-typescript-eslint-utils"
     }
   },
   "packageJsonUpdates": {
@@ -1712,6 +1745,182 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "18.2.0": {
+      "version": "18.2.0-beta.0",
+      "x-prompt": "Do you want to update the Angular version to v17.3?",
+      "requires": {
+        "@angular/core": ">=17.2.0 <17.3.0"
+      },
+      "packages": {
+        "@angular-devkit/build-angular": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/core": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/schematics": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/pwa": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/ssr": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@schematics/angular": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/architect": {
+          "version": "~0.1703.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/build-webpack": {
+          "version": "~0.1703.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/core": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@angular/material": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/cdk": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "ng-packagr": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "18.2.0-angular-eslint": {
+      "version": "18.2.0-beta.0",
+      "requires": {
+        "eslint": "^7.20.0 || ^8.0.0",
+        "@angular/core": ">= 17.0.0 < 18.0.0"
+      },
+      "packages": {
+        "@angular-eslint/eslint-plugin": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-eslint/eslint-plugin-template": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-eslint/template-parser": {
+          "version": "~17.3.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "19.1.0": {
+      "version": "19.1.0-beta.2",
+      "x-prompt": "Do you want to update the Angular version to v18?",
+      "requires": {
+        "@angular/core": ">=17.3.0 <18.0.0"
+      },
+      "packages": {
+        "@angular-devkit/build-angular": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/core": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/schematics": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/pwa": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/ssr": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@schematics/angular": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/architect": {
+          "version": "~0.1800.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-devkit/build-webpack": {
+          "version": "~0.1800.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/core": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@angular/material": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular/cdk": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "ng-packagr": {
+          "version": "~18.0.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "19.1.0-jest": {
+      "version": "19.1.0-beta.2",
+      "requires": {
+        "@angular-devkit/build-angular": ">=15.0.0 <19.0.0",
+        "@angular/compiler-cli": ">=15.0.0 <19.0.0",
+        "@angular/core": ">=15.0.0 <19.0.0",
+        "@angular/platform-browser-dynamic": ">=15.0.0 <19.0.0",
+        "jest": "^29.0.0"
+      },
+      "packages": {
+        "jest-preset-angular": {
+          "version": "~14.1.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "19.1.2": {
+      "version": "19.1.2-beta.1",
+      "requires": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "@angular/core": ">= 18.0.0 < 19.0.0"
+      },
+      "packages": {
+        "@angular-eslint/eslint-plugin": {
+          "version": "^18.0.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-eslint/eslint-plugin-template": {
+          "version": "^18.0.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-eslint/template-parser": {
+          "version": "^18.0.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@angular-eslint/utils": {
+          "version": "^18.0.1",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nx/angular",
-  "version": "0.0.0-pr-22179-271588f",
+  "version": "0.0.0-pr-26515-856ef7f",
   "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, 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.",
+  "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": {
     "type": "git",
     "url": "https://github.com/nrwl/nx.git",
@@ -13,7 +13,8 @@
     "Angular",
     "Jest",
     "Cypress",
-    "CLI"
+    "CLI",
+    "Front-end"
   ],
   "exports": {
     "./migrations.json": "./migrations.json",
@@ -23,7 +24,7 @@
     "./executors": "./executors.js",
     "./tailwind": "./tailwind.js",
     "./module-federation": "./module-federation/index.js",
-    "./src/utils": "./src/utils/public-api.js",
+    "./src/utils": "./src/utils/index.js",
     "./plugins/component-testing": "./plugins/component-testing.js",
     "./src/generators/utils": "./src/generators/utils/index.js",
     "./src/generators/move/move-impl": "./src/generators/move/move-impl.js",
@@ -68,7 +69,7 @@
   },
   "dependencies": {
     "@phenomnomnominal/tsquery": "~5.0.1",
-    "@typescript-eslint/type-utils": "^6.9.1",
+    "@typescript-eslint/type-utils": "^7.3.0",
     "chalk": "^4.1.0",
     "find-cache-dir": "^3.3.2",
     "ignore": "^5.0.4",
@@ -78,20 +79,20 @@
     "tslib": "^2.3.0",
     "webpack": "^5.80.0",
     "webpack-merge": "^5.8.0",
-    "@nx/devkit": "0.0.0-pr-22179-271588f",
-    "@nx/js": "0.0.0-pr-22179-271588f",
-    "@nx/eslint": "0.0.0-pr-22179-271588f",
-    "@nx/webpack": "0.0.0-pr-22179-271588f",
-    "@nx/web": "0.0.0-pr-22179-271588f",
-    "@nx/workspace": "0.0.0-pr-22179-271588f",
-    "piscina": "^4.2.1",
-    "@nrwl/angular": "0.0.0-pr-22179-271588f"
+    "@nx/devkit": "0.0.0-pr-26515-856ef7f",
+    "@nx/js": "0.0.0-pr-26515-856ef7f",
+    "@nx/eslint": "0.0.0-pr-26515-856ef7f",
+    "@nx/webpack": "0.0.0-pr-26515-856ef7f",
+    "@nx/web": "0.0.0-pr-26515-856ef7f",
+    "@nx/workspace": "0.0.0-pr-26515-856ef7f",
+    "piscina": "^4.4.0",
+    "@nrwl/angular": "0.0.0-pr-26515-856ef7f"
   },
   "peerDependencies": {
-    "@angular-devkit/build-angular": ">= 15.0.0 < 18.0.0",
-    "@angular-devkit/core": ">= 15.0.0 < 18.0.0",
-    "@angular-devkit/schematics": ">= 15.0.0 < 18.0.0",
-    "@schematics/angular": ">= 15.0.0 < 18.0.0",
+    "@angular-devkit/build-angular": ">= 16.0.0 < 19.0.0",
+    "@angular-devkit/core": ">= 16.0.0 < 19.0.0",
+    "@angular-devkit/schematics": ">= 16.0.0 < 19.0.0",
+    "@schematics/angular": ">= 16.0.0 < 19.0.0",
     "esbuild": "^0.19.2",
     "rxjs": "^6.5.3 || ^7.5.0"
   },

package/plugins/component-testing.d.ts

@@ -1,4 +1,4 @@
-import { NxComponentTestingOptions } from '@nx/cypress/plugins/cypress-preset';
+import { NxComponentTestingPresetOptions } from '@nx/cypress/plugins/cypress-preset';
 /**
  * Angular nx preset for Cypress Component Testing
  *
@@ -17,4 +17,4 @@ import { NxComponentTestingOptions } from '@nx/cypress/plugins/cypress-preset';
  * @param pathToConfig will be used for loading project options and to construct the output paths for videos and screenshots
  * @param options override options
  */
-export declare function nxComponentTestingPreset(pathToConfig: string, options?: NxComponentTestingOptions): any;
+export declare function nxComponentTestingPreset(pathToConfig: string, options?: NxComponentTestingPresetOptions): any;

package/plugins/component-testing.js

@@ -26,7 +26,7 @@ const semver_1 = require("semver");
  * @param options override options
  */
 function nxComponentTestingPreset(pathToConfig, options) {
-    if (global.NX_GRAPH_CREATION || global.NX_CYPRESS_INIT_GENERATOR_RUNNING) {
+    if (global.NX_GRAPH_CREATION) {
         // this is only used by plugins, so we don't need the component testing
         // options, cast to any to avoid type errors
         return (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig, {

package/src/builders/dev-server/dev-server.impl.js

@@ -98,7 +98,7 @@ function executeDevServerBuilder(rawOptions, context) {
      */
     (0, patch_builder_context_1.patchBuilderContext)(context, !isUsingWebpackBuilder, parsedBuildTarget);
     return (0, rxjs_1.combineLatest)([
-        (0, rxjs_1.from)(Promise.resolve().then(() => require('@angular-devkit/build-angular'))),
+        (0, rxjs_1.from)(import('@angular-devkit/build-angular')),
         (0, rxjs_1.from)((0, esbuild_extensions_1.loadPlugins)(buildTargetOptions.plugins, buildTargetOptions.tsConfig)),
         (0, rxjs_1.from)((0, esbuild_extensions_1.loadMiddleware)(options.esbuildMiddleware, buildTargetOptions.tsConfig)),
         (0, rxjs_1.from)(loadIndexHtmlFileTransformer(pathToIndexFileTransformer, buildTargetOptions.tsConfig, context, isUsingWebpackBuilder)),

package/src/builders/dev-server/lib/validate-options.js

@@ -6,7 +6,7 @@ const semver_1 = require("semver");
 const angular_version_utils_1 = require("../../../executors/utilities/angular-version-utils");
 function validateOptions(options) {
     const { major: angularMajorVersion, version: angularVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    if ((0, semver_1.lt)(angularVersion, '16.1.0') && options.forceEsbuild !== undefined) {
+    if ((0, semver_1.lt)(angularVersion, '16.1.0') && options.forceEsbuild) {
         throw new Error((0, devkit_1.stripIndents) `The "forceEsbuild" option is only supported in Angular >= 16.1.0. You are currently using "${angularVersion}".
       You can resolve this error by removing the "forceEsbuild" option or by migrating to Angular 16.1.0.`);
     }

package/src/builders/dev-server/schema.json

@@ -3,7 +3,7 @@
   "outputCapture": "direct-nodejs",
   "$schema": "http://json-schema.org/draft-07/schema",
   "title": "Schema for Webpack Dev Server",
-  "description": "Serves an Angular application using [Webpack](https://webpack.js.org/) when the build target is using a Webpack-based executor, or [Vite](https://vitejs.dev/) when the build target uses an esbuild-based executor.",
+  "description": "Serves an Angular application using [webpack](https://webpack.js.org/) when the build target is using a webpack-based executor, or [Vite](https://vitejs.dev/) when the build target uses an [esbuild](https://esbuild.github.io/)-based executor.",
   "examplesFile": "../../../docs/dev-server-examples.md",
   "type": "object",
   "presets": [
@@ -17,7 +17,7 @@
       "type": "string",
       "description": "A browser builder target to serve in the format of `project:target[:configuration]`. Ignored if `buildTarget` is set.",
       "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
-      "x-deprecated": "Use 'buildTarget' instead. It will be removed in Nx v19."
+      "x-deprecated": "Use 'buildTarget' instead. It will be removed in Nx v20."
     },
     "buildTarget": {
       "type": "string",
@@ -36,7 +36,7 @@
     },
     "proxyConfig": {
       "type": "string",
-      "description": "Proxy configuration file. For more information, see https://angular.io/guide/build#proxying-to-a-backend-server."
+      "description": "Proxy configuration file. For more information, see https://angular.dev/tools/cli/serve#proxying-to-a-backend-server."
     },
     "ssl": {
       "type": "boolean",

package/src/builders/module-federation-dev-ssr/module-federation-dev-ssr.impl.js

@@ -17,7 +17,7 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
     const projectGraph = (0, devkit_1.readCachedProjectGraph)();
     const { projects: workspaceProjects } = (0, project_graph_1.readProjectsConfigurationFromProjectGraph)(projectGraph);
     const project = workspaceProjects[context.target.project];
-    let pathToManifestFile = (0, path_1.join)(context.workspaceRoot, project.sourceRoot, 'assets/module-federation.manifest.json');
+    let pathToManifestFile;
     if (options.pathToManifestFile) {
         const userPathToManifestFile = (0, path_1.join)(context.workspaceRoot, options.pathToManifestFile);
         if (!(0, fs_1.existsSync)(userPathToManifestFile)) {
@@ -28,16 +28,19 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
         }
         pathToManifestFile = userPathToManifestFile;
     }
-    (0, module_federation_1.validateDevRemotes)(options, workspaceProjects);
-    const remotesToSkip = new Set(options.skipRemotes ?? []);
-    const staticRemotes = (0, module_federation_1.getStaticRemotes)(project, context, workspaceProjects, remotesToSkip);
-    const dynamicRemotes = (0, module_federation_1.getDynamicRemotes)(project, context, workspaceProjects, remotesToSkip, pathToManifestFile);
-    const remotes = [...staticRemotes, ...dynamicRemotes];
+    else {
+        pathToManifestFile = (0, module_federation_1.getDynamicMfManifestFile)(project, context.workspaceRoot);
+    }
     const devServeRemotes = !options.devRemotes
         ? []
         : Array.isArray(options.devRemotes)
             ? options.devRemotes
             : [options.devRemotes];
+    (0, module_federation_1.validateDevRemotes)({ devRemotes: devServeRemotes }, workspaceProjects);
+    const remotesToSkip = new Set(options.skipRemotes ?? []);
+    const staticRemotes = (0, module_federation_1.getStaticRemotes)(project, context, workspaceProjects, remotesToSkip);
+    const dynamicRemotes = (0, module_federation_1.getDynamicRemotes)(project, context, workspaceProjects, remotesToSkip, pathToManifestFile);
+    const remotes = [...staticRemotes, ...dynamicRemotes];
     const remoteProcessPromises = [];
     for (const remote of remotes) {
         const isDev = devServeRemotes.includes(remote);

package/src/builders/module-federation-dev-ssr/schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema",
   "title": "Module Federation SSR Dev Server Target",
-  "description": "SSR Dev Server target options for Module Federation host applications.",
+  "description": "Serves host [Module Federation](https://module-federation.io/) applications ([webpack](https://webpack.js.org/)-based) that use SSR allowing to specify which remote applications should be served with the host.",
   "type": "object",
   "properties": {
     "browserTarget": {

package/src/builders/utilities/module-federation.d.ts

@@ -1,6 +1,11 @@
 import { ProjectConfiguration } from '@nx/devkit';
-export declare function getDynamicRemotes(project: ProjectConfiguration, context: import('@angular-devkit/architect').BuilderContext, workspaceProjects: Record<string, ProjectConfiguration>, remotesToSkip: Set<string>, pathToManifestFile?: string): string[];
+export type DevRemoteDefinition = string | {
+    remoteName: string;
+    configuration: string;
+};
+export declare function getDynamicRemotes(project: ProjectConfiguration, context: import('@angular-devkit/architect').BuilderContext, workspaceProjects: Record<string, ProjectConfiguration>, remotesToSkip: Set<string>, pathToManifestFile: string | undefined): string[];
 export declare function getStaticRemotes(project: ProjectConfiguration, context: import('@angular-devkit/architect').BuilderContext, workspaceProjects: Record<string, ProjectConfiguration>, remotesToSkip: Set<string>): string[];
 export declare function validateDevRemotes(options: {
-    devRemotes?: string[];
+    devRemotes: DevRemoteDefinition[];
 }, workspaceProjects: Record<string, ProjectConfiguration>): void;
+export declare function getDynamicMfManifestFile(project: ProjectConfiguration, workspaceRoot: string): string | undefined;

package/src/builders/utilities/module-federation.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateDevRemotes = exports.getStaticRemotes = exports.getDynamicRemotes = void 0;
+exports.getDynamicMfManifestFile = exports.validateDevRemotes = exports.getStaticRemotes = exports.getDynamicRemotes = void 0;
 const path_1 = require("path");
 const fs_1 = require("fs");
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/js/src/internal");
-function getDynamicRemotes(project, context, workspaceProjects, remotesToSkip, pathToManifestFile = (0, path_1.join)(context.workspaceRoot, project.sourceRoot, 'assets/module-federation.manifest.json')) {
+function getDynamicRemotes(project, context, workspaceProjects, remotesToSkip, pathToManifestFile) {
+    pathToManifestFile ??= getDynamicMfManifestFile(project, context.workspaceRoot);
     // check for dynamic remotes
     // we should only check for dynamic based on what we generate
     // and fallback to empty array
-    if (!(0, fs_1.existsSync)(pathToManifestFile)) {
+    if (!pathToManifestFile || !(0, fs_1.existsSync)(pathToManifestFile)) {
         return [];
     }
     const moduleFederationManifestJson = (0, fs_1.readFileSync)(pathToManifestFile, 'utf-8');
@@ -85,7 +86,9 @@ function getStaticRemotes(project, context, workspaceProjects, remotesToSkip) {
 }
 exports.getStaticRemotes = getStaticRemotes;
 function validateDevRemotes(options, workspaceProjects) {
-    const invalidDevRemotes = options.devRemotes?.filter((remote) => !workspaceProjects[remote]) ?? [];
+    const invalidDevRemotes = options.devRemotes.filter((remote) => !(typeof remote === 'string'
+        ? workspaceProjects[remote]
+        : workspaceProjects[remote.remoteName])) ?? [];
     if (invalidDevRemotes.length) {
         throw new Error(invalidDevRemotes.length === 1
             ? `Invalid dev remote provided: ${invalidDevRemotes[0]}.`
@@ -93,3 +96,16 @@ function validateDevRemotes(options, workspaceProjects) {
     }
 }
 exports.validateDevRemotes = validateDevRemotes;
+function getDynamicMfManifestFile(project, workspaceRoot) {
+    // {sourceRoot}/assets/module-federation.manifest.json was the generated
+    // path for the manifest file in the past. We now generate the manifest
+    // file at {root}/public/module-federation.manifest.json. This check
+    // ensures that we can still support the old path for backwards
+    // compatibility since old projects may still have the manifest file
+    // at the old path.
+    return [
+        (0, path_1.join)(workspaceRoot, project.root, 'public/module-federation.manifest.json'),
+        (0, path_1.join)(workspaceRoot, project.sourceRoot, 'assets/module-federation.manifest.json'),
+    ].find((path) => (0, fs_1.existsSync)(path));
+}
+exports.getDynamicMfManifestFile = getDynamicMfManifestFile;

package/src/builders/webpack-browser/schema.d.ts

@@ -1,4 +1,4 @@
-import { Schema } from '@angular-devkit/build-angular/src/builders/browser/schema';
+import type { Schema } from '@angular-devkit/build-angular/src/builders/browser/schema';
 
 export type BrowserBuilderSchema = Schema & {
   customWebpackConfig?: {
@@ -7,7 +7,7 @@ export type BrowserBuilderSchema = Schema & {
   indexHtmlTransformer?: string;
   buildLibsFromSource?: boolean;
   /**
-   * @deprecated Use `indexHtmlTransformer` instead. It will be removed in Nx 19.
+   * @deprecated Use `indexHtmlTransformer` instead. It will be removed in Nx 20.
    */
   indexFileTransformer?: string;
 };