feat(@schematics/angular): use eventCoalescing option by default (standalone bootstrap)

This commit enables eventCoalescing by default for standalone applications.

Author: Pawel Kozlowski

packages/schematics/angular/application/files/standalone-files/src/app/app.config.ts.template

@@ -1,8 +1,8 @@
-import { ApplicationConfig } from '@angular/core';<% if (routing) { %>
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';<% if (routing) { %>
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';<% } %>
 
 export const appConfig: ApplicationConfig = {
-  providers: [<% if (routing) { %>provideRouter(routes)<% } %>]
+  providers: [provideZoneChangeDetection({eventCoalescing: true})<% if (routing) { %>, provideRouter(routes)<% } %>]
 };

packages/schematics/angular/server/index_spec.ts

@@ -138,7 +138,7 @@ describe('Server Schematic', () => {
     it(`should add 'provideClientHydration' to the providers list`, async () => {
       const tree = await schematicRunner.runSchematic('server', defaultOptions, appTree);
       const contents = tree.readContent('/projects/bar/src/app/app.config.ts');
-      expect(contents).toContain(`providers: [provideClientHydration()]`);
+      expect(contents).toContain(`provideClientHydration()`);
     });
   });
 

packages/schematics/angular/service-worker/index_spec.ts

@@ -128,17 +128,19 @@ describe('Service Worker Schematic', () => {
     const tree = await schematicRunner.runSchematic('service-worker', defaultOptions, appTree);
     const content = tree.readContent('/projects/bar/src/app/app.config.ts');
     expect(tags.oneLine`${content}`).toContain(tags.oneLine`
-      providers: [provideServiceWorker('ngsw-worker.js', {
-        enabled: !isDevMode(),
-        registrationStrategy: 'registerWhenStable:30000'
-      })]
+        provideServiceWorker('ngsw-worker.js', {
+          enabled: !isDevMode(),
+          registrationStrategy: 'registerWhenStable:30000'
+        })  
     `);
   });
 
   it(`should import 'isDevMode' from '@angular/core'`, async () => {
     const tree = await schematicRunner.runSchematic('service-worker', defaultOptions, appTree);
     const content = tree.readContent('/projects/bar/src/app/app.config.ts');
-    expect(content).toContain(`import { ApplicationConfig, isDevMode } from '@angular/core';`);
+    expect(content).toContain(
+      `import { ApplicationConfig, provideZoneChangeDetection, isDevMode } from '@angular/core';`,
+    );
   });
 
   it(`should import 'provideServiceWorker' from '@angular/service-worker'`, async () => {

packages/schematics/angular/utility/standalone/rules_spec.ts

@@ -93,12 +93,9 @@ describe('standalone utilities', () => {
 
       const content = readFile('app/app.config.ts');
 
-      assertContains(
-        content,
-        `import { ApplicationConfig, importProvidersFrom } from '@angular/core';`,
-      );
+      assertContains(content, `importProvidersFrom`);
       assertContains(content, `import { MyModule } from '@my/module';`);
-      assertContains(content, `providers: [importProvidersFrom(MyModule)]`);
+      assertContains(content, `importProvidersFrom(MyModule)`);
     });
 
     it('should add a root import to a standalone app whose app config does not have a providers array', async () => {
@@ -443,7 +440,10 @@ describe('standalone utilities', () => {
       const content = readFile('app/app.config.ts');
 
       assertContains(content, `import { provideModule } from '@my/module';`);
-      assertContains(content, `providers: [provideModule([])]`);
+      assertContains(
+        content,
+        `providers: [provideZoneChangeDetection({eventCoalescing:true}),provideModule([])]`,
+      );
     });
 
     it('should add a root provider to a standalone app when providers contain a trailing comma', async () => {