From c4843f6b026ceec8db7bf626806c76a50c79c3bf Mon Sep 17 00:00:00 2001
From: erdemcaygor <erdem.caygor@gmail.com>
Date: Fri, 9 May 2025 16:21:57 +0300
Subject: [PATCH] dev app config updated

---
 .../apps/dev-app/src/app/app.config.ts        | 39 +++++++++++++++++
 npm/ng-packs/apps/dev-app/src/main.ts         | 42 +------------------
 2 files changed, 41 insertions(+), 40 deletions(-)
 create mode 100644 npm/ng-packs/apps/dev-app/src/app/app.config.ts

diff --git a/npm/ng-packs/apps/dev-app/src/app/app.config.ts b/npm/ng-packs/apps/dev-app/src/app/app.config.ts
new file mode 100644
index 0000000000..510a82cde4
--- /dev/null
+++ b/npm/ng-packs/apps/dev-app/src/app/app.config.ts
@@ -0,0 +1,39 @@
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { appRoutes } from './app.routes';
+import { APP_ROUTE_PROVIDER } from './route.provider';
+import { provideAbpCore, withOptions } from '@abp/ng.core';
+import { environment } from '../environments/environment';
+import { registerLocale } from '@abp/ng.core/locale';
+import { provideAbpOAuth } from '@abp/ng.oauth';
+import { provideAbpThemeShared } from '@abp/ng.theme.shared';
+import { provideSettingManagementConfig } from '@abp/ng.setting-management/config';
+import { provideAccountConfig } from '@abp/ng.account/config';
+import { provideIdentityConfig } from '@abp/ng.identity/config';
+import { provideTenantManagementConfig } from '@abp/ng.tenant-management/config';
+import { provideFeatureManagementConfig } from '@abp/ng.feature-management';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideRouter(appRoutes),
+    APP_ROUTE_PROVIDER,
+    provideAbpCore(
+      withOptions({
+        environment,
+        registerLocaleFn: registerLocale(),
+        sendNullsAsQueryParam: false,
+        skipGetAppConfiguration: false,
+      }),
+    ),
+    provideAbpOAuth(),
+    provideAbpThemeShared(),
+    provideSettingManagementConfig(),
+    provideAccountConfig(),
+    provideIdentityConfig(),
+    provideTenantManagementConfig(),
+    provideFeatureManagementConfig(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(appRoutes),
+  ],
+};
diff --git a/npm/ng-packs/apps/dev-app/src/main.ts b/npm/ng-packs/apps/dev-app/src/main.ts
index 670b03a58e..7180ec1a32 100644
--- a/npm/ng-packs/apps/dev-app/src/main.ts
+++ b/npm/ng-packs/apps/dev-app/src/main.ts
@@ -1,43 +1,5 @@
-import { enableProdMode } from '@angular/core';
-import { provideRouter } from '@angular/router';
 import { bootstrapApplication } from '@angular/platform-browser';
-
-import { environment } from './environments/environment';
-import { APP_ROUTE_PROVIDER } from './app/route.provider';
-import { provideAbpCore, withOptions } from '@abp/ng.core';
-import { registerLocale } from '@abp/ng.core/locale';
-import { provideAbpOAuth } from '@abp/ng.oauth';
-import { provideAbpThemeShared } from '@abp/ng.theme.shared';
-import { provideSettingManagementConfig } from '@abp/ng.setting-management/config';
-import { provideAccountConfig } from '@abp/ng.account/config';
-import { provideIdentityConfig } from '@abp/ng.identity/config';
-import { provideTenantManagementConfig } from '@abp/ng.tenant-management/config';
-import { provideFeatureManagementConfig } from '@abp/ng.feature-management';
-import { appRoutes } from './app/app.routes';
+import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-if (environment.production) {
-  enableProdMode();
-}
-
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideRouter(appRoutes),
-    APP_ROUTE_PROVIDER,
-    provideAbpCore(
-      withOptions({
-        environment,
-        registerLocaleFn: registerLocale(),
-        sendNullsAsQueryParam: false,
-        skipGetAppConfiguration: false,
-      }),
-    ),
-    provideAbpOAuth(),
-    provideAbpThemeShared(),
-    provideSettingManagementConfig(),
-    provideAccountConfig(),
-    provideIdentityConfig(),
-    provideTenantManagementConfig(),
-    provideFeatureManagementConfig(),
-  ],
-}).catch(err => console.error(err));
+bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));