Correctifs de sécurité : XSS stocké, SSRF, force brute, aléa des mots de passe

Audit de l'application. Cinq corrections, la première critique.

XSS stocké non authentifié (critique)
- Le journal d'activité était rendu avec `dangerouslySetInnerHTML` alors qu'il
  agrège des saisies de tiers : titre de promotion d'un adhérent, et surtout nom
  laissé dans le formulaire de contact PUBLIC. N'importe quel visiteur pouvait
  donc faire exécuter du script dans le navigateur d'un administrateur, et
  prendre la main sur son compte.
- Défense aux deux bouts : `sanitizeActivityMessage` ne laisse passer que
  <strong> à l'écriture, et `activityNodes` rend le message en éléments React —
  un message déjà stocké en base ne peut plus rien injecter.

SSRF
- `loadPromoImage` allait chercher toute URL http(s) placée dans le champ image
  d'une promotion, et en poussait le contenu vers Facebook ou LinkedIn : de quoi
  atteindre un service interne ou les métadonnées de l'hébergeur. Seules les
  data-URI sont désormais acceptées, ce qui couvre tous les usages réels.
- Les images sont en plus validées à l'écriture (type et taille), côté promotion
  comme côté profil adhérent.

Authentification
- Aucun frein sur la connexion : blocage progressif après 8 échecs par compte.
- La comparaison bcrypt est menée même sans compte correspondant, sinon le temps
  de réponse révélait quelles adresses existent.

Aléa
- Les mots de passe temporaires venaient de `Math.random()`, prédictible :
  passage à `randomInt` de node:crypto, et longueur portée à 12.

En-têtes
- nosniff, X-Frame-Options, Referrer-Policy, Permissions-Policy et
  frame-ancestors. Une CSP complète demandera des nonces sur les scripts Next.

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

src/app/actions/public.ts

@@ -3,13 +3,15 @@
 import { revalidatePath } from "next/cache";
 import { db } from "@/db";
 import { activityLog, contactMessages, membershipRequests } from "@/db/schema";
+import { sanitizeActivityMessage } from "@/lib/activity";
 
 export type SubmitResult = { ok: boolean; error?: string };
 
 const isEmail = (v: string) => /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(v);
 
 async function logActivity(message: string, dot: string) {
-  await db.insert(activityLog).values({ message, dot });
+  // Saisie publique non authentifiée : filtrage obligatoire.
+  await db.insert(activityLog).values({ message: sanitizeActivityMessage(message), dot });
 }
 
 // ---- Demande pour devenir membre (public, sans authentification) ----

src/app/backend/actions.ts

@@ -1,5 +1,6 @@
 "use server";
 
+import { randomInt } from "node:crypto";
 import { revalidatePath } from "next/cache";
 import { headers } from "next/headers";
 import { redirect } from "next/navigation";
@@ -23,6 +24,7 @@ import {
   socialPosts,
   users,
 } from "@/db/schema";
+import { sanitizeActivityMessage } from "@/lib/activity";
 import { can, LABEL_TO_ROLE } from "@/lib/rbac";
 import {
   isNetworkConfigured,
@@ -62,15 +64,18 @@ function slugify(input: string): string {
 }
 
 async function logActivity(message: string, dot = "#2C6FB3") {
-  await db.insert(activityLog).values({ message, dot });
+  // Le message agrège des saisies de tiers : on ne laisse passer que <strong>.
+  await db.insert(activityLog).values({ message: sanitizeActivityMessage(message), dot });
 }
 
 // Mot de passe temporaire lisible (sans caractères ambigus).
+// `randomInt` et non `Math.random()` : ce dernier n'est pas cryptographique et
+// permet de prédire les mots de passe suivants à partir de quelques tirages.
 function generateTempPassword(): string {
   const alphabet = "ABCDEFGHJKMNPQRSTUVWXYZabcdefghijkmnpqrstuvwxyz23456789";
   let out = "";
-  for (let i = 0; i < 10; i++) {
-    out += alphabet[Math.floor(Math.random() * alphabet.length)];
+  for (let i = 0; i < 12; i++) {
+    out += alphabet[randomInt(alphabet.length)];
   }
   return out;
 }
@@ -107,6 +112,23 @@ function asNullableString(formData: FormData, key: string) {
   return asString(formData, key) || null;
 }
 
+// ~3 Mo de base64, soit environ 2,2 Mo d'image réelle.
+const MAX_IMAGE_DATA_URI = 3_000_000;
+const IMAGE_DATA_URI = /^data:image\/(png|jpeg|jpg|webp|gif);base64,[A-Za-z0-9+/=\s]+$/;
+
+/**
+ * N'accepte qu'une image en data-URI. Une URL http(s) ferait appeler par le
+ * serveur une adresse choisie par l'utilisateur (SSRF) au moment de la
+ * publication sur les réseaux.
+ */
+function asImageDataUri(formData: FormData, key: string): string | null {
+  const value = String(formData.get(key) ?? "").trim();
+  if (!value) return null;
+  if (value.length > MAX_IMAGE_DATA_URI) throw new Error("Image trop volumineuse (3 Mo maximum).");
+  if (!IMAGE_DATA_URI.test(value)) throw new Error("Format d'image non accepté.");
+  return value;
+}
+
 function revalidatePromoPaths(memberId?: number | null) {
   revalidatePath("/backend/promotions");
   revalidatePath("/backend/espace");
@@ -360,7 +382,7 @@ export async function publishPromo(formData: FormData) {
   const text = String(formData.get("text") ?? "").slice(0, 240);
   const category = String(formData.get("category") ?? "");
   const badge = String(formData.get("badge") ?? "").trim() || null;
-  const imageUrl = String(formData.get("imageUrl") ?? "") || null;
+  const imageUrl = asImageDataUri(formData, "imageUrl");
 
   // Réseaux souhaités : rien n'est publié ici, la diffusion attend la validation.
   await db.insert(promotions).values({
@@ -558,7 +580,7 @@ export async function inviteAdmin(formData: FormData) {
   if (existing.length > 0) return;
 
   // Temporary password — the invitee resets it on first login (out of scope here).
-  const tempPassword = Math.random().toString(36).slice(2, 12);
+  const tempPassword = generateTempPassword();
   await db.insert(users).values({
     name,
     email,
@@ -1047,8 +1069,10 @@ export async function updateOwnProfile(formData: FormData) {
       website: normalizeWebsite(String(formData.get("website") ?? "")),
       hours: String(formData.get("hours") ?? "").trim() || null,
       tags: String(formData.get("tags") ?? "").trim() || null,
-      coverUrl: String(formData.get("coverUrl") ?? "").trim() || null,
-      logoUrl: String(formData.get("logoUrl") ?? "").trim() || null,
+      // Images restreintes aux data-URI : un adhérent ne peut pas faire pointer
+      // sa fiche publique vers une ressource externe qu'il contrôle.
+      coverUrl: asImageDataUri(formData, "coverUrl"),
+      logoUrl: asImageDataUri(formData, "logoUrl"),
     })
     // Sécurité : on ne touche que SA propre fiche, jamais statut/catégorie/mise à l'honneur.
     .where(eq(members.id, memberId));

src/app/backend/page.tsx

@@ -4,6 +4,7 @@ import { desc, eq } from "drizzle-orm";
 import { auth } from "@/auth";
 import { db } from "@/db";
 import { activityLog, contactMessages, members, membershipRequests, promotions } from "@/db/schema";
+import { activityNodes } from "@/lib/activity";
 import { can, isStaff } from "@/lib/rbac";
 import { expiryStatus, getSocialAccounts, SOCIAL_LABELS } from "@/lib/social-accounts";
 
@@ -125,10 +126,9 @@ export default async function DashboardPage() {
             {activity.map((a) => (
               <div key={a.id} style={{ display: "flex", alignItems: "center", gap: 13 }}>
                 <span style={{ width: 9, height: 9, borderRadius: "50%", background: a.dot, flexShrink: 0 }} />
-                <div
-                  style={{ flex: 1, fontSize: 13.5, color: "#3c3322" }}
-                  dangerouslySetInnerHTML={{ __html: a.message }}
-                />
+                <div style={{ flex: 1, fontSize: 13.5, color: "#3c3322" }}>
+                  {activityNodes(a.message)}
+                </div>
                 <span style={{ fontSize: 12, color: "#a99c82", whiteSpace: "nowrap" }}>
                   {timeAgo(a.createdAt)}
                 </span>