Adding build specific information for better debugging

.github/workflows/ci.yml

@@ -15,4 +15,7 @@ jobs:
     with:
       context: gui
       image-name: gui-builder
+      build-args: |
+        BUILD_ID="${{github.sha}}"
+        BUILD_CONTEXT="${{github.ref_name}}"
     secrets: inherit

gui/.env.docker

@@ -1,4 +1,2 @@
 VITE_API_URL=VITE_API_URL_PLACEHOLDER
-VITE_CFSB_API_URL=VITE_CFSB_API_URL_PLACEHOLDER
-VITE_BUILD_ID=VITE_BUILD_ID_PLACEHOLDER
-VITE_CONTEXT=VITE_CONTEXT_PLACEHOLDER
+VITE_CFSB_API_URL=VITE_CFSB_API_URL_PLACEHOLDER

gui/Dockerfile

@@ -1,9 +1,17 @@
 # Build the Vue app
 FROM node:20 as build-stage
+
+ARG BUILD_ID
+ARG BUILD_CONTEXT
+
 WORKDIR /app
 COPY package*.json ./
 COPY .env.docker ./.env
 
+
+ENV VITE_BUILD_ID=${BUILD_ID}
+ENV VITE_CONTEXT=${BUILD_CONTEXT}
+
 RUN npm install --include-dev
 COPY ./ .
 RUN npm run build

gui/set_env.sh

@@ -11,9 +11,6 @@ do
   echo "Setting VITE_CFSB_API_URL_PLACEHOLDER environment variables ${VITE_CFSB_API_URL}"
   sed -i 's|VITE_CFSB_API_URL_PLACEHOLDER|'${VITE_CFSB_API_URL}'|g' $file
 
-  echo "Setting VITE_BUILD_ID_PLACEHOLDER environment variables ${VITE_BUILD_ID}"
-  sed -i 's|VITE_BUILD_ID_PLACEHOLDER|'${VITE_BUILD_ID}'|g' $file
-
   echo "Setting VITE_CONTEXT_PLACEHOLDER environment variables ${VITE_CONTEXT}"
   sed -i 's|VITE_CONTEXT_PLACEHOLDER|'${VITE_CONTEXT}'|g' $file