@nx/angular 21.1.1 → 21.2.0-beta.1

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);
-}

package/src/generators/library/lib/enable-strict-type-checking.d.ts

@@ -1,7 +0,0 @@
-import type { Tree } from '@nx/devkit';
-import { NormalizedSchema } from './normalized-schema';
-/**
- * Enable Strict Mode in the library and spec TS Config
- * */
-export declare function enableStrictTypeChecking(host: Tree, options: NormalizedSchema['libraryOptions']): void;
-export declare function setLibraryStrictDefault(host: Tree, isStrict: boolean): void;

package/src/generators/library/lib/enable-strict-type-checking.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.enableStrictTypeChecking = enableStrictTypeChecking;
-exports.setLibraryStrictDefault = setLibraryStrictDefault;
-const devkit_1 = require("@nx/devkit");
-/**
- * Enable Strict Mode in the library and spec TS Config
- * */
-function enableStrictTypeChecking(host, options) {
-    updateTsConfig(host, options);
-}
-function setLibraryStrictDefault(host, isStrict) {
-    // set the default so future libraries use it
-    // unless the user has previously set this value
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    nxJson.generators = nxJson.generators || {};
-    nxJson.generators['@nx/angular:library'] =
-        nxJson.generators['@nx/angular:library'] || {};
-    nxJson.generators['@nx/angular:library'].strict =
-        nxJson.generators['@nx/angular:library'].strict ?? isStrict;
-    (0, devkit_1.updateNxJson)(host, nxJson);
-}
-function updateTsConfig(host, options) {
-    // Update the settings in the tsconfig.app.json to enable strict type checking.
-    // This matches the settings defined by the Angular CL https://angular.io/guide/strict-mode
-    (0, devkit_1.updateJson)(host, `${options.projectRoot}/tsconfig.json`, (json) => {
-        // update the TypeScript settings
-        json.compilerOptions = {
-            ...(json.compilerOptions ?? {}),
-            forceConsistentCasingInFileNames: true,
-            strict: true,
-            noImplicitOverride: true,
-            noPropertyAccessFromIndexSignature: true,
-            noImplicitReturns: true,
-            noFallthroughCasesInSwitch: true,
-        };
-        // update Angular Template Settings
-        json.angularCompilerOptions = {
-            ...(json.angularCompilerOptions ?? {}),
-            enableI18nLegacyMessageIdFormat: false,
-            strictInjectionParameters: true,
-            strictInputAccessModifiers: true,
-            strictTemplates: true,
-        };
-        return json;
-    });
-}

package/src/generators/library/lib/update-tsconfig.d.ts

@@ -1,3 +0,0 @@
-import type { Tree } from '@nx/devkit';
-import { NormalizedSchema } from './normalized-schema';
-export declare function updateTsConfig(host: Tree, options: NormalizedSchema['libraryOptions']): void;

package/src/generators/library/lib/update-tsconfig.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateTsConfig = updateTsConfig;
-const devkit_1 = require("@nx/devkit");
-const js_1 = require("@nx/js");
-const update_project_root_tsconfig_1 = require("../../utils/update-project-root-tsconfig");
-function updateProjectConfig(host, options) {
-    (0, devkit_1.updateJson)(host, `${options.projectRoot}/tsconfig.lib.json`, (json) => {
-        json.include = ['src/**/*.ts'];
-        json.exclude = [
-            ...new Set([
-                ...(json.exclude || []),
-                'jest.config.ts',
-                'src/**/*.test.ts',
-                'src/**/*.spec.ts',
-            ]),
-        ];
-        return json;
-    });
-    // tsconfig.json
-    (0, update_project_root_tsconfig_1.updateProjectRootTsConfig)(host, options.projectRoot, (0, js_1.getRelativePathToRootTsConfig)(host, options.projectRoot));
-}
-function updateProjectIvyConfig(host, options) {
-    if (options.buildable || options.publishable) {
-        return (0, devkit_1.updateJson)(host, `${options.projectRoot}/tsconfig.lib.prod.json`, (json) => {
-            json.angularCompilerOptions['compilationMode'] =
-                options.compilationMode === 'full' ? undefined : 'partial';
-            return json;
-        });
-    }
-}
-function updateTsConfig(host, options) {
-    (0, update_project_root_tsconfig_1.extractTsConfigBase)(host);
-    updateProjectConfig(host, options);
-    updateProjectIvyConfig(host, options);
-}

package/src/generators/setup-mf/files/host-files/app.component.spec.ts__tmpl__

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