valentin/tribunal-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Corrige le Realtime qui ne diffusait aucun événement à travers l'app
Build and deploy / deploy (push) Successful in 37s
Details

Browse Source 
Les canaux Realtime (Char, Gardien, classement, journal, calendrier,
Icare) s'abonnaient juste après createClient(), avant que la session
ne soit chargée de façon asynchrone — le canal rejoignait donc
Supabase en rôle "anon" au lieu de "authenticated", et les policies
RLS "to authenticated" bloquaient silencieusement tous les événements
(l'abonnement lui-même réussissait, ce qui masquait le problème).

Ajoute waitForRealtimeAuth() dans src/lib/supabase/client.ts, qui
attend la session et pousse explicitement le token avant de
s'abonner. Vérifié avec deux sessions navigateur distinctes : les
changements se propagent maintenant réellement sans rechargement.
This commit is contained in:
Valentin ROBIN
2026-08-19 00:40:02 +02:00
parent 1e7ff621e4
commit 0c4814f4d6
7 changed files with 128 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/calendrier/calendrier-view.tsx
+15 -8
View File
@@ -1,7 +1,7 @@
"use client";
import { useEffect, useState } from "react";
import { createClient } from "@/lib/supabase/client";
import { createClient, waitForRealtimeAuth } from "@/lib/supabase/client";
import { DayCard, type DayRow } from "./day-card";
import { PANTHEON_PRESETS, getGodPreset } from "@/lib/pantheon";
import { IconPlus } from "@/components/icons";
@@ -69,15 +69,22 @@ export function CalendrierView({
useEffect(() => {
const supabase = createClient();
const channel = supabase
.channel("calendrier-changes")
.on("postgres_changes", { event: "*", schema: "public", table: "days" }, refetch)
.on("postgres_changes", { event: "*", schema: "public", table: "events" }, refetch)
.on("postgres_changes", { event: "*", schema: "public", table: "settings" }, refetch)
.subscribe();
let channel: ReturnType<typeof supabase.channel> | null = null;
let cancelled = false;
waitForRealtimeAuth(supabase).then(() => {
if (cancelled) return;
channel = supabase
.channel("calendrier-changes")
.on("postgres_changes", { event: "*", schema: "public", table: "days" }, refetch)
.on("postgres_changes", { event: "*", schema: "public", table: "events" }, refetch)
.on("postgres_changes", { event: "*", schema: "public", table: "settings" }, refetch)
.subscribe();
});
return () => {
supabase.removeChannel(channel);
cancelled = true;
if (channel) supabase.removeChannel(channel);
};
}, []);