feat: implement API request infrastructure including endpoint constants, authentication interceptor, and URL utility helpers

Author: beginwebdev2002

frontend/src/core/constants/api-endpoints.ts

@@ -1,20 +1,20 @@
-import { linkServerConvert } from "@shared/lib";
+import { linkCombine, linkServerConvert } from "@shared/lib";
 
 export const API_ENDPOINTS = {
   VEILS: {
     URL: "veils",
     COUNT: "veils/count",
-    URL_BY_ID: (id: string) => linkServerConvert(API_ENDPOINTS.VEILS.URL, id),
+    URL_BY_ID: (id: string) => linkCombine(API_ENDPOINTS.VEILS.URL, id),
   },
   TREATMENTS: {
     URL: "treatments",
     COUNT: "treatments/count",
-    URL_BY_ID: (id: string) => linkServerConvert(API_ENDPOINTS.TREATMENTS.URL, id),
+    URL_BY_ID: (id: string) => linkCombine(API_ENDPOINTS.TREATMENTS.URL, id),
   },
   GALLERY: {
     URL: "gallery",
     COUNT: "gallery/count",
-    URL_BY_ID: (id: string) => linkServerConvert(API_ENDPOINTS.GALLERY.URL, id),
+    URL_BY_ID: (id: string) => linkCombine(API_ENDPOINTS.GALLERY.URL, id),
   },
   AUTH: {
     SIGNIN: "auth/login",
@@ -32,6 +32,6 @@ export const API_ENDPOINTS = {
   USERS: {
     URL: "users",
     COUNT: "users/count",
-    URL_BY_ID: (id: string) => linkServerConvert(API_ENDPOINTS.USERS.URL, id),
+    URL_BY_ID: (id: string) => linkCombine(API_ENDPOINTS.USERS.URL, id),
   }
 } as const;

frontend/src/core/interceptors/api.interceptor.ts

@@ -6,9 +6,7 @@ import { catchError, of, retry } from "rxjs";
 
 export const apiInterceptor: HttpInterceptorFn = (req, next) => {
   const accessToken = sessionStorage.getItem("access_token");
-  const router = inject(Router);
-  console.log('Request URL: ', linkServerConvert(req.url));
-  
+  const router = inject(Router);  
 
   if (!accessToken) {    
     const apiReq = req.clone({

frontend/src/shared/lib/link.ts

@@ -18,11 +18,14 @@ export function linkMerge(...link: string[]): string {
 }
 
 export function getApiBaseUrl(): string {
-  if (window.location.port === '4200') {
+  const port = window.location.port;
+  const isProduction = environment.production;
+  
+  if (port && !isProduction) {
     return environment.apiUrl;
   }
 
-  if ((window as any).API_URL) {
+  if (!port && isProduction) {
     return (window as any).API_URL;
   }