import { useState, useRef, useEffect, useCallback } from "react"; // ─── CONFIG ────────────────────────────────────────────────────────────────── const GOOGLE_CLIENT_ID = "341636884631-ohtrvrk226om6juedq7h3tc8d0ab0d9d.apps.googleusercontent.com"; const API_URL = "https://calcheckai-api.fun-ae5.workers.dev"; // ─── CONSTANTS ─────────────────────────────────────────────────────────────── const CATS=[{id:"breakfast",label:"Breakfast",emoji:"🌅"},{id:"lunch",label:"Lunch",emoji:"☀️"},{id:"dinner",label:"Dinner",emoji:"🌙"},{id:"snacks",label:"Snacks",emoji:"🍿"}]; const ACT=[{id:"sedentary",label:"Sedentary",sub:"Little or no exercise",emoji:"🛋️",mult:1.2},{id:"light",label:"Lightly Active",sub:"1–3 days/week",emoji:"🚶",mult:1.375},{id:"moderate",label:"Moderately Active",sub:"3–5 days/week",emoji:"🏃",mult:1.55},{id:"active",label:"Very Active",sub:"6–7 days/week",emoji:"🏋️",mult:1.725}]; const GOALS=[{id:"lose",label:"Lose weight",sub:"500 kcal deficit",emoji:"📉",adj:-500},{id:"maintain",label:"Maintain",sub:"Stay at current weight",emoji:"⚖️",adj:0},{id:"gain",label:"Build muscle",sub:"300 kcal surplus",emoji:"💪",adj:300}]; const LTYPES=["country","region","city","organisation","sub-group","other"]; // ─── HELPERS ───────────────────────────────────────────────────────────────── const getCat=()=>{const h=new Date().getHours();if(h>=4&&h<11)return"breakfast";if(h>=11&&h<15)return"lunch";if(h>=17&&h<22)return"dinner";return"snacks";}; const dayKey=d=>d.toDateString();const todayKey=()=>dayKey(new Date()); const getLast7=()=>{const today=new Date(),day=today.getDay(),diff=day===0?6:day-1,mon=new Date(today);mon.setDate(today.getDate()-diff);const a=[];for(let i=0;i<7;i++){const d=new Date(mon);d.setDate(mon.getDate()+i);a.push(d);}return a;}; const getLastN=n=>{const a=[];for(let i=n-1;i>=0;i--){const d=new Date();d.setDate(d.getDate()-i);a.push(d);}return a;}; const dayShort=d=>["S","M","T","W","T","F","S"][d.getDay()]; const dayFmt=d=>{const t=todayKey(),y=new Date();y.setDate(y.getDate()-1);if(dayKey(d)===t)return"Today";if(dayKey(d)===dayKey(y))return"Yesterday";return d.toLocaleDateString(undefined,{weekday:"long",month:"short",day:"numeric"});}; const sumM=m=>({total:m.reduce((s,x)=>s+(x.total||0),0),protein:m.reduce((s,x)=>s+(x.totalProtein||0),0),carbs:m.reduce((s,x)=>s+(x.totalCarbs||0),0),fat:m.reduce((s,x)=>s+(x.totalFat||0),0),fiber:m.reduce((s,x)=>s+(x.totalFiber||0),0),sodium:m.reduce((s,x)=>s+(x.totalSodium||0),0),sugar:m.reduce((s,x)=>s+(x.totalSugar||0),0)}); const sumI=i=>({totalProtein:i.reduce((s,x)=>s+(x.protein||0),0),totalCarbs:i.reduce((s,x)=>s+(x.carbs||0),0),totalFat:i.reduce((s,x)=>s+(x.fat||0),0),totalFiber:i.reduce((s,x)=>s+(x.fiber||0),0),totalSodium:i.reduce((s,x)=>s+(x.sodium||0),0),totalSugar:i.reduce((s,x)=>s+(x.sugar||0),0)}); const favName=items=>!items?.length?"Saved":items.length===1?items[0].name:items.length===2?`${items[0].name} + ${items[1].name}`:`${items[0].name} + ${items.length-1} more`; const itemsEq=(a,b)=>{if(!a||!b||a.length!==b.length)return false;return[...a].map(x=>x.name).sort().every((x,i)=>x===[...b].map(y=>y.name).sort()[i]);}; const loadH=()=>{try{const n=localStorage.getItem("kcal_history");if(n)return JSON.parse(n);}catch{}return{};}; const loadF=()=>{try{const s=localStorage.getItem("kcal_favorites");return s?JSON.parse(s):[]}catch{return[];}}; const getThm=()=>{try{const s=localStorage.getItem("kcal_theme");if(s)return s;}catch{}return"dark";}; const getToken=()=>{try{return localStorage.getItem("kcal_token")||"";}catch{return"";}}; // Device fingerprint — lightweight, non-invasive const getDeviceFP=()=>{ try{ const parts=[ navigator.userAgent, screen.width+"x"+screen.height, screen.colorDepth, navigator.language, new Date().getTimezoneOffset(), navigator.hardwareConcurrency||"?", navigator.platform||"?", ].join("|"); // Simple hash let h=0;for(let i=0;i{const bmr=gender==="male"?10*weightKg+6.25*heightCm-5*age+5:10*weightKg+6.25*heightCm-5*age-161;const mult=ACT.find(a=>a.id===activityLevel)?.mult||1.2;const adj=GOALS.find(g=>g.id===goal)?.adj||0;const kcal=Math.round(bmr*mult+adj);return{calories:kcal,protein:Math.round(kcal*.25/4),carbs:Math.round(kcal*.5/4),fat:Math.round(kcal*.25/9)};}; const CIRC=2*Math.PI*82; const rFill={on:"#c8f135",warn:"#ffb347",over:"#ff4d4d"}; const rTxt={dark:{on:"#c8f135",warn:"#ffb347",over:"#ff4d4d"},light:{on:"#3d6400",warn:"#8a5000",over:"#c82020"}}; // ─── API ───────────────────────────────────────────────────────────────────── const api=async(path,opts={})=>{ const token=getToken(); const res=await fetch(API_URL+path,{...opts,headers:{...(opts.headers||{}),"Content-Type":"application/json",...(token?{Authorization:`Bearer ${token}`}:{})}}); if(!res.ok){const e=await res.json().catch(()=>({error:res.statusText}));throw new Error(e.error||res.statusText);} return res.json(); }; // ─── AI HELPERS ────────────────────────────────────────────────────────────── const imgP=`Identify every visible food item. For each item estimate: name, calories based on visible portion, protein, carbs, fat, fiber, sodium (mg), sugar in grams, and a matching emoji. Return ONLY valid JSON: {"items":[{"name":"Food","calories":250,"emoji":"🍕","protein":12,"carbs":30,"fat":8,"fiber":2,"sodium":320,"sugar":4}],"total":250,"notes":"note"}`; const txtP=d=>`Estimate calories and macros for: "${d}". Standard portions if unspecified. Return ONLY valid JSON: {"items":[{"name":"Food","calories":250,"emoji":"🍕","protein":12,"carbs":30,"fat":8,"fiber":2,"sodium":320,"sugar":4}],"total":250,"notes":"note"}`; const callAI=async(msgs,setScan,setLoad)=>{setLoad(true);setScan(null);try{const res=await fetch("https://api.anthropic.com/v1/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:"claude-sonnet-4-20250514",max_tokens:1200,messages:msgs})});const j=await res.json();const raw=j.content?.map(b=>b.text||"").join("")||"";setScan(JSON.parse(raw.replace(/```json|```/g,"").trim()));}catch{setScan({error:true});}finally{setLoad(false);}}; // ─── ALL CSS ───────────────────────────────────────────────────────────────── // ─── ZXING BARCODE ENGINE ───────────────────────────────────────────────────── const loadZX=()=>new Promise(res=>{if(window.ZXing){res();return;}const s=document.createElement("script");s.src="https://cdnjs.cloudflare.com/ajax/libs/zxing-js/0.21.3/zxing.min.js";s.onload=res;s.onerror=res;document.head.appendChild(s);}); const initZX=async()=>{await loadZX();if(!window.ZXing)return null;try{const h=new Map();h.set(window.ZXing.DecodeHintType.POSSIBLE_FORMATS,[window.ZXing.BarcodeFormat.EAN_13,window.ZXing.BarcodeFormat.EAN_8,window.ZXing.BarcodeFormat.UPC_A,window.ZXing.BarcodeFormat.UPC_E,window.ZXing.BarcodeFormat.CODE_128]);h.set(window.ZXing.DecodeHintType.TRY_HARDER,true);return new window.ZXing.MultiFormatReader(h);}catch{return null;}}; const lookupBarcode=async bc=>{const r=await fetch(`https://world.openfoodfacts.org/api/v0/product/${bc}.json`);const d=await r.json();if(d.status!==1)throw new Error("Not found");const p=d.product,n=p.nutriments||{},hasSrv=!!n["energy-kcal_serving"],sfx=hasSrv?"_serving":"_100g",per=hasSrv?"serving":"100g";return{name:p.product_name||"Unknown",brand:p.brands||"",imageUrl:p.image_front_url||null,per,calories:Math.round(n[`energy-kcal${sfx}`]||0),protein:Math.round(n[`proteins${sfx}`]||0),carbs:Math.round(n[`carbohydrates${sfx}`]||0),fat:Math.round(n[`fat${sfx}`]||0),fiber:Math.round(n[`fiber${sfx}`]||0),sodium:Math.round(n[`sodium${sfx}`]||0),sugar:Math.round(n[`sugars${sfx}`]||0),barcode:bc,type:"barcode"};}; // ─── SMART SCANNER COMPONENT ─────────────────────────────────────────────────── // Single viewfinder — auto-detects food vs barcode vs nutrition label function SmartScanner({theme,onFoodCapture,onBarcodeResult,onLabelCapture,onClose}){ const videoRef=useRef(null);const canvasRef=useRef(null);const streamRef=useRef(null); const rafRef=useRef(null);const readerRef=useRef(null);const lastCode=useRef(null); const [mode,setMode]=useState("food"); const [torch,setTorch]=useState(false); const [ready,setReady]=useState(false); useEffect(()=>{ initZX().then(r=>{readerRef.current=r;setReady(!!r);}); startCam(); return()=>stop(); },[]); const stop=()=>{if(rafRef.current)cancelAnimationFrame(rafRef.current);streamRef.current?.getTracks().forEach(t=>t.stop());streamRef.current=null;}; const startCam=async()=>{ try{ const s=await navigator.mediaDevices.getUserMedia({video:{facingMode:"environment",width:{ideal:1280},height:{ideal:1280}}}); streamRef.current=s;videoRef.current.srcObject=s;await videoRef.current.play(); loop(); }catch(e){onClose&&onClose("Camera access denied — use photo or manual entry");} }; const loop=()=>{ rafRef.current=requestAnimationFrame(()=>{ if(!streamRef.current)return; const v=videoRef.current,c=canvasRef.current; if(v?.readyState===v.HAVE_ENOUGH_DATA){ c.width=v.videoWidth;c.height=v.videoHeight; const ctx=c.getContext("2d",{willReadFrequently:true}); ctx.drawImage(v,0,0); if(readerRef.current){ try{ const img=ctx.getImageData(0,0,c.width,c.height); const lum=new window.ZXing.RGBLuminanceSource(img.data,c.width,c.height); const bmp=new window.ZXing.BinaryBitmap(new window.ZXing.HybridBinarizer(lum)); const res=readerRef.current.decode(bmp); if(res?.getText()&&res.getText()!==lastCode.current){ lastCode.current=res.getText();setMode("barcode"); stop();onBarcodeResult(res.getText());return; } }catch{} } setMode("food"); } loop(); }); }; const capture=async()=>{ const v=videoRef.current,c=canvasRef.current; if(!v||!c)return; c.width=v.videoWidth;c.height=v.videoHeight; c.getContext("2d").drawImage(v,0,0); const base64=c.toDataURL("image/jpeg",.88).split(",")[1]; stop(); onFoodCapture(base64,"image/jpeg"); }; const captureLabel=()=>{ const v=videoRef.current,c=canvasRef.current; if(!v||!c)return; c.width=v.videoWidth;c.height=v.videoHeight; c.getContext("2d").drawImage(v,0,0); const base64=c.toDataURL("image/jpeg",.92).split(",")[1]; stop(); onLabelCapture(base64,"image/jpeg"); }; const toggleTorch=async()=>{ const t=streamRef.current?.getVideoTracks()[0];if(!t)return; try{await t.applyConstraints({advanced:[{torch:!torch}]});setTorch(x=>!x);}catch{} }; return(