From 04f370aaa15fb4f320d7738eed5c820d12e6ad1c Mon Sep 17 00:00:00 2001
From: Trezy <tre@trezy.com>
Date: Fri, 15 May 2026 14:16:06 -0500
Subject: [PATCH] chore: add frontend service to docker compose

Signed-off-by: Trezy <tre@trezy.com>
---
 .gitignore                |  2 ++
 docker-compose.yaml       | 21 +++++++++++++++++++++
 frontend/src/lib/oauth.ts |  7 ++++---
 frontend/vite.config.ts   |  7 +++++++
 4 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 4892b8d..ec8e17e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,5 @@ target/
 result
 frontend/node_modules/
 frontend/dist/
+frontend/.pnpm-store
+frontend/.npmrc
diff --git a/docker-compose.yaml b/docker-compose.yaml
index 8c46346..3097f0c 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -57,6 +57,25 @@ services:
     depends_on:
       - app
 
+  frontend-dev:
+    profiles: [dev]
+    image: node:24-alpine
+    working_dir: /app
+    command: sh -c "corepack enable && corepack prepare pnpm@latest --activate && pnpm install --ignore-scripts && pnpm dev --host 0.0.0.0"
+    environment:
+      CI: "true"
+      npm_config_store_dir: "/pnpm-store"
+      VITE_API_URL: "http://app-dev:3000"
+      VITE_HMR_PROTOCOL: "wss"
+      VITE_HMR_HOST: "pds.test"
+      VITE_HMR_PORT: "443"
+    volumes:
+      - ./frontend:/app
+      - node_modules:/app/node_modules
+      - pnpm_store:/pnpm-store
+    depends_on:
+      - app-dev
+
   db:
     image: postgres:18-alpine
     environment:
@@ -139,4 +158,6 @@ volumes:
   prometheus_data:
   cargo_target:
   cargo_registry:
+  node_modules:
+  pnpm_store:
   certs:
diff --git a/frontend/src/lib/oauth.ts b/frontend/src/lib/oauth.ts
index fdbadda..d343412 100644
--- a/frontend/src/lib/oauth.ts
+++ b/frontend/src/lib/oauth.ts
@@ -13,9 +13,10 @@ const SCOPES = [
   "account:*?action=manage",
 ].join(" ");
 
-const CLIENT_ID = !(import.meta.env.DEV)
-  ? `${globalThis.location.origin}/oauth-client-metadata.json`
-  : `http://localhost/?scope=${SCOPES}`;
+const CLIENT_ID =
+  !(import.meta.env.DEV) || globalThis.location?.hostname !== 'localhost'
+    ? `${globalThis.location.origin}/oauth-client-metadata.json`
+    : `http://localhost/?scope=${SCOPES}`;
 
 const REDIRECT_URI = `${globalThis.location.origin}/app/`;
 
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 01c4e87..855ab70 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -20,6 +20,13 @@ export default defineConfig(({ mode }) => {
         "/health": target,
         "/u": target,
       },
+      hmr: env.VITE_HMR_HOST
+        ? {
+            protocol: env.VITE_HMR_PROTOCOL || "wss",
+            host: env.VITE_HMR_HOST,
+            clientPort: parseInt(env.VITE_HMR_PORT || "443"),
+          }
+        : undefined,
     },
   };
 });