Aucun profil ne correspond à votre recherche.
${p.bio}
${provider === 'Google' ? 'VOTRE_GOOGLE_CLIENT_ID' : 'VOTRE_APPLE_SERVICES_ID'} dans le code.
Configurer →`;
errEl.style.display = 'block';
}
function showError(msg) {
const errEl = document.getElementById('signupError');
errEl.textContent = '⚠️ ' + msg;
errEl.style.display = 'block';
}
/* ================================================================
SESSION MANAGEMENT — login / logout / restore
================================================================ */
let currentUser = null;
function loginUser(user) {
// user = { name, email, avatar, provider }
currentUser = user;
try { sessionStorage.setItem('cofyndo_user', JSON.stringify(user)); } catch(e){}
// Update navbar
const navUser = document.getElementById('navUser');
const navSignIn = document.getElementById('navSignIn');
const navJoin = document.getElementById('navGetStarted');
const avatar = document.getElementById('navUserAvatar');
const nameEl = document.getElementById('navUserName');
const udName = document.getElementById('udName');
const udEmail = document.getElementById('udEmail');
const displayName = user.name || user.email?.split('@')[0] || 'Utilisateur';
const initial = displayName.charAt(0).toUpperCase();
avatar.textContent = initial;
nameEl.textContent = displayName;
udName.textContent = displayName;
udEmail.textContent = user.email || (user.provider ? `via ${user.provider}` : '');
navSignIn.style.display = 'none';
navJoin.style.display = 'none';
navUser.classList.add('visible');
// Toggle dropdown on click
navUser.addEventListener('click', (e) => {
e.stopPropagation();
navUser.classList.toggle('menu-open');
});
document.addEventListener('click', () => navUser.classList.remove('menu-open'));
// Close signup page
closePage('signupPage');
// Welcome toast
showWelcomeToast(displayName, user.provider);
// Check if user had a pending plan purchase
setTimeout(checkPendingPlan, 500);
}
function logoutUser() {
currentUser = null;
try { sessionStorage.removeItem('cofyndo_user'); } catch(e){}
const navUser = document.getElementById('navUser');
const navSignIn = document.getElementById('navSignIn');
const navJoin = document.getElementById('navGetStarted');
navUser.classList.remove('visible', 'menu-open');
navSignIn.style.display = '';
navJoin.style.display = '';
showToast('👋 Vous êtes déconnecté.', 'var(--card-border)');
}
function restoreSession() {
try {
const saved = sessionStorage.getItem('cofyndo_user');
if (saved) loginUser(JSON.parse(saved));
} catch(e){}
}
function showWelcomeToast(name, provider) {
const providerLine = provider ? ` via ${provider}` : '';
showToast(`✅ Bienvenue, ${name} !${providerLine}`, 'rgba(62,255,199,.25)');
}
function showToast(html, borderColor) {
const old = document.getElementById('cofToast');
if (old) old.remove();
const t = document.createElement('div');
t.id = 'cofToast';
t.style.cssText = `
position:fixed; bottom:28px; left:50%; transform:translateX(-50%) translateY(20px);
background:var(--bg2); border:1px solid ${borderColor};
border-radius:var(--r-md); padding:14px 22px;
display:flex; align-items:center; gap:10px;
box-shadow:0 8px 32px rgba(0,0,0,.4);
z-index:9999; font-size:14px; color:var(--text);
opacity:0; transition:all .35s var(--ease);
white-space:nowrap;
`;
t.innerHTML = html;
document.body.appendChild(t);
requestAnimationFrame(() => {
t.style.opacity = '1';
t.style.transform = 'translateX(-50%) translateY(0)';
});
setTimeout(() => {
t.style.opacity = '0';
t.style.transform = 'translateX(-50%) translateY(10px)';
setTimeout(() => t.remove(), 400);
}, 3500);
}
/* ================================================================
SIGNUP / SIGNIN FORM
================================================================ */
/* ================================================================
SUPABASE CONFIG — replace with your own credentials
Get them from: supabase.com → Your Project → Settings → API
================================================================ */
const SUPABASE_URL = 'VOTRE_SUPABASE_URL'; // e.g. https://xyz.supabase.co
const SUPABASE_KEY = 'VOTRE_SUPABASE_ANON_KEY'; // anon public key
async function handleSignup(e) {
e.preventDefault();
const btn = document.getElementById('signupSubmitBtn');
const errEl = document.getElementById('signupError');
errEl.style.display = 'none';
// ── SIGN-IN MODE ──
if (isSigninMode) {
const identifier = document.getElementById('su-identifier').value.trim();
const pass = document.getElementById('su-pass').value;
if (!identifier || !pass) {
errEl.textContent = '⚠️ Veuillez remplir tous les champs.';
errEl.style.display = 'block';
return;
}
btn.textContent = 'Connexion en cours…';
btn.disabled = true;
if (SUPABASE_URL === 'VOTRE_SUPABASE_URL') {
setTimeout(() => {
const id = document.getElementById('su-identifier').value.trim();
loginUser({ name: id, email: id.includes('@') ? id : '', provider: null });
btn.textContent = 'Se connecter →';
btn.style.background = ''; btn.style.color = '';
btn.disabled = false;
}, 1000);
return;
}
try {
// Determine if identifier is email, phone, or username
let email = identifier;
if (!identifier.includes('@')) {
// Try to look up by username/phone — app-specific logic
email = identifier; // fallback, replace with your lookup
}
const res = await fetch(`${SUPABASE_URL}/auth/v1/token?grant_type=password`, {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'apikey': SUPABASE_KEY },
body: JSON.stringify({ email, password: pass })
});
const data = await res.json();
if (!res.ok) throw new Error(data.error_description || data.msg || 'Identifiants incorrects');
loginUser({ name: data.user?.user_metadata?.name || identifier, email: data.user?.email || identifier, provider: null });
btn.textContent = 'Se connecter →'; btn.style.background = ''; btn.style.color = ''; btn.disabled = false;
} catch(err) {
errEl.textContent = '⚠️ ' + err.message;
errEl.style.display = 'block';
btn.textContent = 'Se connecter →';
btn.disabled = false;
}
return;
}
// ── SIGN-UP MODE ──
const name = document.getElementById('su-name').value.trim();
const email = document.getElementById('su-email').value.trim();
const pass = document.getElementById('su-pass').value;
btn.textContent = 'Inscription en cours…';
btn.disabled = true;
// Check if Supabase is configured
if (SUPABASE_URL === 'VOTRE_SUPABASE_URL') {
setTimeout(() => {
const n = document.getElementById('su-name').value.trim();
const em = document.getElementById('su-email').value.trim();
loginUser({ name: n, email: em, provider: null });
btn.textContent = 'Rejoindre Cofyndo →';
btn.style.background = ''; btn.style.color = '';
btn.disabled = false;
}, 1200);
return;
}
try {
// 1. Create auth user
const authRes = await fetch(`${SUPABASE_URL}/auth/v1/signup`, {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'apikey': SUPABASE_KEY },
body: JSON.stringify({ email, password: pass })
});
const authData = await authRes.json();
if (!authRes.ok) {
throw new Error(authData.msg || authData.error_description || 'Erreur lors de l\'inscription');
}
// 2. Save extra profile info to users table
await fetch(`${SUPABASE_URL}/rest/v1/users`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'apikey': SUPABASE_KEY,
'Authorization': `Bearer ${authData.access_token}`,
'Prefer': 'return=minimal'
},
body: JSON.stringify({
id: authData.user?.id,
name,
email,
plan: 'starter',
created_at: new Date().toISOString()
})
});
// Success
loginUser({ name, email, provider: null });
btn.textContent = 'Rejoindre Cofyndo →';
btn.style.background = ''; btn.style.color = '';
btn.disabled = false;
} catch (err) {
errEl.textContent = '⚠️ ' + err.message;
errEl.style.display = 'block';
btn.textContent = 'Rejoindre Cofyndo →';
btn.disabled = false;
}
}
let isSigninMode = false;
function updateOAuthLabels(mode) {
const prefix = mode === 'signin' ? 'Se connecter' : 'Continuer';
document.getElementById('oauthGoogleLabel').textContent = prefix + ' avec Google';
document.getElementById('oauthAppleLabel').textContent = prefix + ' avec Apple';
}
function handleSignin() {
isSigninMode = true;
document.querySelector('.signup-title').textContent = 'Connexion à Cofyndo';
document.querySelector('.signup-sub').textContent = 'Bon retour parmi nous 👋';
document.getElementById('formDividerText').innerHTML = 'ou se connecter avec vos identifiants';
if (document.querySelector('.sl-headline')) {
document.querySelector('.sl-headline').innerHTML = 'Bon retourWelcome to WordPress. This is your first post. Edit or delete it, then start writing!
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.
Laisser un commentaire