Feat: add client container

client/Dockerfile

@@ -0,0 +1,23 @@
+FROM node:20 AS builder
+ARG oauth_server
+ARG client_id
+ARG api_base
+ARG redirect_url
+
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm ci
+
+COPY . .
+ENV VITE_OAUTH_SERVER=$oauth_server
+ENV VITE_CLIENT_ID=$client_id
+ENV VITE_API_BASE=$api_base
+ENV VITE_REDIRECT_URL=$redirect_url
+RUN npm run build
+
+FROM nginx:stable-alpine
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

client/nginx.conf

@@ -0,0 +1,9 @@
+server {
+    listen 80;
+    server_name localhost;
+    location / {
+        root /usr/share/nginx/html;
+        index index.html;
+        try_files $uri $uri/ /index.html;
+    }
+}

client/src/lib/api.ts

@@ -4,6 +4,7 @@ import { jwtDecode } from 'jwt-decode'
 const OAUTH_SERVER = import.meta.env.VITE_OAUTH_SERVER
 const CLIENT_ID = import.meta.env.VITE_CLIENT_ID
 const API_BASE = import.meta.env.VITE_API_BASE
+const REDIRECT_URL = import.meta.env.VITE_REDIRECT_URL
 const SCOPES = ['openid', 'user/basic', 'media']
 
 const urlParams = new URLSearchParams(window.location.search)
@@ -17,7 +18,7 @@ if (urlParams.has('code') && urlParams.get('state') === localStorage.getItem('st
         body: new URLSearchParams({
             grant_type: 'authorization_code',
             code: code || '',
-            redirect_uri: 'http://localhost:5173',
+            redirect_uri: REDIRECT_URL,
             client_id: CLIENT_ID
         }).toString(),
     })
@@ -32,7 +33,7 @@ const decoded = token ? jwtDecode<{ exp: number }>(token) : null
 if (!token || (decoded?.exp||0) * 1000 < Date.now()) {
     const state = crypto.randomUUID()
     localStorage.setItem('state', state)
-    window.location.href = `${OAUTH_SERVER}/authorize?response_type=code&client_id=${CLIENT_ID}&redirect_uri=http://localhost:5173&scope=${SCOPES.join(' ')}&state=${state}`
+    window.location.href = `${OAUTH_SERVER}/authorize?response_type=code&client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URL}&scope=${SCOPES.join(' ')}&state=${state}`
 }
 
 export default new Api({

client/vite.config.ts

@@ -8,5 +8,8 @@ export default defineConfig({
     alias: {
       $lib: '/src/lib'
     }
+  },
+  build: {
+    target: 'esnext'
   }
 })