@nx/angular 21.1.2 → 21.2.0-beta.2

package/src/migrations/update-21-2-0/set-generator-defaults-for-previous-style-guide.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+const TYPE_GENERATORS = ['component', 'directive', 'service'];
+const TYPE_SEPARATOR_GENERATORS = [
+    'guard',
+    'interceptor',
+    'module',
+    'pipe',
+    'resolver',
+];
+async function default_1(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    nxJson.generators ??= {};
+    for (const generator of TYPE_GENERATORS) {
+        setDefault(nxJson.generators, '@nx/angular', generator, 'type', generator);
+        setDefault(nxJson.generators, '@schematics/angular', generator, 'type', generator);
+    }
+    setDefault(nxJson.generators, '@nx/angular', 'scam', 'type', 'component');
+    setDefault(nxJson.generators, '@nx/angular', 'scam-directive', 'type', 'directive');
+    for (const generator of TYPE_SEPARATOR_GENERATORS) {
+        setDefault(nxJson.generators, '@nx/angular', generator, 'typeSeparator', '.');
+        setDefault(nxJson.generators, '@schematics/angular', generator, 'typeSeparator', '.');
+    }
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+    await (0, devkit_1.formatFiles)(tree);
+}
+function setDefault(generators, collection, generator, option, value) {
+    const generatorKey = `${collection}:${generator}`;
+    if (generators[generatorKey]?.[option] ||
+        generators[collection]?.[generator]?.[option]) {
+        return;
+    }
+    if (generators[generatorKey]) {
+        generators[generatorKey][option] = value;
+    }
+    else if (generators[collection]?.[generator]) {
+        generators[collection][generator][option] = value;
+    }
+    else if (generators[collection]) {
+        generators[collection][generator] = { [option]: value };
+    }
+    else {
+        generators[generatorKey] = { [option]: value };
+    }
+}

package/src/migrations/update-21-2-0/update-angular-cli.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+export declare const angularCliVersion = "20.0.0-rc.3";
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-21-2-0/update-angular-cli.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.angularCliVersion = void 0;
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+exports.angularCliVersion = '20.0.0-rc.3';
+async function default_1(tree) {
+    let shouldFormat = false;
+    (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+        if (json.devDependencies?.['@angular/cli']) {
+            json.devDependencies['@angular/cli'] = exports.angularCliVersion;
+            shouldFormat = true;
+        }
+        else if (json.dependencies?.['@angular/cli']) {
+            json.dependencies['@angular/cli'] = exports.angularCliVersion;
+            shouldFormat = true;
+        }
+        return json;
+    });
+    if (shouldFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}

package/src/migrations/update-21-2-0/update-module-resolution.d.ts

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

package/src/migrations/update-21-2-0/update-module-resolution.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+const targets_1 = require("../../utils/targets");
+const projects_1 = require("../utils/projects");
+async function default_1(tree) {
+    const uniqueTsConfigs = new Set();
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+        'npm:@angular/core',
+    ]);
+    for (const { project } of projects) {
+        for (const [, target] of (0, targets_1.allProjectTargets)(project)) {
+            for (const [, options] of (0, targets_1.allTargetOptions)(target)) {
+                if (typeof options?.tsConfig === 'string') {
+                    uniqueTsConfigs.add(options.tsConfig);
+                }
+            }
+        }
+    }
+    for (const tsConfig of uniqueTsConfigs) {
+        if (tree.exists(tsConfig)) {
+            updateModuleResolution(tree, tsConfig);
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}
+function updateModuleResolution(tree, tsConfigPath) {
+    const tsConfig = (0, devkit_1.readJson)(tree, tsConfigPath);
+    if (!tsConfig.compilerOptions) {
+        return;
+    }
+    const { compilerOptions } = tsConfig;
+    // Only update if module is not 'preserve' and moduleResolution is not already 'bundler'
+    if (compilerOptions.module === 'preserve' ||
+        compilerOptions.moduleResolution === 'bundler') {
+        return;
+    }
+    // Update moduleResolution to 'bundler'
+    (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
+        json.compilerOptions ??= {};
+        json.compilerOptions.moduleResolution = 'bundler';
+        return json;
+    });
+}

package/src/plugins/plugin.js

@@ -21,8 +21,14 @@ const knownExecutors = {
         '@angular-devkit/build-angular:ng-packagr',
         '@angular/build:ng-packagr',
     ]),
-    devServer: new Set(['@angular-devkit/build-angular:dev-server']),
-    extractI18n: new Set(['@angular-devkit/build-angular:extract-i18n']),
+    devServer: new Set([
+        '@angular-devkit/build-angular:dev-server',
+        '@angular/build:dev-server',
+    ]),
+    extractI18n: new Set([
+        '@angular-devkit/build-angular:extract-i18n',
+        '@angular/build:extract-i18n',
+    ]),
     prerender: new Set([
         '@angular-devkit/build-angular:prerender',
         '@nguniversal/builders:prerender',
@@ -32,7 +38,10 @@ const knownExecutors = {
         '@angular-devkit/build-angular:ssr-dev-server',
         '@nguniversal/builders:ssr-dev-server',
     ]),
-    test: new Set(['@angular-devkit/build-angular:karma']),
+    test: new Set([
+        '@angular-devkit/build-angular:karma',
+        '@angular/build:karma',
+    ]),
 };
 const pmc = (0, devkit_1.getPackageManagerCommand)();
 function readProjectsCache(cachePath) {
@@ -111,7 +120,7 @@ async function buildAngularProjects(configFilePath, options, angularWorkspaceRoo
                 appShellTargets.push({ target: nxTargetName, project: projectName });
             }
             else if (knownExecutors.build.has(angularTarget.builder)) {
-                await updateBuildTarget(nxTargetName, targets[nxTargetName], angularTarget, context, angularWorkspaceRoot, project.root, namedInputs);
+                await updateBuildTarget(projectName, nxTargetName, targets[nxTargetName], angularTarget, context, angularWorkspaceRoot, project.root, namedInputs);
             }
             else if (knownExecutors.devServer.has(angularTarget.builder)) {
                 targets[nxTargetName].continuous = true;
@@ -196,21 +205,21 @@ function updateAppShellTarget(projectName, targetName, projects, angularJson, an
     target.inputs = inputs;
     target.outputs = outputs;
 }
-async function updateBuildTarget(targetName, target, angularTarget, context, angularWorkspaceRoot, projectRoot, namedInputs) {
+async function updateBuildTarget(projectName, targetName, target, angularTarget, context, angularWorkspaceRoot, projectRoot, namedInputs) {
     target.dependsOn = [`^${targetName}`];
-    if (angularTarget.options?.outputPath) {
-        const fullOutputPath = (0, node_path_1.join)(context.workspaceRoot, angularWorkspaceRoot, angularTarget.options.outputPath);
-        target.outputs = [
-            getOutput(fullOutputPath, context.workspaceRoot, angularWorkspaceRoot, projectRoot),
-        ];
-    }
-    else if (angularTarget.builder === '@angular-devkit/build-angular:ng-packagr' ||
+    if (angularTarget.builder === '@angular-devkit/build-angular:ng-packagr' ||
         angularTarget.builder === '@angular/build:ng-packagr') {
         const outputs = await getNgPackagrOutputs(angularTarget, angularWorkspaceRoot, projectRoot, context);
         if (outputs.length) {
             target.outputs = outputs;
         }
     }
+    else {
+        const fullOutputPath = (0, node_path_1.join)(context.workspaceRoot, angularWorkspaceRoot, angularTarget.options?.outputPath ?? posix.join('dist', projectName));
+        target.outputs = [
+            getOutput(fullOutputPath, context.workspaceRoot, angularWorkspaceRoot, projectRoot),
+        ];
+    }
     if (target.outputs?.length) {
         // make it cacheable if we were able to identify outputs
         target.cache = true;
@@ -272,7 +281,7 @@ function updatePrerenderTarget(projectName, targetName, projects, angularJson) {
     target.outputs = outputs;
 }
 async function getNgPackagrOutputs(target, angularWorkspaceRoot, projectRoot, context) {
-    let ngPackageJsonPath = (0, node_path_1.join)(context.workspaceRoot, angularWorkspaceRoot, target.options.project);
+    let ngPackageJsonPath = (0, node_path_1.join)(context.workspaceRoot, angularWorkspaceRoot, target.options?.project ?? (0, node_path_1.join)(projectRoot, 'ng-package.json'));
     const readConfig = async (configPath) => {
         if (!(0, node_fs_1.existsSync)(configPath)) {
             return undefined;

package/src/utils/backward-compatible-versions.d.ts

@@ -1,11 +1,11 @@
 import * as latestVersions from './versions';
-type SupportedVersions = 'angularV17' | 'angularV18';
+type SupportedVersions = 'angularV18' | 'angularV19';
 type LatestPackageVersionNames = Exclude<keyof typeof latestVersions, 'nxVersion'>;
 type CompatPackageVersionNames = LatestPackageVersionNames;
 export type PackageVersionNames = LatestPackageVersionNames | CompatPackageVersionNames;
 export type VersionMap = {
-    angularV17: Record<Exclude<CompatPackageVersionNames, 'typescriptEslintVersion'>, string>;
     angularV18: Record<CompatPackageVersionNames, string>;
+    angularV19: Record<CompatPackageVersionNames, string>;
 };
 export type PackageLatestVersions = Record<LatestPackageVersionNames, string>;
 export type PackageCompatVersions = VersionMap[SupportedVersions];

package/src/utils/backward-compatible-versions.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.backwardCompatibleVersions = void 0;
 exports.backwardCompatibleVersions = {
-    angularV17: {
-        angularVersion: '~17.3.0',
-        angularDevkitVersion: '~17.3.0',
-        ngPackagrVersion: '~17.3.0',
+    angularV18: {
+        angularVersion: '~18.2.0',
+        angularDevkitVersion: '~18.2.0',
+        ngPackagrVersion: '~18.2.0',
         angularRspackVersion: '~20.6.1',
-        ngrxVersion: '~17.0.0',
+        ngrxVersion: '~18.0.2',
         rxjsVersion: '~7.8.0',
         zoneJsVersion: '~0.14.3',
         angularJsVersion: '1.7.9',
@@ -17,27 +17,29 @@ exports.backwardCompatibleVersions = {
         expressVersion: '^4.21.2',
         typesExpressVersion: '^4.17.21',
         browserSyncVersion: '^3.0.0',
-        moduleFederationNodeVersion: '~2.3.0',
-        moduleFederationEnhancedVersion: '~0.2.3',
-        angularEslintVersion: '~17.3.0',
+        moduleFederationNodeVersion: '~2.5.0',
+        moduleFederationEnhancedVersion: '0.6.9',
+        angularEslintVersion: '^18.3.0',
+        typescriptEslintVersion: '^7.16.0',
         tailwindVersion: '^3.0.2',
         postcssVersion: '^8.4.5',
         postcssUrlVersion: '~10.1.3',
         autoprefixerVersion: '^10.4.0',
         tsNodeVersion: '10.9.1',
-        jestPresetAngularVersion: '~14.0.3',
+        jestPresetAngularVersion: '~14.1.0',
         typesNodeVersion: '18.16.9',
         jasmineMarblesVersion: '^0.9.2',
         jsoncEslintParserVersion: '^2.1.0',
+        webpackMergeVersion: '^5.8.0',
     },
-    angularV18: {
-        angularVersion: '~18.2.0',
-        angularDevkitVersion: '~18.2.0',
-        ngPackagrVersion: '~18.2.0',
+    angularV19: {
+        angularVersion: '~19.2.0',
+        angularDevkitVersion: '~19.2.0',
+        ngPackagrVersion: '~19.2.0',
         angularRspackVersion: '~20.6.1',
-        ngrxVersion: '~18.0.2',
+        ngrxVersion: '~19.1.0',
         rxjsVersion: '~7.8.0',
-        zoneJsVersion: '~0.14.3',
+        zoneJsVersion: '~0.15.0',
         angularJsVersion: '1.7.9',
         tsLibVersion: '^2.3.0',
         corsVersion: '~2.8.5',
@@ -45,18 +47,19 @@ exports.backwardCompatibleVersions = {
         expressVersion: '^4.21.2',
         typesExpressVersion: '^4.17.21',
         browserSyncVersion: '^3.0.0',
-        moduleFederationNodeVersion: '~2.5.0',
-        moduleFederationEnhancedVersion: '0.6.9',
-        angularEslintVersion: '^18.3.0',
+        moduleFederationNodeVersion: '^2.6.26',
+        moduleFederationEnhancedVersion: '^0.9.0',
+        angularEslintVersion: '^19.2.0',
         typescriptEslintVersion: '^7.16.0',
         tailwindVersion: '^3.0.2',
         postcssVersion: '^8.4.5',
         postcssUrlVersion: '~10.1.3',
         autoprefixerVersion: '^10.4.0',
         tsNodeVersion: '10.9.1',
-        jestPresetAngularVersion: '~14.1.0',
+        jestPresetAngularVersion: '~14.4.0',
         typesNodeVersion: '18.16.9',
         jasmineMarblesVersion: '^0.9.2',
         jsoncEslintParserVersion: '^2.1.0',
+        webpackMergeVersion: '^5.8.0',
     },
 };

package/src/utils/nx-devkit/ast-utils.js

@@ -444,9 +444,18 @@ function getListOfRoutes(source) {
 }
 function isNgStandaloneApp(tree, projectName) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-    const mainFile = project.targets?.build?.options?.main ??
+    let mainFile = project.targets?.build?.options?.main ??
         project.targets?.build?.options?.browser;
-    if (project.projectType !== 'application' || !mainFile) {
+    let hasMainFile = false;
+    if (mainFile) {
+        hasMainFile = true;
+    }
+    else {
+        const sourceRoot = project.sourceRoot ?? (0, devkit_1.joinPathFragments)(project.root, 'src');
+        mainFile = (0, devkit_1.joinPathFragments)(sourceRoot, 'main.ts');
+        hasMainFile = tree.exists(mainFile);
+    }
+    if (project.projectType !== 'application' || !hasMainFile) {
         return false;
     }
     (0, ensure_typescript_1.ensureTypescript)();
@@ -548,7 +557,12 @@ function readBootstrapInfo(host, app) {
     let mainPath;
     try {
         mainPath =
-            config.targets.build.options.main ?? config.targets.build.options.browser;
+            config.targets.build.options?.main ??
+                config.targets.build.options?.browser;
+        if (!mainPath) {
+            const sourceRoot = config.sourceRoot ?? (0, devkit_1.joinPathFragments)(config.root, 'src');
+            mainPath = (0, devkit_1.joinPathFragments)(sourceRoot, 'main.ts');
+        }
     }
     catch (e) {
         throw new Error('Main file cannot be located');

package/src/utils/nx-devkit/testing.js

@@ -18,24 +18,24 @@ function createApp(tree, appName, routing = true) {
     // save for getAppDir() lookup by external *.spec.ts tests
     appConfig = {
         appName,
-        appModule: `${appName}/src/app/app.module.ts`,
+        appModule: `${appName}/src/app/app-module.ts`,
     };
     tree.write(appConfig.appModule, `import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 ${routing ? "import { RouterModule } from '@angular/router'" : ''};
-import { AppComponent } from './app.component';
+import { App } from './app';
 @NgModule({
   imports: [BrowserModule, ${routing ? 'RouterModule.forRoot([])' : ''}],
-  declarations: [AppComponent],
-  bootstrap: [AppComponent]
+  declarations: [App],
+  bootstrap: [App]
 })
 export class AppModule {}
 `);
-    tree.write(`${appName}/src/main.ts`, `import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+    tree.write(`${appName}/src/main.ts`, `import { platformBrowser } from '@angular/platform-browser';
 
-import { AppModule } from './app/app.module';
+import { AppModule } from './app/app-module';
 
-platformBrowserDynamic()
+platformBrowser()
   .bootstrapModule(AppModule)
   .catch(err => console.log(err));
   `);
@@ -65,7 +65,7 @@ function createLib(tree, libName) {
     const { name, className, fileName, propertyName } = (0, devkit_1.names)(libName);
     libConfig = {
         name,
-        module: `${propertyName}/src/lib/${fileName}.module.ts`,
+        module: `${propertyName}/src/lib/${fileName}-module.ts`,
         barrel: `${propertyName}/src/index.ts`,
     };
     tree.write(libConfig.module, `import { NgModule } from '@angular/core';
@@ -78,6 +78,6 @@ import { CommonModule } from '@angular/common';
 })
 export class ${className}Module { }
   `);
-    tree.write(libConfig.barrel, `export * from './lib/${fileName}.module';
+    tree.write(libConfig.barrel, `export * from './lib/${fileName}-module';
 `);
 }

package/src/utils/targets.d.ts

@@ -1,2 +1,3 @@
-import { TargetConfiguration } from '@nx/devkit';
+import type { ProjectConfiguration, TargetConfiguration } from '@nx/devkit';
+export declare function allProjectTargets<T>(project: ProjectConfiguration): Iterable<[name: string, target: TargetConfiguration<T>]>;
 export declare function allTargetOptions<T>(target: TargetConfiguration<T>): Iterable<[string | undefined, T]>;

package/src/utils/targets.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.allProjectTargets = allProjectTargets;
 exports.allTargetOptions = allTargetOptions;
+function* allProjectTargets(project) {
+    for (const [name, target] of Object.entries(project.targets ?? {})) {
+        yield [name, target];
+    }
+}
 function* allTargetOptions(target) {
     if (target.options) {
         yield [undefined, target.options];

package/src/utils/versions.d.ts

@@ -1,7 +1,7 @@
 export declare const nxVersion: any;
-export declare const angularVersion = "~19.2.0";
-export declare const angularDevkitVersion = "~19.2.0";
-export declare const ngPackagrVersion = "~19.2.0";
+export declare const angularVersion = "20.0.0-rc.2";
+export declare const angularDevkitVersion = "20.0.0-rc.3";
+export declare const ngPackagrVersion = "20.0.0-rc.1";
 export declare const angularRspackVersion = "^21.0.1";
 export declare const ngrxVersion = "^19.0.0";
 export declare const rxjsVersion = "~7.8.0";
@@ -15,6 +15,7 @@ export declare const typesExpressVersion = "^4.17.21";
 export declare const browserSyncVersion = "^3.0.0";
 export declare const moduleFederationNodeVersion = "^2.6.26";
 export declare const moduleFederationEnhancedVersion = "^0.9.0";
+export declare const webpackMergeVersion = "^5.8.0";
 export declare const angularEslintVersion = "^19.2.0";
 export declare const typescriptEslintVersion = "^7.16.0";
 export declare const tailwindVersion = "^3.0.2";

package/src/utils/versions.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.jsoncEslintParserVersion = exports.jasmineMarblesVersion = exports.typesNodeVersion = exports.jestPresetAngularVersion = exports.tsNodeVersion = exports.autoprefixerVersion = exports.postcssUrlVersion = exports.postcssVersion = exports.tailwindVersion = exports.typescriptEslintVersion = exports.angularEslintVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.browserSyncVersion = exports.typesExpressVersion = exports.expressVersion = exports.typesCorsVersion = exports.corsVersion = exports.tsLibVersion = exports.angularJsVersion = exports.zoneJsVersion = exports.rxjsVersion = exports.ngrxVersion = exports.angularRspackVersion = exports.ngPackagrVersion = exports.angularDevkitVersion = exports.angularVersion = exports.nxVersion = void 0;
+exports.jsoncEslintParserVersion = exports.jasmineMarblesVersion = exports.typesNodeVersion = exports.jestPresetAngularVersion = exports.tsNodeVersion = exports.autoprefixerVersion = exports.postcssUrlVersion = exports.postcssVersion = exports.tailwindVersion = exports.typescriptEslintVersion = exports.angularEslintVersion = exports.webpackMergeVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.browserSyncVersion = exports.typesExpressVersion = exports.expressVersion = exports.typesCorsVersion = exports.corsVersion = exports.tsLibVersion = exports.angularJsVersion = exports.zoneJsVersion = exports.rxjsVersion = exports.ngrxVersion = exports.angularRspackVersion = exports.ngPackagrVersion = exports.angularDevkitVersion = exports.angularVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
-exports.angularVersion = '~19.2.0';
-exports.angularDevkitVersion = '~19.2.0';
-exports.ngPackagrVersion = '~19.2.0';
+exports.angularVersion = '20.0.0-rc.2';
+exports.angularDevkitVersion = '20.0.0-rc.3';
+exports.ngPackagrVersion = '20.0.0-rc.1';
 exports.angularRspackVersion = '^21.0.1';
 exports.ngrxVersion = '^19.0.0';
 exports.rxjsVersion = '~7.8.0';
@@ -18,6 +18,7 @@ exports.typesExpressVersion = '^4.17.21';
 exports.browserSyncVersion = '^3.0.0';
 exports.moduleFederationNodeVersion = '^2.6.26';
 exports.moduleFederationEnhancedVersion = '^0.9.0';
+exports.webpackMergeVersion = '^5.8.0';
 exports.angularEslintVersion = '^19.2.0';
 exports.typescriptEslintVersion = '^7.16.0';
 exports.tailwindVersion = '^3.0.2';

package/mf/mf.d.ts

@@ -1,69 +0,0 @@
-export type ResolveRemoteUrlFunction = (remoteName: string) => string | Promise<string>;
-/**
- * @deprecated Use Runtime Helpers from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- */
-export declare function setRemoteUrlResolver(_resolveRemoteUrl: ResolveRemoteUrlFunction): void;
-/**
- * @deprecated Use init() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- * 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:
- * ```ts
- * import { setRemoteDefinitions } from '@nx/angular/mf';
- *
- * setRemoteDefinitions({
- *   'my-remote-app': 'http://localhost:4201/mf-manifest.json'
- * });
- * ```
- * to use init():
- * ```ts
- * import { init } from '@module-federation/enhanced/runtime';
- *
- * init({
- *   name: 'host',
- *   remotes: [{
- *     name: 'my-remote-app',
- *     entry: 'http://localhost:4201/mf-manifest.json'
- *   }]
- * });
- * ```
- */
-export declare function setRemoteDefinitions(definitions: Record<string, string>): void;
-/**
- * @deprecated Use registerRemotes() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- * If you set a remote app with `setRemoteDefinition` such as:
- * ```ts
- * import { setRemoteDefinition } from '@nx/angular/mf';
- *
- * setRemoteDefinition(
- *   'my-remote-app',
- *   'http://localhost:4201/mf-manifest.json'
- * );
- * ```
- * change it to use registerRemotes():
- * ```ts
- * import { registerRemotes } from '@module-federation/enhanced/runtime';
- *
- * registerRemotes([
- *  {
- *     name: 'my-remote-app',
- *     entry: 'http://localhost:4201/mf-manifest.json'
- *   }
- * ]);
- * ```
- */
-export declare function setRemoteDefinition(remoteName: string, remoteUrl: string): void;
-/**
- * @deprecated Use loadRemote() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- * If you set a load a remote with `loadRemoteModule` such as:
- * ```ts
- * import { loadRemoteModule } from '@nx/angular/mf';
- *
- * loadRemoteModule('my-remote-app', './Module').then(m => m.RemoteEntryModule);
- * ```
- * change it to use loadRemote():
- * ```ts
- * import { loadRemote } from '@module-federation/enhanced/runtime';
- *
- * loadRemote<typeof import('my-remote-app/Module')>('my-remote-app/Module').then(m => m.RemoteEntryModule);
- * ```
- */
-export declare function loadRemoteModule(remoteName: string, moduleName: string): Promise<any>;

package/src/generators/application/files/ng-module/src/app/app.component.spec.ts__tpl__

@@ -1,29 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';<% if(!minimal) { %>
-import { NxWelcomeComponent } from './nx-welcome.component';<% } %><% if(routing && useRouterTestingModule) { %>
-import { RouterTestingModule } from '@angular/router/testing';<% } %><% if(routing && !useRouterTestingModule) { %>
-import { RouterModule } from '@angular/router';<% } %>
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [<% if(routing && useRouterTestingModule) { %>RouterTestingModule<% } %><% if(routing && !useRouterTestingModule) { %>RouterModule.forRoot([])<% } %>],
-      declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>]
-    }).compileComponents();
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain(
-      'Welcome <%= appName %>'
-    );
-  });<% if(!minimal) { %>
-
-  it(`should have as title '<%= appName %>'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('<%= appName %>');
-  });<% } %>
-});

package/src/generators/application/files/ng-module/src/app/app.module.ts__tpl__

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';<% if(routing) { %>
-import { RouterModule } from '@angular/router';<% } %>
-import { AppComponent } from './app.component';<% if(routing) { %>
-import { appRoutes } from './app.routes';<% } %><% if(!minimal) { %>
-import { NxWelcomeComponent } from './nx-welcome.component';<% } %>
-
-@NgModule({
-  declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>],
-  imports: [
-    BrowserModule,<% if(routing) { %>
-    RouterModule.forRoot(appRoutes),<% } %>
-  ],
-  providers: [],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}

package/src/generators/application/files/standalone-components/src/app/app.component.spec.ts__tpl__

@@ -1,28 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';<% if(!minimal) { %>
-import { NxWelcomeComponent } from './nx-welcome.component';<% } %><% if(routing && useRouterTestingModule) { %>
-import { RouterTestingModule } from '@angular/router/testing';<% } %><% if(routing && !useRouterTestingModule) { %>
-import { RouterModule } from '@angular/router';<% } %>
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %><% if(routing && useRouterTestingModule) { %>, RouterTestingModule<% } %><% if(routing && !useRouterTestingModule) { %>, RouterModule.forRoot([])<% } %>],
-    }).compileComponents();
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain(
-      'Welcome <%= appName %>'
-    );
-  });<% if(!minimal) { %>
-
-  it(`should have as title '<%= appName %>'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('<%= appName %>');
-  });<% } %>
-});

package/src/generators/application/lib/set-app-strict-default.d.ts

@@ -1,2 +0,0 @@
-import type { Tree } from '@nx/devkit';
-export declare function setApplicationStrictDefault(host: Tree, strict: boolean): void;

package/src/generators/application/lib/set-app-strict-default.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setApplicationStrictDefault = setApplicationStrictDefault;
-const devkit_1 = require("@nx/devkit");
-function setApplicationStrictDefault(host, strict) {
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    nxJson.generators = nxJson.generators || {};
-    nxJson.generators['@nx/angular:application'] =
-        nxJson.generators['@nx/angular:application'] || {};
-    nxJson.generators['@nx/angular:application'].strict =
-        nxJson.generators['@nx/angular:application'].strict ?? strict;
-    (0, devkit_1.updateNxJson)(host, nxJson);
-}

package/src/generators/application/lib/update-editor-tsconfig.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateEditorTsConfig = updateEditorTsConfig;
-const devkit_1 = require("@nx/devkit");
-const update_app_editor_tsconfig_excluded_files_1 = require("../../utils/update-app-editor-tsconfig-excluded-files");
-function getCompilerOptionsTypes(tsConfig) {
-    return tsConfig?.compilerOptions?.types ?? [];
-}
-function updateEditorTsConfig(tree, options) {
-    const appTsConfig = (0, devkit_1.readJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'));
-    const types = getCompilerOptionsTypes(appTsConfig);
-    if (types?.length) {
-        (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.editor.json'), (json) => {
-            json.compilerOptions ??= {};
-            json.compilerOptions.types = Array.from(new Set(types));
-            return json;
-        });
-    }
-    const project = (0, devkit_1.readProjectConfiguration)(tree, options.name);
-    (0, update_app_editor_tsconfig_excluded_files_1.updateAppEditorTsConfigExcludedFiles)(tree, project);
-}