URL publique du site réglable depuis le backoffice

Connecter un réseau social imposait de poser NEXT_PUBLIC_SITE_URL dans
docker-compose et de redémarrer le conteneur. L'écran Réseaux sociaux porte
désormais le champ, pré-rempli avec l'adresse par laquelle l'administrateur
consulte la page.

- Nouveau réglage `site_public_url` ; `siteUrl()` lit la base puis retombe sur
  les variables d'environnement, donc les déploiements actuels ne bougent pas.
- `siteUrl()`, `redirectUri()`, `authorizeUrl()`, `promoLink()` et
  `buildPromoMessage()` deviennent asynchrones.
- Seule l'origine est conservée : le schéma est ajouté s'il manque, un chemin
  est retiré, et une adresse invalide revient sur l'écran avec un message au
  lieu d'une page d'erreur brute.
- `saveSiteSettings` saute cette clé : le formulaire Paramètres ne la contient
  pas et l'aurait écrasée à chaque enregistrement.

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

src/app/api/social/[network]/connect/route.ts

@@ -34,10 +34,11 @@ export async function GET(
     return back(request, "Réseau inconnu.");
   }
 
-  if (!siteUrl()) {
+  const base = await siteUrl();
+  if (!base) {
     return back(
       request,
-      "L'URL publique du site n'est pas configurée (NEXT_PUBLIC_SITE_URL) : impossible de construire l'adresse de retour."
+      "Renseignez d'abord l'URL publique du site : elle sert à construire l'adresse de retour."
     );
   }
 
@@ -50,11 +51,11 @@ export async function GET(
   // `state` en cookie httpOnly : vérifié au retour pour écarter toute requête
   // de rappel forgée.
   const state = randomBytes(24).toString("hex");
-  const response = NextResponse.redirect(authorizeUrl(network, account.appId, state));
+  const response = NextResponse.redirect(await authorizeUrl(network, account.appId, state));
   response.cookies.set(`plr_oauth_${network}`, state, {
     httpOnly: true,
     sameSite: "lax",
-    secure: new URL(siteUrl()).protocol === "https:",
+    secure: new URL(base).protocol === "https:",
     path: "/",
     maxAge: 600,
   });

src/app/backend/actions.ts

@@ -952,6 +952,9 @@ export async function saveSiteSettings(formData: FormData) {
   const updatedAt = new Date();
 
   for (const key of Object.keys(SITE_SETTING_DEFAULTS)) {
+    // Réglée sur l'écran Réseaux sociaux : ce formulaire ne la contient pas et
+    // l'écraserait avec une chaîne vide.
+    if (key === "site_public_url") continue;
     await db
       .insert(siteSettings)
       .values({ key, value: asString(formData, key), updatedAt })
@@ -1133,6 +1136,45 @@ export async function setContactStatus(formData: FormData) {
   revalidatePath("/backend");
 }
 
+// ---- URL publique de l'application ----
+// Sert à l'adresse de retour OAuth et au lien inséré dans les publications.
+export async function saveSitePublicUrl(formData: FormData) {
+  const { role } = await requireRole();
+  if (!can(role, "manageSettings")) throw new Error("Accès refusé");
+
+  const raw = asString(formData, "sitePublicUrl");
+  let value = "";
+  if (raw) {
+    // Le schéma est facultatif à la saisie ; seul l'origine est conservée, un
+    // chemin ou des paramètres casseraient l'adresse de retour OAuth.
+    const candidate = /^[a-z][a-z0-9+.-]*:\/\//i.test(raw) ? raw : `https://${raw}`;
+    let parsed: URL | null = null;
+    try {
+      parsed = new URL(candidate);
+    } catch {
+      parsed = null;
+    }
+    if (!parsed || !["http:", "https:"].includes(parsed.protocol) || !parsed.hostname) {
+      // Message rendu par le bandeau de l'écran, plutôt qu'une page d'erreur brute.
+      redirect(
+        `/backend/reseaux?error=${encodeURIComponent(
+          "Adresse invalide : indiquez par exemple https://pleinr.example.fr"
+        )}`
+      );
+    }
+    value = parsed.origin;
+  }
+
+  const updatedAt = new Date();
+  await db
+    .insert(siteSettings)
+    .values({ key: "site_public_url", value, updatedAt })
+    .onConflictDoUpdate({ target: siteSettings.key, set: { value, updatedAt } });
+
+  revalidatePath("/backend/reseaux");
+  revalidatePath("/backend/parametres");
+}
+
 // ---- Réseaux sociaux : identifiants d'application et connexion ----
 export async function saveSocialApp(formData: FormData) {
   const { role } = await requireRole();

src/app/backend/reseaux/page.tsx

@@ -1,3 +1,4 @@
+import { headers } from "next/headers";
 import { redirect } from "next/navigation";
 import type { CSSProperties } from "react";
 import { auth } from "@/auth";
@@ -13,7 +14,7 @@ import {
   SOCIAL_NETWORKS,
   type SocialTarget,
 } from "@/lib/social-accounts";
-import { disconnectSocial, saveSocialApp, selectSocialTarget } from "../actions";
+import { disconnectSocial, saveSitePublicUrl, saveSocialApp, selectSocialTarget } from "../actions";
 
 export const dynamic = "force-dynamic";
 
@@ -56,7 +57,20 @@ export default async function ReseauxPage({
   const { error, connected, choose } = await searchParams;
   const accounts = await getSocialAccounts();
   const byNetwork = new Map(accounts.map((a) => [a.network, a]));
-  const base = siteUrl();
+  const base = await siteUrl();
+
+  // Adresse par laquelle l'administrateur consulte cette page : proposée par
+  // défaut pour lui éviter de la recopier à la main.
+  const requestHeaders = await headers();
+  const host = requestHeaders.get("x-forwarded-host") ?? requestHeaders.get("host") ?? "";
+  const protocol = requestHeaders.get("x-forwarded-proto") ?? (host.startsWith("localhost") ? "http" : "https");
+  const detected = host ? `${protocol}://${host}` : "";
+
+  // Calculées ici : le rendu des cartes n'est pas asynchrone.
+  const redirectUris = new Map<string, string>();
+  for (const network of SOCIAL_NETWORKS) {
+    redirectUris.set(network, await redirectUri(network));
+  }
 
   // Cibles à proposer quand le compte administre plusieurs pages.
   const targets = new Map<string, SocialTarget[]>();
@@ -87,13 +101,39 @@ export default async function ReseauxPage({
         </Banner>
       )}
 
-      {!base && (
-        <Banner tone="warn">
-          L&apos;URL publique du site n&apos;est pas renseignée (variable
-          <code> NEXT_PUBLIC_SITE_URL</code>). Elle est indispensable pour construire
-          l&apos;adresse de retour OAuth : renseignez-la avant de connecter un réseau.
-        </Banner>
-      )}
+      <section style={panel}>
+        <h2 className="font-display" style={{ ...title, margin: "0 0 4px" }}>
+          URL publique du site
+        </h2>
+        <p style={{ margin: "0 0 14px", fontSize: 13.5, color: "#6c6150", lineHeight: 1.6 }}>
+          Adresse à laquelle vos visiteurs accèdent au site. Elle sert à construire
+          l&apos;adresse de retour des connexions Facebook et LinkedIn, et le lien inséré dans
+          les publications.
+        </p>
+        <form action={saveSitePublicUrl} style={{ display: "flex", gap: 10, flexWrap: "wrap", alignItems: "flex-end" }}>
+          <div style={{ flex: "1 1 320px", minWidth: 0 }}>
+            <label className="field-label">Adresse</label>
+            <input
+              name="sitePublicUrl"
+              className="field"
+              defaultValue={base || detected}
+              placeholder="https://pleinr.example.fr"
+            />
+          </div>
+          <button type="submit" style={submitButton}>Enregistrer</button>
+        </form>
+        {!base && detected && (
+          <div style={{ marginTop: 10, fontSize: 12.5, color: "#9a6638" }}>
+            Adresse détectée depuis votre navigation : <strong>{detected}</strong>. Vérifiez-la puis
+            enregistrez.
+          </div>
+        )}
+        {!base && !detected && (
+          <div style={{ marginTop: 10, fontSize: 12.5, color: "#a8503c" }}>
+            Renseignez cette adresse avant de connecter un réseau social.
+          </div>
+        )}
+      </section>
 
       {SOCIAL_NETWORKS.map((network) => {
         const account = byNetwork.get(network);
@@ -240,7 +280,7 @@ export default async function ReseauxPage({
               <div style={{ marginTop: 10 }}>
                 <div className="field-label">URL de redirection à déclarer</div>
                 <code style={{ display: "block", background: "#faf7ef", border: "1px solid #f0e8d6", borderRadius: 9, padding: "10px 12px", fontSize: 12.5, color: "#3c3322", overflowWrap: "anywhere" }}>
-                  {base ? redirectUri(network) : "— renseignez d'abord NEXT_PUBLIC_SITE_URL —"}
+                  {base ? redirectUris.get(network) : "— renseignez d'abord l'URL publique du site ci-dessus —"}
                 </code>
               </div>
               {help.caution && (