ssr and client app config updated

npm/ng-packs/apps/dev-app/src/app/app.config.ts

@@ -1,6 +1,10 @@
 import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
+import {
+  provideClientHydration,
+  withEventReplay,
+  withHttpTransferCacheOptions,
+} from '@angular/platform-browser';
 
 import { appRoutes } from './app.routes';
 import { APP_ROUTE_PROVIDER } from './route.provider';
@@ -16,30 +20,33 @@ import { provideTenantManagementConfig } from '@abp/ng.tenant-management/config'
 import { provideFeatureManagementConfig } from '@abp/ng.feature-management';
 import { provideThemeBasicConfig } from '@abp/ng.theme.basic';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideServerRendering } from '@angular/platform-server';
 
-export const appConfig: ApplicationConfig = {
+export function createAppConfig(ssr: boolean): ApplicationConfig {
-  providers: [
+  return {
-    provideRouter(appRoutes),
+    providers: [
-    APP_ROUTE_PROVIDER,
+      APP_ROUTE_PROVIDER,
-    provideAbpCore(
+      provideAbpCore(
-      withOptions({
+        withOptions({
-        environment,
+          environment,
-        registerLocaleFn: registerLocale(),
+          registerLocaleFn: registerLocale(),
-        sendNullsAsQueryParam: false,
+          sendNullsAsQueryParam: false,
-        skipGetAppConfiguration: false,
+          skipGetAppConfiguration: false,
-      }),
+        }),
-    ),
+      ),
-    provideAbpOAuth({ ssr: false }),
+      provideAbpOAuth({ ssr }),
-    provideAbpThemeShared(),
+      provideAbpThemeShared(),
-    provideSettingManagementConfig(),
+      provideSettingManagementConfig(),
-    provideAccountConfig(),
+      provideAccountConfig(),
-    provideIdentityConfig(),
+      provideIdentityConfig(),
-    provideTenantManagementConfig(),
+      provideTenantManagementConfig(),
-    provideFeatureManagementConfig(),
+      provideFeatureManagementConfig(),
-    provideZoneChangeDetection({ eventCoalescing: true }),
+      provideZoneChangeDetection({ eventCoalescing: true }),
-    provideThemeBasicConfig(),
+      provideThemeBasicConfig(),
-    provideAnimations(),
+      provideAnimations(),
-    provideRouter(appRoutes),
+      provideRouter(appRoutes),
-    provideClientHydration(withEventReplay()),
+      provideClientHydration(withEventReplay(), withHttpTransferCacheOptions({})),
-  ],
+      ...(ssr ? [provideServerRendering()] : []),
-};
+    ],
+  };
+}

npm/ng-packs/apps/dev-app/src/main.server.ts

@@ -1,7 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
-import { config } from './app/app.config.server';
+import { createAppConfig } from './app/app.config';
 
-const bootstrap = () => bootstrapApplication(AppComponent, config);
+const bootstrap = () => bootstrapApplication(AppComponent, createAppConfig(true));
 
 export default bootstrap;

npm/ng-packs/apps/dev-app/src/main.ts

@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
+import { createAppConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));
+bootstrapApplication(AppComponent, createAppConfig(false)).catch(err => console.error(err));

npm/ng-packs/packages/core/src/lib/providers/cookie-language.provider.ts

@@ -1,10 +1,14 @@
-import { Injector, inject, provideAppInitializer } from '@angular/core';
+import { Injector, inject, provideAppInitializer, PLATFORM_ID } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
 import { SessionStateService } from '../services/session-state.service';
 import { COOKIE_LANGUAGE_KEY } from '../tokens/cookie-language-key.token';
 
 export function setLanguageToCookie() {
   const injector = inject(Injector);
+  const platformId = injector.get(PLATFORM_ID);
+
+  if (!isPlatformBrowser(platformId)) return;
+
   const sessionState = injector.get(SessionStateService);
   const document = injector.get(DOCUMENT);
   const cookieLanguageKey = injector.get(COOKIE_LANGUAGE_KEY);

npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts

@@ -131,7 +131,12 @@ export class RolesComponent implements OnInit {
   }
 
   private hookToQuery() {
-    this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
+    this.list
+      .hookToQuery(query => this.service.getList(query))
+      .subscribe(res => {
+        console.log(res);
+        this.data = res;
+      });
   }
 
   openPermissionsModal(providerKey: string) {

npm/ng-packs/packages/oauth/src/lib/services/server-token-storage.service.ts

@@ -7,7 +7,6 @@ import { OAuthStorage } from 'angular-oauth2-oidc';
 export class ServerTokenStorageService implements OAuthStorage {
   private cookies: Map<string, string>;
   constructor(@Inject('cookies') c: any) {
-    console.log('cookies ---->>>>>>>', c);
     const cookies = JSON.parse(c);
     this.cookies = new Map<string, string>();