refactor: UrlService auf Lazy Loading umgestellt

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { ApplicationConfig } from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { routes } from './app.routes';
 import { provideClientHydration } from '@angular/platform-browser';
@@ -6,8 +6,7 @@ import { provideAnimationsAsync } from '@angular/platform-browser/animations/asy
 import { provideHttpClient, withFetch } from '@angular/common/http';
 import { APP_BASE_HREF } from '@angular/common';
 import { UrlService } from './services/url.service';
-import { CONFIG } from './tokens';
+import { API_URL } from './tokens';
-import { ConfigService } from './services/config.service';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -19,11 +18,16 @@ export const appConfig: ApplicationConfig = {
       provide: APP_BASE_HREF,
       useFactory: (urlService: UrlService) => urlService.getBaseHref(),
       deps: [UrlService]
+    },    
+    {
+      provide: API_URL,
+      useFactory: (urlService: UrlService) => urlService.getApiUrl(),
+      deps: [UrlService]
     },
     {
-      provide: CONFIG,
+      provide: API_URL,
-      useFactory: async(configService: ConfigService) => await configService.getConfig(),
+      useFactory: (urlService: UrlService) => urlService.getApiUrl(),
-      deps: [ConfigService]
+      deps: [UrlService]
     }
   ]
 };

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/url.service.ts

@@ -7,21 +7,30 @@ import { env } from '../../environments/environment';
   providedIn: 'root'
 })
 export class UrlService {
-  document: Document;
-  meta: Meta;
 
-  constructor() {
+  private loaded:boolean = false;
-    this.document = inject(DOCUMENT)
+  private base_href: any;
-    this.meta = inject(Meta)
+  private api_url: any;
-  }
+
+  constructor(@Inject(DOCUMENT) private document: Document, @Inject(Meta) private meta: Meta) {}
+
+  private lazyLoad(){
+    if(this.loaded)
+      return;
+
+    this.base_href = this.document!.querySelector('base')?.getAttribute('href') || '/';
+    this.api_url = (this.meta!.getTag('name="api-url"')?.content ?? env.default_api_url);
+    this.loaded = true;
+  }  
 
   getBaseHref(): string {
-    const baseElement = this.document.querySelector('base');
+    this.lazyLoad()
-    return baseElement?.getAttribute('href') || '/';
+    return this.base_href;
   }
 
   getApiUrl(route: string = ""): string {
-    return env.api_url + route;
+    this.lazyLoad()
+    return this.api_url + route;
   }
 
   readonly apiRoute = {

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/tokens/index.ts

@@ -1,3 +1,3 @@
 import { InjectionToken } from '@angular/core';
 
-export const CONFIG = new InjectionToken<string>('CONFIG');
+export const API_URL = new InjectionToken<string>('API_URL');

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/environments/environment.ts

@@ -1,6 +1,6 @@
 export const env = {
     production: false,
-    api_url: "/api",
+    default_api_url: "/api",
     routes: {
         user: "/user",
         group: "/group",