Getting the front-end to build

Author: jessehartloff

.gitignore

@@ -1,4 +1,5 @@
 .venv/
 **/__pycache__/
 .idea/.DS_Store
-.env-api-prod
+.env-api-prod
+front-end

client/Dockerfile

@@ -1,6 +1,9 @@
 FROM node:latest
 
-WORKDIR client/
+WORKDIR /app
 
 COPY . .
+
 RUN npm install
+
+CMD npm run build

client/src/components/Alert.vue

@@ -5,8 +5,8 @@ import {ref} from "vue";
 const error = ref<string>("");
 const boxOpacity = ref<number>(1);
 
-let opacityTimer: NodeJS.Timeout | null = null;
-let endTimer: NodeJS.Timeout | null = null;
+let opacityTimer: ReturnType<typeof setTimeout> | null = null;
+let endTimer: ReturnType<typeof setTimeout> | null = null;
 
 const fading = ref<string>("");
 const msgType = ref<string>("");

client/src/components/Visit.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 
 import {ref} from "vue";
-import {send} from "vite";
 
 const props = defineProps(["visit_info"])
 const emit = defineEmits(["close"])

compose.yaml

@@ -2,9 +2,12 @@ services:
   nginx:
     build:
       context: ./nginx/
+    volumes:
+      - ./front-end:/var/www/app
     ports:
       - "443:443"
       - "8010:80"
+
   api:
     build:
       context: ./api/
@@ -21,9 +24,8 @@ services:
   client:
     build:
       context: ./client/
-    ports:
-      - "3000:3000"
-    command: npm run dev
+    volumes:
+      - ./front-end:/app/dist
 
 volumes:
   sqlite-db:

nginx/default.conf

@@ -14,8 +14,8 @@ server {
     }
 
     location / {
-        proxy_pass http://client:3000;
-        proxy_http_version 1.1;
+        root /var/www/app;
+        try_files $uri $uri/ /index.html;
     }
 
 }