Files
obc-terrassement/lib/site-images.ts
Claude 7a46501ba3 feat: upload images vers bucket Supabase privé avec Signed URLs
- Nouvelle route POST /api/admin/upload : upload multipart vers le bucket
  private-gallery, validation MIME + taille (max 5 Mo), retourne storage:path
- lib/site-images.ts : détecte le préfixe "storage:" et génère une Signed
  URL temporaire (60 min) côté serveur avant chaque rendu de page
- GET /api/admin/site-images : résout aussi les signed URLs pour les previews
  admin (champ previewUrl distinct de url brute)
- PUT /api/admin/site-images : accepte désormais les chemins "storage:..."
  en plus des URLs externes
- Page admin images : drag & drop + input file avec upload automatique +
  sauvegarde en BDD, badge "bucket privé", instructions SQL pour créer
  la table et la policy du bucket private-gallery

https://claude.ai/code/session_01PzA98VhLMmsHpzs7gnLHGs
2026-02-19 06:16:15 +00:00

127 lines
4.1 KiB
TypeScript

import { createAdminClient } from "@/lib/supabase/server";
export interface SiteImage {
key: string;
url: string;
label: string;
updated_at?: string;
}
// Images par défaut (utilisées si la table n'existe pas ou si l'image n'est pas configurée)
export const DEFAULT_IMAGES: Record<string, { url: string; label: string }> = {
hero_portrait: {
url: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=500&q=80",
label: "Photo portrait (Hero)",
},
about_photo: {
url: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=600&q=80",
label: "Photo Enguerrand (Qui suis-je)",
},
process_google: {
url: "https://images.unsplash.com/photo-1611162617213-7d7a39e9b1d7?auto=format&fit=crop&w=600&q=80",
label: "Image Avis Google (étape 1)",
},
process_facebook: {
url: "https://images.unsplash.com/photo-1611162616305-c69b3fa7fbe0?auto=format&fit=crop&w=600&q=80",
label: "Image Facebook (étape 2)",
},
process_site: {
url: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=600&q=80",
label: "Image Site Internet (étape 3)",
},
demo_macon: {
url: "https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=600&q=80",
label: "Image démo Maçon",
},
demo_paysagiste: {
url: "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=600&q=80",
label: "Image démo Paysagiste",
},
demo_plombier: {
url: "https://images.unsplash.com/photo-1581244277943-fe4a9c777189?auto=format&fit=crop&w=600&q=80",
label: "Image démo Plombier",
},
};
const STORAGE_PREFIX = "storage:";
const BUCKET = "private-gallery";
// Durée de validité des Signed URLs : 1 heure
const SIGNED_URL_TTL = 3600;
/**
* Résout une valeur stockée en BDD vers une URL publique.
* Si la valeur commence par "storage:", génère une Signed URL temporaire (60 min)
* depuis le bucket privé Supabase.
* Sinon, retourne la valeur telle quelle (URL externe).
*/
async function resolveUrl(raw: string): Promise<string> {
if (!raw.startsWith(STORAGE_PREFIX)) return raw;
const filePath = raw.slice(STORAGE_PREFIX.length); // ex: "hero_portrait/image.jpg"
const supabase = createAdminClient();
const { data, error } = await supabase.storage
.from(BUCKET)
.createSignedUrl(filePath, SIGNED_URL_TTL);
if (error || !data?.signedUrl) {
// En cas d'erreur, on renvoie l'URL brute (le placeholder s'affichera)
return raw;
}
return data.signedUrl;
}
/**
* Récupère toutes les images du site depuis Supabase.
* Les valeurs "storage:..." sont converties en Signed URLs à la volée.
* Fallback sur les valeurs par défaut si la table n'existe pas.
*/
export async function getSiteImages(): Promise<Record<string, string>> {
const result: Record<string, string> = {};
// Mettre les defaults d'abord
for (const [key, val] of Object.entries(DEFAULT_IMAGES)) {
result[key] = val.url;
}
try {
const supabase = createAdminClient();
const { data, error } = await supabase.from("site_images").select("key, url");
const rows = (data ?? []) as unknown as Pick<SiteImage, "key" | "url">[];
if (!error) {
// Résoudre toutes les URLs en parallèle (signed URLs pour les paths storage:)
await Promise.all(
rows.map(async (row) => {
if (row.url) {
result[row.key] = await resolveUrl(row.url);
}
})
);
}
} catch {
// Table n'existe pas encore, on utilise les defaults
}
return result;
}
/**
* Met à jour une image du site.
* Accepte une URL externe (https://...) ou un chemin storage (storage:...).
*/
export async function updateSiteImage(key: string, url: string): Promise<boolean> {
try {
const supabase = createAdminClient();
const label = DEFAULT_IMAGES[key]?.label || key;
const { error } = await (supabase.from("site_images") as ReturnType<typeof supabase.from>).upsert(
{ key, url, label, updated_at: new Date().toISOString() } as Record<string, unknown>,
{ onConflict: "key" }
);
return !error;
} catch {
return false;
}
}