Retire le générateur vidéo, les badges « New » et permet d'effacer les Reels en échec

- Suppression de la page « Générateur Vidéo » (/remotion) : routes
  /api/remotion, pipeline de rendu d'images, composition ImageVideo et
  aperçu associé. Le générateur de Reels est conservé.
- Plus de badge « New » à côté des menus.
- Tableau de bord : bouton pour supprimer un Reel en échec et sa
  notification.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017tFkVXQDATYfw5aFtjQahi

server/routes.ts

@@ -16,7 +16,6 @@ import type { User, InsertUser, ScheduledPost } from "@shared/schema";
 import { analyticsRouter } from "./routes/analytics";
 import { normalizeQwenUrl } from "./services/reels/assets";
 import { reelsRouter } from "./routes/reels";
-import { remotionRouter } from "./routes/remotion";
 import { externalRouter } from "./routes/external";
 import { tiktokRouter } from "./routes/tiktok";
 import { facebookRouter } from "./routes/facebook";
@@ -554,7 +553,6 @@ export async function registerRoutes(app: Express): Promise<Server> {
 
   // Reels & Music Routes
   app.use("/api", requireAuth, reelsRouter);
-  app.use("/api/remotion", requireAuth, remotionRouter);
 
 
   // Route SQL (réservée aux admins) - DÉSACTIVÉE EN PRODUCTION sauf si explicitement autorisée

server/routes/remotion.ts

@@ -1,150 +0,0 @@
-import { Router } from "express";
-import multer from "multer";
-import path from "path";
-import fs from "fs";
-import type { User } from "@shared/schema";
-import { imagesReelParamsSchema, type ImagesReelResult } from "@shared/reel";
-import { storage as dbStorage } from "../storage";
-import { enqueueReelJob, getReelJob } from "../services/reels/queue";
-import { REMOTION_TEMP_DIR } from "../services/reels/imagesPipeline";
-import { resolveStoreName } from "../services/reels/assets";
-import { publishReelToPages, storeRenderedVideo } from "../services/reels/publish";
-
-export const remotionRouter = Router();
-
-const uploadDir = REMOTION_TEMP_DIR;
-if (!fs.existsSync(uploadDir)) {
-  fs.mkdirSync(uploadDir, { recursive: true });
-}
-
-const upload = multer({
-  storage: multer.diskStorage({
-    destination: uploadDir,
-    filename: (_req, file, cb) => {
-      const uniqueSuffix = Date.now() + "-" + Math.round(Math.random() * 1e9);
-      cb(null, `remotion-${uniqueSuffix}${path.extname(file.originalname)}`);
-    },
-  }),
-});
-
-/**
- * GET /api/remotion/render/status/:jobId
- * État d'un rendu, lu dans la file persistante (survit à un redémarrage).
- */
-remotionRouter.get("/render/status/:jobId", async (req, res) => {
-  const user = req.user as User;
-  const job = await getReelJob(req.params.jobId);
-  if (!job || job.kind !== "images" || (job.userId !== user.id && user.role !== "admin")) {
-    return res.status(404).json({ error: "Job introuvable" });
-  }
-
-  if (job.status === "completed") {
-    const result = job.result as ImagesReelResult;
-    return res.json({ status: "done", url: result.url, thumbnailUrl: result.thumbnailUrl });
-  }
-  if (job.status === "failed") {
-    return res.json({ status: "error", error: "Erreur lors du rendu: " + (job.error ?? "inconnue") });
-  }
-  res.json({ status: "processing", progress: job.progress, step: job.step, queued: job.status === "pending" });
-});
-
-/**
- * POST /api/remotion/render
- * Met en file le rendu d'un Reel à partir d'images (1 à 4).
- */
-remotionRouter.post("/render", upload.fields([{ name: "images", maxCount: 4 }, { name: "music", maxCount: 1 }]), async (req, res) => {
-  const fields = (req.files ?? {}) as Record<string, Express.Multer.File[]>;
-  const uploaded = [...(fields["images"] ?? []), ...(fields["music"] ?? [])];
-
-  try {
-    const user = req.user as User;
-    const existing = req.body.existingImageUrls;
-    const libraryUrls: string[] = existing ? (Array.isArray(existing) ? existing : [existing]) : [];
-    const uploadedImageUrls = (fields["images"] ?? []).map((f) => `/uploads/temp/${path.basename(f.path)}`);
-
-    const musicFile = fields["music"]?.[0];
-    const musicVolume = parseFloat(req.body.musicVolume ?? "0.3");
-
-    const parsed = imagesReelParamsSchema.safeParse({
-      imageUrls: [...libraryUrls, ...uploadedImageUrls],
-      overlayText: req.body.overlayText,
-      musicUrl: musicFile ? `/uploads/temp/${path.basename(musicFile.path)}` : req.body.musicTrackUrl,
-      musicVolume: Number.isFinite(musicVolume) ? musicVolume : undefined,
-      ttsEnabled: req.body.ttsEnabled !== "false",
-      ttsEngine: req.body.ttsEngine || undefined,
-      ttsVoice: req.body.ttsVoice,
-      ttsStyle: req.body.ttsStyle || undefined,
-      captionStyle: req.body.captionStyle || undefined,
-      showLogo: req.body.showLogo !== "false",
-      storeName: await resolveStoreName(user.id, req.body.selectedPageId),
-      tempFiles: uploaded.map((f) => f.path),
-    });
-    if (!parsed.success) {
-      await removeFiles(uploaded);
-      return res.status(400).json({ error: parsed.error.issues[0]?.message ?? "Paramètres invalides" });
-    }
-
-    const job = await enqueueReelJob({ kind: "images", userId: user.id, params: parsed.data });
-    res.json({ jobId: job.id, message: "Rendu démarré en arrière-plan" });
-  } catch (err) {
-    console.error("❌ Remotion pre-render error:", err);
-    await removeFiles(uploaded);
-    res.status(500).json({ error: "Erreur lors du lancement du rendu: " + (err instanceof Error ? err.message : err) });
-  }
-});
-
-async function removeFiles(files: Express.Multer.File[]): Promise<void> {
-  await Promise.all(files.map((f) => fs.promises.unlink(f.path).catch(() => { /* déjà absent */ })));
-}
-
-/**
- * POST /api/remotion/publish
- * Range la vidéo rendue dans la médiathèque puis la publie (ou la planifie).
- */
-remotionRouter.post("/publish", async (req, res) => {
-  try {
-    const user = req.user as User;
-
-    const { videoUrl, pageIds, scheduledFor, description } = req.body as {
-      videoUrl: string;
-      pageIds: string[];
-      scheduledFor?: string;
-      description?: string;
-    };
-
-    if (!videoUrl) return res.status(400).json({ error: "videoUrl requis" });
-    if (!pageIds?.length) return res.status(400).json({ error: "Au moins une page requise" });
-
-    // Chemin local du rendu à partir de son URL temporaire
-    const filename = path.basename(videoUrl.split("?")[0]);
-    const localPath = path.join(uploadDir, filename);
-    if (!fs.existsSync(localPath)) {
-      return res.status(400).json({ error: "Fichier vidéo introuvable (expiré ?)" });
-    }
-
-    const videoBuffer = await fs.promises.readFile(localPath);
-    const mediaRecord = await storeRenderedVideo(user.id, videoBuffer, filename);
-
-    const post = await dbStorage.createPost({
-      userId: user.id,
-      content: description || "",
-      aiGenerated: "false",
-      status: scheduledFor ? "scheduled" : "draft",
-      scheduledFor: scheduledFor ? new Date(scheduledFor) : undefined,
-    });
-    await dbStorage.updatePostMedia(post.id, [mediaRecord.id]);
-
-    const results = await publishReelToPages({
-      postId: post.id,
-      pageIds,
-      videoBuffer,
-      description: description || "",
-      scheduledFor,
-    });
-
-    res.json({ success: results.some((r) => r.success), results, postId: post.id });
-  } catch (err) {
-    console.error("❌ Remotion publish error:", err);
-    res.status(500).json({ error: "Erreur lors de la publication: " + (err instanceof Error ? err.message : err) });
-  }
-});

server/services/reels/imagesPipeline.ts

@@ -1,105 +0,0 @@
-/**
- * Rendu d'un Reel à partir d'images avec Remotion.
- * Exécuté par la file `reel_jobs` ; la publication reste une étape distincte,
- * déclenchée par l'utilisateur après l'aperçu.
- */
-
-import fs from "fs";
-import path from "path";
-import { cleanCaptionText, computeImagesTiming } from "@shared/captions";
-import { imagesReelParamsSchema, type ImagesReelResult } from "@shared/reel";
-import { ffmpegService } from "../ffmpeg";
-import { generateVideoThumbnail } from "../thumbnail";
-import type { JobContext } from "./queue";
-import { resolveGeminiApiKey, resolveLogoPath, resolveQwenTarget } from "./assets";
-import { REMOTION_TEMP_DIR, localHttpUrl, tempFileUrl, toDataUrl } from "./remotionAssets";
-import { renderReelComposition } from "./remotionRenderer";
-
-export { REMOTION_TEMP_DIR };
-
-export async function runImagesReelJob({ job, progress }: JobContext): Promise<ImagesReelResult> {
-  const params = imagesReelParamsSchema.parse(job.params);
-  const jobTempFiles: string[] = [];
-
-  try {
-    await progress(5, "prepare");
-    const images = await Promise.all(params.imageUrls.map(toDataUrl));
-    const logoPath = await resolveLogoPath();
-    const logoUrl = logoPath ? await toDataUrl(logoPath) : undefined;
-    const musicUrl = params.musicUrl ? localHttpUrl(params.musicUrl) : undefined;
-    const { overlayText, storeName } = params;
-
-    // --- Voix et minutage réel des mots ---
-    let audioUrl: string | undefined;
-    let words: { text: string; start: number; end: number }[] = [];
-    let audioDuration = 0;
-
-    const spokenText = overlayText ? cleanCaptionText(overlayText) : "";
-    if (params.ttsEnabled && spokenText) {
-      await progress(15, "voice");
-      const voice = await ffmpegService.previewVoice(spokenText, {
-        voice: params.ttsVoice,
-        engine: params.ttsEngine,
-        style: params.ttsStyle,
-        geminiApiKey: await resolveGeminiApiKey(params.ttsEngine),
-        qwen: await resolveQwenTarget(params.ttsEngine),
-      });
-      for (const warning of voice.warnings) console.warn(`⚠️ [Reels] ${warning}`);
-
-      const audioPath = path.join(REMOTION_TEMP_DIR, `tts-${job.id}.mp3`);
-      await fs.promises.writeFile(audioPath, voice.audio);
-      jobTempFiles.push(audioPath);
-      audioUrl = tempFileUrl(audioPath);
-      audioDuration = voice.duration;
-      words = voice.words;
-    }
-
-    // --- Durée : 25 à 30 s (mêmes règles que l'aperçu) ---
-    const { total, endingSeconds } = computeImagesTiming({
-      imageCount: images.length,
-      voiceDuration: audioDuration,
-      hasEnding: Boolean(logoUrl || storeName),
-    });
-
-    await progress(25, "render");
-    const outputLocation = path.join(REMOTION_TEMP_DIR, `out-${job.id}.mp4`);
-    let lastReported = 25;
-    await renderReelComposition({
-      compositionId: "ImageVideo",
-      outputLocation,
-      inputProps: {
-        images,
-        totalDuration: total,
-        words,
-        captionStyle: params.captionStyle,
-        audioUrl,
-        musicUrl,
-        musicVolume: params.musicVolume,
-        logoUrl,
-        showWatermark: params.showLogo,
-        storeName,
-        endingSeconds,
-      },
-      onProgress: (ratio) => {
-        const pct = 25 + Math.floor(ratio * 70);
-        if (pct >= lastReported + 5) {
-          lastReported = pct;
-          progress(pct, "render").catch(() => { /* non bloquant */ });
-        }
-      },
-    });
-
-    const thumbnailPath = outputLocation.replace(/\.mp4$/, "-thumb.jpg");
-    const thumbnailOk = await generateVideoThumbnail(outputLocation, thumbnailPath, 2);
-
-    return {
-      url: `/uploads/temp/${path.basename(outputLocation)}`,
-      thumbnailUrl: thumbnailOk ? `/uploads/temp/${path.basename(thumbnailPath)}` : null,
-    };
-  } finally {
-    // Images, musique importée et voix ne servent plus une fois le rendu fini
-    for (const file of [...params.tempFiles, ...jobTempFiles]) {
-      await fs.promises.unlink(file).catch(() => { /* déjà absent */ });
-    }
-  }
-}

server/services/reels/index.ts

@@ -5,10 +5,8 @@
 
 import { registerReelJobHandler, startReelWorker } from "./queue";
 import { runVideoReelJob } from "./videoPipeline";
-import { runImagesReelJob } from "./imagesPipeline";
 
 export function startReelProcessing(): Promise<void> {
   registerReelJobHandler("video", runVideoReelJob);
-  registerReelJobHandler("images", runImagesReelJob);
   return startReelWorker();
 }

server/services/reels/remotionRenderer.ts

@@ -45,7 +45,7 @@ function renderConcurrency(): number {
 }
 
 export async function renderReelComposition(options: {
-  compositionId: "ReelVideo" | "ImageVideo";
+  compositionId: "ReelVideo";
   inputProps: Record<string, unknown>;
   outputLocation: string;
   onProgress?: (ratio: number) => void;