@nx/angular 19.6.0-canary.20240813-c72ba9b → 19.6.0-rc.0

package/src/executors/module-federation-ssr-dev-server/lib/build-static-remotes.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildStaticRemotes = buildStaticRemotes;
+const devkit_1 = require("@nx/devkit");
+const cache_directory_1 = require("nx/src/utils/cache-directory");
+const node_child_process_1 = require("node:child_process");
+const node_path_1 = require("node:path");
+const node_fs_1 = require("node:fs");
+async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options) {
+    if (!staticRemotesConfig.remotes.length) {
+        return;
+    }
+    const mappedLocationOfRemotes = {};
+    for (const app of staticRemotesConfig.remotes) {
+        mappedLocationOfRemotes[app] = `http${options.ssl ? 's' : ''}://${options.host}:${options.staticRemotesPort}/${staticRemotesConfig.config[app].urlSegment}`;
+    }
+    await new Promise((resolve, reject) => {
+        devkit_1.logger.info(`NX Building ${staticRemotesConfig.remotes.length} static remotes...`);
+        const staticProcess = (0, node_child_process_1.fork)(nxBin, [
+            'run-many',
+            `--target=server`,
+            `--projects=${staticRemotesConfig.remotes.join(',')}`,
+            ...(context.configurationName
+                ? [`--configuration=${context.configurationName}`]
+                : []),
+            ...(options.parallel ? [`--parallel=${options.parallel}`] : []),
+        ], {
+            cwd: context.root,
+            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
+        });
+        // File to debug build failures e.g. 2024-01-01T00_00_0_0Z-build.log'
+        const remoteBuildLogFile = (0, node_path_1.join)(cache_directory_1.workspaceDataDirectory, `${new Date().toISOString().replace(/[:\.]/g, '_')}-build.log`);
+        const stdoutStream = (0, node_fs_1.createWriteStream)(remoteBuildLogFile);
+        staticProcess.stdout.on('data', (data) => {
+            const ANSII_CODE_REGEX = /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
+            const stdoutString = data.toString().replace(ANSII_CODE_REGEX, '');
+            stdoutStream.write(stdoutString);
+            // in addition to writing into the stdout stream, also show error directly in console
+            // so the error is easily discoverable. 'ERROR in' is the key word to search in webpack output.
+            if (stdoutString.includes('ERROR in')) {
+                devkit_1.logger.log(stdoutString);
+            }
+            if (stdoutString.includes('Successfully ran target server')) {
+                staticProcess.stdout.removeAllListeners('data');
+                devkit_1.logger.info(`NX Built ${staticRemotesConfig.remotes.length} static remotes`);
+                resolve();
+            }
+        });
+        staticProcess.stderr.on('data', (data) => devkit_1.logger.info(data.toString()));
+        staticProcess.once('exit', (code) => {
+            stdoutStream.end();
+            staticProcess.stdout.removeAllListeners('data');
+            staticProcess.stderr.removeAllListeners('data');
+            if (code !== 0) {
+                reject(`Remote failed to start. A complete log can be found in: ${remoteBuildLogFile}`);
+            }
+            else {
+                resolve();
+            }
+        });
+        process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
+        process.on('exit', () => staticProcess.kill('SIGTERM'));
+    });
+    return mappedLocationOfRemotes;
+}

package/src/executors/module-federation-ssr-dev-server/lib/normalize-options.d.ts

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

package/src/executors/module-federation-ssr-dev-server/lib/normalize-options.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeOptions = normalizeOptions;
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+function normalizeOptions(options) {
+    const devServeRemotes = !options.devRemotes
+        ? []
+        : Array.isArray(options.devRemotes)
+            ? options.devRemotes
+            : [options.devRemotes];
+    return {
+        ...options,
+        devRemotes: devServeRemotes,
+        ssl: options.ssl ?? false,
+        sslCert: options.sslCert ? (0, path_1.join)(devkit_1.workspaceRoot, options.sslCert) : undefined,
+        sslKey: options.sslKey ? (0, path_1.join)(devkit_1.workspaceRoot, options.sslKey) : undefined,
+    };
+}

package/src/executors/module-federation-ssr-dev-server/lib/start-dev-remotes.d.ts

@@ -0,0 +1,5 @@
+import { type Schema } from '../schema';
+import { type ExecutorContext, type ProjectConfiguration } from '@nx/devkit';
+export declare function startRemotes(remotes: string[], workspaceProjects: Record<string, ProjectConfiguration>, options: Schema, context: ExecutorContext): Promise<AsyncIterable<{
+    success: boolean;
+}>[]>;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startRemotes = startRemotes;
+const devkit_1 = require("@nx/devkit");
+async function startRemotes(remotes, workspaceProjects, options, context) {
+    const target = 'serve-ssr';
+    const remoteIters = [];
+    for (const app of remotes) {
+        if (!workspaceProjects[app].targets?.[target]) {
+            throw new Error(`Could not find "${target}" target in "${app}" project.`);
+        }
+        else if (!workspaceProjects[app].targets?.[target].executor) {
+            throw new Error(`Could not find executor for "${target}" target in "${app}" project.`);
+        }
+        const [_, executor] = workspaceProjects[app].targets[target].executor.split(':');
+        const isUsingModuleFederationSsrDevServerExecutor = executor.includes('module-federation-dev-ssr');
+        const configurationOverride = options.devRemotes.find((r) => typeof r !== 'string' && r.remoteName === app)?.configuration;
+        remoteIters.push(await (0, devkit_1.runExecutor)({
+            project: app,
+            target,
+            configuration: configurationOverride ?? context.configurationName,
+        }, {
+            ...{ verbose: options.verbose ?? false },
+            ...(isUsingModuleFederationSsrDevServerExecutor
+                ? { isInitialHost: false }
+                : {}),
+        }, context));
+    }
+    return remoteIters;
+}

package/src/executors/module-federation-ssr-dev-server/lib/start-static-remotes.d.ts

@@ -0,0 +1,9 @@
+import { type ExecutorContext } from '@nx/devkit';
+import { type Schema } from '../schema';
+import type { StaticRemotesConfig } from '@nx/webpack/src/utils/module-federation/parse-static-remotes-config';
+export declare function startStaticRemotes(ssrStaticRemotesConfig: StaticRemotesConfig, context: ExecutorContext, options: Schema): AsyncGenerator<{
+    success: boolean;
+    baseUrl: string;
+}, {
+    success: boolean;
+}, unknown>;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startStaticRemotes = startStaticRemotes;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+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 startStaticRemotes(ssrStaticRemotesConfig, context, options) {
+    if (ssrStaticRemotesConfig.remotes.length === 0) {
+        return;
+    }
+    // The directories are usually generated with /browser and /server suffixes so we need to copy them to a common directory
+    const commonOutputDirectory = (0, path_1.join)(devkit_1.workspaceRoot, 'tmp/static-remotes');
+    for (const app of ssrStaticRemotesConfig.remotes) {
+        const remoteConfig = ssrStaticRemotesConfig.config[app];
+        (0, fs_1.cpSync)(remoteConfig.outputPath, (0, path_1.join)(commonOutputDirectory, remoteConfig.urlSegment), {
+            force: true,
+            recursive: true,
+        });
+    }
+    const staticRemotesIter = (0, file_server_impl_1.default)({
+        cors: true,
+        watch: false,
+        staticFilePath: commonOutputDirectory,
+        parallel: false,
+        spa: false,
+        withDeps: false,
+        host: options.host,
+        port: options.staticRemotesPort,
+        ssl: options.ssl,
+        sslCert: options.sslCert,
+        sslKey: options.sslKey,
+        cacheSeconds: -1,
+    }, context);
+    return staticRemotesIter;
+}

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

@@ -0,0 +1,4 @@
+import { type ExecutorContext } from '@nx/devkit';
+import type { Schema } from './schema';
+export declare function moduleFederationSsrDevServerExecutor(schema: Schema, context: ExecutorContext): AsyncGenerator<any, any, undefined>;
+export default moduleFederationSsrDevServerExecutor;

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

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moduleFederationSsrDevServerExecutor = moduleFederationSsrDevServerExecutor;
+const devkit_1 = require("@nx/devkit");
+const fs_1 = require("fs");
+const project_graph_1 = require("nx/src/project-graph/project-graph");
+const path_1 = require("path");
+const module_federation_1 = require("../../builders/utilities/module-federation");
+const module_federation_2 = require("@nx/webpack/src/utils/module-federation");
+const parse_static_remotes_config_1 = require("@nx/webpack/src/utils/module-federation/parse-static-remotes-config");
+const build_static_remotes_1 = require("./lib/build-static-remotes");
+const start_dev_remotes_1 = require("./lib/start-dev-remotes");
+const start_static_remotes_1 = require("./lib/start-static-remotes");
+const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
+const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
+const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
+const normalize_options_1 = require("./lib/normalize-options");
+const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
+const start_ssr_remote_proxies_1 = require("@nx/webpack/src/utils/module-federation/start-ssr-remote-proxies");
+const dev_server_impl_1 = require("../../builders/dev-server/dev-server.impl");
+async function* moduleFederationSsrDevServerExecutor(schema, context) {
+    const nxBin = require.resolve('nx/bin/nx');
+    const options = (0, normalize_options_1.normalizeOptions)(schema);
+    const currIter = (0, rxjs_for_await_1.eachValueFrom)((0, dev_server_impl_1.executeDevServerBuilder)(options, await (0, ngcli_adapter_1.createBuilderContext)({
+        builderName: '@nx/angular:webpack-server',
+        description: 'Build a ssr application',
+        optionSchema: require('../../builders/webpack-server/schema.json'),
+    }, context)));
+    if (options.isInitialHost === false) {
+        return yield* currIter;
+    }
+    const { projects: workspaceProjects } = (0, project_graph_1.readProjectsConfigurationFromProjectGraph)(context.projectGraph);
+    const project = workspaceProjects[context.projectName];
+    let pathToManifestFile;
+    if (options.pathToManifestFile) {
+        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}".`);
+        }
+        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;
+    }
+    else {
+        pathToManifestFile = (0, module_federation_1.getDynamicMfManifestFile)(project, context.root);
+    }
+    (0, module_federation_1.validateDevRemotes)({ devRemotes: options.devRemotes }, workspaceProjects);
+    const moduleFederationConfig = (0, module_federation_2.getModuleFederationConfig)(project.targets.build.options.tsConfig, context.root, project.root, 'angular');
+    const remoteNames = options.devRemotes.map((r) => typeof r === 'string' ? r : r.remoteName);
+    const remotes = (0, module_federation_2.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
+        projectName: project.name,
+        projectGraph: context.projectGraph,
+        root: context.root,
+    }, pathToManifestFile);
+    options.staticRemotesPort ??= remotes.staticRemotePort;
+    const staticRemotesConfig = (0, parse_static_remotes_config_1.parseStaticSsrRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
+    const mappedLocationsOfStaticRemotes = await (0, build_static_remotes_1.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options);
+    // Set NX_MF_DEV_REMOTES for the Nx Runtime Library Control Plugin
+    process.env.NX_MF_DEV_REMOTES = JSON.stringify(options.devRemotes);
+    const devRemotes = await (0, start_dev_remotes_1.startRemotes)(remotes.devRemotes, workspaceProjects, options, context);
+    const staticRemotes = (0, start_static_remotes_1.startStaticRemotes)(staticRemotesConfig, context, options);
+    (0, start_ssr_remote_proxies_1.startSsrRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
+        ? { pathToCert: options.sslCert, pathToKey: options.sslKey }
+        : undefined);
+    const removeBaseUrlEmission = (iter) => (0, async_iterable_1.mapAsyncIterable)(iter, (v) => ({
+        ...v,
+        baseUrl: undefined,
+    }));
+    return yield* (0, async_iterable_1.combineAsyncIterables)(removeBaseUrlEmission(currIter), ...devRemotes.map(removeBaseUrlEmission), ...(staticRemotes ? [removeBaseUrlEmission(staticRemotes)] : []), (0, async_iterable_1.createAsyncIterable)(async ({ next, done }) => {
+        if (!options.isInitialHost) {
+            done();
+            return;
+        }
+        if (remotes.remotePorts.length) {
+            devkit_1.logger.info(`Nx All remotes started, server ready at http://localhost:${options.port}`);
+            next({ success: true, baseUrl: `http://localhost:${options.port}` });
+            done();
+            return;
+        }
+        try {
+            const portsToWaitFor = staticRemotes
+                ? [options.staticRemotesPort, ...remotes.remotePorts]
+                : [...remotes.remotePorts];
+            await Promise.all(portsToWaitFor.map((port) => (0, wait_for_port_open_1.waitForPortOpen)(port, {
+                retries: 480,
+                retryDelay: 2500,
+                host: 'localhost',
+            })));
+        }
+        catch (error) {
+            throw new Error(`Failed to start remotes. Check above for any errors.`, {
+                cause: error,
+            });
+        }
+        finally {
+            done();
+        }
+    }));
+}
+exports.default = moduleFederationSsrDevServerExecutor;

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

@@ -1,3 +1,5 @@
+import { type DevRemoteDefinition } from '../../builders/utilities/module-federation';
+
 export interface Schema {
   browserTarget: string;
   serverTarget: string;
@@ -10,8 +12,12 @@ export interface Schema {
   sslKey?: string;
   sslCert?: string;
   proxyConfig?: string;
-  devRemotes?: string[];
+  devRemotes?: DevRemoteDefinition[];
   skipRemotes?: string[];
   verbose: boolean;
   pathToManifestFile?: string;
+  parallel?: number;
+  staticRemotesPort?: number;
+  parallel?: number;
+  isInitialHost?: boolean;
 }

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

@@ -1,7 +1,8 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema",
   "title": "Module Federation SSR Dev Server Target",
-  "description": "Serves host [Module Federation](https://module-federation.io/) applications ([webpack](https://webpack.js.org/)-based) that use SSR allowing to specify which remote applications should be served with the host.",
+  "outputCapture": "direct-nodejs",
+  "description": "The module-federation-ssr-dev-server executor is reserved exclusively for use with host SSR Module Federation applications. It allows the user to specify which remote applications should be served with the host.",
   "type": "object",
   "properties": {
     "browserTarget": {
@@ -63,7 +64,24 @@
     "devRemotes": {
       "type": "array",
       "items": {
-        "type": "string"
+        "oneOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "object",
+            "properties": {
+              "remoteName": {
+                "type": "string"
+              },
+              "configuration": {
+                "type": "string"
+              }
+            },
+            "required": ["remoteName"],
+            "additionalProperties": false
+          }
+        ]
       },
       "description": "List of remote applications to run in development mode (i.e. using serve target).",
       "x-priority": "important"
@@ -83,6 +101,20 @@
     "pathToManifestFile": {
       "type": "string",
       "description": "Path to a Module Federation manifest file (e.g. `my/path/to/module-federation.manifest.json`) containing the dynamic remote applications relative to the workspace root."
+    },
+    "isInitialHost": {
+      "type": "boolean",
+      "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."
     }
   },
   "additionalProperties": false,

package/src/executors/utilities/esbuild-extensions.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from 'esbuild';
+type Plugin = Parameters<typeof import('@angular-devkit/build-angular').buildApplication>[2]['codePlugins'][number];
 export type PluginSpec = {
     path: string;
     options: any;
@@ -6,3 +6,4 @@ export type PluginSpec = {
 export declare function loadPlugins(plugins: string[] | PluginSpec[] | undefined, tsConfig: string): Promise<Plugin[]>;
 export declare function loadMiddleware(middlewareFns: string[] | undefined, tsConfig: string): Promise<any[]>;
 export declare function loadIndexHtmlTransformer(indexHtmlTransformerPath: string, tsConfig: string): Promise<any>;
+export {};

package/src/generators/component-cypress-spec/schema.json

@@ -3,7 +3,8 @@
   "$id": "NxAngularComponentCypressSpecGenerator",
   "type": "object",
   "cli": "nx",
-  "description": "Creates a Cypress spec for a UI component that has a story.",
+  "description": "Creates a Storybook Cypress spec for a UI component that has a story.",
+  "x-deprecated": "Use interactionTests instead. This option will be removed in v20.",
   "properties": {
     "projectName": {
       "type": "string",

package/src/generators/host/files/js/webpack.server.config.js__tmpl__

@@ -1,3 +1,8 @@
 const { withModuleFederationForSSR } = require('@nx/angular/module-federation');
 const config = require('./module-federation.config');
-module.exports = withModuleFederationForSSR(config)
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
+module.exports = withModuleFederationForSSR(config, { dts: false });

package/src/generators/host/files/ts/webpack.server.config.ts__tmpl__

@@ -1,4 +1,9 @@
 import { withModuleFederationForSSR } from '@nx/angular/module-federation';
 import config from './module-federation.config';
 
-export default withModuleFederationForSSR(config);
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
+export default withModuleFederationForSSR(config, { dts: false });

package/src/generators/ng-add/migrators/projects/e2e.migrator.js

@@ -254,7 +254,7 @@ class E2eMigrator extends project_migrator_1.ProjectMigrator {
         this.tree.delete(newTsConfigPath);
         this.moveFile((0, devkit_1.joinPathFragments)(this.project.oldSourceRoot, 'tsconfig.json'), newTsConfigPath);
         // replace the generated source with the project source
-        (0, devkit_1.visitNotIgnoredFiles)(this.tree, this.project.newSourceRoot, (filePath) => {
+        this.visitFiles(this.project.newSourceRoot, (filePath) => {
             this.tree.delete(filePath);
         });
         this.moveDir(this.project.oldSourceRoot, (0, devkit_1.joinPathFragments)(this.project.newSourceRoot));

package/src/generators/ng-add/migrators/projects/project.migrator.d.ts

@@ -18,6 +18,8 @@ export declare class ProjectMigrator<TargetType extends string = string> extends
     protected convertPath(originalPath: string): string;
     protected moveDir(from: string, to: string): void;
     protected shouldSkipTargetTypeMigration(targetType: TargetType): boolean;
+    protected visitFiles(dirPath: string, visitor: (path: string) => void): void;
+    private updateGitAndPrettierIgnore;
     private collectTargetNames;
     private createBuilderMigrators;
     private skipProjectMigration;

package/src/generators/ng-add/migrators/projects/project.migrator.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProjectMigrator = void 0;
 const devkit_1 = require("@nx/devkit");
+const node_path_1 = require("node:path");
 const utilities_1 = require("../../utilities");
 const migrator_1 = require("../migrator");
 class ProjectMigrator extends migrator_1.Migrator {
@@ -42,6 +43,7 @@ class ProjectMigrator extends migrator_1.Migrator {
     migrate() {
         const validationResult = this.validate();
         if (!validationResult) {
+            this.updateGitAndPrettierIgnore();
             return;
         }
         this.logger.warn((0, utilities_1.getProjectValidationResultMessage)(validationResult));
@@ -138,7 +140,7 @@ class ProjectMigrator extends migrator_1.Migrator {
         return originalPath;
     }
     moveDir(from, to) {
-        (0, devkit_1.visitNotIgnoredFiles)(this.tree, from, (file) => {
+        this.visitFiles(from, (file) => {
             this.moveFile(file, (0, devkit_1.normalizePath)(file).replace(from, to), true);
         });
     }
@@ -146,6 +148,41 @@ class ProjectMigrator extends migrator_1.Migrator {
         return (Array.isArray(this.skipMigration) &&
             this.skipMigration.includes(targetType));
     }
+    visitFiles(dirPath, visitor) {
+        dirPath = (0, devkit_1.normalizePath)((0, node_path_1.relative)(this.tree.root, (0, devkit_1.joinPathFragments)(this.tree.root, dirPath)));
+        for (const child of this.tree.children(dirPath)) {
+            const fullPath = (0, devkit_1.joinPathFragments)(dirPath, child);
+            if (this.tree.isFile(fullPath)) {
+                visitor(fullPath);
+            }
+            else {
+                this.visitFiles(fullPath, visitor);
+            }
+        }
+    }
+    updateGitAndPrettierIgnore() {
+        if (!this.tree.exists('.prettierignore') &&
+            !this.tree.exists('.gitignore')) {
+            return;
+        }
+        let from = this.project.oldRoot;
+        let to = this.project.newRoot;
+        if (this.project.oldRoot === '') {
+            from = this.project.oldSourceRoot;
+            to = this.project.newSourceRoot;
+        }
+        const regex = new RegExp(`(^!?\\/?)(${from})(\\/|$)`, 'gm');
+        if (this.tree.exists('.gitignore')) {
+            const gitignore = this.tree.read('.gitignore', 'utf-8');
+            const content = gitignore.replace(regex, `$1${to}$3`);
+            this.tree.write('.gitignore', content);
+        }
+        if (this.tree.exists('.prettierignore')) {
+            const prettierIgnore = this.tree.read('.prettierignore', 'utf-8');
+            const content = prettierIgnore.replace(regex, `$1${to}$3`);
+            this.tree.write('.prettierignore', content);
+        }
+    }
     collectTargetNames() {
         const targetTypes = Object.keys(this.targets);
         Object.entries(this.projectConfig.targets ?? {}).forEach(([targetName, target]) => {

package/src/generators/remote/files/base/webpack.server.config.js__tmpl__

@@ -1,3 +1,9 @@
 const { withModuleFederationForSSR } = require('@nx/angular/module-federation');
 const config = require('./module-federation.config');
-module.exports = withModuleFederationForSSR(config)
+
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
+module.exports = withModuleFederationForSSR(config, { dts: false })

package/src/generators/remote/files/base-ts/webpack.server.config.ts__tmpl__

@@ -1,4 +1,9 @@
 import { withModuleFederationForSSR } from '@nx/angular/module-federation';
 import config from './module-federation.config';
 
-export default withModuleFederationForSSR(config);
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
+export default withModuleFederationForSSR(config, { dts: false });

package/src/generators/setup-mf/files/ts-webpack/webpack.config.ts__tmpl__

@@ -1,4 +1,9 @@
 import { withModuleFederation } from '@nx/angular/module-federation';
 import config from './module-federation.config';
 
-export default withModuleFederation(config);
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
+export default withModuleFederation(config, { dts: false });

package/src/generators/setup-mf/files/ts-webpack/webpack.prod.config.ts__tmpl__

@@ -1,6 +1,11 @@
 import { withModuleFederation } from '@nx/angular/module-federation';
 import config from './module-federation.config';
 
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
 export default withModuleFederation({
   ...config,
   /*
@@ -13,4 +18,4 @@ export default withModuleFederation({
    *   ['app2', 'https://app2.example.com'],
    * ]
    */
-});
+}, { dts: false });

package/src/generators/setup-mf/files/webpack/webpack.config.js__tmpl__

@@ -1,3 +1,9 @@
 const { withModuleFederation } = require('@nx/angular/module-federation');
 const config = require('./module-federation.config');
-module.exports = withModuleFederation(config);
+
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
+module.exports = withModuleFederation(config, { dts: false });

package/src/generators/setup-mf/files/webpack/webpack.prod.config.js__tmpl__

@@ -1,5 +1,11 @@
 const { withModuleFederation } = require('@nx/angular/module-federation');
 const config = require('./module-federation.config');
+
+/**
+ * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
+ * The DTS Plugin can be enabled by setting dts: true
+ * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
+ */
 module.exports = withModuleFederation({
     ...config,
     /*
@@ -12,4 +18,4 @@ module.exports = withModuleFederation({
      *   ['app2', 'https://app2.example.com'],
      * ]
      */
-});
+}, { dts: false });

package/src/generators/stories/schema.json

@@ -27,11 +27,13 @@
     },
     "generateCypressSpecs": {
       "type": "boolean",
-      "description": "Specifies whether to automatically generate `*.spec.ts` files in the Cypress e2e app generated by the `cypress-configure` generator."
+      "description": "Specifies whether to automatically generate `*.spec.ts` files in the Cypress e2e app generated by the `cypress-configure` generator.",
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v20."
     },
     "cypressProject": {
       "type": "string",
-      "description": "The Cypress project to generate the stories under. This is inferred from `name` by default."
+      "description": "The Cypress project to generate the stories under. This is inferred from `name` by default.",
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v20."
     },
     "skipFormat": {
       "description": "Skip formatting files.",

package/src/migrations/update-19-6-0/turn-off-dts-by-default.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function (tree: Tree): Promise<void>;