From eba9c9da5e5fb414bf13097b6fbe53c8380ea747 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Tue, 24 Mar 2026 17:13:51 +0100
Subject: [PATCH] fix: resolve music URL 404 and revert Dockerfile to Alpine +
 gcompat

- Convert relative music track URLs to absolute before passing to Remotion renderer
- Reverts Dockerfile from Debian-slim back to Alpine + gcompat/libc6-compat for lighter image

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 Dockerfile                | 64 ++++++++++++++-------------------------
 server/routes/remotion.ts |  3 +-
 2 files changed, 24 insertions(+), 43 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 98e39a2..c4edec4 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,45 +1,26 @@
-# Node.js 20 Debian slim — glibc requis pour Remotion Chrome headless shell
-FROM node:20-slim
+# Alpine léger + gcompat pour la compatibilité glibc (requis par Remotion Chrome headless)
+FROM node:20-alpine
 
 WORKDIR /app
 
-# Dépendances système : build tools, canvas/sharp, fonts, ffmpeg + dépendances Chrome (glibc)
-RUN apt-get update && apt-get install -y --no-install-recommends \
+# Augmenter la mémoire dès le début (npm install + build)
+ENV NODE_OPTIONS="--max-old-space-size=4096"
+
+# Dépendances système
+RUN apk add --no-cache \
     python3 make g++ \
-    libcairo2-dev libjpeg-dev libpango1.0-dev libgif-dev libpixman-1-dev \
-    libvips-dev pkg-config \
-    fonts-dejavu-core fontconfig \
+    cairo-dev jpeg-dev pango-dev giflib-dev pixman-dev \
+    vips-dev pkgconfig \
+    ttf-dejavu fontconfig \
     curl tar bzip2 \
     ffmpeg \
-    libcap2-bin \
-    ca-certificates \
-    libasound2 \
-    libatk-bridge2.0-0 \
-    libatk1.0-0 \
-    libcups2 \
-    libdbus-1-3 \
-    libdrm2 \
-    libgbm1 \
-    libglib2.0-0 \
-    libgtk-3-0 \
-    libnspr4 \
-    libnss3 \
-    libpango-1.0-0 \
-    libx11-6 \
-    libx11-xcb1 \
-    libxcb1 \
-    libxcomposite1 \
-    libxdamage1 \
-    libxext6 \
-    libxfixes3 \
-    libxkbcommon0 \
-    libxrandr2 \
-    libxshmfence1 \
-    libxtst6 \
-    && rm -rf /var/lib/apt/lists/*
-
-# Augmenter la mémoire dès maintenant (npm install + build)
-ENV NODE_OPTIONS="--max-old-space-size=4096"
+    libcap \
+    # gcompat = couche de compatibilité glibc → permet au Chrome headless de Remotion de tourner sur Alpine
+    gcompat \
+    libc6-compat \
+    # Dépendances Chromium pour le rendu headless
+    chromium \
+    nss freetype harfbuzz ca-certificates
 
 # Copier les fichiers de configuration
 COPY package*.json ./
@@ -50,7 +31,7 @@ RUN npm install --legacy-peer-deps --no-audit --no-fund
 # Copier tout le code source
 COPY . .
 
-# Télécharger et installer la police DejaVu Sans pour le rendu de texte
+# Télécharger et installer la police DejaVu Sans
 RUN mkdir -p server/fonts && \
     cd server/fonts && \
     curl -L -f --retry 3 --retry-delay 2 -o dejavu.tar.bz2 "https://sourceforge.net/projects/dejavu/files/dejavu/2.37/dejavu-fonts-ttf-2.37.tar.bz2/download" && \
@@ -68,18 +49,17 @@ RUN rm -rf client/node_modules \
          node_modules/.cache \
          /tmp/remotion-*
 
-# Pré-bundler la composition Remotion pendant le build
+# Pré-bundler la composition Remotion
 RUN node scripts/prebundle-remotion.js || true
 
-# Télécharger le Chrome headless shell de Remotion (binaire glibc, compatible Debian)
+# Télécharger le Chrome headless shell de Remotion
+# gcompat permet au binaire glibc de tourner sur Alpine
 RUN npx remotion browser ensure && echo "✓ Remotion browser prêt"
 
-# Exposer le port de l'application
+# Exposer le port
 EXPOSE 5555
 
-# Variables d'environnement par défaut
 ENV NODE_ENV=production
 ENV PORT=5555
 
-# Démarrer l'application
 CMD ["npm", "run", "start"]
diff --git a/server/routes/remotion.ts b/server/routes/remotion.ts
index 95a6a57..571afe4 100644
--- a/server/routes/remotion.ts
+++ b/server/routes/remotion.ts
@@ -115,9 +115,10 @@ remotionRouter.post("/render", upload.fields([{ name: "images", maxCount: 4 }, {
 
     // Music: uploaded file takes priority, else use catalog track URL directly
     const musicFile = fields["music"]?.[0];
+    const rawMusicTrackUrl = req.body.musicTrackUrl as string | undefined;
     const musicUrl: string | undefined = musicFile
       ? `${host}/uploads/temp/${path.basename(musicFile.path)}`
-      : (req.body.musicTrackUrl as string | undefined) || undefined;
+      : rawMusicTrackUrl?.startsWith('/') ? `${host}${rawMusicTrackUrl}` : rawMusicTrackUrl || undefined;
 
     const fps = 30;
     const totalVideoDuration = imageUrls.length * 3; // 3s per image