fix(deploy): build/serve the new web/ Vite app instead of the old webpack build

The deploy pipeline (.gitea/workflows/deploy.yml -> Dockerfile) never got
updated when the frontend was rewritten under web/ -- it was still doing
`npm ci`/`npm run build` at the repo root and copying the old app's umd/,
css/, index.html, etc. into the nginx image. Every deploy therefore kept
shipping the old app regardless of what was actually on dev, no matter how
much of the rewrite had landed.

Dockerfile now builds from web/ (Vite) and copies its self-contained
dist/ output (index.html + content-hashed assets/, no separate umd/css/
img/audio/manifest/service-worker/firebase files -- none of that exists
in the new app). VITE_TINODE_API_KEY is what src/lib/config.ts actually
reads (Vite only exposes VITE_-prefixed env vars to client code), so the
existing TINODE_API_KEY build-arg is now renamed into that on its way
into the build environment instead of passed through under its old name.

nginx.conf updated to match: index.html stays no-cache (its URL never
changes, so a stale cached copy would keep pointing at deleted asset
filenames after a deploy), assets/ gets a long immutable cache (Vite
content-hashes every filename there, so a new build never reuses an old
URL). Dropped the old umd/ and img/ location blocks, neither exists in
the new build.

Verified locally: `docker build` succeeds, the container serves the new
app's real index.html/assets with the intended cache headers, and an
unknown client-side route (/messages/slf) correctly falls back to
index.html.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-09-09 20:56:21 +08:00
co-authored by Claude Sonnet 5
parent 5c3f3b7653
commit db0f8e4543
2 changed files with 28 additions and 28 deletions
+17 -16
View File
@@ -1,14 +1,21 @@
# ---- Stage 1: build static assets ----
# The frontend was fully rewritten from scratch under web/ (Vite + React + TS) on branch
# redesign/desktop-multicolumn, merged into dev 2026-09-09 -- this replaces the old webpack build
# that used to live at the repo root (umd/, css/base.min.css, index.html, etc.). See web/README-
# equivalent context in the redesign plan for why: this Dockerfile previously never touched web/ at
# all, so every "deploy" kept shipping the old app regardless of what was on dev.
FROM node:22-alpine AS build
WORKDIR /app
COPY package.json package-lock.json ./
WORKDIR /app/web
COPY web/package.json web/package-lock.json ./
RUN npm ci
COPY . .
COPY web/. .
# TINODE_API_KEY is read by webpack.config.js (via DefinePlugin) at build time.
# VITE_TINODE_API_KEY is read by src/lib/config.ts (import.meta.env.VITE_TINODE_API_KEY) at build
# time -- Vite only exposes env vars prefixed VITE_ to client code, so the ARG is renamed on its
# way into the build's environment rather than passed through under its old webpack-era name.
ARG TINODE_API_KEY=
ENV TINODE_API_KEY=$TINODE_API_KEY
ENV VITE_TINODE_API_KEY=$TINODE_API_KEY
RUN npm run build
@@ -19,17 +26,11 @@ COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
WORKDIR /usr/share/nginx/html
COPY --from=build /app/umd ./umd
COPY --from=build /app/css/base.min.css ./css/base.min.css
COPY --from=build /app/index.html ./index.html
COPY --from=build /app/index-dev.html ./index-dev.html
COPY --from=build /app/manifest.json ./manifest.json
COPY --from=build /app/service-worker.js ./service-worker.js
COPY --from=build /app/version.js ./version.js
COPY --from=build /app/img ./img
COPY --from=build /app/audio ./audio
# Push notifications are not configured for this deployment yet.
RUN echo "" > ./firebase-init.js
# Vite's build output is fully self-contained: index.html + favicon.svg/icons.svg (from web/public/,
# copied verbatim) + assets/ (content-hashed JS/CSS chunks) -- no separate umd/css/img/audio/
# manifest/service-worker/firebase files the way the old build had, none of that machinery exists
# in the new app.
COPY --from=build /app/web/dist/. ./
HEALTHCHECK --interval=1m --timeout=3s --start-period=10s \
CMD wget -q -O /dev/null http://localhost/ || exit 1
+11 -12
View File
@@ -5,21 +5,20 @@ server {
root /usr/share/nginx/html;
index index.html;
# Tinode webapp uses real (History API) client-side routing, so any unknown path
# can safely fall back to index.html -- the app resolves the actual view/topic
# client-side from the path itself once index.html loads.
# The webapp uses real (History API) client-side routing, so any unknown path can safely fall
# back to index.html -- the app resolves the actual view/topic client-side from the path itself
# once index.html loads. index.html itself is never content-hashed, so it must always be
# revalidated -- otherwise a browser holding a cached copy would keep requesting the *previous*
# deploy's now-deleted /assets/*.js filenames after a new deploy replaces them.
location / {
add_header Cache-Control "no-cache";
try_files $uri $uri/ /index.html;
}
# Filenames here aren't content-hashed, so a long/immutable cache would keep
# serving a stale bundle after every deploy. Force revalidation instead:
# cheap 304s when unchanged, immediate pickup of new content when not.
location /umd/ {
add_header Cache-Control "no-cache";
}
location /img/ {
add_header Cache-Control "public, max-age=86400";
# Vite content-hashes every filename under assets/ (e.g. index-DYjopaLI.js) -- a new build never
# reuses an old asset's URL, so these can be cached aggressively and indefinitely; a stale cached
# copy simply never gets requested again once index.html points at the new hashed filenames.
location /assets/ {
add_header Cache-Control "public, max-age=31536000, immutable";
}
}