feat: add INTERNAL_BACKEND_URL env variable

frontend/src/hooks.server.ts

@@ -1,7 +1,13 @@
+import { env } from '$env/dynamic/private';
 import type { Handle, HandleServerError } from '@sveltejs/kit';
 import { AxiosError } from 'axios';
 import jwt from 'jsonwebtoken';
 
+// Workaround so that we can also import this environment variable into client-side code
+// If we would directly import $env/dynamic/private into the api-service.ts file, it would throw an error
+// this is still secure as process will just be undefined in the browser
+process.env.INTERNAL_BACKEND_URL = env.INTERNAL_BACKEND_URL ?? 'http://localhost:8080';
+
 export const handle: Handle = async ({ event, resolve }) => {
 	const accessToken = event.cookies.get('access_token');
 

frontend/src/lib/services/api-service.ts

@@ -1,9 +1,7 @@
 import { browser } from '$app/environment';
-import { env } from '$env/dynamic/public';
 import axios from 'axios';
 
 abstract class APIService {
-	baseURL: string = '/api';
 	api = axios.create({
 		withCredentials: true
 	});
@@ -11,11 +9,11 @@ abstract class APIService {
 	constructor(accessToken?: string) {
 		if (accessToken) {
 			this.api.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;
-		} else {
-			this.api.defaults.baseURL = '/api';
 		}
-		if (!browser) {
-			this.api.defaults.baseURL = (env.PUBLIC_APP_URL ?? 'http://localhost') + '/api';
+		if (browser) {
+			this.api.defaults.baseURL = '/api';
+		} else {
+			this.api.defaults.baseURL = process?.env?.INTERNAL_BACKEND_URL + '/api';
 		}
 	}
 }