Repository navigation
Expand file tree
/
Copy pathapp.js
More file actions
231 lines (214 loc) · 18.4 KB
/
Copy pathapp.js
File metadata and controls
231 lines (214 loc) · 18.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
const SUPABASE_URL = "https://azsmxatdvhpjdziiehoi.supabase.co";
// Publishable keys identify the project; authorization is enforced by Auth + RLS.
// Never place a Supabase secret/service_role key in browser code.
const SUPABASE_PUBLISHABLE_KEY = "sb_publishable_ua5OPYHgBNbr4D68eYc3Ag_3L4T6kfK";
const sb = window.supabase.createClient(SUPABASE_URL, SUPABASE_PUBLISHABLE_KEY, {
auth:{persistSession:true,autoRefreshToken:true,detectSessionInUrl:true}
});
let currentUser = null;
let planItemsCache = [];
let goals = {kcal_target:1950,protein_target_g:140,carbs_target_g:205,fat_target_g:60,water_target_l:2.5};
const today = () => {
const d=new Date(), y=d.getFullYear(),m=String(d.getMonth()+1).padStart(2,'0'),day=String(d.getDate()).padStart(2,'0');
return `${y}-${m}-${day}`;
};
const dayStart = () => new Date(today()+'T00:00:00').toISOString();
const dayEnd = () => new Date(today()+'T23:59:59.999').toISOString();
const esc=s=>String(s??'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]));
const mealTypeToDb = (label) => ({
'Café da manhã':'cafe_da_manha',
'Almoço':'almoco',
'Lanche':'lanche',
'Jantar':'jantar',
'Extra':'extra'
}[label] || label);
const mealTypeFromDb = (value) => ({
'cafe_da_manha':'Café da manhã',
'almoco':'Almoço',
'lanche':'Lanche',
'jantar':'Jantar',
'extra':'Extra'
}[value] || value);
const workoutTypeToDb = (label) => ({'Musculação':'musculacao','Natação':'natacao','Corrida':'corrida','Outro':'outro'}[label] || label);
const workoutTypeFromDb = (value) => ({'musculacao':'Musculação','natacao':'Natação','corrida':'Corrida','outro':'Outro'}[value] || value);
const showError = (e) => alert(e?.message || e || 'Ocorreu um erro.');
let toastTimer;
function showToast(message){
toast.textContent=message;toast.classList.add('show');clearTimeout(toastTimer);
toastTimer=setTimeout(()=>toast.classList.remove('show'),2200);
}
async function loginGoogle(){
const redirectTo = 'https://searomjf.github.io/jeferson-fit/';
const {error} = await sb.auth.signInWithOAuth({provider:'google',options:{redirectTo}});
if(error) showError(error);
}
async function logout(){await sb.auth.signOut();location.reload()}
async function initAuth(){
const {data:{session}} = await sb.auth.getSession();
if(session) await enterApp(session.user);
sb.auth.onAuthStateChange(async (_event,session)=>{ if(session?.user && !currentUser) await enterApp(session.user); });
}
async function enterApp(user){
currentUser=user;
loginScreen.classList.add('hidden');appScreen.classList.remove('hidden');
userName.textContent=user.user_metadata?.full_name || user.email || 'Usuário';
if(user.user_metadata?.avatar_url){avatar.src=user.user_metadata.avatar_url;avatar.classList.remove('hidden')}
await ensureProfileAndGoals();
await refreshAll();
}
async function ensureProfileAndGoals(){
await sb.from('profiles').upsert({user_id:currentUser.id,display_name:currentUser.user_metadata?.full_name||null},{onConflict:'user_id'});
const {data,error}=await sb.from('user_goals').select('*').eq('user_id',currentUser.id).order('active_from',{ascending:false}).limit(1);
if(error) return showError(error);
if(!data?.length){
const {error:e}=await sb.from('user_goals').insert({user_id:currentUser.id,kcal_target:1950,protein_target_g:140,carbs_target_g:205,fat_target_g:60,water_target_l:2.5});
if(e) return showError(e);
} else goals=data[0];
renderGoals();
}
async function refreshAll(){await Promise.all([loadToday(),loadProgress(),loadHistory(),loadPlanItems()]);}
async function loadToday(){
const [mealsR,logR,workR]=await Promise.all([
sb.from('meals').select('*').eq('user_id',currentUser.id).gte('eaten_at',dayStart()).lte('eaten_at',dayEnd()).order('eaten_at'),
sb.from('daily_logs').select('*').eq('user_id',currentUser.id).eq('log_date',today()).maybeSingle(),
sb.from('workouts').select('*').eq('user_id',currentUser.id).gte('started_at',dayStart()).lte('started_at',dayEnd()).order('started_at')
]);
if(mealsR.error||logR.error||workR.error)return showError(mealsR.error||logR.error||workR.error);
renderToday(mealsR.data||[],logR.data,workR.data||[]);
}
function renderToday(meals,log,workouts){
const kcal=meals.reduce((a,m)=>a+Number(m.kcal||0),0),protein=meals.reduce((a,m)=>a+Number(m.protein_g||0),0),water=Number(log?.water_l||0);
kcalNow.textContent=Math.round(kcal);proteinNow.textContent=Math.round(protein);waterNow.textContent=water.toFixed(1).replace('.',',');hungerNow.textContent=log?.hunger_afternoon??'–';
kcalBar.style.width=Math.min(100,kcal/goals.kcal_target*100)+'%';proteinBar.style.width=Math.min(100,protein/goals.protein_target_g*100)+'%';waterBar.style.width=Math.min(100,water/goals.water_target_l*100)+'%';
waterInput.value=log?.water_l ? Math.round(Number(log.water_l)*1000) : '';hungerInput.value=log?.hunger_afternoon??'';
mealList.innerHTML=meals.map(m=>`<div class="item"><div><b>${esc(mealTypeFromDb(m.meal_type))}</b><div>${esc(m.name)}</div><div class="small">${Math.round(m.kcal)} kcal • ${m.protein_g} g proteína • ${m.carbs_g} g carbo • ${m.fat_g} g gordura</div></div><button class="secondary" data-action="remove-meal" data-id="${esc(m.id)}">Remover</button></div>`).join('')||'<div class="small">Nenhuma refeição registrada hoje.</div>';
workoutList.innerHTML=workouts.map(w=>`<div class="item"><div><b>${esc(workoutTypeFromDb(w.workout_type))}</b><div class="small">${w.duration_minutes||0} min${w.distance_km?' • '+w.distance_km+' km':''}</div></div><button class="secondary" data-action="remove-workout" data-id="${esc(w.id)}">Remover</button></div>`).join('')||'<div class="small">Nenhum treino registrado hoje.</div>';
}
async function addMeal(){
if(!mealName.value.trim())return alert('Digite o nome da refeição.');
const {error}=await sb.from('meals').insert({
user_id:currentUser.id,meal_type:mealTypeToDb(mealType.value),name:mealName.value.trim(),
kcal:+mealKcal.value||0,protein_g:+mealProtein.value||0,carbs_g:+mealCarbs.value||0,fat_g:+mealFat.value||0
});
if(error)return showError(error);
mealName.value=mealKcal.value=mealProtein.value=mealCarbs.value=mealFat.value='';await loadToday();await loadHistory();
}
async function removeMeal(id){if(!confirm('Remover esta refeição?'))return;const {error}=await sb.from('meals').delete().eq('id',id).eq('user_id',currentUser.id);if(error)return showError(error);await loadToday();await loadHistory()}
async function saveDay(){
const previousText=saveDayBtn.textContent;
saveDayBtn.disabled=true;saveDayBtn.textContent='Salvando…';
const payload={user_id:currentUser.id,log_date:today(),water_l:(+waterInput.value||0)/1000,hunger_afternoon:hungerInput.value===''?null:+hungerInput.value,updated_at:new Date().toISOString()};
const {error}=await sb.from('daily_logs').upsert(payload,{onConflict:'user_id,log_date'});
if(error){saveDayBtn.disabled=false;saveDayBtn.textContent=previousText;return showError(error)}
await loadToday();
waterInput.value='';hungerInput.value='';
saveDayBtn.textContent='Salvo ✓';showToast('Água e fome salvas ✓');
setTimeout(()=>{saveDayBtn.disabled=false;saveDayBtn.textContent=previousText},1500);
}
function addWater(ml){waterInput.value=(+waterInput.value||0)+ml;saveDay()}
async function addWorkout(){
const selectedDate=trainingDate.value||today();
const startedAt=selectedDate===today()?new Date().toISOString():new Date(`${selectedDate}T12:00:00`).toISOString();
const {error}=await sb.from('workouts').insert({user_id:currentUser.id,workout_type:workoutTypeToDb(trainingType.value),started_at:startedAt,duration_minutes:+trainingMinutes.value||null,distance_km:+trainingDistance.value||null,source:'manual'});
if(error)return showError(error);trainingMinutes.value=trainingDistance.value='';trainingDate.value=today();await loadToday();await loadHistory();showToast('Treino registrado ✓');
}
async function removeWorkout(id){if(!confirm('Remover este treino?'))return;const {error}=await sb.from('workouts').delete().eq('id',id).eq('user_id',currentUser.id);if(error)return showError(error);await loadToday();await loadHistory()}
async function addProgress(){
if(!weightInput.value&&!waistInput.value&&!bodyFatInput.value)return alert('Informe ao menos uma medida.');
const {error}=await sb.from('body_measurements').insert({user_id:currentUser.id,weight_kg:+weightInput.value||null,waist_cm:+waistInput.value||null,body_fat_pct:+bodyFatInput.value||null});
if(error)return showError(error);weightInput.value=waistInput.value=bodyFatInput.value='';await loadProgress();
}
async function loadProgress(){
if(!currentUser)return;const {data,error}=await sb.from('body_measurements').select('*').eq('user_id',currentUser.id).order('measured_at',{ascending:true}).limit(100);
if(error)return showError(error);drawChart('weightChart',data||[],'weight_kg',' kg');drawChart('waistChart',data||[],'waist_cm',' cm');
progressList.innerHTML=(data||[]).slice().reverse().slice(0,10).map(x=>`<div class="item"><div><b>${new Date(x.measured_at).toLocaleDateString('pt-BR')}</b><div class="small">${x.weight_kg??'–'} kg • cintura ${x.waist_cm??'–'} cm • gordura ${x.body_fat_pct??'–'}%</div></div></div>`).join('')||'<div class="small">Sem medições ainda.</div>';
}
function drawChart(id,data,field,suffix){
const c=document.getElementById(id),ctx=c.getContext('2d');ctx.clearRect(0,0,c.width,c.height);const pts=data.filter(x=>x[field]!=null).slice(-20);
if(!pts.length){ctx.fillStyle='#6b7280';ctx.fillText('Sem dados ainda.',20,30);return}
const vals=pts.map(x=>Number(x[field])),min=Math.min(...vals),max=Math.max(...vals),pad=(max-min||1)*.25,lo=min-pad,hi=max+pad;
ctx.strokeStyle='#d1d5db';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(40,10);ctx.lineTo(40,190);ctx.lineTo(800,190);ctx.stroke();
const X=i=>40+(pts.length===1?380:i*(760/(pts.length-1))),Y=v=>190-(v-lo)/(hi-lo)*170;
ctx.strokeStyle='#111827';ctx.lineWidth=3;ctx.beginPath();pts.forEach((p,i)=>{const x=X(i),y=Y(Number(p[field]));i?ctx.lineTo(x,y):ctx.moveTo(x,y)});ctx.stroke();
ctx.fillStyle='#111827';ctx.font='12px system-ui';pts.forEach((p,i)=>{const x=X(i),y=Y(Number(p[field]));ctx.beginPath();ctx.arc(x,y,4,0,Math.PI*2);ctx.fill();ctx.fillText(p[field]+suffix,x-12,y-10)});
}
function renderGoals(){
kcalTarget.textContent=goals.kcal_target;proteinTarget.textContent=goals.protein_target_g;waterTarget.textContent=String(goals.water_target_l).replace('.',',');
goalKcal.value=goals.kcal_target;goalProtein.value=goals.protein_target_g;goalCarbs.value=goals.carbs_target_g??205;goalFat.value=goals.fat_target_g??60;goalWater.value=goals.water_target_l;
}
async function saveGoals(){
const payload={user_id:currentUser.id,kcal_target:+goalKcal.value||1950,protein_target_g:+goalProtein.value||140,carbs_target_g:+goalCarbs.value||null,fat_target_g:+goalFat.value||null,water_target_l:+goalWater.value||2.5,active_from:today()};
const {error}=await sb.from('user_goals').insert(payload);if(error)return showError(error);goals=payload;renderGoals();await loadToday();alert('Metas atualizadas.');
}
async function loadPlanItems(){
if(!currentUser)return;
const {data,error}=await sb.from('plan_items').select('*').eq('user_id',currentUser.id).order('sort_order',{ascending:true}).order('created_at',{ascending:true});
if(error)return showError(error);
planItemsCache=data||[];
planItemsList.innerHTML=planItemsCache.map(x=>`<div class="item"><div><span class="pill">${esc(x.section)}</span><div style="margin-top:6px"><b>${esc(x.title)}</b></div><div class="small" style="white-space:pre-wrap;margin-top:4px">${esc(x.description||'')}</div><div class="small" style="margin-top:4px">${Number(x.kcal||0)} kcal • ${Number(x.protein_g||0)} g proteína • ${Number(x.carbs_g||0)} g carbo • ${Number(x.fat_g||0)} g gordura</div></div><div style="display:flex;gap:6px;align-items:flex-start"><button class="secondary" data-action="edit-plan" data-id="${esc(x.id)}">Editar</button><button class="secondary" data-action="remove-plan" data-id="${esc(x.id)}">Excluir</button></div></div>`).join('')||'<div class="small">Seu plano ainda está vazio. Cadastre a primeira refeição ou orientação acima.</div>';
refreshPlanMealSelect();
}
function refreshPlanMealSelect(){
if(!document.getElementById('planMealSelect'))return;
const type=mealType.value;
const relevant=planItemsCache.filter(x=>x.section===type || (type==='Extra' && !['Café da manhã','Almoço','Lanche','Jantar'].includes(x.section)));
planMealSelect.innerHTML='<option value="">Usar opção do meu plano (opcional)</option>'+relevant.map(x=>`<option value="${x.id}">${esc(x.title)} — ${esc(x.description||'')}</option>`).join('');
}
function resetPlanForm(){
planItemId.value='';planSection.value='Café da manhã';planTitle.value='';planDescription.value='';planKcal.value='';planProtein.value='';planCarbs.value='';planFat.value='';planOrder.value='0';
savePlanItemBtn.textContent='Adicionar ao plano';cancelPlanEditBtn.classList.add('hidden');
}
function editPlanItem(id){
const x=planItemsCache.find(item=>item.id===id);if(!x)return;
planItemId.value=x.id;planSection.value=x.section;planTitle.value=x.title;planDescription.value=x.description||'';planKcal.value=x.kcal||0;planProtein.value=x.protein_g||0;planCarbs.value=x.carbs_g||0;planFat.value=x.fat_g||0;planOrder.value=x.sort_order||0;
savePlanItemBtn.textContent='Salvar alteração';cancelPlanEditBtn.classList.remove('hidden');window.scrollTo({top:document.getElementById('plan').offsetTop,behavior:'smooth'});
}
async function savePlanItem(){
if(!planTitle.value.trim())return alert('Digite um título para o item do plano.');
const payload={user_id:currentUser.id,section:planSection.value,title:planTitle.value.trim(),description:planDescription.value.trim()||null,sort_order:+planOrder.value||0,kcal:+planKcal.value||0,protein_g:+planProtein.value||0,carbs_g:+planCarbs.value||0,fat_g:+planFat.value||0};
let result;
if(planItemId.value) result=await sb.from('plan_items').update(payload).eq('id',planItemId.value).eq('user_id',currentUser.id);
else result=await sb.from('plan_items').insert(payload);
if(result.error)return showError(result.error);
resetPlanForm();await loadPlanItems();
}
async function removePlanItem(id){
if(!confirm('Excluir este item do seu plano alimentar?'))return;
const {error}=await sb.from('plan_items').delete().eq('id',id).eq('user_id',currentUser.id);
if(error)return showError(error);await loadPlanItems();
}
function loadSelectedPlanMeal(){
const item=planItemsCache.find(x=>x.id===planMealSelect.value);
if(!item)return alert('Escolha uma opção do seu plano.');
mealName.value=item.title+(item.description?' — '+item.description:'');
mealKcal.value=item.kcal||0;mealProtein.value=item.protein_g||0;mealCarbs.value=item.carbs_g||0;mealFat.value=item.fat_g||0;
}
async function saveCurrentMealToPlan(){
if(!mealName.value.trim())return alert('Preencha a refeição primeiro.');
const title=prompt('Qual nome você quer dar para esta opção no plano?', mealName.value.trim());
if(!title)return;
const payload={user_id:currentUser.id,section:mealType.value,title:title.trim(),description:mealName.value.trim(),sort_order:0,kcal:+mealKcal.value||0,protein_g:+mealProtein.value||0,carbs_g:+mealCarbs.value||0,fat_g:+mealFat.value||0};
const {error}=await sb.from('plan_items').insert(payload);
if(error)return showError(error);
await loadPlanItems();alert('Refeição salva no seu plano.');
}
async function loadHistory(){
if(!currentUser)return;const [m,w]=await Promise.all([
sb.from('meals').select('*').eq('user_id',currentUser.id).order('eaten_at',{ascending:false}).limit(15),
sb.from('workouts').select('*').eq('user_id',currentUser.id).order('started_at',{ascending:false}).limit(15)
]);
if(m.error||w.error)return showError(m.error||w.error);
historyMeals.innerHTML=(m.data||[]).map(x=>`<div class="item"><div><b>${esc(x.name)}</b><div class="small">${new Date(x.eaten_at).toLocaleString('pt-BR')} • ${x.kcal} kcal • ${x.protein_g} g proteína</div></div></div>`).join('')||'<div class="small">Sem refeições.</div>';
historyWorkouts.innerHTML=(w.data||[]).map(x=>`<div class="item"><div><b>${esc(workoutTypeFromDb(x.workout_type))}</b><div class="small">${new Date(x.started_at).toLocaleString('pt-BR')} • ${x.duration_minutes||0} min${x.distance_km?' • '+x.distance_km+' km':''}</div></div></div>`).join('')||'<div class="small">Sem treinos.</div>';
}
document.getElementById('googleLogin').onclick=loginGoogle;document.getElementById('logoutBtn').onclick=logout;
document.getElementById('addMealBtn').onclick=addMeal;document.getElementById('saveCurrentMealToPlanBtn').onclick=saveCurrentMealToPlan;document.getElementById('loadPlanMealBtn').onclick=loadSelectedPlanMeal;document.getElementById('mealType').onchange=refreshPlanMealSelect;document.getElementById('saveDayBtn').onclick=saveDay;document.getElementById('addWorkoutBtn').onclick=addWorkout;
document.getElementById('addProgressBtn').onclick=addProgress;document.getElementById('saveGoalsBtn').onclick=saveGoals;document.getElementById('savePlanItemBtn').onclick=savePlanItem;document.getElementById('cancelPlanEditBtn').onclick=resetPlanForm;
document.querySelectorAll('[data-add-water]').forEach(button=>button.addEventListener('click',()=>addWater(Number(button.dataset.addWater))));
mealList.addEventListener('click',event=>{const button=event.target.closest('[data-action="remove-meal"]');if(button)removeMeal(button.dataset.id)});
workoutList.addEventListener('click',event=>{const button=event.target.closest('[data-action="remove-workout"]');if(button)removeWorkout(button.dataset.id)});
planItemsList.addEventListener('click',event=>{const button=event.target.closest('[data-action]');if(!button)return;if(button.dataset.action==='edit-plan')editPlanItem(button.dataset.id);if(button.dataset.action==='remove-plan')removePlanItem(button.dataset.id)});
document.querySelectorAll('nav button').forEach(b=>b.onclick=()=>{document.querySelectorAll('nav button').forEach(x=>x.classList.remove('active'));b.classList.add('active');document.querySelectorAll('main section').forEach(s=>s.classList.add('hidden'));document.getElementById(b.dataset.tab).classList.remove('hidden');if(b.dataset.tab==='progress')loadProgress();if(b.dataset.tab==='plan')loadPlanItems();if(b.dataset.tab==='history')loadHistory()});
trainingDate.value=today();trainingDate.max=today();
initAuth();
if('serviceWorker' in navigator) navigator.serviceWorker.register('sw.js');