chore: switch between build and runtime based on env variables

Author: pratapalakshmi

apps/workflows-dashboard/entrypoint.sh

@@ -1,35 +1,35 @@
 #!/usr/bin/env sh
 
-if [[ -z "$VITE_DOMAIN" ]]
+if [[ -n "$VITE_DOMAIN" ]]
 then
-    VITE_DOMAIN="http://localhost:3000"
+    VITE_API_URL="$VITE_DOMAIN/api/v1/"
 fi
 
-if [[ -z "$MODE" ]]
+if [[ -n "$MODE" ]]
 then
-    MODE="development"
+	MODE="$MODE"
 fi
 
-if [[ -z "$VITE_IMAGE_LOGO_URL" ]]
+if [[ -n "$VITE_IMAGE_LOGO_URL" ]]
 then
-    VITE_IMAGE_LOGO_URL=
+    VITE_IMAGE_LOGO_URL="$VITE_IMAGE_LOGO_URL"
 fi
 
 
-if [[ -z "$VITE_ENVIRONMENT_NAME" ]]
+if [[ -n "$VITE_ENVIRONMENT_NAME" ]]
 then
-    VITE_ENVIRONMENT_NAME=local
+    VITE_ENVIRONMENT_NAME="$VITE_ENVIRONMENT_NAME"
 fi
 
 
 cat << EOF > /usr/share/nginx/html/config.js
 globalThis.env = {
-  VITE_API_URL: "$VITE_DOMAIN/api/v1/",
+  VITE_API_URL: "$VITE_API_URL",
   VITE_ENVIRONMENT_NAME: "$VITE_ENVIRONMENT_NAME",
   MODE: "$MODE",
   VITE_IMAGE_LOGO_URL: "$VITE_IMAGE_LOGO_URL",
 }
 EOF
 
 # Handle CMD command
-exec "$@"
+exec "$@"

apps/workflows-dashboard/public/config.js

@@ -1,6 +0,0 @@
-globalThis.env = {
-  VITE_API_URL: 'http://localhost:3000/api/v1/',
-  VITE_ENVIRONMENT_NAME: 'local',
-  MODE: 'development',
-  VITE_IMAGE_LOGO_URL: '',
-};

apps/workflows-dashboard/src/lib/request/request.ts

@@ -2,14 +2,14 @@ import axios from 'axios';
 
 export const request = axios.create({
   //@ts-ignore
-  baseURL: globalThis.env.VITE_API_URL,
+  baseURL: (globalThis as any).env?.VITE_API_URL ?? import.meta.env.VITE_API_URL,
   withCredentials: true,
 });
 
 request.interceptors.request.use(config => {
   if (config.headers) {
-    config.headers['Authorization'] = `Api-Key ${import.meta.env.VITE_API_KEY}`;
+    config.headers['Authorization'] = `Api-Key ${((globalThis as any).env?.VITE_API_KEY) ?? import.meta.env.VITE_API_KEY}`;
     return config;
   }
   return config;
-});
+});