@nx/angular 19.1.0-beta.1 → 19.1.0-beta.2

package/executors.json

@@ -8,7 +8,7 @@
     "ng-packagr-lite": {
       "implementation": "./src/executors/ng-packagr-lite/ng-packagr-lite.impl",
       "schema": "./src/executors/ng-packagr-lite/schema.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 with some key differences:\n- For supported Angular versions lower than v16, it doesn't run `ngcc` automatically (`ngcc` is no longer available from Angular v16 onwards, for lower versions, it needs to be run separately beforehand if needed, this can be done in a `postinstall` hook on `package.json`).\n- It only produces ESM2022 bundles (ESM2020 for supported Angular versions lower than v16)."
+      "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",

package/migrations.json

@@ -386,6 +386,15 @@
       },
       "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"
     }
   },
   "packageJsonUpdates": {
@@ -1805,6 +1814,79 @@
           "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
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "19.1.0-beta.1",
+  "version": "19.1.0-beta.2",
   "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": {
@@ -13,7 +13,8 @@
     "Angular",
     "Jest",
     "Cypress",
-    "CLI"
+    "CLI",
+    "Front-end"
   ],
   "exports": {
     "./migrations.json": "./migrations.json",
@@ -78,20 +79,20 @@
     "tslib": "^2.3.0",
     "webpack": "^5.80.0",
     "webpack-merge": "^5.8.0",
-    "@nx/devkit": "19.1.0-beta.1",
-    "@nx/js": "19.1.0-beta.1",
-    "@nx/eslint": "19.1.0-beta.1",
-    "@nx/webpack": "19.1.0-beta.1",
-    "@nx/web": "19.1.0-beta.1",
-    "@nx/workspace": "19.1.0-beta.1",
+    "@nx/devkit": "19.1.0-beta.2",
+    "@nx/js": "19.1.0-beta.2",
+    "@nx/eslint": "19.1.0-beta.2",
+    "@nx/webpack": "19.1.0-beta.2",
+    "@nx/web": "19.1.0-beta.2",
+    "@nx/workspace": "19.1.0-beta.2",
     "piscina": "^4.4.0",
-    "@nrwl/angular": "19.1.0-beta.1"
+    "@nrwl/angular": "19.1.0-beta.2"
   },
   "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/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/schema.json

@@ -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,6 +28,9 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
         }
         pathToManifestFile = userPathToManifestFile;
     }
+    else {
+        pathToManifestFile = (0, module_federation_1.getDynamicMfManifestFile)(project, context.workspaceRoot);
+    }
     (0, module_federation_1.validateDevRemotes)(options, workspaceProjects);
     const remotesToSkip = new Set(options.skipRemotes ?? []);
     const staticRemotes = (0, module_federation_1.getStaticRemotes)(project, context, workspaceProjects, remotesToSkip);

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

@@ -1,5 +1,5 @@
 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 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 | {
@@ -7,3 +7,4 @@ export declare function validateDevRemotes(options: {
         configuration: string;
     })[];
 }, 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');
@@ -95,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.json

@@ -153,7 +153,7 @@
       "additionalProperties": false
     },
     "optimization": {
-      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-configuration.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.dev/reference/configs/workspace-config#optimization-configuration.",
       "x-user-analytics": 16,
       "default": true,
       "oneOf": [
@@ -242,7 +242,7 @@
       "default": true
     },
     "sourceMap": {
-      "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
+      "description": "Output source maps for scripts and styles. For more information, see https://angular.dev/reference/configs/workspace-config#source-map-configuration.",
       "default": false,
       "oneOf": [
         {
@@ -498,11 +498,12 @@
             },
             "output": {
               "type": "string",
+              "default": "",
               "description": "Absolute path within the output."
             }
           },
           "additionalProperties": false,
-          "required": ["glob", "input", "output"]
+          "required": ["glob", "input"]
         },
         {
           "type": "string"

package/src/builders/webpack-browser/webpack-browser.impl.js

@@ -46,7 +46,7 @@ function executeWebpackBrowserBuilder(options, context) {
         dependencies = foundDependencies;
         delegateBuilderOptions.tsConfig = (0, devkit_1.normalizePath)((0, path_1.relative)(context.workspaceRoot, tsConfigPath));
     }
-    return (0, rxjs_1.from)(Promise.resolve().then(() => require('@angular-devkit/build-angular'))).pipe((0, operators_2.switchMap)(({ executeBrowserBuilder }) => executeBrowserBuilder(delegateBuilderOptions, context, {
+    return (0, rxjs_1.from)(import('@angular-devkit/build-angular')).pipe((0, operators_2.switchMap)(({ executeBrowserBuilder }) => executeBrowserBuilder(delegateBuilderOptions, context, {
         webpackConfiguration: (baseWebpackConfig) => {
             if (!buildLibsFromSource && delegateBuilderOptions.watch) {
                 const workspaceDependencies = dependencies

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

@@ -8,7 +8,7 @@
   "properties": {
     "assets": {
       "type": "array",
-      "description": "List of static application assets. _Note: only supported in Angular versions >= 15.1.0_",
+      "description": "List of static application assets.",
       "default": [],
       "items": {
         "$ref": "#/definitions/assetPattern"
@@ -45,7 +45,7 @@
       "additionalProperties": false
     },
     "optimization": {
-      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking and dead-code elimination. For more information, see https://angular.io/guide/workspace-config#optimization-configuration.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking and dead-code elimination. For more information, see https://angular.dev/reference/configs/workspace-config#optimization-configuration.",
       "default": true,
       "x-user-analytics": "ep.ng_optimization",
       "oneOf": [
@@ -87,7 +87,7 @@
       "description": "The path where style resources will be placed, relative to outputPath."
     },
     "sourceMap": {
-      "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
+      "description": "Output source maps for scripts and styles. For more information, see https://angular.dev/reference/configs/workspace-config#source-map-configuration.",
       "default": false,
       "oneOf": [
         {
@@ -127,7 +127,7 @@
     },
     "vendorChunk": {
       "type": "boolean",
-      "description": "Generate a separate bundle containing only vendor libraries. This option should only be used for development to reduce the incremental compilation time. _Note: supported in Angular versions >= 15.1.0_",
+      "description": "Generate a separate bundle containing only vendor libraries. This option should only be used for development to reduce the incremental compilation time.",
       "default": false
     },
     "verbose": {
@@ -192,7 +192,7 @@
     },
     "buildOptimizer": {
       "type": "boolean",
-      "description": "Enables advanced build optimizations. _Note: only supported in Angular versions >= 16.0.0_.",
+      "description": "Enables advanced build optimizations.",
       "default": true
     },
     "namedChunks": {
@@ -271,11 +271,12 @@
             },
             "output": {
               "type": "string",
+              "default": "",
               "description": "Absolute path within the output."
             }
           },
           "additionalProperties": false,
-          "required": ["glob", "input", "output"]
+          "required": ["glob", "input"]
         },
         {
           "type": "string"

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

@@ -8,7 +8,6 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const buildable_libs_1 = require("../utilities/buildable-libs");
 const webpack_1 = require("../utilities/webpack");
-const validate_options_1 = require("./validate-options");
 function buildServerApp(options, context) {
     const { buildLibsFromSource, customWebpackConfig, ...delegateOptions } = options;
     // If there is a path to custom webpack config
@@ -22,12 +21,12 @@ function buildServerApp(options, context) {
             throw new Error(`Custom Webpack Config File Not Found!\nTo use a custom webpack config, please ensure the path to the custom webpack file is correct: \n${pathToWebpackConfig}`);
         }
     }
-    return (0, rxjs_1.from)(Promise.resolve().then(() => require('@angular-devkit/build-angular'))).pipe((0, operators_1.switchMap)(({ executeServerBuilder }) => executeServerBuilder(delegateOptions, context)));
+    return (0, rxjs_1.from)(import('@angular-devkit/build-angular')).pipe((0, operators_1.switchMap)(({ executeServerBuilder }) => executeServerBuilder(delegateOptions, context)));
 }
 function buildServerAppWithCustomWebpackConfiguration(options, context, pathToWebpackConfig) {
-    return (0, rxjs_1.from)(Promise.resolve().then(() => require('@angular-devkit/build-angular'))).pipe((0, operators_1.switchMap)(({ executeServerBuilder }) => executeServerBuilder(options, context, {
+    return (0, rxjs_1.from)(import('@angular-devkit/build-angular')).pipe((0, operators_1.switchMap)(({ executeServerBuilder }) => executeServerBuilder(options, context, {
         webpackConfiguration: async (baseWebpackConfig) => {
-            // Angular 15 auto includes code from @angular/platform-server
+            // Angular auto includes code from @angular/platform-server
             // This includes the code outside the shared scope created by ModuleFederation
             // This code will be included in the generated code from our generators,
             // maintaining it within the shared scope.
@@ -47,7 +46,6 @@ function buildServerAppWithCustomWebpackConfiguration(options, context, pathToWe
     })));
 }
 function executeWebpackServerBuilder(options, context) {
-    (0, validate_options_1.validateOptions)(options);
     options.buildLibsFromSource ??= true;
     process.env.NX_BUILD_LIBS_FROM_SOURCE = `${options.buildLibsFromSource}`;
     process.env.NX_BUILD_TARGET = (0, devkit_1.targetToTargetString)({ ...context.target });

package/src/executors/application/application.impl.d.ts

@@ -1,3 +1,4 @@
 import type { ExecutorContext } from '@nx/devkit';
 import type { ApplicationExecutorOptions } from './schema';
-export default function applicationExecutor(options: ApplicationExecutorOptions, context: ExecutorContext): AsyncGenerator<import("@angular-devkit/build-angular/src/builders/application").ApplicationBuilderOutput, any, undefined>;
+import type { buildApplication as buildApplicationFn } from '@angular-devkit/build-angular';
+export default function applicationExecutor(options: ApplicationExecutorOptions, context: ExecutorContext): ReturnType<typeof buildApplicationFn>;

package/src/executors/application/application.impl.js

@@ -19,11 +19,11 @@ async function* applicationExecutor(options, context) {
     const indexHtmlTransformer = indexHtmlTransformerPath
         ? await (0, esbuild_extensions_1.loadIndexHtmlTransformer)(indexHtmlTransformerPath, options.tsConfig)
         : undefined;
-    const { buildApplication } = await Promise.resolve().then(() => require('@angular-devkit/build-angular'));
+    const { buildApplication } = await import('@angular-devkit/build-angular');
     const builderContext = await (0, ngcli_adapter_1.createBuilderContext)({
         builderName: 'application',
         description: 'Build an application.',
-        optionSchema: await Promise.resolve().then(() => require('./schema.json')),
+        optionSchema: require('./schema.json'),
     }, context);
     const { version: angularVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
     if ((0, semver_1.gte)(angularVersion, '17.1.0')) {

package/src/executors/application/schema.json

@@ -145,7 +145,7 @@
       "description": "Automatically clear the terminal screen during rebuilds. _Note: this is only supported in Angular versions >= 17.2.0_."
     },
     "optimization": {
-      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-configuration.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.dev/reference/configs/workspace-config#optimization-configuration.",
       "default": true,
       "x-user-analytics": "ep.ng_optimization",
       "oneOf": [
@@ -281,7 +281,7 @@
       "default": true
     },
     "sourceMap": {
-      "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
+      "description": "Output source maps for scripts and styles. For more information, see https://angular.dev/reference/configs/workspace-config#source-map-configuration.",
       "default": false,
       "oneOf": [
         {
@@ -600,11 +600,12 @@
             },
             "output": {
               "type": "string",
+              "default": "",
               "description": "Absolute path within the output."
             }
           },
           "additionalProperties": false,
-          "required": ["glob", "input", "output"]
+          "required": ["glob", "input"]
         },
         {
           "type": "string"

package/src/executors/browser-esbuild/browser-esbuild.impl.d.ts

@@ -1,9 +1,4 @@
+import type { buildEsbuildBrowser as buildEsbuildBrowserFn } from '@angular-devkit/build-angular/src/builders/browser-esbuild';
 import { type ExecutorContext } from '@nx/devkit';
 import type { EsBuildSchema } from './schema';
-export default function esbuildExecutor(options: EsBuildSchema, context: ExecutorContext): AsyncGenerator<import("@angular-devkit/core").JsonObject & import("@angular-devkit/architect/src/output-schema").Schema & {
-    outputFiles?: import("@angular-devkit/build-angular/src/tools/esbuild/bundler-context").BuildOutputFile[];
-    assetFiles?: {
-        source: string;
-        destination: string;
-    }[];
-}, any, undefined>;
+export default function esbuildExecutor(options: EsBuildSchema, context: ExecutorContext): ReturnType<typeof buildEsbuildBrowserFn>;

package/src/executors/browser-esbuild/browser-esbuild.impl.js

@@ -22,11 +22,11 @@ async function* esbuildExecutor(options, context) {
         delegateExecutorOptions.tsConfig = tsConfigPath;
     }
     const plugins = await (0, esbuild_extensions_1.loadPlugins)(pluginPaths, options.tsConfig);
-    const { buildEsbuildBrowser } = await Promise.resolve().then(() => require('@angular-devkit/build-angular/src/builders/browser-esbuild/index'));
+    const { buildEsbuildBrowser } = require('@angular-devkit/build-angular/src/builders/browser-esbuild');
     const builderContext = await (0, ngcli_adapter_1.createBuilderContext)({
         builderName: 'browser-esbuild',
         description: 'Build a browser application',
-        optionSchema: await Promise.resolve().then(() => require('@angular-devkit/build-angular/src/builders/browser-esbuild/schema.json')),
+        optionSchema: require('@angular-devkit/build-angular/src/builders/browser-esbuild/schema.json'),
     }, context);
     return yield* buildEsbuildBrowser(delegateExecutorOptions, builderContext, 
     /* infrastructureSettings */ undefined, plugins);

package/src/executors/browser-esbuild/schema.json

@@ -141,7 +141,7 @@
       "default": []
     },
     "optimization": {
-      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-configuration.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.dev/reference/configs/workspace-config#optimization-configuration.",
       "default": true,
       "x-user-analytics": "ep.ng_optimization",
       "oneOf": [
@@ -229,7 +229,7 @@
       "default": true
     },
     "sourceMap": {
-      "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
+      "description": "Output source maps for scripts and styles. For more information, see https://angular.dev/reference/configs/workspace-config#source-map-configuration.",
       "default": false,
       "oneOf": [
         {
@@ -502,11 +502,12 @@
             },
             "output": {
               "type": "string",
+              "default": "",
               "description": "Absolute path within the output."
             }
           },
           "additionalProperties": false,
-          "required": ["glob", "input", "output"]
+          "required": ["glob", "input"]
         },
         {
           "type": "string"

package/src/executors/extract-i18n/extract-i18n.impl.js

@@ -18,7 +18,7 @@ async function* extractI18nExecutor(options, context) {
     const builderContext = await (0, ngcli_adapter_1.createBuilderContext)({
         builderName: 'extrct-i18n',
         description: 'Extracts i18n messages from source code.',
-        optionSchema: await Promise.resolve().then(() => require('./schema.json')),
+        optionSchema: require('./schema.json'),
     }, context);
     /**
      * The Angular CLI extract-i18n builder make some decisions based on the build
@@ -27,7 +27,7 @@ async function* extractI18nExecutor(options, context) {
      * handle `@nx/angular:*` executors.
      */
     (0, patch_builder_context_1.patchBuilderContext)(builderContext, isUsingEsbuildBuilder, parsedBuildTarget);
-    const { executeExtractI18nBuilder } = await Promise.resolve().then(() => require('@angular-devkit/build-angular'));
+    const { executeExtractI18nBuilder } = await import('@angular-devkit/build-angular');
     const delegateBuilderOptions = getDelegateBuilderOptions(options);
     return await executeExtractI18nBuilder(delegateBuilderOptions, builderContext);
 }

package/src/executors/module-federation-dev-server/lib/start-static-remotes-file-server.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startStaticRemotesFileServer = void 0;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const file_server_impl_1 = require("@nx/web/src/executors/file-server/file-server.impl");
+const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
 const path_1 = require("path");
 const fs_1 = require("fs");
 function startStaticRemotesFileServer(staticRemotesConfig, context, options) {

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.moduleFederationDevServerExecutor = void 0;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const lib_1 = require("./lib");
 const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
 const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
 const module_federation_1 = require("@nx/webpack/src/utils/module-federation");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
-const file_server_impl_1 = require("@nx/web/src/executors/file-server/file-server.impl");
+const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
 const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
 const dev_server_impl_1 = require("../../builders/dev-server/dev-server.impl");
 const module_federation_2 = require("../../builders/utilities/module-federation");
@@ -34,13 +35,16 @@ async function* moduleFederationDevServerExecutor(schema, context) {
         : (0, rxjs_for_await_1.eachValueFrom)((0, dev_server_impl_1.executeDevServerBuilder)(options, await (0, ngcli_adapter_1.createBuilderContext)({
             builderName: '@nx/angular:webpack-browser',
             description: 'Build a browser application',
-            optionSchema: await Promise.resolve().then(() => require('../../builders/webpack-browser/schema.json')),
+            optionSchema: require('../../builders/webpack-browser/schema.json'),
         }, context)));
     if (options.isInitialHost === false) {
         return yield* currIter;
     }
-    let pathToManifestFile = (0, path_1.join)(context.root, project.sourceRoot, 'assets/module-federation.manifest.json');
-    if (options.pathToManifestFile) {
+    let pathToManifestFile;
+    if (!options.pathToManifestFile) {
+        pathToManifestFile = (0, module_federation_2.getDynamicMfManifestFile)(project, context.root);
+    }
+    else {
         const userPathToManifestFile = (0, path_1.join)(context.root, options.pathToManifestFile);
         if (!(0, fs_1.existsSync)(userPathToManifestFile)) {
             throw new Error(`The provided Module Federation manifest file path does not exist. Please check the file exists at "${userPathToManifestFile}".`);

package/src/executors/module-federation-dev-server/schema.json

@@ -34,7 +34,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/executors/ng-packagr-lite/ng-packagr-adjustments/ng-packagr.js

@@ -6,9 +6,9 @@ const angular_version_utils_1 = require("../../utilities/angular-version-utils")
 async function getNgPackagrInstance(options) {
     const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
     if (angularMajorVersion >= 17) {
-        const { WRITE_BUNDLES_TRANSFORM } = await Promise.resolve().then(() => require('./v17+/ng-package/entry-point/write-bundles.di'));
-        const { WRITE_PACKAGE_TRANSFORM } = await Promise.resolve().then(() => require('./v17+/ng-package/entry-point/write-package.di'));
-        const { STYLESHEET_PROCESSOR } = await Promise.resolve().then(() => require('../../utilities/ng-packagr/stylesheet-processor.di'));
+        const { WRITE_BUNDLES_TRANSFORM } = await import('./v17+/ng-package/entry-point/write-bundles.di.js');
+        const { WRITE_PACKAGE_TRANSFORM } = await import('./v17+/ng-package/entry-point/write-package.di.js');
+        const { STYLESHEET_PROCESSOR } = await import('../../utilities/ng-packagr/stylesheet-processor.di.js');
         const packagr = (0, ng_packagr_1.ngPackagr)();
         packagr.withProviders([
             WRITE_BUNDLES_TRANSFORM,
@@ -17,9 +17,9 @@ async function getNgPackagrInstance(options) {
         ]);
         return packagr;
     }
-    const { NX_ENTRY_POINT_PROVIDERS } = await Promise.resolve().then(() => require('./pre-v17/ng-package/entry-point/entry-point.di'));
-    const { nxProvideOptions } = await Promise.resolve().then(() => require('./pre-v17/ng-package/options.di'));
-    const { NX_PACKAGE_PROVIDERS, NX_PACKAGE_TRANSFORM } = await Promise.resolve().then(() => require('./pre-v17/ng-package/package.di'));
+    const { NX_ENTRY_POINT_PROVIDERS } = await import('./pre-v17/ng-package/entry-point/entry-point.di.js');
+    const { nxProvideOptions } = await import('./pre-v17/ng-package/options.di.js');
+    const { NX_PACKAGE_PROVIDERS, NX_PACKAGE_TRANSFORM } = await import('./pre-v17/ng-package/package.di.js');
     const packagr = new ng_packagr_1.NgPackagr([
         ...NX_PACKAGE_PROVIDERS,
         ...NX_ENTRY_POINT_PROVIDERS,

package/src/executors/ng-packagr-lite/ng-packagr-adjustments/pre-v17/ng-package/entry-point/compile-ngc.transform.js

@@ -9,11 +9,12 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.nxCompileNgcTransformFactory = void 0;
+const tslib_1 = require("tslib");
 const transform_1 = require("ng-packagr/lib/graph/transform");
 const nodes_1 = require("ng-packagr/lib/ng-package/nodes");
 const tsconfig_1 = require("ng-packagr/lib/ts/tsconfig");
-const path = require("path");
-const ts = require("typescript");
+const path = tslib_1.__importStar(require("path"));
+const ts = tslib_1.__importStar(require("typescript"));
 const angular_version_utils_1 = require("../../../../../utilities/angular-version-utils");
 const compile_source_files_1 = require("../../ngc/compile-source-files");
 const nxCompileNgcTransformFactory = (StylesheetProcessor, options) => {