add configuration of allication server url

webapp/angular.json

@@ -77,7 +77,13 @@
             "development": {
               "optimization": false,
               "extractLicenses": false,
-              "sourceMap": true
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"

webapp/package.json

@@ -57,6 +57,7 @@
     "@storybook/blocks": "8.2.6",
     "@storybook/test": "8.2.6",
     "@types/jasmine": "5.1.4",
+    "@types/node": "^22.2.0",
     "@typescript-eslint/eslint-plugin": "8.0.0",
     "@typescript-eslint/parser": "8.0.0",
     "chromatic": "11.5.6",

webapp/src/app/app.config.ts

@@ -4,17 +4,18 @@ import { provideAnimationsAsync } from '@angular/platform-browser/animations/asy
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { provideAngularQuery, QueryClient } from '@tanstack/angular-query-experimental';
 import { LucideAngularModule, Home, Sun, Moon, Hammer } from 'lucide-angular';
-import { routes } from './app.routes';
-import { BASE_PATH } from './core/modules/openapi';
+import { APPLICATION_SERVER_URL } from 'environments/environment';
+import { BASE_PATH } from 'app/core/modules/openapi';
+import { routes } from 'app/app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideExperimentalZonelessChangeDetection(),
     provideRouter(routes),
     provideAngularQuery(new QueryClient()),
-    { provide: BASE_PATH, useValue: 'http://localhost:8080' },
     provideHttpClient(withInterceptorsFromDi()),
     provideAnimationsAsync(),
-    importProvidersFrom(LucideAngularModule.pick({ Home, Sun, Moon, Hammer }))
+    importProvidersFrom(LucideAngularModule.pick({ Home, Sun, Moon, Hammer })),
+    { provide: BASE_PATH, useValue: APPLICATION_SERVER_URL }
   ]
 };

webapp/src/environments/environment.development.ts

@@ -0,0 +1 @@
+export const APPLICATION_SERVER_URL = 'http://localhost:8080';

webapp/src/environments/environment.ts

@@ -0,0 +1 @@
+export const APPLICATION_SERVER_URL = process.env['APPLICATION_SERVER_URL'];

webapp/tsconfig.app.json

@@ -4,7 +4,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": ["node"],
   },
   "files": [
     "src/main.ts"