feat: add BASE_API_URL injection token and update API service URLs

Author: yshashi

apps/frontend/src/app/app.config.ts

@@ -6,12 +6,17 @@ import {
   provideClientHydration,
   withEventReplay,
 } from '@angular/platform-browser';
+import { BASE_API_URL, getBaseApiUrl } from './shared/context/base-api-url';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideClientHydration(withEventReplay()),
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(appRoutes),
     provideHttpClient(withFetch()),
+    {
+      provide: BASE_API_URL,
+      useFactory: getBaseApiUrl,
+    },
   ],
 };

apps/frontend/src/app/shared/context/base-api-url.ts

@@ -0,0 +1,13 @@
+import { InjectionToken, isDevMode } from '@angular/core';
+
+export const BASE_API_URL = new InjectionToken<string>('BASE_API_URL');
+
+export function getBaseApiUrl(): string {
+  const isDevelopment =
+    window.location.hostname === 'localhost' ||
+    !window.location.protocol.startsWith('https');
+
+  return isDevelopment || isDevMode()
+    ? 'http://localhost:3001'
+    : 'https://api.devswhorun.dev';
+}

apps/frontend/src/app/shared/services/auth-api.ts

@@ -3,14 +3,16 @@ import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { tap, catchError } from 'rxjs/operators';
 import { UserProfile, AuthResponse } from '../types';
+import { BASE_API_URL } from '../context/base-api-url';
 
 @Injectable({
   providedIn: 'root',
 })
 export class AuthApiService {
   private http = inject(HttpClient);
+  private baseUrl = inject(BASE_API_URL);
 
-  private readonly apiUrl = 'http://localhost:3001/auth';
+  private readonly apiUrl = `${this.baseUrl}/auth`;
 
   public currentUser = signal<UserProfile | null>(null);
 

apps/frontend/src/app/shared/services/event-api.ts

@@ -2,14 +2,16 @@ import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Event } from '../types';
+import { BASE_API_URL } from '../context/base-api-url';
 
 @Injectable({
   providedIn: 'root',
 })
 export class EventApiService {
   private http = inject(HttpClient);
+  private baseUrl = inject(BASE_API_URL);
 
-  private readonly apiUrl = 'http://localhost:3001/events';
+  private readonly apiUrl = `${this.baseUrl}/events`;
 
   getEvents(): Observable<Event[]> {
     return this.http.get<Event[]>(`${this.apiUrl}/all`);