ZCode
34290b9371
Two blockers found while wiring OpenPanel for real:
- frontend/Dockerfile declared ARG for VITE_OPENPANEL_URL/CLIENT_ID/SENTRY_DSN but not
VITE_OPENPANEL_SCRIPT_URL, so passing it as a build arg was silently ignored and the
loader compiled out (import.meta.env value undefined).
- backend/app/services/analytics.py posted a flat {type, event, properties} body; the
Track API expects {type, payload:{event, properties, profileId}} (verified against the
SDK source in packages/sdks/sdk). The API answered 400 and the module swallows every
error by design, so all server-side events were being dropped without a trace.
Verified after deploy: the bundle carries the client id + op1.js URL + the queueing shim,
op1.js serves 200, and a track event posted with the real envelope lands in OpenPanel.
48 lines
1.6 KiB
Docker
48 lines
1.6 KiB
Docker
# Frontend image — multi-stage build
|
|
# Stage 1: build the Vite app with Node.js
|
|
# Stage 2: serve static files with nginx (which also proxies /api -> api:8000)
|
|
|
|
FROM node:22-alpine AS build
|
|
|
|
WORKDIR /app
|
|
|
|
# Dependencies first (layer caching)
|
|
# NPM_REGISTRY overridable; default points at npmmirror because
|
|
# registry.npmjs.org is unreachable from this network.
|
|
ARG NPM_REGISTRY=https://registry.npmmirror.com
|
|
COPY package.json package-lock.json ./
|
|
RUN npm config set registry ${NPM_REGISTRY} && npm ci
|
|
|
|
# Developer Mode panel on the login page (dev-only aid). Production builds
|
|
# MUST keep this "false" — identity comes from Casdoor tokens, and the
|
|
# backend rejects the X-User-* header path unless DEV_LOGIN_ENABLED=true.
|
|
ARG DEV_LOGIN_ENABLED=false
|
|
ENV VITE_ENABLE_DEV_LOGIN=${DEV_LOGIN_ENABLED}
|
|
|
|
# Observability (Phase 2) — baked into the bundle at build time.
|
|
# Empty values disable the feature (analytics.ts is a no-op then).
|
|
ARG VITE_OPENPANEL_URL=""
|
|
ARG VITE_OPENPANEL_CLIENT_ID=""
|
|
# The browser script (op1.js) lives on the dashboard origin, not under the API path,
|
|
# so it needs its own arg — defined here or the value never reaches the bundle.
|
|
ARG VITE_OPENPANEL_SCRIPT_URL=""
|
|
ARG VITE_SENTRY_DSN=""
|
|
ENV VITE_OPENPANEL_URL=${VITE_OPENPANEL_URL} \
|
|
VITE_OPENPANEL_CLIENT_ID=${VITE_OPENPANEL_CLIENT_ID} \
|
|
VITE_OPENPANEL_SCRIPT_URL=${VITE_OPENPANEL_SCRIPT_URL} \
|
|
VITE_SENTRY_DSN=${VITE_SENTRY_DSN}
|
|
|
|
# Source code + build
|
|
COPY . .
|
|
RUN npm run build
|
|
|
|
# ---------- runtime ----------
|
|
FROM nginx:alpine
|
|
|
|
COPY --from=build /app/dist /usr/share/nginx/html
|
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|
|
|
EXPOSE 80
|
|
|
|
CMD ["nginx", "-g", "daemon off;"]
|