# 使用 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-21 
LABEL changelog="2025-08-21: index.html 的 <title> 及 favicon 由 docker-entrypoint.sh 啟動時根據環境變數直接替換，社群爬蟲可正確抓取，env.js 仍供前端 JS 讀取其他動態參數。"

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