@nx/angular 17.0.5 → 17.0.6

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

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.executeModuleFederationDevServerBuilder = void 0;
+const devkit_1 = require("@nx/devkit");
+const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
+const webpack_dev_server_impl_1 = require("../webpack-dev-server/webpack-dev-server.impl");
+const project_graph_1 = require("nx/src/project-graph/project-graph");
+const executor_utils_1 = require("nx/src/command-line/run/executor-utils");
+const module_federation_1 = require("../utilities/module-federation");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const module_federation_2 = require("@nx/webpack/src/utils/module-federation");
+const child_process_1 = require("child_process");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+function executeModuleFederationDevServerBuilder(schema, context) {
+    // Force Node to resolve to look for the nx binary that is inside node_modules
+    const nxBin = require.resolve('nx/bin/nx');
+    const { ...options } = schema;
+    const projectGraph = (0, devkit_1.readCachedProjectGraph)();
+    const { projects: workspaceProjects } = (0, project_graph_1.readProjectsConfigurationFromProjectGraph)(projectGraph);
+    const project = workspaceProjects[context.target.project];
+    const staticFileServer = (0, rxjs_1.from)(Promise.resolve().then(() => require('@nx/web/src/executors/file-server/file-server.impl'))).pipe((0, operators_1.switchMap)((fileServerExecutor) => fileServerExecutor.default({
+        port: options.port,
+        host: options.host,
+        ssl: options.ssl,
+        buildTarget: options.browserTarget,
+        parallel: false,
+        spa: false,
+        withDeps: false,
+        cors: true,
+    }, {
+        projectGraph,
+        root: context.workspaceRoot,
+        target: projectGraph.nodes[context.target.project].data.targets[context.target.target],
+        targetName: context.target.target,
+        projectName: context.target.project,
+        configurationName: context.target.configuration,
+        cwd: context.currentDirectory,
+        isVerbose: options.verbose,
+        projectsConfigurations: (0, project_graph_1.readProjectsConfigurationFromProjectGraph)(projectGraph),
+        nxJsonConfiguration: (0, devkit_1.readNxJson)(),
+    })));
+    const webpackDevServer = (0, webpack_dev_server_impl_1.executeWebpackDevServerBuilder)(options, context);
+    const currExecutor = options.static ? staticFileServer : webpackDevServer;
+    if (options.isInitialHost === false) {
+        return currExecutor;
+    }
+    let pathToManifestFile = (0, path_1.join)(context.workspaceRoot, project.sourceRoot, 'assets/module-federation.manifest.json');
+    if (options.pathToManifestFile) {
+        const userPathToManifestFile = (0, path_1.join)(context.workspaceRoot, 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}".`);
+        }
+        else if ((0, path_1.extname)(options.pathToManifestFile) !== '.json') {
+            throw new Error(`The Module Federation manifest file must be a JSON. Please ensure the file at ${userPathToManifestFile} is a JSON.`);
+        }
+        pathToManifestFile = userPathToManifestFile;
+    }
+    (0, module_federation_1.validateDevRemotes)(options, workspaceProjects);
+    const moduleFederationConfig = (0, module_federation_2.getModuleFederationConfig)(project.targets.build.options.tsConfig, context.workspaceRoot, project.root, 'angular');
+    const remotes = (0, module_federation_2.getRemotes)(options.devRemotes, options.skipRemotes, moduleFederationConfig, {
+        projectName: project.name,
+        projectGraph,
+        root: context.workspaceRoot,
+    }, pathToManifestFile);
+    let isCollectingStaticRemoteOutput = true;
+    for (const app of remotes.staticRemotes) {
+        const remoteProjectServeTarget = projectGraph.nodes[app].data.targets['serve-static'];
+        const isUsingModuleFederationDevServerExecutor = remoteProjectServeTarget.executor.includes('module-federation-dev-server');
+        let outWithErr = [];
+        const staticProcess = (0, child_process_1.fork)(nxBin, [
+            'run',
+            `${app}:serve-static${context.target.configuration ? `:${context.target.configuration}` : ''}`,
+            ...(isUsingModuleFederationDevServerExecutor
+                ? [`--isInitialHost=false`]
+                : []),
+        ], {
+            cwd: context.workspaceRoot,
+            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
+        });
+        staticProcess.stdout.on('data', (data) => {
+            if (isCollectingStaticRemoteOutput) {
+                outWithErr.push(data.toString());
+            }
+            else {
+                outWithErr = null;
+                staticProcess.stdout.removeAllListeners('data');
+            }
+        });
+        staticProcess.stderr.on('data', (data) => devkit_1.logger.info(data.toString()));
+        staticProcess.on('exit', (code) => {
+            if (code !== 0) {
+                devkit_1.logger.info(outWithErr.join(''));
+                throw new Error(`Remote failed to start. See above for errors.`);
+            }
+        });
+        process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
+        process.on('exit', () => staticProcess.kill('SIGTERM'));
+    }
+    const devRemotes$ = [];
+    for (const app of remotes.devRemotes) {
+        if (!workspaceProjects[app].targets?.['serve']) {
+            throw new Error(`Could not find "serve" target in "${app}" project.`);
+        }
+        else if (!workspaceProjects[app].targets?.['serve'].executor) {
+            throw new Error(`Could not find executor for "serve" target in "${app}" project.`);
+        }
+        const runOptions = {};
+        const [collection, executor] = workspaceProjects[app].targets['serve'].executor.split(':');
+        const isUsingModuleFederationDevServerExecutor = executor.includes('module-federation-dev-server');
+        const { schema } = (0, executor_utils_1.getExecutorInformation)(collection, executor, devkit_1.workspaceRoot);
+        if ((options.verbose && schema.additionalProperties) ||
+            'verbose' in schema.properties) {
+            runOptions.verbose = options.verbose;
+        }
+        if (isUsingModuleFederationDevServerExecutor) {
+            runOptions.isInitialHost = false;
+        }
+        const serve$ = (0, ngcli_adapter_1.scheduleTarget)(context.workspaceRoot, {
+            project: app,
+            target: 'serve',
+            configuration: context.target.configuration,
+            runOptions,
+        }, options.verbose).then((obs) => {
+            obs.toPromise().catch((err) => {
+                throw new Error(`Remote '${app}' failed to serve correctly due to the following: \r\n${err.toString()}`);
+            });
+        });
+        devRemotes$.push(serve$);
+    }
+    return devRemotes$.length > 0
+        ? (0, rxjs_1.combineLatest)([...devRemotes$]).pipe((0, operators_1.concatMap)(() => currExecutor))
+        : currExecutor;
+}
+exports.executeModuleFederationDevServerBuilder = executeModuleFederationDevServerBuilder;
+exports.default = require('@angular-devkit/architect').createBuilder(executeModuleFederationDevServerBuilder);

package/src/{executors → builders}/module-federation-dev-server/schema.d.ts

@@ -1,14 +1,15 @@
-interface BaseSchema {
-  port?: number;
-  host?: string;
+export interface Schema {
+  browserTarget: string;
+  port: number;
+  host: string;
   proxyConfig?: string;
-  ssl?: boolean;
+  ssl: boolean;
   sslKey?: string;
   sslCert?: string;
   headers?: Record<string, string>;
-  open?: boolean;
+  open: boolean;
   verbose?: boolean;
-  liveReload?: boolean;
+  liveReload: boolean;
   publicHost?: string;
   allowedHosts?: string[];
   servePath?: string;
@@ -21,23 +22,4 @@ interface BaseSchema {
   pathToManifestFile?: string;
   static?: boolean;
   isInitialHost?: boolean;
-  parallel?: number;
-  staticRemotesPort?: number;
-  buildLibsFromSource?: boolean;
 }
-
-export type SchemaWithBrowserTarget = BaseSchema & {
-  browserTarget: string;
-};
-
-export type SchemaWithBuildTarget = BaseSchema & {
-  buildTarget: string;
-};
-
-export type Schema = SchemaWithBrowserTarget | SchemaWithBuildTarget;
-
-export type NormalizedSchema = SchemaWithBuildTarget & {
-  liveReload: boolean;
-  open: boolean;
-  ssl: boolean;
-};

package/src/{executors → builders}/module-federation-dev-server/schema.json

@@ -1,25 +1,20 @@
 {
+  "version": 2,
+  "outputCapture": "direct-nodejs",
   "$schema": "http://json-schema.org/draft-07/schema",
   "title": "Schema for Module Federation Dev Server",
-  "outputCapture": "direct-nodejs",
   "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.",
   "type": "object",
   "presets": [
     {
       "name": "Using a Different Port",
-      "keys": ["buildTarget", "port"]
+      "keys": ["browserTarget", "port"]
     }
   ],
   "properties": {
     "browserTarget": {
       "type": "string",
-      "description": "A browser builder target to serve in the format of `project:target[:configuration]`.",
-      "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
-      "x-deprecated": "Use 'buildTarget' instead. It will be removed in Nx v19."
-    },
-    "buildTarget": {
-      "type": "string",
-      "description": "A build builder target to serve in the format of `project:target[:configuration]`.",
+      "description": "A browser builder target to serve in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
       "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
     },
     "port": {
@@ -122,7 +117,7 @@
       "items": {
         "type": "string"
       },
-      "description": "List of remote applications to not automatically serve, either statically or in development mode. This will not remove the remotes from the `module-federation.config` file, and therefore the application may still try to fetch these remotes.\nThis option is useful for when the `host` application is using a `remote` that does not live in the same workspace as the `host`."
+      "description": "List of remote applications to not automatically serve, either statically or in development mode."
     },
     "pathToManifestFile": {
       "type": "string",
@@ -137,29 +132,9 @@
       "description": "Whether the host that is running this executor is the first in the project tree to do so.",
       "default": true,
       "x-priority": "internal"
-    },
-    "parallel": {
-      "type": "number",
-      "description": "Max number of parallel processes for building static remotes"
-    },
-    "staticRemotesPort": {
-      "type": "number",
-      "description": "The port at which to serve the file-server for the static remotes."
-    },
-    "buildLibsFromSource": {
-      "type": "boolean",
-      "description": "Read buildable libraries from source instead of building them separately. If not set, it will take the value specified in the `browserTarget` options, or it will default to `true` if it's also not set in the `browserTarget` options.",
-      "x-priority": "important"
     }
   },
   "additionalProperties": false,
-  "anyOf": [
-    {
-      "required": ["buildTarget"]
-    },
-    {
-      "required": ["browserTarget"]
-    }
-  ],
+  "required": ["browserTarget"],
   "examplesFile": "../../../docs/module-federation-dev-server-examples.md"
 }

package/src/builders/module-federation-dev-ssr/module-federation-dev-ssr.impl.d.ts

@@ -1,4 +1,4 @@
 import type { Schema } from './schema';
-export declare function executeModuleFederationDevSSRBuilder(schema: Schema, context: import('@angular-devkit/architect').BuilderContext): import("rxjs").Observable<unknown>;
+export declare function executeModuleFederationDevSSRBuilder(schema: Schema, context: import('@angular-devkit/architect').BuilderContext): import("rxjs").Observable<import("@nguniversal/builders").SSRDevServerBuilderOutput>;
 declare const _default: any;
 export default _default;

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

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.executeModuleFederationDevSSRBuilder = void 0;
+const project_graph_1 = require("nx/src/project-graph/project-graph");
+const executor_utils_1 = require("nx/src/command-line/run/executor-utils");
 const devkit_1 = require("@nx/devkit");
+const module_federation_1 = require("../utilities/module-federation");
+const operators_1 = require("rxjs/operators");
+const rxjs_1 = require("rxjs");
+const path_1 = require("path");
 const child_process_1 = require("child_process");
-const fs_1 = require("fs");
 const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
-const executor_utils_1 = require("nx/src/command-line/run/executor-utils");
-const project_graph_1 = require("nx/src/project-graph/project-graph");
-const path_1 = require("path");
-const rxjs_1 = require("rxjs");
-const operators_1 = require("rxjs/operators");
-const angular_version_utils_1 = require("../../executors/utilities/angular-version-utils");
-const module_federation_1 = require("../utilities/module-federation");
+const fs_1 = require("fs");
 function executeModuleFederationDevSSRBuilder(schema, context) {
     const { ...options } = schema;
     const projectGraph = (0, devkit_1.readCachedProjectGraph)();
@@ -51,7 +50,7 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
         const runOptions = {};
         if (options.verbose) {
             const [collection, executor] = workspaceProjects[remote].targets[target].executor.split(':');
-            const { schema } = (0, executor_utils_1.getExecutorInformation)(collection, executor, devkit_1.workspaceRoot, workspaceProjects);
+            const { schema } = (0, executor_utils_1.getExecutorInformation)(collection, executor, devkit_1.workspaceRoot);
             if (schema.additionalProperties || 'verbose' in schema.properties) {
                 runOptions.verbose = options.verbose;
             }
@@ -79,7 +78,6 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
                     target,
                     configuration: context.target.configuration,
                     runOptions,
-                    projects: workspaceProjects,
                 }, options.verbose).then((obs) => obs
                     .pipe((0, operators_1.tap)((result) => {
                     result.success && res();
@@ -89,11 +87,7 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
         });
         remoteProcessPromises.push(remotePromise);
     }
-    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    const { executeSSRDevServerBuilder } = angularMajorVersion >= 17
-        ? require('@angular-devkit/build-angular')
-        : require('@nguniversal/builders');
-    return (0, rxjs_1.from)(Promise.all(remoteProcessPromises)).pipe((0, operators_1.switchMap)(() => executeSSRDevServerBuilder(options, context)));
+    return (0, rxjs_1.from)(Promise.all(remoteProcessPromises)).pipe((0, operators_1.switchMap)(() => (0, rxjs_1.from)(Promise.resolve().then(() => require('@nguniversal/builders')))), (0, operators_1.switchMap)(({ executeSSRDevServerBuilder }) => executeSSRDevServerBuilder(options, context)));
 }
 exports.executeModuleFederationDevSSRBuilder = executeModuleFederationDevSSRBuilder;
 exports.default = require('@angular-devkit/architect').createBuilder(executeModuleFederationDevSSRBuilder);

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

@@ -85,7 +85,7 @@ 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) => !workspaceProjects[remote]);
     if (invalidDevRemotes.length) {
         throw new Error(invalidDevRemotes.length === 1
             ? `Invalid dev remote provided: ${invalidDevRemotes[0]}.`

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

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

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

@@ -41,7 +41,7 @@
       "oneOf": [
         {
           "type": "array",
-          "description": "A list of polyfills to include in the build. Can be a full path for a file, relative to the current workspace or module specifier. Example: 'zone.js'.",
+          "description": "A list of polyfills to include in the build. Can be a full path for a file, relative to the current workspace or module specifier. Example: 'zone.js'. _Note: supported in Angular versions >= 15.0.0_.",
           "items": {
             "type": "string",
             "uniqueItems": true
@@ -106,7 +106,7 @@
               "input": {
                 "type": "string",
                 "description": "The file to include.",
-                "pattern": "\\.(?:css|scss|sass|less)$"
+                "pattern": "\\.(?:css|scss|sass|less|styl)$"
               },
               "bundleName": {
                 "type": "string",
@@ -125,7 +125,7 @@
           {
             "type": "string",
             "description": "The file to include.",
-            "pattern": "\\.(?:css|scss|sass|less)$"
+            "pattern": "\\.(?:css|scss|sass|less|styl)$"
           }
         ]
       },
@@ -228,7 +228,7 @@
     },
     "outputPath": {
       "type": "string",
-      "description": "The full path for the new output directory, relative to the current workspace."
+      "description": "The full path for the new output directory, relative to the current workspace.\n\nBy default, writes output to a folder named dist/ in the current project."
     },
     "resourcesOutputPath": {
       "type": "string",
@@ -278,12 +278,12 @@
     },
     "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.",
+      "description": "Generate a seperate bundle containing only vendor libraries. This option should only be used for development to reduce the incremental compilation time.",
       "default": false
     },
     "commonChunk": {
       "type": "boolean",
-      "description": "Generate a separate bundle containing code used across multiple bundles.",
+      "description": "Generate a seperate bundle containing code used across multiple bundles.",
       "default": true
     },
     "baseHref": {
@@ -292,7 +292,8 @@
     },
     "deployUrl": {
       "type": "string",
-      "description": "Customize the base path for the URLs of resources in 'index.html' and component stylesheets. This option is only necessary for specific deployment scenarios, such as with Angular Elements or when utilizing different CDN locations."
+      "description": "URL where files will be deployed.",
+      "x-deprecated": "Use `baseHref` option, `APP_BASE_HREF` DI token or a combination of both instead. For more information, see https://angular.io/guide/deployment#the-deploy-url."
     },
     "verbose": {
       "type": "boolean",
@@ -438,7 +439,7 @@
       "enum": ["none", "anonymous", "use-credentials"]
     },
     "allowedCommonJsDependencies": {
-      "description": "A list of CommonJS or AMD packages that are allowed to be used without a build time warning. Use `'*'` to allow all.",
+      "description": "A list of CommonJS packages that are allowed to be used without a build time warning.",
       "type": "array",
       "items": {
         "type": "string"
@@ -457,10 +458,9 @@
       "x-priority": "important",
       "additionalProperties": false
     },
-    "indexHtmlTransformer": {
+    "indexFileTransformer": {
       "description": "Path to transformer function to transform the index.html",
-      "type": "string",
-      "alias": "indexFileTransformer"
+      "type": "string"
     },
     "buildLibsFromSource": {
       "type": "boolean",
@@ -516,11 +516,11 @@
           "properties": {
             "src": {
               "type": "string",
-              "pattern": "\\.(([cm]?[jt])sx?|json)$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             },
             "replaceWith": {
               "type": "string",
-              "pattern": "\\.(([cm]?[jt])sx?|json)$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             }
           },
           "additionalProperties": false,
@@ -531,11 +531,11 @@
           "properties": {
             "replace": {
               "type": "string",
-              "pattern": "\\.(([cm]?[jt])sx?|json)$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             },
             "with": {
               "type": "string",
-              "pattern": "\\.(([cm]?[jt])sx?|json)$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             }
           },
           "additionalProperties": false,

package/src/builders/webpack-browser/validate-options.d.ts

@@ -0,0 +1,2 @@
+import type { BrowserBuilderSchema } from './schema';
+export declare function validateOptions(options: BrowserBuilderSchema): void;

package/src/builders/webpack-browser/validate-options.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOptions = void 0;
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+const angular_version_utils_1 = require("../../executors/utilities/angular-version-utils");
+function validateOptions(options) {
+    const angularVersionInfo = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
+    validatePolyfills(options, angularVersionInfo);
+    validateStyles(options, angularVersionInfo);
+}
+exports.validateOptions = validateOptions;
+function validatePolyfills(options, { major, version }) {
+    if (major < 15 && Array.isArray(options.polyfills)) {
+        throw new Error((0, devkit_1.stripIndents) `The array syntax for the "polyfills" option is supported from Angular >= 15.0.0. You are currently using "${version}".
+      You can resolve this error by removing the "polyfills" option, setting it to a string value or migrating to Angular 15.0.0.`);
+    }
+}
+function validateStyles(options, { major, version }) {
+    if (!options.styles || !options.styles.length) {
+        return;
+    }
+    if (major < 15) {
+        return;
+    }
+    const stylusFiles = [];
+    options.styles.forEach((style) => {
+        const styleFile = typeof style === 'string' ? style : style.input;
+        if ((0, path_1.extname)(styleFile) === '.styl') {
+            stylusFiles.push(styleFile);
+        }
+    });
+    if (stylusFiles.length) {
+        throw new Error((0, devkit_1.stripIndents) `Stylus is not supported since Angular v15. You're currently using "${version}".
+      You have the "styles" option with the following file(s) using the ".styl" extension: ${stylusFiles
+            .map((x) => `"${x}"`)
+            .join(', ')}.
+      Make sure to convert them to a supported extension (".css", ".scss", ".sass", ".less").`);
+    }
+}

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

@@ -7,11 +7,11 @@ const fs_1 = require("fs");
 const configuration_1 = require("nx/src/config/configuration");
 const operators_1 = require("nx/src/project-graph/operators");
 const utils_1 = require("nx/src/tasks-runner/utils");
-const path_1 = require("path");
 const rxjs_1 = require("rxjs");
 const operators_2 = 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 shouldSkipInitialTargetRun(projectGraph, project, target) {
     const nxJson = (0, configuration_1.readNxJson)();
     const defaultDependencyConfigs = Object.entries(nxJson.targetDefaults ?? {}).reduce((acc, [targetName, dependencyConfig]) => {
@@ -23,18 +23,16 @@ function shouldSkipInitialTargetRun(projectGraph, project, target) {
     return projectDependencyConfigs.some((d) => d.target === target && d.projects === 'dependencies');
 }
 function executeWebpackBrowserBuilder(options, context) {
+    (0, validate_options_1.validateOptions)(options);
     options.buildLibsFromSource ??= true;
-    const { buildLibsFromSource, customWebpackConfig, indexHtmlTransformer, indexFileTransformer, ...delegateBuilderOptions } = options;
-    process.env.NX_BUILD_LIBS_FROM_SOURCE = `${buildLibsFromSource}`;
-    process.env.NX_BUILD_TARGET = (0, devkit_1.targetToTargetString)({ ...context.target });
+    const { buildLibsFromSource, customWebpackConfig, indexFileTransformer, ...delegateBuilderOptions } = options;
     const pathToWebpackConfig = customWebpackConfig?.path &&
         (0, devkit_1.joinPathFragments)(context.workspaceRoot, customWebpackConfig.path);
     if (pathToWebpackConfig && !(0, fs_1.existsSync)(pathToWebpackConfig)) {
         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}`);
     }
-    const normalizedIndexHtmlTransformer = indexHtmlTransformer ?? indexFileTransformer;
-    const pathToIndexFileTransformer = normalizedIndexHtmlTransformer &&
-        (0, devkit_1.joinPathFragments)(context.workspaceRoot, normalizedIndexHtmlTransformer);
+    const pathToIndexFileTransformer = indexFileTransformer &&
+        (0, devkit_1.joinPathFragments)(context.workspaceRoot, indexFileTransformer);
     if (pathToIndexFileTransformer && !(0, fs_1.existsSync)(pathToIndexFileTransformer)) {
         throw new Error(`File containing Index File Transformer function Not Found!\n Please ensure the path to the file containing the function is correct: \n${pathToIndexFileTransformer}`);
     }
@@ -44,7 +42,7 @@ function executeWebpackBrowserBuilder(options, context) {
         projectGraph = (0, devkit_1.readCachedProjectGraph)();
         const { tsConfigPath, dependencies: foundDependencies } = (0, buildable_libs_1.createTmpTsConfigForBuildableLibs)(delegateBuilderOptions.tsConfig, context, { projectGraph });
         dependencies = foundDependencies;
-        delegateBuilderOptions.tsConfig = (0, devkit_1.normalizePath)((0, path_1.relative)(context.workspaceRoot, tsConfigPath));
+        delegateBuilderOptions.tsConfig = tsConfigPath;
     }
     return (0, rxjs_1.from)(Promise.resolve().then(() => require('@angular-devkit/build-angular'))).pipe((0, operators_2.switchMap)(({ executeBrowserBuilder }) => executeBrowserBuilder(delegateBuilderOptions, context, {
         webpackConfiguration: (baseWebpackConfig) => {

package/src/builders/{dev-server → webpack-dev-server}/lib/index.d.ts

@@ -1,2 +1 @@
 export * from './normalize-options';
-export * from './validate-options';

package/src/builders/{dev-server → webpack-dev-server}/lib/index.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./normalize-options"), exports);
-tslib_1.__exportStar(require("./validate-options"), exports);

package/src/builders/webpack-dev-server/lib/normalize-options.d.ts

@@ -0,0 +1,2 @@
+import type { Schema } from '../schema';
+export declare function normalizeOptions(schema: Schema): Schema;

package/src/builders/webpack-dev-server/lib/normalize-options.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeOptions = void 0;
+function normalizeOptions(schema) {
+    return {
+        host: 'localhost',
+        port: 4200,
+        liveReload: true,
+        open: false,
+        ssl: false,
+        ...schema,
+    };
+}
+exports.normalizeOptions = normalizeOptions;

package/src/builders/webpack-dev-server/schema.d.ts

@@ -0,0 +1,21 @@
+export interface Schema {
+  browserTarget: string;
+  port: number;
+  host: string;
+  proxyConfig?: string;
+  ssl: boolean;
+  sslKey?: string;
+  sslCert?: string;
+  headers?: Record<string, string>;
+  open: boolean;
+  verbose?: boolean;
+  liveReload: boolean;
+  publicHost?: string;
+  allowedHosts?: string[];
+  servePath?: string;
+  disableHostCheck?: boolean;
+  hmr?: boolean;
+  watch?: boolean;
+  poll?: number;
+  buildLibsFromSource?: boolean;
+}