b27b3c1d44
Adds Tailwind v4 / PostCSS pipeline that compiles to static/css/marketing.css, to be loaded only by future templates/marketing/** templates and to coexist with the existing legacy v3 JIT runtime used by index.html / account.html / admin.html. The legacy v3 runtime stays untouched. - package.json: postcss-cli build:css and watch:css scripts - postcss.config.js: @tailwindcss/postcss + autoprefixer - static/css/tailwind.config.js: brand tokens (b1/b2/b3, navy, navy2, navy3, bg, border), font families, brand-grad, cta shadows, FlexiHub keyframes (tc-fade-in-up/right, tc-float-y, tc-pulse-glow, plus-breathe). content paths scoped to marketing/legal/billing/macros only - purge cannot touch legacy templates. - static/css/input.css: @import "tailwindcss"; + @config directive (Tailwind v4 backward-compat for v3-style JS config). @font-face Inter Variable + JetBrains Mono Variable (woff2). base layer body font/color, h1-h3 letter-spacing. utilities: grad-text, grad-bg, eyebrow. - Dockerfile: new stage 3 'assets-builder' (node:20-alpine) compiles CSS; runtime stage copies the built file in via --from=assets-builder, after COPY . . so the freshly-built file always wins. - .gitignore + .dockerignore: exclude node_modules. Build verified locally: marketing.css = 121 KB minified (Tailwind v4 ships all default theme tokens + reset properties even with empty content; realistic baseline, will not grow much as marketing markup is added). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
96 lines
3.8 KiB
Docker
96 lines
3.8 KiB
Docker
###############################################################################
|
|
# Stage 1: Builder — install Python deps and download vendor assets
|
|
###############################################################################
|
|
FROM python:3.11-slim AS builder
|
|
|
|
ARG PRODUCTION=0
|
|
ARG LIGHTWEIGHT=1
|
|
|
|
WORKDIR /app
|
|
|
|
# gcc is needed to compile C extensions during pip install
|
|
RUN apt-get update && apt-get install -y --no-install-recommends gcc \
|
|
&& rm -rf /var/lib/apt/lists/*
|
|
|
|
# Install Python dependencies
|
|
COPY requirements.txt requirements-embeddings.txt constraints.txt ./
|
|
RUN pip install --no-cache-dir --prefix=/install -c constraints.txt -r requirements.txt && \
|
|
if [ "$LIGHTWEIGHT" = "0" ]; then \
|
|
pip install --no-cache-dir --prefix=/install -c constraints.txt -r requirements-embeddings.txt; \
|
|
fi
|
|
|
|
# Download vendor assets (JS/CSS/fonts)
|
|
RUN mkdir -p /app/static/vendor
|
|
COPY scripts/download_offline_deps.py scripts/
|
|
RUN pip install --no-cache-dir requests && \
|
|
PRODUCTION=${PRODUCTION} python scripts/download_offline_deps.py && \
|
|
echo "✓ Vendor dependencies downloaded successfully"
|
|
|
|
###############################################################################
|
|
# Stage 2: FFmpeg — download static binaries (much smaller than apt ffmpeg)
|
|
###############################################################################
|
|
FROM python:3.11-slim AS ffmpeg-stage
|
|
|
|
RUN apt-get update && apt-get install -y --no-install-recommends wget xz-utils \
|
|
&& rm -rf /var/lib/apt/lists/* \
|
|
&& ARCH=$(dpkg --print-architecture) \
|
|
&& wget -q https://johnvansickle.com/ffmpeg/releases/ffmpeg-release-${ARCH}-static.tar.xz -O /tmp/ff.tar.xz \
|
|
&& mkdir -p /tmp/ffmpeg-dir \
|
|
&& tar xf /tmp/ff.tar.xz -C /tmp/ffmpeg-dir --strip-components=1 \
|
|
&& mv /tmp/ffmpeg-dir/ffmpeg /usr/local/bin/ffmpeg \
|
|
&& mv /tmp/ffmpeg-dir/ffprobe /usr/local/bin/ffprobe \
|
|
&& chmod +x /usr/local/bin/ffmpeg /usr/local/bin/ffprobe \
|
|
&& rm -rf /tmp/ff.tar.xz /tmp/ffmpeg-dir
|
|
|
|
###############################################################################
|
|
# Stage 3: Assets builder — compile Tailwind v4 marketing CSS
|
|
###############################################################################
|
|
FROM node:20-alpine AS assets-builder
|
|
WORKDIR /app
|
|
COPY package.json postcss.config.js ./
|
|
COPY static/css ./static/css
|
|
COPY templates ./templates
|
|
RUN npm install --no-audit --no-fund && npm run build:css
|
|
|
|
###############################################################################
|
|
# Stage 4: Runtime — lean final image with only what's needed
|
|
###############################################################################
|
|
FROM python:3.11-slim
|
|
|
|
WORKDIR /app
|
|
|
|
# Copy static ffmpeg binaries (~150MB vs ~450MB from apt)
|
|
COPY --from=ffmpeg-stage /usr/local/bin/ffmpeg /usr/local/bin/ffmpeg
|
|
COPY --from=ffmpeg-stage /usr/local/bin/ffprobe /usr/local/bin/ffprobe
|
|
|
|
# Copy installed Python packages from builder
|
|
COPY --from=builder /install /usr/local
|
|
|
|
# Copy downloaded vendor assets from builder
|
|
COPY --from=builder /app/static/vendor /app/static/vendor
|
|
|
|
# Copy application code
|
|
COPY . .
|
|
|
|
# Copy compiled marketing CSS (overrides any stale file from `COPY . .`)
|
|
COPY --from=assets-builder /app/static/css/marketing.css /app/static/css/marketing.css
|
|
|
|
# Create necessary directories
|
|
RUN mkdir -p /data/uploads /data/instance && chmod 755 /data/uploads /data/instance
|
|
|
|
# Set environment variables
|
|
ENV FLASK_APP=src/app.py
|
|
ENV SQLALCHEMY_DATABASE_URI=sqlite:////data/instance/transcriptions.db
|
|
ENV UPLOAD_FOLDER=/data/uploads
|
|
ENV PYTHONPATH=/app
|
|
ENV HF_HOME=/data/instance/huggingface
|
|
|
|
# Add entrypoint script
|
|
COPY scripts/docker-entrypoint.sh /usr/local/bin/
|
|
RUN chmod +x /usr/local/bin/docker-entrypoint.sh
|
|
|
|
EXPOSE 8899
|
|
|
|
ENTRYPOINT ["docker-entrypoint.sh"]
|
|
CMD ["gunicorn", "--workers", "3", "--bind", "0.0.0.0:8899", "--timeout", "600", "src.app:app"]
|