From fbfe81fb742ecc828dd3806a406ca10cde5c80ba Mon Sep 17 00:00:00 2001
From: Nadim Ritter <nadim.ritter@let.ethz.ch>
Date: Wed, 25 Sep 2024 15:44:24 +0200
Subject: [PATCH] modify github actions

---
 .github/workflows/docker-build-push.yml | 12 ++--
 Dockerfile                              |  5 ++
 client/index.html                       |  2 +-
 client/src/router/router.ts             |  2 +-
 client/vite.config.mts                  | 82 ++++++++++++++-----------
 5 files changed, 60 insertions(+), 43 deletions(-)

diff --git a/.github/workflows/docker-build-push.yml b/.github/workflows/docker-build-push.yml
index e1968db..97ccf5e 100644
--- a/.github/workflows/docker-build-push.yml
+++ b/.github/workflows/docker-build-push.yml
@@ -13,15 +13,17 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        tag_name: [test1, test2]
+        path_name: ["", "/sps-gui", "/proctoring-gui"],
+        tag_suffix: ["", "single-host", "single-host2"],
+
     steps:
     - name: Set env for dynamic tag
       if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/')      
-      run: echo "TAG_NAME=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
+      run: echo "TAG_NAME=${GITHUB_REF#refs/*/}-${{ matrix.tag_suffix }}" >> $GITHUB_ENV
 
     - name: Set env manual
       if: github.event_name == 'workflow_dispatch'
-      run: echo "TAG_NAME=${{ matrix.tag_name }}" >> $GITHUB_ENV
+      run: echo "TAG_NAME=default_version-${{ matrix.tag_suffix }}" >> $GITHUB_ENV
     
     - name: Checkout code
       uses: actions/checkout@v4.1.1
@@ -30,7 +32,7 @@ jobs:
       uses: docker/login-action@v3.0.0
       with:
           username: naritter
-          password: ${{ secrets.DOCKERHUB_PASSWORD }}
+          password: ${{ secrets.DOCKERHUB_PASSWORD}}
     
     - name: Build and push Docker image
       uses: docker/build-push-action@v5.1.0
@@ -38,3 +40,5 @@ jobs:
         context: .
         push: true
         tags: docker.io/naritter/seb-sps-gui:${{ env.TAG_NAME }}
+      build-args: 
+          VITE_SUB_PATH: ${{ matrix.path_name }}
diff --git a/Dockerfile b/Dockerfile
index 9ed21fb..a963ea0 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -4,6 +4,11 @@ WORKDIR /app/client
 COPY client/package*.json ./
 RUN npm install
 COPY client/ .
+
+# Inject environment variables for Vue.js
+ARG VUE_APP_MY_ENV_VAR
+RUN echo "VITE_SUB_PATH=$VITE_SUB_PATH" > .env
+
 RUN npm run build
 
 # Stage 2: Build the Express server
diff --git a/client/index.html b/client/index.html
index eeaaf17..47ca32d 100644
--- a/client/index.html
+++ b/client/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/img/seb-logo-no-border.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="/env.js"></script>
+    <script src="<%= process.env.VITE_SUB_PATH %>/env.js"></script>
     <title>SEB Screen Proctoring</title>
 </head>
 
diff --git a/client/src/router/router.ts b/client/src/router/router.ts
index 443c2ff..cf3e929 100644
--- a/client/src/router/router.ts
+++ b/client/src/router/router.ts
@@ -125,7 +125,7 @@ const routes: Array<RouteRecordRaw> = [
 ];
 
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHistory(process.env.VITE_SUB_PATH),
   routes
 });
 
diff --git a/client/vite.config.mts b/client/vite.config.mts
index f0e0c02..a083462 100644
--- a/client/vite.config.mts
+++ b/client/vite.config.mts
@@ -6,44 +6,52 @@ import { gitTagPlugin } from "./src/plugins/vite-plugin-git-tag";
 
 
 // Utilities
-import { defineConfig } from "vite"
+import { defineConfig, loadEnv } from "vite"
 import { fileURLToPath, URL } from "node:url"
 
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    vue({ 
-      template: { transformAssetUrls }
-    }),
-    // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
-    vuetify({
-      autoImport: true,
-    }),
-    VueI18nPlugin({
-      include: fileURLToPath(new URL("./src/i18n/locales/**", import.meta.url)),
-    }),
-    // gitTagPlugin()
-  ],
-  define: { 
-    "process.env": {},
-    _global: ({}) 
-  },
-  resolve: {
-    alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url))
-    },
-    extensions: [
-      ".js",
-      ".json",
-      ".jsx",
-      ".mjs",
-      ".ts",
-      ".tsx",
-      ".vue",
-    ],
-  },
-  server: {
-    port: 8081,
-  },
-})
+// export default defineConfig({
+export default ({ mode }) => {
+    process.env = {...process.env, ...loadEnv(mode, process.cwd())};
+    
+    return defineConfig({
+        plugins: [
+            vue({ 
+            template: { transformAssetUrls }
+            }),
+            // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
+            vuetify({
+            autoImport: true,
+            }),
+            VueI18nPlugin({
+            include: fileURLToPath(new URL("./src/i18n/locales/**", import.meta.url)),
+            }),
+            // gitTagPlugin()
+        ],
+        define: { 
+            "process.env": {},
+            _global: ({}) 
+        },
+        resolve: {
+            alias: {
+            "@": fileURLToPath(new URL("./src", import.meta.url))
+            },
+            extensions: [
+            ".js",
+            ".json",
+            ".jsx",
+            ".mjs",
+            ".ts",
+            ".tsx",
+            ".vue",
+            ],
+        },
+        server: {
+            port: 8081,
+        },
+
+        base: process.env.VITE_SUB_PATH
+
+    });
+}
\ No newline at end of file