feat(frontend): incident pages

Author: asleepyskye

.github/workflows/images.yml

@@ -41,7 +41,7 @@ jobs:
         with:
           context: .
           push: true
-          target: caddy
+          target: frontend
           tags: ${{ steps.meta_frontend.outputs.tags }}
           labels: ${{ steps.meta_frontend.outputs.labels }}
 

Caddyfile

@@ -1,7 +1,7 @@
 # example caddyfile
-:80 {
-    file_server /* {
-		root /srv
+:5080 {
+	reverse_proxy /* {
+		to frontend:3000
 	}
 	reverse_proxy /api/* {
 		to backend:8080

Dockerfile

@@ -1,19 +1,37 @@
 FROM alpine:latest AS build
 
-RUN apk add nodejs npm go git make
+RUN apk add go make
 
 COPY backend/ /build/backend/
-COPY frontend/ /build/frontend/
 COPY Makefile /build/
-COPY .git/ /build/.git
 
 WORKDIR /build
-RUN make
+RUN make backend
+
+
+FROM node:20-alpine AS build-sveltekit
+WORKDIR /app
+
+COPY frontend/package*.json ./
+RUN npm install
+
+COPY frontend .
+RUN npm run build
+
+
+FROM node:20-alpine AS frontend
+WORKDIR /app
+
+COPY --from=build-sveltekit /app/package*.json ./
+RUN npm install --omit=dev
+
+COPY --from=build-sveltekit /app/build ./build
+COPY --from=build-sveltekit /app/static ./static
+EXPOSE 3000
+ENV NODE_ENV=production
+CMD ["node", "./build/index.js"]
 
-FROM caddy:2.10 AS caddy
-COPY Caddyfile /etc/caddy/Caddyfile
-COPY --from=build /build/build/srv /srv
 
 FROM alpine:latest AS backend
 COPY --from=build /build/build /app/
-ENTRYPOINT [ "/app/status" ]
+ENTRYPOINT [ "/app/status" ]

Makefile

@@ -17,6 +17,4 @@ clean:
 .PHONY: dev
 dev: backend
 	export $(xargs < .env)
-	rm -rf build/srv/* && mkdir -p build build/srv
-	cd frontend && npm install && npm run build && mv -f build/* ../build/srv
-	cd build && pluralkit__status__run_dev=true ./status
+	cd build && pluralkit__status__addr="0.0.0.0:5000" ./status & cd frontend && BACKEND_URL="http://localhost:5000" npm run dev

docker-compose.yml

@@ -12,16 +12,22 @@ services:
       - pluralkit__status__db_location=file:/app/data/status.db
     restart: unless-stopped
 
-  caddy:
+  frontend:
     build:
       context: .
-      target: caddy
+      target: frontend
+    environment:
+      - BACKEND_URL=http://backend:8080
+    restart: unless-stopped
+
+  caddy:
+    image: caddy:latest
+    volumes:
+    - ./Caddyfile:/etc/caddy/Caddyfile
     cap_add:
       - NET_ADMIN
     ports:
-    - "80:80"
-    - "443:443"
-    - "443:443/udp"
+    - "5080:5080"
 
 volumes:
   data: