@nx/angular 0.0.0-pr-22179-271588f

package/src/generators/convert-to-application-executor/convert-to-application-executor.js

@@ -0,0 +1,240 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToApplicationExecutor = void 0;
+const devkit_1 = require("@nx/devkit");
+const posix_1 = require("node:path/posix");
+const semver_1 = require("semver");
+const targets_1 = require("../../utils/targets");
+const setup_ssr_1 = require("../setup-ssr/setup-ssr");
+const validations_1 = require("../utils/validations");
+const version_utils_1 = require("../utils/version-utils");
+const executorsToConvert = new Set([
+    '@angular-devkit/build-angular:browser',
+    '@angular-devkit/build-angular:browser-esbuild',
+    '@nx/angular:webpack-browser',
+    '@nx/angular:browser-esbuild',
+]);
+const serverTargetExecutors = new Set([
+    '@angular-devkit/build-angular:server',
+    '@nx/angular:webpack-server',
+]);
+const redundantExecutors = new Set([
+    '@angular-devkit/build-angular:server',
+    '@angular-devkit/build-angular:prerender',
+    '@angular-devkit/build-angular:app-shell',
+    '@angular-devkit/build-angular:ssr-dev-server',
+    '@nx/angular:webpack-server',
+]);
+async function convertToApplicationExecutor(tree, options) {
+    const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    if (angularMajorVersion < 17) {
+        throw new Error(`The "convert-to-application-executor" generator is only supported in Angular >= 17.0.0. You are currently using "${angularVersion}".`);
+    }
+    let didAnySucceed = false;
+    if (options.project) {
+        (0, validations_1.validateProject)(tree, options.project);
+        didAnySucceed = await convertProjectTargets(tree, options.project, angularVersion, true);
+    }
+    else {
+        const projects = (0, devkit_1.getProjects)(tree);
+        for (const [projectName] of projects) {
+            devkit_1.logger.info(`Converting project "${projectName}"...`);
+            const success = await convertProjectTargets(tree, projectName, angularVersion);
+            if (success) {
+                devkit_1.logger.info(`Project "${projectName}" converted successfully.`);
+            }
+            else {
+                devkit_1.logger.info(`Project "${projectName}" could not be converted. See above for more information.`);
+            }
+            devkit_1.logger.info('');
+            didAnySucceed = didAnySucceed || success;
+        }
+    }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+    return didAnySucceed ? () => (0, devkit_1.installPackagesTask)(tree) : () => { };
+}
+exports.convertToApplicationExecutor = convertToApplicationExecutor;
+async function convertProjectTargets(tree, projectName, angularVersion, isProvidedProject = false) {
+    function warnIfProvided(message) {
+        if (isProvidedProject) {
+            devkit_1.logger.warn(message);
+        }
+    }
+    let project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    if (project.projectType !== 'application') {
+        warnIfProvided(`The provided project "${projectName}" is not an application. Skipping conversion.`);
+        return false;
+    }
+    const { buildTargetName, serverTargetName } = getTargetsToConvert(project.targets);
+    if (!buildTargetName) {
+        warnIfProvided(`The provided project "${projectName}" does not have any targets using on of the ` +
+            `'@angular-devkit/build-angular:browser', '@angular-devkit/build-angular:browser-esbuild', ` +
+            `'@nx/angular:browser' and '@nx/angular:browser-esbuild' executors. Skipping conversion.`);
+        return false;
+    }
+    const useNxExecutor = project.targets[buildTargetName].executor.startsWith('@nx/angular:');
+    const newExecutor = useNxExecutor
+        ? '@nx/angular:application'
+        : '@angular-devkit/build-angular:application';
+    const buildTarget = project.targets[buildTargetName];
+    buildTarget.executor = newExecutor;
+    if ((0, semver_1.gte)(angularVersion, '17.1.0') && buildTarget.outputs) {
+        buildTarget.outputs = buildTarget.outputs.map((output) => output === '{options.outputPath}' ? '{options.outputPath.base}' : output);
+    }
+    for (const [, options] of (0, targets_1.allTargetOptions)(buildTarget)) {
+        if (options['index'] === '') {
+            options['index'] = false;
+        }
+        // Rename and transform options
+        options['browser'] = options['main'];
+        if (serverTargetName && typeof options['browser'] === 'string') {
+            options['server'] = (0, posix_1.dirname)(options['browser']) + '/main.server.ts';
+        }
+        options['serviceWorker'] =
+            options['ngswConfigPath'] ?? options['serviceWorker'];
+        if (typeof options['polyfills'] === 'string') {
+            options['polyfills'] = [options['polyfills']];
+        }
+        let outputPath = options['outputPath'];
+        if ((0, semver_1.lt)(angularVersion, '17.1.0')) {
+            options['outputPath'] = outputPath?.replace(/\/browser\/?$/, '');
+        }
+        else if (typeof outputPath === 'string') {
+            if (!/\/browser\/?$/.test(outputPath)) {
+                devkit_1.logger.warn(`The output location of the browser build has been updated from "${outputPath}" to ` +
+                    `"${(0, posix_1.join)(outputPath, 'browser')}". ` +
+                    'You might need to adjust your deployment pipeline or, as an alternative, ' +
+                    'set outputPath.browser to "" in order to maintain the previous functionality.');
+            }
+            else {
+                outputPath = outputPath.replace(/\/browser\/?$/, '');
+            }
+            options['outputPath'] = {
+                base: outputPath,
+            };
+            if (typeof options['resourcesOutputPath'] === 'string') {
+                const media = options['resourcesOutputPath'].replaceAll('/', '');
+                if (media && media !== 'media') {
+                    options['outputPath'] = {
+                        base: outputPath,
+                        media: media,
+                    };
+                }
+            }
+        }
+        // Delete removed options
+        delete options['deployUrl'];
+        delete options['vendorChunk'];
+        delete options['commonChunk'];
+        delete options['resourcesOutputPath'];
+        delete options['buildOptimizer'];
+        delete options['main'];
+        delete options['ngswConfigPath'];
+    }
+    // Merge browser and server tsconfig
+    if (serverTargetName) {
+        const browserTsConfigPath = buildTarget?.options?.tsConfig;
+        const serverTsConfigPath = project.targets['server']?.options?.tsConfig;
+        if (typeof browserTsConfigPath !== 'string') {
+            devkit_1.logger.warn(`Cannot update project "${projectName}" to use the application executor ` +
+                `as the browser tsconfig cannot be located.`);
+        }
+        if (typeof serverTsConfigPath !== 'string') {
+            devkit_1.logger.warn(`Cannot update project "${projectName}" to use the application executor ` +
+                `as the server tsconfig cannot be located.`);
+        }
+        const browserTsConfigJson = (0, devkit_1.readJson)(tree, browserTsConfigPath);
+        const serverTsConfigJson = (0, devkit_1.readJson)(tree, serverTsConfigPath);
+        const files = new Set([
+            ...(browserTsConfigJson.files ?? []),
+            ...(serverTsConfigJson.files ?? []),
+        ]);
+        // Server file will be added later by the setup-ssr generator
+        files.delete('server.ts');
+        browserTsConfigJson.files = Array.from(files);
+        browserTsConfigJson.compilerOptions ?? {};
+        browserTsConfigJson.compilerOptions.types = Array.from(new Set([
+            ...(browserTsConfigJson.compilerOptions.types ?? []),
+            ...(serverTsConfigJson.compilerOptions?.types ?? []),
+        ]));
+        // Delete server tsconfig
+        tree.delete(serverTsConfigPath);
+    }
+    // Update project main tsconfig
+    const projectRootTsConfigPath = (0, posix_1.join)(project.root, 'tsconfig.json');
+    if (tree.exists(projectRootTsConfigPath)) {
+        const rootTsConfigJson = (0, devkit_1.readJson)(tree, projectRootTsConfigPath);
+        rootTsConfigJson.compilerOptions ?? {};
+        rootTsConfigJson.compilerOptions.esModuleInterop = true;
+        rootTsConfigJson.compilerOptions.downlevelIteration = undefined;
+        rootTsConfigJson.compilerOptions.allowSyntheticDefaultImports = undefined;
+        (0, devkit_1.writeJson)(tree, projectRootTsConfigPath, rootTsConfigJson);
+    }
+    // Update server file
+    const ssrMainFile = project.targets['server']?.options?.['main'];
+    if (typeof ssrMainFile === 'string') {
+        tree.delete(ssrMainFile);
+        // apply changes so the setup-ssr generator can access the updated project
+        (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
+        await (0, setup_ssr_1.setupSsr)(tree, { project: projectName, skipFormat: true });
+        // re-read project configuration as it might have changed
+        project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    }
+    // Delete all redundant targets
+    for (const [targetName, target] of Object.entries(project.targets)) {
+        if (redundantExecutors.has(target.executor)) {
+            delete project.targets[targetName];
+        }
+    }
+    (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
+    return true;
+}
+function getTargetsToConvert(targets) {
+    let buildTargetName;
+    let serverTargetName;
+    for (const target of Object.keys(targets)) {
+        if (targets[target].executor === '@nx/angular:application' ||
+            targets[target].executor === '@angular-devkit/build-angular:application') {
+            devkit_1.logger.warn('The project is already using the application builder. Skipping conversion.');
+            return {};
+        }
+        // build target
+        if (executorsToConvert.has(targets[target].executor)) {
+            for (const [, options] of (0, targets_1.allTargetOptions)(targets[target])) {
+                if (options.deployUrl) {
+                    devkit_1.logger.warn(`The project is using the "deployUrl" option which is not available in the application builder. Skipping conversion.`);
+                    return {};
+                }
+                if (options.customWebpackConfig) {
+                    devkit_1.logger.warn(`The project is using a custom webpack configuration which is not supported by the esbuild-based application executor. Skipping conversion.`);
+                    return {};
+                }
+            }
+            if (buildTargetName) {
+                devkit_1.logger.warn('The project has more than one build target. Skipping conversion.');
+                return {};
+            }
+            buildTargetName = target;
+        }
+        // server target
+        if (serverTargetExecutors.has(targets[target].executor)) {
+            if (targets[target].executor === '@nx/angular:webpack-server') {
+                for (const [, options] of (0, targets_1.allTargetOptions)(targets[target])) {
+                    if (options.customWebpackConfig) {
+                        devkit_1.logger.warn(`The project is using a custom webpack configuration which is not supported by the esbuild-based application executor. Skipping conversion.`);
+                        return {};
+                    }
+                }
+            }
+            if (serverTargetName) {
+                devkit_1.logger.warn('The project has more than one server target. Skipping conversion.');
+                return {};
+            }
+            serverTargetName = target;
+        }
+    }
+    return { buildTargetName, serverTargetName };
+}
+exports.default = convertToApplicationExecutor;

package/src/generators/convert-to-application-executor/schema.d.ts

@@ -0,0 +1,4 @@
+export interface GeneratorOptions {
+  project?: string;
+  skipFormat?: boolean;
+}

package/src/generators/convert-to-application-executor/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxAngularConvertToApplicationExecutorGenerator",
+  "cli": "nx",
+  "title": "Converts projects to use the `@nx/angular:application` executor or the `@angular-devkit/build-angular:application` builder. _Note: this is only supported in Angular versions >= 17.0.0_.",
+  "description": "Converts a project or all projects using one of the `@angular-devkit/build-angular:browser`, `@angular-devkit/build-angular:browser-esbuild`, `@nx/angular:browser` and `@nx/angular:browser-esbuild` executors to use the `@nx/angular:application` executor or the `@angular-devkit/build-angular:application` builder. If the converted target is using one of the `@nx/angular` executors, the `@nx/angular:application` executor will be used. Otherwise, the `@angular-devkit/build-angular:application` builder will be used.",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "Name of the Angular application project to convert. It has to contain a target using one of the `@angular-devkit/build-angular:browser`, `@angular-devkit/build-angular:browser-esbuild`, `@nx/angular:browser` and `@nx/angular:browser-esbuild` executors. If not specified, all projects with such targets will be converted.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "additionalProperties": false
+}

package/src/generators/convert-to-with-mf/convert-to-with-mf.d.ts

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

package/src/generators/convert-to-with-mf/convert-to-with-mf.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToWithMF = void 0;
+const devkit_1 = require("@nx/devkit");
+const get_mf_projects_1 = require("../../utils/get-mf-projects");
+const lib_1 = require("./lib");
+async function convertToWithMF(tree, schema) {
+    const projects = new Set((0, get_mf_projects_1.getMFProjects)(tree, { legacy: true }));
+    if (!projects.has(schema.project)) {
+        throw new Error(`Could not find project "${schema.project}" with a Micro Frontend configuration in your workspace. Please check the name of the project you're wishing to convert exists.`);
+    }
+    const project = (0, devkit_1.readProjectConfiguration)(tree, schema.project);
+    const pathToWebpackConfig = (0, lib_1.getWebpackConfigPath)(project, schema.project);
+    const webpackAst = (0, lib_1.parseASTOfWebpackConfig)(tree, pathToWebpackConfig);
+    if (!(0, lib_1.checkOutputNameMatchesProjectName)(webpackAst, schema.project)) {
+        throw new Error(`Cannot automatically migrate "${schema.project}" to "withModuleFederation" micro frontend webpack config. 
+      "uniqueName" in webpack config (${pathToWebpackConfig}) does not match project name.`);
+    }
+    if (!(0, lib_1.checkSharedNpmPackagesMatchExpected)(webpackAst)) {
+        throw new Error(`Cannot automatically migrate "${schema.project}" to "withModuleFederation" micro frontend webpack config. 
+        There are npm packages being shared with a custom configuration in webpack config (${pathToWebpackConfig}).`);
+    }
+    devkit_1.logger.warn(`This Micro Frontend configuration conversion will overwrite "${schema.project}"'s current webpack config. If you have anything custom that is not related to Micro Frontends, it will be lost. You should be able to see the changes in your version control system.`);
+    const [updatedWebpackConfig, mfConfig] = (0, lib_1.writeNewWebpackConfig)(webpackAst, (0, lib_1.isHostRemoteConfig)(webpackAst), schema.project);
+    tree.write(pathToWebpackConfig, updatedWebpackConfig);
+    tree.write((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.js'), mfConfig);
+    if (!schema.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+exports.convertToWithMF = convertToWithMF;
+exports.default = convertToWithMF;

package/src/generators/convert-to-with-mf/convert-to-with-mf.test-data.d.ts

@@ -0,0 +1,5 @@
+export declare const STANDARD_HOST_MFE_CONFIG = "const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');\nconst mf = require('@angular-architects/module-federation/webpack');\nconst path = require('path');\nconst share = mf.share;\n\n/**\n * We use the NX_TSCONFIG_PATH environment variable when using the @nx/angular:webpack-browser\n * builder as it will generate a temporary tsconfig file which contains any required remappings of\n * shared libraries.\n * A remapping will occur when a library is buildable, as webpack needs to know the location of the\n * built files for the buildable library.\n * This NX_TSCONFIG_PATH environment variable is set by the @nx/angular:webpack-browser and it contains\n * the location of the generated temporary tsconfig file.\n */\nconst tsConfigPath =\n  process.env.NX_TSCONFIG_PATH ??\n  path.join(__dirname, '../../tsconfig.base.json');\n\nconst workspaceRootPath = path.join(__dirname, '../../');\nconst sharedMappings = new mf.SharedMappings();\nsharedMappings.register(\n  tsConfigPath,\n  [\n    /* mapped paths to share */\n  ],\n  workspaceRootPath\n);\n\nmodule.exports = {\n  output: {\n    uniqueName: 'host1',\n    publicPath: 'auto',\n  },\n  optimization: {\n    runtimeChunk: false,\n  },\n  experiments: {\n    outputModule: true,\n  },\n  resolve: {\n    alias: {\n      ...sharedMappings.getAliases(),\n    },\n  },\n  plugins: [\n    new ModuleFederationPlugin({\n      remotes: {\n        remote1: 'http://localhost:4201/remoteEntry.mjs',\n      },\n      shared: share({\n        '@angular/core': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common/http': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/router': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        rxjs: {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        ...sharedMappings.getDescriptors(),\n      }),\n      library: {\n        type: 'module',\n      },\n    }),\n    sharedMappings.getPlugin(),\n  ],\n};\n";
+export declare const STANDARD_REMOTE_MFE_CONFIG = "const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');\nconst mf = require('@angular-architects/module-federation/webpack');\nconst path = require('path');\nconst share = mf.share;\n\n/**\n * We use the NX_TSCONFIG_PATH environment variable when using the @nx/angular:webpack-browser\n * builder as it will generate a temporary tsconfig file which contains any required remappings of\n * shared libraries.\n * A remapping will occur when a library is buildable, as webpack needs to know the location of the\n * built files for the buildable library.\n * This NX_TSCONFIG_PATH environment variable is set by the @nx/angular:webpack-browser and it contains\n * the location of the generated temporary tsconfig file.\n */\nconst tsConfigPath =\n  process.env.NX_TSCONFIG_PATH ??\n  path.join(__dirname, '../../tsconfig.base.json');\n\nconst workspaceRootPath = path.join(__dirname, '../../');\nconst sharedMappings = new mf.SharedMappings();\nsharedMappings.register(\n  tsConfigPath,\n  [\n    /* mapped paths to share */\n  ],\n  workspaceRootPath\n);\n\nmodule.exports = {\n  output: {\n    uniqueName: 'remote1',\n    publicPath: 'auto',\n  },\n  optimization: {\n    runtimeChunk: false,\n  },\n  experiments: {\n    outputModule: true,\n  },\n  resolve: {\n    alias: {\n      ...sharedMappings.getAliases(),\n    },\n  },\n  plugins: [\n    new ModuleFederationPlugin({\n      name: 'remote1',\n      filename: 'remoteEntry.js',\n      exposes: {\n        './Module': 'apps/remote1/src/app/remote-entry/entry.module.ts',\n      },\n      shared: share({\n        '@angular/core': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common/http': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/router': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        rxjs: {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        ...sharedMappings.getDescriptors(),\n      }),\n      library: {\n        type: 'module',\n      },\n    }),\n    sharedMappings.getPlugin(),\n  ],\n};\n";
+export declare const OLD_OBJECT_SHARED_SYNTAX = "const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');\nconst mf = require('@angular-architects/module-federation/webpack');\nconst path = require('path');\nconst share = mf.share;\n\n/**\n * We use the NX_TSCONFIG_PATH environment variable when using the @nx/angular:webpack-browser\n * builder as it will generate a temporary tsconfig file which contains any required remappings of\n * shared libraries.\n * A remapping will occur when a library is buildable, as webpack needs to know the location of the\n * built files for the buildable library.\n * This NX_TSCONFIG_PATH environment variable is set by the @nx/angular:webpack-browser and it contains\n * the location of the generated temporary tsconfig file.\n */\nconst tsConfigPath =\n  process.env.NX_TSCONFIG_PATH ??\n  path.join(__dirname, '../../tsconfig.base.json');\n\nconst workspaceRootPath = path.join(__dirname, '../../');\nconst sharedMappings = new mf.SharedMappings();\nsharedMappings.register(\n  tsConfigPath,\n  [\n    /* mapped paths to share */\n  ],\n  workspaceRootPath\n);\n\nmodule.exports = {\n  output: {\n    uniqueName: 'remote1',\n    publicPath: 'auto',\n  },\n  optimization: {\n    runtimeChunk: false,\n  },\n  experiments: {\n    outputModule: true,\n  },\n  resolve: {\n    alias: {\n      ...sharedMappings.getAliases(),\n    },\n  },\n  plugins: [\n    new ModuleFederationPlugin({\n      name: 'remote1',\n      filename: 'remoteEntry.js',\n      exposes: {\n        './Module': 'apps/remote1/src/app/remote-entry/entry.module.ts',\n      },\n      shared: {\n        '@angular/core': {\n          singleton: true,\n          strictVersion: true,\n        },\n        '@angular/common': {\n          singleton: true,\n          strictVersion: true,\n        },\n        '@angular/common/http': {\n          singleton: true,\n          strictVersion: true,\n        },\n        '@angular/router': {\n          singleton: true,\n          strictVersion: true,\n        },\n        rxjs: {\n          singleton: true,\n          strictVersion: true,\n        },\n        ...sharedMappings.getDescriptors(),\n      },\n      library: {\n        type: 'module',\n      },\n    }),\n    sharedMappings.getPlugin(),\n  ],\n};";
+export declare const ERROR_NAME_DOESNT_MATCH = "const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');\nconst mf = require('@angular-architects/module-federation/webpack');\nconst path = require('path');\nconst share = mf.share;\n\n/**\n * We use the NX_TSCONFIG_PATH environment variable when using the @nx/angular:webpack-browser\n * builder as it will generate a temporary tsconfig file which contains any required remappings of\n * shared libraries.\n * A remapping will occur when a library is buildable, as webpack needs to know the location of the\n * built files for the buildable library.\n * This NX_TSCONFIG_PATH environment variable is set by the @nx/angular:webpack-browser and it contains\n * the location of the generated temporary tsconfig file.\n */\nconst tsConfigPath =\n  process.env.NX_TSCONFIG_PATH ??\n  path.join(__dirname, '../../tsconfig.base.json');\n\nconst workspaceRootPath = path.join(__dirname, '../../');\nconst sharedMappings = new mf.SharedMappings();\nsharedMappings.register(\n  tsConfigPath,\n  [\n    /* mapped paths to share */\n  ],\n  workspaceRootPath\n);\n\nmodule.exports = {\n  output: {\n    uniqueName: 'somethingelse',\n    publicPath: 'auto',\n  },\n  optimization: {\n    runtimeChunk: false,\n  },\n  experiments: {\n    outputModule: true,\n  },\n  resolve: {\n    alias: {\n      ...sharedMappings.getAliases(),\n    },\n  },\n  plugins: [\n    new ModuleFederationPlugin({\n      name: 'remote1',\n      filename: 'remoteEntry.js',\n      exposes: {\n        './Module': 'apps/remote1/src/app/remote-entry/entry.module.ts',\n      },\n      shared: share({\n        '@angular/core': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common/http': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/router': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        rxjs: {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        ...sharedMappings.getDescriptors(),\n      }),\n      library: {\n        type: 'module',\n      },\n    }),\n    sharedMappings.getPlugin(),\n  ],\n};\n";
+export declare const ERROR_SHARED_PACKAGES_DOESNT_MATCH = "const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');\nconst mf = require('@angular-architects/module-federation/webpack');\nconst path = require('path');\nconst share = mf.share;\n\n/**\n * We use the NX_TSCONFIG_PATH environment variable when using the @nx/angular:webpack-browser\n * builder as it will generate a temporary tsconfig file which contains any required remappings of\n * shared libraries.\n * A remapping will occur when a library is buildable, as webpack needs to know the location of the\n * built files for the buildable library.\n * This NX_TSCONFIG_PATH environment variable is set by the @nx/angular:webpack-browser and it contains\n * the location of the generated temporary tsconfig file.\n */\nconst tsConfigPath =\n  process.env.NX_TSCONFIG_PATH ??\n  path.join(__dirname, '../../tsconfig.base.json');\n\nconst workspaceRootPath = path.join(__dirname, '../../');\nconst sharedMappings = new mf.SharedMappings();\nsharedMappings.register(\n  tsConfigPath,\n  [\n    /* mapped paths to share */\n  ],\n  workspaceRootPath\n);\n\nmodule.exports = {\n  output: {\n    uniqueName: 'host1',\n    publicPath: 'auto',\n  },\n  optimization: {\n    runtimeChunk: false,\n  },\n  experiments: {\n    outputModule: true,\n  },\n  resolve: {\n    alias: {\n      ...sharedMappings.getAliases(),\n    },\n  },\n  plugins: [\n    new ModuleFederationPlugin({\n      remotes: {\n        remote1: 'http://localhost:4201/remoteEntry.mjs',\n      },\n      shared: share({\n        '@angular/core': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: '13.0.0',\n          includeSecondaries: true,\n        },\n        '@angular/common': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/common/http': {\n          singleton: true,\n          strictVersion: false,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        '@angular/router': {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        rxjs: {\n          singleton: true,\n          strictVersion: true,\n          requiredVersion: 'auto',\n          includeSecondaries: true,\n        },\n        ...sharedMappings.getDescriptors(),\n      }),\n      library: {\n        type: 'module',\n      },\n    }),\n    sharedMappings.getPlugin(),\n  ],\n};\n";