Fix ENV in prod

docker-compose.yaml

@@ -42,10 +42,10 @@ services:
     container_name: languagelab-frontend-dev
     image: registry.forge.uclouvain.be/sbibauw/languagelab:frontend-dev
     environment:
-      - VITE_API_URL=https://beta.dev.languagelab.be/tmp-api
-      - VITE_API_PROXY=https://beta.dev.languagelab.be/tmp-api
-      - VITE_APP_URL=https://beta.dev.languagelab.be
-      - VITE_WS_URL=wss://beta.dev.languagelab.be/tmp-api/v1/ws
+      - PUBLIC_API_URL=https://beta.dev.languagelab.be/tmp-api
+      - PUBLIC_API_PROXY=https://beta.dev.languagelab.be/tmp-api
+      - PUBLIC_APP_URL=https://beta.dev.languagelab.be
+      - PUBLIC_WS_URL=wss://beta.dev.languagelab.be/tmp-api/v1/ws
     volumes:
       - /etc/timezone:/etc/timezone:ro
       - /etc/localtime:/etc/localtime:ro

frontend/package.json

@@ -3,7 +3,7 @@
 	"version": "0.0.1",
 	"private": true,
 	"scripts": {
-		"dev": "VITE_API_URL=http://127.0.0.1:8000/tmp-api VITE_APP_URL=http://127.0.0.1:5173 VITE_WS_URL=ws://127.0.0.1:8000/tmp-api/v1/ws vite dev --host 127.0.0.1",
+		"dev": "PUBLIC_API_URL=http://127.0.0.1:8000/tmp-api PUBLIC_APP_URL=http://127.0.0.1:5173 PUBLIC_WS_URL=ws://127.0.0.1:8000/tmp-api/v1/ws vite dev --host 127.0.0.1",
 		"build": "vite build",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",

frontend/src/lib/config.ts

+import {
+	PUBLIC_API_URL,
+	PUBLIC_API_PROXY,
+	PUBLIC_APP_URL,
+	PUBLIC_WS_URL
+} from '$env/static/public';
+
 export default {
-	API_URL: import.meta.env.VITE_API_URL || 'https://languagelab.be/tmp-api',
-	API_PROXY: import.meta.env.VITE_API_PROXY || 'https://languagelab.be/tmp-api',
-	APP_URL: import.meta.env.VITE_APP_URL || 'https://languagelab.be',
-	WS_URL: import.meta.env.VITE_WS_URL || 'wss://languagelab.be/tmp-api/v1/ws',
+	API_URL: PUBLIC_API_URL || 'https://languagelab.be/tmp-api',
+	API_PROXY: PUBLIC_API_PROXY || 'https://languagelab.be/tmp-api',
+	APP_URL: PUBLIC_APP_URL || 'https://languagelab.be',
+	WS_URL: PUBLIC_WS_URL || 'wss://languagelab.be/tmp-api/v1/ws',
 	// 1 week - 2 hours
 	WEEKLY_SURVEY_INTERVAL: (7 * 24 - 2) * 60 * 60 * 1000,
 	LEARNING_LANGUAGES: {

frontend/src/types.d.ts

+declare module '$env/static/public' {
+	export const PUBLIC_API_URL: string;
+	export const PUBLIC_API_PROXY: string;
+	export const PUBLIC_APP_URL: string;
+	export const PUBLIC_WS_URL: string;
+}

frontend/tsconfig.json

@@ -15,6 +15,6 @@
 		"module": "ESNext",
 		"isolatedModules": true
 	},
-	"include": ["src/**/*", "global.d.ts"],
+	"include": ["src/**/*", "global.d.ts", ".svelte-kit/ambient.d.ts"],
 	"exclude": ["node_modules", ".svelte-kit/*", "build/*"]
 }