// app/bereal.jsx — Page principale "Paparazzis" (BeReal du mariage)
// Voir Feature 3 — BeReal du mariage.html pour la spec complète.
function BerealPage() {
// Force un re-render quand les posts changent (publication, suppression…)
const [tick, setTick] = React.useState(0);
const bump = React.useCallback(() => setTick(t => t + 1), []);
// Welcome overlay au tout premier accès
const [showWelcome, setShowWelcome] = React.useState(() => !Store.get(BR_FIRST_VISIT, false));
const dismissWelcome = () => { Store.set(BR_FIRST_VISIT, true); setShowWelcome(false); };
// Phila 1er post overlay
const [showPhilaFirst, setShowPhilaFirst] = React.useState(false);
// Lightbox
const [lightbox, setLightbox] = React.useState(null); // { post, prompt, isMine }
// Composer
const [composer, setComposer] = React.useState(null); // { prompt }
// Vue : "mur" | "archive" | "archiveDetail" | "philaSecret"
const [view, setView] = React.useState("mur");
const [archiveDetailId, setArchiveDetailId] = React.useState(null);
// Bannière "le prompt N°X est archivé"
const [archivedBanner, setArchivedBanner] = React.useState(null);
// Au mount : check bascule auto + détection nouveau prompt archivé
React.useEffect(() => {
if (brCheckBackupTrigger()) bump();
// Notification "prompt archivé"
const archived = brGetArchivedPrompts();
const lastSeen = Store.get(BR_LAST_SEEN_FERM, 0);
const newestArchive = archived[0];
if (newestArchive) {
const ferme = new Date(newestArchive.ferme_le).getTime();
if (ferme > lastSeen && Date.now() - ferme < 7 * 86400000) {
setArchivedBanner(newestArchive);
}
}
}, []);
const dismissArchivedBanner = () => {
if (archivedBanner) Store.set(BR_LAST_SEEN_FERM, new Date(archivedBanner.ferme_le).getTime());
setArchivedBanner(null);
};
// ─── Pause jour J ────────────────────────────────────────────────────
if (brIsPauseDay()) {
return ;
}
// ─── Computed states ─────────────────────────────────────────────────
const activePrompt = brGetActivePrompt();
const isClubPhila = brIsClubPhila();
// ─── Handlers ────────────────────────────────────────────────────────
const onPublish = (postData) => {
const post = {
id: `p-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
prompt_id: composer.prompt.id,
statut: "publie",
publie_le: new Date().toISOString(),
...postData,
};
brSavePost(post);
// 1er post de l'invité ?
const isFirstEver = !Store.get(BR_FIRST_POST, false);
if (isFirstEver) {
Store.set(BR_FIRST_POST, true);
setShowPhilaFirst(true);
}
setComposer(null);
bump();
};
// ─── Render ─────────────────────────────────────────────────────────
return (
{view === "mur"
? "Un prompt par semaine, une photo, une légende. Tout reste — jusqu'au Carnet."
: view === "philaSecret"
? "Réservé aux 5+ posts. Seuls les autres membres du Club voient vos réponses."
: "Les semaines passées, conservées intactes."}
);
}
// ─────────────────────────────────────────────────────────────────────────
// BrCountdownBar — "il te reste X jours pour poster"
// ─────────────────────────────────────────────────────────────────────────
function BrCountdownBar({ prompt, onAct }) {
const diff = Math.max(0, new Date(prompt.ferme_le).getTime() - Date.now());
const days = Math.floor(diff / 86400000);
const hours = Math.floor((diff % 86400000) / 3600000);
const label = days >= 1
? `Il te reste ${days} jour${days > 1 ? "s" : ""} pour poster`
: `Plus que ${hours} h pour poster`;
return (
);
}
function BrAnsweredBar({ onModify }) {
return (
Bravo, tu as répondu — voici tout le monde.
);
}
// ─────────────────────────────────────────────────────────────────────────
// BrWall — grille de polaroids
// ─────────────────────────────────────────────────────────────────────────
function BrWall({ posts, myPostId, prompt, onOpenLightbox }) {
if (!posts.length) {
return (
Personne n'a encore répondu. Sois le premier paparazzi.
);
}
// Si l'utilisateur a posté, on met son post en tête
const sorted = myPostId
? [posts.find(p => p.id === myPostId), ...posts.filter(p => p.id !== myPostId)].filter(Boolean)
: posts;
return (