# 使用 Node.js 作為基礎映像
FROM node:18-alpine AS builder

# 設定工作目錄
WORKDIR /app

# 複製 package.json 和 package-lock.json (或 yarn.lock) 到工作目錄
COPY package*.json ./

# 安裝依賴
RUN npm install --legacy-peer-deps

# 複製所有檔案到工作目錄
COPY . .

# 清理緩存並重新構建
RUN npm cache clean --force
RUN rm -rf node_modules
RUN npm install --legacy-peer-deps

# 構建前端應用 (如果需要)
RUN npm run build --omit=dev

# 使用一個更小的映像來提供靜態文件 (例如 Nginx)
FROM nginx:alpine

# 將構建好的靜態檔案複製到 Nginx 的預設目錄
COPY --from=builder /app/dist /usr/share/nginx/html

# (可選) 複製自定義 Nginx 設定檔
# COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露 Nginx 預設的 80 端口
EXPOSE 80

# 2025-08-22 
LABEL changelog="2025-08-22: 修正 index.html favicon 插入方式，確保原始檔案預設 <link rel='icon' ...>，docker-entrypoint.sh 可正確替換；並更新多個組件以使用 window.env 讀取環境變數，提升部署彈性。"

# Nginx 已經預設啟動，所以不需要 CMD 指令
COPY docker-entrypoint.sh /docker-entrypoint.sh
RUN chmod +x /docker-entrypoint.sh
ENTRYPOINT ["/docker-entrypoint.sh"]
CMD ["nginx", "-g", "daemon off;"]