@nx/angular 23.0.0-pr.35465.2bc2643 → 23.0.0-rc.1

package/dist/executors.d.ts

@@ -0,0 +1,11 @@
+export * from './src/builders/webpack-browser/webpack-browser.impl';
+export * from './src/builders/webpack-server/webpack-server.impl';
+export * from './src/executors/module-federation-dev-server/module-federation-dev-server.impl';
+export * from './src/executors/delegate-build/delegate-build.impl';
+export * from './src/executors/ng-packagr-lite/ng-packagr-lite.impl';
+export * from './src/executors/package/package.impl';
+export * from './src/executors/browser-esbuild/browser-esbuild.impl';
+export * from './src/executors/application/application.impl';
+export * from './src/executors/extract-i18n/extract-i18n.impl';
+export * from './src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl';
+export { executeDevServerBuilder } from './src/builders/dev-server/dev-server.impl';

package/dist/fesm2022/nx-angular-mf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nx-angular-mf.mjs","sources":["../../mf/url-helpers.ts","../../mf/mf.ts","../../mf/nx-angular-mf.ts"],"sourcesContent":["// Helper function to extract file extension from a path\nfunction extname(path: string): string {\n  const lastDot = path.lastIndexOf('.');\n  const lastSlash = Math.max(path.lastIndexOf('/'), path.lastIndexOf('\\\\'));\n  if (lastDot === -1 || lastDot < lastSlash) {\n    return '';\n  }\n  return path.slice(lastDot);\n}\n\n/**\n * Checks if a URL string is absolute (has protocol)\n */\nexport function isAbsoluteUrl(url: string): boolean {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Safely processes remote locations, handling both relative and absolute URLs\n * while preserving query parameters and hash fragments for absolute URLs\n */\nexport function processRemoteLocation(\n  remoteLocation: string,\n  remoteEntryExt: 'js' | 'mjs'\n): string {\n  // Handle promise-based remotes as-is\n  if (remoteLocation.startsWith('promise new Promise')) {\n    return remoteLocation;\n  }\n\n  if (isAbsoluteUrl(remoteLocation)) {\n    // Use new URL parsing for absolute URLs (supports query params/hash)\n    const url = new URL(remoteLocation);\n    const ext = extname(url.pathname);\n    const needsRemoteEntry = !['.js', '.mjs', '.json'].includes(ext);\n\n    if (needsRemoteEntry) {\n      url.pathname = url.pathname.endsWith('/')\n        ? `${url.pathname}remoteEntry.${remoteEntryExt}`\n        : `${url.pathname}/remoteEntry.${remoteEntryExt}`;\n    }\n\n    return url.href;\n  } else {\n    // Use string manipulation for relative URLs (backward compatibility)\n    const ext = extname(remoteLocation);\n    const needsRemoteEntry = !['.js', '.mjs', '.json'].includes(ext);\n\n    if (needsRemoteEntry) {\n      const baseRemote = remoteLocation.endsWith('/')\n        ? remoteLocation.slice(0, -1)\n        : remoteLocation;\n      return `${baseRemote}/remoteEntry.${remoteEntryExt}`;\n    }\n\n    return remoteLocation;\n  }\n}\n\n/**\n * Processes remote URLs for runtime environments, resolving relative URLs against window.location.origin\n */\nexport function processRuntimeRemoteUrl(\n  remoteUrl: string,\n  remoteEntryExt: 'js' | 'mjs'\n): string {\n  if (isAbsoluteUrl(remoteUrl)) {\n    return processRemoteLocation(remoteUrl, remoteEntryExt);\n  } else {\n    // For runtime relative URLs, resolve against current origin\n    const baseUrl =\n      typeof globalThis !== 'undefined' &&\n      typeof (globalThis as any).window !== 'undefined' &&\n      (globalThis as any).window.location\n        ? (globalThis as any).window.location.origin\n        : 'http://localhost';\n    const absoluteUrl = new URL(remoteUrl, baseUrl).href;\n    return processRemoteLocation(absoluteUrl, remoteEntryExt);\n  }\n}\n","import { processRuntimeRemoteUrl } from './url-helpers';\n\nexport type ResolveRemoteUrlFunction = (\n  remoteName: string\n) => string | Promise<string>;\n\ndeclare const __webpack_init_sharing__: (scope: 'default') => Promise<void>;\ndeclare const __webpack_share_scopes__: { default: unknown };\n\nlet resolveRemoteUrl: ResolveRemoteUrlFunction;\n\n/**\n * @deprecated Use Runtime Helpers from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.\n */\nexport function setRemoteUrlResolver(\n  _resolveRemoteUrl: ResolveRemoteUrlFunction\n) {\n  resolveRemoteUrl = _resolveRemoteUrl;\n}\n\nlet remoteUrlDefinitions: Record<string, string>;\n\n/**\n * @deprecated Use init() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.\n * If you have a remote app called `my-remote-app` and you want to use the `http://localhost:4201/mf-manifest.json` as the remote url, you should change it from:\n * ```ts\n * import { setRemoteDefinitions } from '@nx/angular/mf';\n *\n * setRemoteDefinitions({\n *   'my-remote-app': 'http://localhost:4201/mf-manifest.json'\n * });\n * ```\n * to use init():\n * ```ts\n * import { init } from '@module-federation/enhanced/runtime';\n *\n * init({\n *   name: 'host',\n *   remotes: [{\n *     name: 'my-remote-app',\n *     entry: 'http://localhost:4201/mf-manifest.json'\n *   }]\n * });\n * ```\n */\nexport function setRemoteDefinitions(definitions: Record<string, string>) {\n  remoteUrlDefinitions = definitions;\n}\n\n/**\n * @deprecated Use registerRemotes() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.\n * If you set a remote app with `setRemoteDefinition` such as:\n * ```ts\n * import { setRemoteDefinition } from '@nx/angular/mf';\n *\n * setRemoteDefinition(\n *   'my-remote-app',\n *   'http://localhost:4201/mf-manifest.json'\n * );\n * ```\n * change it to use registerRemotes():\n * ```ts\n * import { registerRemotes } from '@module-federation/enhanced/runtime';\n *\n * registerRemotes([\n *  {\n *     name: 'my-remote-app',\n *     entry: 'http://localhost:4201/mf-manifest.json'\n *   }\n * ]);\n * ```\n */\nexport function setRemoteDefinition(remoteName: string, remoteUrl: string) {\n  remoteUrlDefinitions ??= {};\n  remoteUrlDefinitions[remoteName] = remoteUrl;\n}\n\nlet remoteModuleMap = new Map<string, unknown>();\nlet remoteContainerMap = new Map<string, unknown>();\n\n/**\n * @deprecated Use loadRemote() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.\n * If you set a load a remote with `loadRemoteModule` such as:\n * ```ts\n * import { loadRemoteModule } from '@nx/angular/mf';\n *\n * loadRemoteModule('my-remote-app', './Module').then(m => m.RemoteEntryModule);\n * ```\n * change it to use loadRemote():\n * ```ts\n * import { loadRemote } from '@module-federation/enhanced/runtime';\n *\n * loadRemote<typeof import('my-remote-app/Module')>('my-remote-app/Module').then(m => m.RemoteEntryModule);\n * ```\n */\nexport async function loadRemoteModule(remoteName: string, moduleName: string) {\n  const remoteModuleKey = `${remoteName}:${moduleName}`;\n  if (remoteModuleMap.has(remoteModuleKey)) {\n    return remoteModuleMap.get(remoteModuleKey);\n  }\n\n  const container = remoteContainerMap.has(remoteName)\n    ? remoteContainerMap.get(remoteName)\n    : await loadRemoteContainer(remoteName);\n\n  const factory = await container.get(moduleName);\n  const Module = factory();\n\n  remoteModuleMap.set(remoteModuleKey, Module);\n\n  return Module;\n}\n\nfunction loadModule(url: string) {\n  return import(/* webpackIgnore:true */ url);\n}\n\nlet initialSharingScopeCreated = false;\n\nasync function loadRemoteContainer(remoteName: string) {\n  if (!resolveRemoteUrl && !remoteUrlDefinitions) {\n    throw new Error(\n      'Call setRemoteDefinitions or setRemoteUrlResolver to allow Dynamic Federation to find the remote apps correctly.'\n    );\n  }\n\n  if (!initialSharingScopeCreated) {\n    initialSharingScopeCreated = true;\n    await __webpack_init_sharing__('default');\n  }\n\n  const remoteUrl = remoteUrlDefinitions\n    ? remoteUrlDefinitions[remoteName]\n    : await resolveRemoteUrl(remoteName);\n\n  const containerUrl = processRuntimeRemoteUrl(remoteUrl, 'mjs');\n\n  const container = await loadModule(containerUrl);\n  await container.init(__webpack_share_scopes__.default);\n\n  remoteContainerMap.set(remoteName, container);\n  return container;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/fesm2022/nx-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nx-angular.mjs","sources":["../../nx-angular.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/dist/generators.d.ts

@@ -0,0 +1,26 @@
+export * from './src/generators/add-linting/add-linting';
+export * from './src/generators/application/application';
+export * from './src/generators/component-story/component-story';
+export * from './src/generators/component/component';
+export * from './src/generators/directive/directive';
+export * from './src/generators/federate-module/federate-module';
+export * from './src/generators/host/host';
+export * from './src/generators/init/init';
+export * from './src/generators/library-secondary-entry-point/library-secondary-entry-point';
+export * from './src/generators/library/library';
+export * from './src/generators/ngrx-feature-store/ngrx-feature-store';
+export * from './src/generators/ngrx-root-store/ngrx-root-store';
+export * from './src/generators/pipe/pipe';
+export * from './src/generators/remote/remote';
+export * from './src/generators/scam-directive/scam-directive';
+export * from './src/generators/scam-pipe/scam-pipe';
+export * from './src/generators/scam-to-standalone/scam-to-standalone';
+export * from './src/generators/scam/scam';
+export * from './src/generators/setup-mf/setup-mf';
+export * from './src/generators/setup-ssr/setup-ssr';
+export * from './src/generators/stories/stories';
+export * from './src/generators/storybook-configuration/storybook-configuration';
+export * from './src/generators/web-worker/web-worker';
+export { cypressComponentConfiguration } from './src/generators/cypress-component-configuration/cypress-component-configuration';
+export * from './src/generators/component-test/component-test';
+export * from './src/utils/test-runners';

package/dist/generators.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cypressComponentConfiguration = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./src/generators/add-linting/add-linting"), exports);
+tslib_1.__exportStar(require("./src/generators/application/application"), exports);
+tslib_1.__exportStar(require("./src/generators/component-story/component-story"), exports);
+tslib_1.__exportStar(require("./src/generators/component/component"), exports);
+tslib_1.__exportStar(require("./src/generators/directive/directive"), exports);
+tslib_1.__exportStar(require("./src/generators/federate-module/federate-module"), exports);
+tslib_1.__exportStar(require("./src/generators/host/host"), exports);
+tslib_1.__exportStar(require("./src/generators/init/init"), exports);
+tslib_1.__exportStar(require("./src/generators/library-secondary-entry-point/library-secondary-entry-point"), exports);
+tslib_1.__exportStar(require("./src/generators/library/library"), exports);
+tslib_1.__exportStar(require("./src/generators/ngrx-feature-store/ngrx-feature-store"), exports);
+tslib_1.__exportStar(require("./src/generators/ngrx-root-store/ngrx-root-store"), exports);
+tslib_1.__exportStar(require("./src/generators/pipe/pipe"), exports);
+tslib_1.__exportStar(require("./src/generators/remote/remote"), exports);
+tslib_1.__exportStar(require("./src/generators/scam-directive/scam-directive"), exports);
+tslib_1.__exportStar(require("./src/generators/scam-pipe/scam-pipe"), exports);
+tslib_1.__exportStar(require("./src/generators/scam-to-standalone/scam-to-standalone"), exports);
+tslib_1.__exportStar(require("./src/generators/scam/scam"), exports);
+tslib_1.__exportStar(require("./src/generators/setup-mf/setup-mf"), exports);
+tslib_1.__exportStar(require("./src/generators/setup-ssr/setup-ssr"), exports);
+tslib_1.__exportStar(require("./src/generators/stories/stories"), exports);
+tslib_1.__exportStar(require("./src/generators/storybook-configuration/storybook-configuration"), exports);
+tslib_1.__exportStar(require("./src/generators/web-worker/web-worker"), exports);
+var cypress_component_configuration_1 = require("./src/generators/cypress-component-configuration/cypress-component-configuration");
+Object.defineProperty(exports, "cypressComponentConfiguration", { enumerable: true, get: function () { return cypress_component_configuration_1.cypressComponentConfiguration; } });
+tslib_1.__exportStar(require("./src/generators/component-test/component-test"), exports);
+tslib_1.__exportStar(require("./src/utils/test-runners"), exports);

package/dist/internal.d.ts

@@ -0,0 +1,3 @@
+export * from './src/utils';
+export * from './src/generators/utils';
+export { move } from './src/generators/move/move-impl';

package/dist/internal.js

@@ -0,0 +1,19 @@
+"use strict";
+// Semi-private surface for first-party Nx packages.
+//
+// External plugins should NOT import from here — this entry is curated for
+// internal consumers and may change without semver protection. Mirrors
+// `@nx/devkit/internal`.
+//
+// These mirror the previously-public `@nx/angular/src/utils`,
+// `@nx/angular/src/generators/utils` and `@nx/angular/src/generators/move/move-impl`
+// subpaths (removed from the exports map in 23.0.0). The
+// `rewrite-internal-subpath-imports` migration routes consumers of those
+// subpaths here, so every symbol they exposed must be re-exported.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.move = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./src/utils"), exports);
+tslib_1.__exportStar(require("./src/generators/utils"), exports);
+var move_impl_1 = require("./src/generators/move/move-impl");
+Object.defineProperty(exports, "move", { enumerable: true, get: function () { return move_impl_1.move; } });

package/dist/plugin.d.ts

@@ -0,0 +1 @@
+export { createNodes, createNodesV2 } from './src/plugins/plugin';

package/dist/plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNodesV2 = exports.createNodes = void 0;
+var plugin_1 = require("./src/plugins/plugin");
+Object.defineProperty(exports, "createNodes", { enumerable: true, get: function () { return plugin_1.createNodes; } });
+Object.defineProperty(exports, "createNodesV2", { enumerable: true, get: function () { return plugin_1.createNodesV2; } });

package/dist/plugins/component-testing.d.ts

@@ -0,0 +1,20 @@
+import { NxComponentTestingPresetOptions } from '@nx/cypress/plugins/cypress-preset';
+/**
+ * Angular nx preset for Cypress Component Testing
+ *
+ * This preset contains the base configuration
+ * for your component tests that nx recommends.
+ * including a devServer that supports nx workspaces.
+ * you can easily extend this within your cypress config via spreading the preset
+ * @example
+ * export default defineConfig({
+ *   component: {
+ *     ...nxComponentTestingPreset(__filename)
+ *     // add your own config here
+ *   }
+ * })
+ *
+ * @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?: NxComponentTestingPresetOptions): any;

package/dist/plugins/component-testing.js

@@ -0,0 +1,321 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nxComponentTestingPreset = nxComponentTestingPreset;
+const cypress_preset_1 = require("@nx/cypress/plugins/cypress-preset");
+const internal_1 = require("@nx/cypress/internal");
+const devkit_1 = require("@nx/devkit");
+const internal_2 = require("@nx/js/internal");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const semver_1 = require("semver");
+/**
+ * Angular nx preset for Cypress Component Testing
+ *
+ * This preset contains the base configuration
+ * for your component tests that nx recommends.
+ * including a devServer that supports nx workspaces.
+ * you can easily extend this within your cypress config via spreading the preset
+ * @example
+ * export default defineConfig({
+ *   component: {
+ *     ...nxComponentTestingPreset(__filename)
+ *     // add your own config here
+ *   }
+ * })
+ *
+ * @param pathToConfig will be used for loading project options and to construct the output paths for videos and screenshots
+ * @param options override options
+ */
+function nxComponentTestingPreset(pathToConfig, options) {
+    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, {
+            testingType: 'component',
+        });
+    }
+    let graph;
+    try {
+        graph = (0, devkit_1.readCachedProjectGraph)();
+    }
+    catch (e) {
+        throw new Error(
+        // don't want to strip indents so error stack has correct indentation
+        `Unable to read the project graph for component testing.
+This is likely due to not running via nx. i.e. 'nx component-test my-project'.
+Please open an issue if this error persists.
+${e.stack ? e.stack : e}`);
+    }
+    const ctProjectConfig = (0, internal_1.getProjectConfigByPath)(graph, pathToConfig);
+    const ctConfigurationName = process.env.NX_CYPRESS_TARGET_CONFIGURATION;
+    const ctContext = (0, internal_1.createExecutorContext)(graph, ctProjectConfig.targets, ctProjectConfig.name, options?.ctTargetName || 'component-test', ctConfigurationName);
+    const buildTarget = options?.buildTarget
+        ? (0, devkit_1.parseTargetString)(options.buildTarget, graph)
+        : // for backwards compat, if no buildTargetin the preset options, get it from the target options
+            getBuildableTarget(ctContext);
+    if (!buildTarget.project && !graph.nodes?.[buildTarget.project]?.data) {
+        throw new Error((0, devkit_1.stripIndents) `Unable to find project configuration for build target.
+    Project Name? ${buildTarget.project}
+    Has project config? ${!!graph.nodes?.[buildTarget.project]?.data}`);
+    }
+    const fromWorkspaceRoot = (0, path_1.relative)(ctContext.root, pathToConfig);
+    const normalizedFromWorkspaceRootPath = (0, fs_1.lstatSync)(pathToConfig).isFile()
+        ? (0, path_1.dirname)(fromWorkspaceRoot)
+        : fromWorkspaceRoot;
+    const offset = isOffsetNeeded(ctContext, ctProjectConfig)
+        ? (0, devkit_1.offsetFromRoot)(normalizedFromWorkspaceRootPath)
+        : undefined;
+    const buildContext = (0, internal_1.createExecutorContext)(graph, graph.nodes[buildTarget.project]?.data.targets, buildTarget.project, buildTarget.target, buildTarget.configuration);
+    const buildableProjectConfig = normalizeBuildTargetOptions(buildContext, ctContext, offset);
+    return {
+        ...(0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig, { testingType: 'component' }),
+        // NOTE: cannot use a glob pattern since it will break cypress generated tsconfig.
+        specPattern: ['src/**/*.cy.ts', 'src/**/*.cy.js'],
+        // Cy v12.17.0+ does not work with aboslute paths for index file
+        // but does with relative pathing, since relative path is the default location, we can omit it
+        indexHtmlFile: requiresAbsolutePath()
+            ? (0, devkit_1.joinPathFragments)(ctContext.root, ctProjectConfig.root, 'cypress', 'support', 'component-index.html')
+            : undefined,
+        devServer: {
+            // cypress uses string union type,
+            // need to use const to prevent typing to string
+            ...{
+                framework: 'angular',
+                bundler: 'webpack',
+            },
+            options: {
+                projectConfig: buildableProjectConfig,
+            },
+        },
+    };
+}
+function getBuildableTarget(ctContext) {
+    const targets = ctContext.projectGraph.nodes[ctContext.projectName]?.data?.targets;
+    const targetConfig = targets?.[ctContext.targetName];
+    if (!targetConfig) {
+        throw new Error((0, devkit_1.stripIndents) `Unable to find component testing target configuration in project '${ctContext.projectName}'.
+      Has targets? ${!!targets}
+      Has target name? ${ctContext.targetName}
+      Has ct project name? ${ctContext.projectName}
+      `);
+    }
+    const cypressCtOptions = (0, devkit_1.readTargetOptions)({
+        project: ctContext.projectName,
+        target: ctContext.targetName,
+        configuration: ctContext.configurationName,
+    }, ctContext);
+    if (!cypressCtOptions.devServerTarget) {
+        throw new Error(`Unable to find the 'devServerTarget' executor option in the '${ctContext.targetName}' target of the '${ctContext.projectName}' project`);
+    }
+    return (0, devkit_1.parseTargetString)(cypressCtOptions.devServerTarget, ctContext.projectGraph);
+}
+function normalizeBuildTargetOptions(buildContext, ctContext, offset) {
+    const options = (0, devkit_1.readTargetOptions)({
+        project: buildContext.projectName,
+        target: buildContext.targetName,
+        configuration: buildContext.configurationName,
+    }, buildContext);
+    const project = buildContext.projectsConfigurations.projects[buildContext.projectName];
+    const sourceRoot = (0, internal_2.getProjectSourceRoot)(project);
+    const buildOptions = withSchemaDefaults(options, sourceRoot, buildContext.root);
+    // cypress creates a tsconfig if one isn't preset
+    // that contains all the support required for angular and component tests
+    delete buildOptions.tsConfig;
+    if (offset) {
+        // polyfill entries might be local files or files that are resolved from node_modules
+        // like zone.js.
+        // prevents error from webpack saying can't find <offset>/zone.js.
+        const handlePolyfillPath = (polyfill) => {
+            const maybeFullPath = (0, path_1.join)(ctContext.root, polyfill.split('/').join(path_1.sep));
+            if ((0, fs_1.existsSync)(maybeFullPath)) {
+                return (0, devkit_1.joinPathFragments)(offset, polyfill);
+            }
+            return polyfill;
+        };
+        // paths need to be unix paths for angular devkit
+        if (buildOptions.polyfills) {
+            buildOptions.polyfills =
+                Array.isArray(buildOptions.polyfills) &&
+                    buildOptions.polyfills.length > 0
+                    ? buildOptions.polyfills.map((p) => handlePolyfillPath(p))
+                    : handlePolyfillPath(buildOptions.polyfills);
+        }
+        buildOptions.main = (0, devkit_1.joinPathFragments)(offset, buildOptions.main);
+        buildOptions.index =
+            typeof buildOptions.index === 'string'
+                ? (0, devkit_1.joinPathFragments)(offset, buildOptions.index)
+                : {
+                    ...buildOptions.index,
+                    input: (0, devkit_1.joinPathFragments)(offset, buildOptions.index.input),
+                };
+        buildOptions.fileReplacements = buildOptions.fileReplacements.map((fr) => {
+            fr.replace = (0, devkit_1.joinPathFragments)(offset, fr.replace);
+            fr.with = (0, devkit_1.joinPathFragments)(offset, fr.with);
+            return fr;
+        });
+    }
+    // if the ct project isn't being used in the build project
+    // then we don't want to have the assets/scripts/styles be included to
+    // prevent inclusion of unintended stuff like tailwind
+    if (buildContext.projectName === ctContext.projectName ||
+        (0, internal_1.isCtProjectUsingBuildProject)(ctContext.projectGraph, buildContext.projectName, ctContext.projectName)) {
+        if (offset) {
+            buildOptions.assets = buildOptions.assets.map((asset) => {
+                return typeof asset === 'string'
+                    ? (0, devkit_1.joinPathFragments)(offset, asset)
+                    : { ...asset, input: (0, devkit_1.joinPathFragments)(offset, asset.input) };
+            });
+            buildOptions.styles = buildOptions.styles.map((style) => {
+                return typeof style === 'string'
+                    ? (0, devkit_1.joinPathFragments)(offset, style)
+                    : { ...style, input: (0, devkit_1.joinPathFragments)(offset, style.input) };
+            });
+            buildOptions.scripts = buildOptions.scripts.map((script) => {
+                return typeof script === 'string'
+                    ? (0, devkit_1.joinPathFragments)(offset, script)
+                    : { ...script, input: (0, devkit_1.joinPathFragments)(offset, script.input) };
+            });
+            if (buildOptions.stylePreprocessorOptions?.includePaths.length > 0) {
+                buildOptions.stylePreprocessorOptions = {
+                    includePaths: buildOptions.stylePreprocessorOptions.includePaths.map((path) => {
+                        return (0, devkit_1.joinPathFragments)(offset, path);
+                    }),
+                };
+            }
+        }
+    }
+    else {
+        const stylePath = getTempStylesForTailwind(ctContext);
+        buildOptions.styles = stylePath ? [stylePath] : [];
+        buildOptions.assets = [];
+        buildOptions.scripts = [];
+        buildOptions.stylePreprocessorOptions = { includePaths: [] };
+    }
+    return {
+        root: offset ? (0, devkit_1.joinPathFragments)(offset, project.root) : project.root,
+        sourceRoot: offset ? (0, devkit_1.joinPathFragments)(offset, sourceRoot) : sourceRoot,
+        buildOptions: {
+            ...buildOptions,
+            // this property is only valid for cy v12.9.0+
+            workspaceRoot: offset ? undefined : ctContext.root,
+        },
+    };
+}
+function withSchemaDefaults(options, sourceRoot, workspaceRoot) {
+    if (!options.main && !options.browser) {
+        options.browser = (0, devkit_1.joinPathFragments)(sourceRoot, 'main.ts');
+        if (!(0, fs_1.existsSync)((0, path_1.join)(workspaceRoot, options.browser))) {
+            throw new Error('Missing executor options "main" and "browser"');
+        }
+    }
+    if (!options.index) {
+        throw new Error('Missing executor options "index"');
+    }
+    if (!options.tsConfig) {
+        throw new Error('Missing executor options "tsConfig"');
+    }
+    // cypress defaults aot to false so we cannot use buildOptimizer
+    // otherwise the 'buildOptimizer' cannot be used without 'aot' error is thrown
+    options.buildOptimizer = false;
+    options.aot = false;
+    options.assets ??= [];
+    options.allowedCommonJsDependencies ??= [];
+    options.budgets ??= [];
+    options.commonChunk ??= true;
+    options.crossOrigin ??= 'none';
+    options.deleteOutputPath ??= true;
+    options.extractLicenses ??= true;
+    options.fileReplacements ??= [];
+    options.inlineStyleLanguage ??= 'css';
+    options.i18nDuplicateTranslation ??= 'warning';
+    options.outputHashing ??= 'none';
+    options.progress ??= true;
+    options.scripts ??= [];
+    options.main ??= options.browser;
+    return options;
+}
+/**
+ * @returns a path from the workspace root to a temp file containing the base tailwind setup
+ * if tailwind is being used in the project root or workspace root
+ * this file should get cleaned up via the cypress executor
+ */
+function getTempStylesForTailwind(ctExecutorContext) {
+    const ctProjectConfig = ctExecutorContext.projectGraph.nodes[ctExecutorContext.projectName]?.data;
+    // angular only supports `tailwind.config.{js,cjs}`
+    const ctProjectTailwindConfig = (0, path_1.join)(ctExecutorContext.root, ctProjectConfig.root, 'tailwind.config');
+    const exts = ['js', 'cjs'];
+    const isTailWindInCtProject = exts.some((ext) => (0, fs_1.existsSync)(`${ctProjectTailwindConfig}.${ext}`));
+    const rootTailwindPath = (0, path_1.join)(ctExecutorContext.root, 'tailwind.config');
+    const isTailWindInRoot = exts.some((ext) => (0, fs_1.existsSync)(`${rootTailwindPath}.${ext}`));
+    if (isTailWindInRoot || isTailWindInCtProject) {
+        const pathToStyle = (0, internal_1.getTempTailwindPath)(ctExecutorContext);
+        try {
+            (0, fs_1.mkdirSync)((0, path_1.dirname)(pathToStyle), { recursive: true });
+            (0, fs_1.writeFileSync)(pathToStyle, `
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`, { encoding: 'utf-8' });
+            return pathToStyle;
+        }
+        catch (makeTmpFileError) {
+            devkit_1.logger.warn((0, devkit_1.stripIndents) `Issue creating a temp file for tailwind styles. Defaulting to no tailwind setup.
+      Temp file path? ${pathToStyle}`);
+            devkit_1.logger.error(makeTmpFileError);
+        }
+    }
+}
+function isOffsetNeeded(ctExecutorContext, ctProjectConfig) {
+    try {
+        const supportsWorkspaceRoot = isCyVersionGreaterThanOrEqual('12.9.0');
+        // if using cypress <v12.9.0 then we require the offset
+        if (!supportsWorkspaceRoot) {
+            return true;
+        }
+        if (ctProjectConfig.projectType === 'library' &&
+            // angular will only see this config if the library root is the build project config root
+            // otherwise it will be set to the buildTarget root which is the app root where this config doesn't exist
+            // causing tailwind styles from the libs project root to not work
+            ['js', 'cjs'].some((ext) => (0, fs_1.existsSync)((0, path_1.join)(ctExecutorContext.root, ctProjectConfig.root, `tailwind.config.${ext}`)))) {
+            return true;
+        }
+        return false;
+    }
+    catch (e) {
+        if (process.env.NX_VERBOSE_LOGGING === 'true') {
+            devkit_1.logger.error(e);
+        }
+        // unable to determine if we don't require an offset
+        // safest to assume we do
+        return true;
+    }
+}
+/**
+ * check if the cypress version is able to understand absolute paths to the indexHtmlFile option
+ * this is required for nx to work with cypress <v12.17.0 since the relative pathing is causes issues
+ * with invalid pathing.
+ * v12.17.0+ works with relative pathing
+ *
+ * if there is an error thrown then we assume it is an older version of cypress and use the absolute path
+ * as that was supported for longer.
+ *
+ * */
+function requiresAbsolutePath() {
+    try {
+        return !isCyVersionGreaterThanOrEqual('12.17.0');
+    }
+    catch (e) {
+        if (process.env.NX_VERBOSE_LOGGING === 'true') {
+            devkit_1.logger.error(e);
+        }
+        return true;
+    }
+}
+/**
+ * Checks if the install cypress version is greater than or equal to the provided version.
+ * Does not catch errors as any custom logic for error handling is required on consumer side.
+ * */
+function isCyVersionGreaterThanOrEqual(version) {
+    const { version: cyVersion = null } = require('cypress/package.json');
+    return !!cyVersion && (0, semver_1.gte)(cyVersion, version);
+}

package/dist/src/builders/dev-server/dev-server.impl.d.ts

@@ -0,0 +1,4 @@
+import type { Schema } from './schema';
+export declare function executeDevServerBuilder(rawOptions: Schema, context: import('@angular-devkit/architect').BuilderContext): import("rxjs").Observable<import("@angular-devkit/build-angular").DevServerBuilderOutput>;
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.executeDevServerBuilder = executeDevServerBuilder;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const internal_1 = require("@nx/webpack/internal");
+const fs_1 = require("fs");
+const configuration_1 = require("nx/src/config/configuration");
+const operators_1 = require("nx/src/project-graph/operators");
+const project_graph_1 = require("nx/src/project-graph/project-graph");
+const path_1 = require("path");
+const rxjs_1 = require("rxjs");
+const operators_2 = require("rxjs/operators");
+const builder_package_1 = require("../../executors/utilities/builder-package");
+const esbuild_extensions_1 = require("../../executors/utilities/esbuild-extensions");
+const patch_builder_context_1 = require("../../executors/utilities/patch-builder-context");
+const buildable_libs_1 = require("../utilities/buildable-libs");
+const webpack_1 = require("../utilities/webpack");
+const lib_1 = require("./lib");
+function executeDevServerBuilder(rawOptions, context) {
+    (0, lib_1.validateOptions)(rawOptions);
+    process.env.NX_TSCONFIG_PATH = (0, js_1.getRootTsConfigPath)();
+    const options = (0, lib_1.normalizeOptions)(rawOptions);
+    const projectGraph = (0, devkit_1.readCachedProjectGraph)();
+    const parsedBuildTarget = (0, devkit_1.parseTargetString)(options.buildTarget, {
+        cwd: context.currentDirectory,
+        projectGraph,
+        projectName: context.target.project,
+        projectsConfigurations: (0, devkit_1.readProjectsConfigurationFromProjectGraph)(projectGraph),
+        root: context.workspaceRoot,
+        nxJsonConfiguration: (0, configuration_1.readNxJson)(devkit_1.workspaceRoot),
+        isVerbose: false,
+    });
+    const browserTargetProjectConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(parsedBuildTarget.project);
+    const buildTarget = browserTargetProjectConfiguration.targets[parsedBuildTarget.target];
+    const buildTargetOptions = {
+        ...buildTarget.options,
+        ...(parsedBuildTarget.configuration
+            ? buildTarget.configurations[parsedBuildTarget.configuration]
+            : buildTarget.defaultConfiguration
+                ? buildTarget.configurations[buildTarget.defaultConfiguration]
+                : {}),
+    };
+    const buildLibsFromSource = options.buildLibsFromSource ??
+        buildTargetOptions.buildLibsFromSource ??
+        true;
+    process.env.NX_BUILD_LIBS_FROM_SOURCE = `${buildLibsFromSource}`;
+    process.env.NX_BUILD_TARGET = options.buildTarget;
+    let pathToWebpackConfig;
+    if (buildTargetOptions.customWebpackConfig?.path) {
+        pathToWebpackConfig = (0, devkit_1.joinPathFragments)(context.workspaceRoot, buildTargetOptions.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 = buildTargetOptions.indexHtmlTransformer ??
+        buildTargetOptions.indexFileTransformer;
+    let pathToIndexFileTransformer;
+    if (normalizedIndexHtmlTransformer) {
+        pathToIndexFileTransformer = (0, devkit_1.joinPathFragments)(context.workspaceRoot, normalizedIndexHtmlTransformer);
+        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}`);
+        }
+    }
+    let dependencies;
+    if (!buildLibsFromSource) {
+        const { tsConfigPath, dependencies: foundDependencies } = (0, buildable_libs_1.createTmpTsConfigForBuildableLibs)(buildTargetOptions.tsConfig, context, {
+            target: parsedBuildTarget.target,
+        });
+        dependencies = foundDependencies;
+        const relativeTsConfigPath = (0, devkit_1.normalizePath)((0, path_1.relative)(context.workspaceRoot, tsConfigPath));
+        // We can't just pass the tsconfig path in memory to the angular builder
+        // function because we can't pass the build target options to it, the build
+        // targets options will be retrieved by the builder from the project
+        // configuration. Therefore, we patch the method in the context to retrieve
+        // the target options to overwrite the tsconfig path to use the generated
+        // one with the updated path mappings.
+        const originalGetTargetOptions = context.getTargetOptions;
+        context.getTargetOptions = async (target) => {
+            const options = await originalGetTargetOptions(target);
+            options.tsConfig = relativeTsConfigPath;
+            return options;
+        };
+        // The buildTargetConfiguration also needs to use the generated tsconfig path
+        // otherwise the build will fail if customWebpack function/file is referencing
+        // local libs. This synchronize the behavior with webpack-browser and
+        // webpack-server implementation.
+        buildTargetOptions.tsConfig = relativeTsConfigPath;
+    }
+    const delegateBuilderOptions = getDelegateBuilderOptions(options);
+    const isUsingWebpackBuilder = ![
+        '@angular/build:application',
+        '@angular-devkit/build-angular:application',
+        '@angular-devkit/build-angular:browser-esbuild',
+        '@nx/angular:application',
+        '@nx/angular:browser-esbuild',
+    ].includes(buildTarget.executor);
+    /**
+     * The Angular CLI dev-server builder make some decisions based on the build
+     * target builder but it only considers `@angular-devkit/build-angular:*`
+     * builders. Since we are using a custom builder, we patch the context to
+     * handle `@nx/angular:*` executors.
+     */
+    (0, patch_builder_context_1.patchBuilderContext)(context, !isUsingWebpackBuilder, parsedBuildTarget);
+    (0, builder_package_1.assertBuilderPackageIsInstalled)('@angular-devkit/build-angular');
+    return (0, rxjs_1.combineLatest)([
+        (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)),
+    ]).pipe((0, operators_2.switchMap)(([{ executeDevServerBuilder }, plugins, middleware, indexHtmlTransformer,]) => executeDevServerBuilder(delegateBuilderOptions, context, {
+        webpackConfiguration: isUsingWebpackBuilder
+            ? async (baseWebpackConfig) => {
+                if (!buildLibsFromSource) {
+                    const workspaceDependencies = dependencies
+                        .filter((dep) => !(0, operators_1.isNpmProject)(dep.node))
+                        .map((dep) => dep.node.name);
+                    // default for `nx run-many` is --all projects
+                    // by passing an empty string for --projects, run-many will default to
+                    // run the target for all projects.
+                    // This will occur when workspaceDependencies = []
+                    if (workspaceDependencies.length > 0) {
+                        baseWebpackConfig.plugins.push(new internal_1.WebpackNxBuildCoordinationPlugin(`nx run-many --target=${parsedBuildTarget.target} --projects=${workspaceDependencies.join(',')}`, { skipWatchingDeps: !options.watchDependencies }) // TODO(Colum): this can be removed when angular 20.2 is merged
+                        );
+                    }
+                }
+                if (!pathToWebpackConfig) {
+                    return baseWebpackConfig;
+                }
+                return (0, webpack_1.mergeCustomWebpackConfig)(baseWebpackConfig, pathToWebpackConfig, buildTargetOptions, context.target);
+            }
+            : undefined,
+        ...(indexHtmlTransformer
+            ? {
+                indexHtml: indexHtmlTransformer,
+            }
+            : {}),
+    }, {
+        buildPlugins: plugins,
+        middleware,
+    })));
+}
+exports.default = require('@angular-devkit/architect').createBuilder(executeDevServerBuilder);
+function getDelegateBuilderOptions(options) {
+    const delegateBuilderOptions = {
+        ...options,
+    };
+    // delete extra option not supported by the delegate builder
+    delete delegateBuilderOptions.buildLibsFromSource;
+    delete delegateBuilderOptions.watchDependencies;
+    return delegateBuilderOptions;
+}
+async function loadIndexHtmlFileTransformer(pathToIndexFileTransformer, tsConfig, context, isUsingWebpackBuilder) {
+    if (!pathToIndexFileTransformer) {
+        return undefined;
+    }
+    return isUsingWebpackBuilder
+        ? (0, webpack_1.resolveIndexHtmlTransformer)(pathToIndexFileTransformer, tsConfig, context.target)
+        : await (0, esbuild_extensions_1.loadIndexHtmlTransformer)(pathToIndexFileTransformer, tsConfig);
+}