update env setup

.env.example

@@ -112,7 +112,7 @@ VITE_API_URL=https://start.feuerwehr-rems.at
 # Development: http://localhost:9000
 # Production: https://auth.firesuite.feuerwehr-rems.at
 # IMPORTANT: Used for OAuth redirect URL construction
-VITE_AUTHENTIK_URL=https://auth.firesuite.feuerwehr-rems.at
+AUTHENTIK_URL=https://auth.firesuite.feuerwehr-rems.at
 
 # ============================================================================
 # AUTHENTIK OAUTH CONFIGURATION
@@ -122,10 +122,8 @@ VITE_AUTHENTIK_URL=https://auth.firesuite.feuerwehr-rems.at
 
 # OAuth Client ID
 # From Authentik: Applications → Providers → Your Provider
-# Used by both the backend (AUTHENTIK_CLIENT_ID) and the frontend build (VITE_CLIENT_ID).
+# Used by both backend and frontend. REQUIRED for authentication to work!
-# Set both to the same value from Authentik. REQUIRED for authentication to work!
 AUTHENTIK_CLIENT_ID=your_client_id_here
-VITE_CLIENT_ID=your_client_id_here
 
 # OAuth Client Secret
 # From Authentik: Applications → Providers → Your Provider
@@ -212,6 +210,7 @@ AUTHENTIK_REDIRECT_URI=https://start.feuerwehr-rems.at/auth/callback
 # VITE_API_URL=http://localhost:3000
 # AUTHENTIK_CLIENT_ID=dev_client_id
 # AUTHENTIK_CLIENT_SECRET=dev_client_secret
+# AUTHENTIK_URL=http://localhost:9000
 # AUTHENTIK_ISSUER=http://localhost:9000/application/o/feuerwehr-dashboard/
 # AUTHENTIK_REDIRECT_URI=http://localhost:5173/auth/callback
 # LOG_LEVEL=debug
@@ -234,6 +233,7 @@ AUTHENTIK_REDIRECT_URI=https://start.feuerwehr-rems.at/auth/callback
 # VITE_API_URL=https://start.feuerwehr-rems.at
 # AUTHENTIK_CLIENT_ID=<from-authentik>
 # AUTHENTIK_CLIENT_SECRET=<from-authentik>
+# AUTHENTIK_URL=https://auth.firesuite.feuerwehr-rems.at
 # AUTHENTIK_ISSUER=https://auth.firesuite.feuerwehr-rems.at/application/o/feuerwehr-dashboard/
 # AUTHENTIK_REDIRECT_URI=https://start.feuerwehr-rems.at/auth/callback
 # LOG_LEVEL=info

docker-compose.yml

@@ -62,8 +62,8 @@ services:
       dockerfile: Dockerfile
       args:
         VITE_API_URL: ${VITE_API_URL:-https://start.feuerwehr-rems.at}
-        VITE_AUTHENTIK_URL: ${VITE_AUTHENTIK_URL:?VITE_AUTHENTIK_URL is required}
+        AUTHENTIK_URL: ${AUTHENTIK_URL:?AUTHENTIK_URL is required}
-        VITE_CLIENT_ID: ${VITE_CLIENT_ID:?VITE_CLIENT_ID is required}
+        AUTHENTIK_CLIENT_ID: ${AUTHENTIK_CLIENT_ID:?AUTHENTIK_CLIENT_ID is required}
     container_name: feuerwehr_frontend_prod
     labels:
       - "traefik.enable=true"

frontend/Dockerfile

@@ -19,15 +19,15 @@ COPY . .
 
 # Build arguments for environment variables
 ARG VITE_API_URL=http://localhost:3000
-ARG VITE_AUTHENTIK_URL
+ARG AUTHENTIK_URL
-ARG VITE_CLIENT_ID
+ARG AUTHENTIK_CLIENT_ID
 ARG VITE_APP_NAME="Feuerwehr Dashboard"
 ARG VITE_APP_VERSION="1.0.0"
 
 # Set environment variables for build
 ENV VITE_API_URL=$VITE_API_URL
-ENV VITE_AUTHENTIK_URL=$VITE_AUTHENTIK_URL
+ENV AUTHENTIK_URL=$AUTHENTIK_URL
-ENV VITE_CLIENT_ID=$VITE_CLIENT_ID
+ENV AUTHENTIK_CLIENT_ID=$AUTHENTIK_CLIENT_ID
 ENV VITE_APP_NAME=$VITE_APP_NAME
 ENV VITE_APP_VERSION=$VITE_APP_VERSION
 

frontend/src/utils/config.ts

@@ -1,7 +1,7 @@
 export const config = {
   apiUrl: import.meta.env.VITE_API_URL || 'http://localhost:3000',
-  authentikUrl: import.meta.env.VITE_AUTHENTIK_URL || 'https://auth.firesuite.feuerwehr-rems.at',
+  authentikUrl: import.meta.env.AUTHENTIK_URL || 'https://auth.firesuite.feuerwehr-rems.at',
-  clientId: import.meta.env.VITE_CLIENT_ID || 'your_client_id_here',
+  clientId: import.meta.env.AUTHENTIK_CLIENT_ID || 'your_client_id_here',
 };
 
 export const API_URL = config.apiUrl;

frontend/src/vite-env.d.ts

@@ -2,7 +2,8 @@
 
 interface ImportMetaEnv {
   readonly VITE_API_URL: string;
-  // Add more env variables as needed
+  readonly AUTHENTIK_URL: string;
+  readonly AUTHENTIK_CLIENT_ID: string;
 }
 
 interface ImportMeta {

frontend/vite.config.ts

@@ -20,6 +20,7 @@ export default defineConfig({
     },
   },
   envDir: '../',
+  envPrefix: ['VITE_', 'AUTHENTIK_'],
   build: {
     outDir: 'dist',
     sourcemap: true,