import React, { useState, useEffect, useMemo, useCallback, useRef } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import { Dumbbell, Utensils, Scale, Check, Plus, ChevronLeft, Award, X, ArrowLeftRight, Flame, TrendingDown, TrendingUp, Minus, Camera, Sparkles, BookOpen, AlertTriangle, Loader2, Trash2, ShoppingCart, LogOut, } from "https://esm.sh/lucide-react@0.383.0?deps=react@18.2.0"; import { ResponsiveContainer, LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, } from "https://esm.sh/recharts@2.12.7?deps=react@18.2.0,react-dom@18.2.0"; /* ------------------------------------------------------------------ */ /* נתוני תוכנית האימונים - קליסטניקס לפי שלבים */ /* ------------------------------------------------------------------ */ const LEVELS = [ { id: 1, name: "יסודות", subtitle: "בונים בסיס", sessionsToAdvance: 12, workouts: [ { id: "1a", name: "אימון A", exercises: [ { name: "שכיבות סמיכה משופעות / על הברכיים", target: "3x8-12" }, { name: "חתירה אוסטרלית (שולחן / TRX)", target: "3x8-12" }, { name: "סקוואט משקל גוף", target: "3x12-15" }, { name: "פלאנק", target: "3x20-30 שנ׳" }, ], }, { id: "1b", name: "אימון B", exercises: [ { name: "שכיבות סמיכה משופעות / על הברכיים", target: "3x8-12" }, { name: "חתירה אוסטרלית (שולחן / TRX)", target: "3x8-12" }, { name: "לאנג׳ סטטי", target: "3x10 לרגל" }, { name: "דד באג", target: "3x10 לצד" }, ], }, ], }, { id: 2, name: "התקדמות", subtitle: "בונים כוח בסיסי", sessionsToAdvance: 12, workouts: [ { id: "2a", name: "אימון A", exercises: [ { name: "שכיבות סמיכה רגילות", target: "3x8-12" }, { name: "חתירה בגומייה / טבעות", target: "3x8-10" }, { name: "לאנג׳ הליכה", target: "3x12 צעדים" }, { name: "הרמות ברכיים תלויות", target: "3x10" }, ], }, { id: "2b", name: "אימון B", exercises: [ { name: "שכיבות סמיכה פייק", target: "3x6-10" }, { name: "נגטיב פול-אפ (ירידה מבוקרת)", target: "3x3-5" }, { name: "סקוואט בולגרי", target: "3x8 לרגל" }, { name: "פלאנק צידי", target: "3x20 שנ׳ לצד" }, ], }, ], }, { id: 3, name: "כוח", subtitle: "תרגילים מלאים", sessionsToAdvance: 16, workouts: [ { id: "3a", name: "אימון A", exercises: [ { name: "שכיבות סמיכה יהלום", target: "3x6-10" }, { name: "מתח אחיזה תחתונה (צ׳ין-אפ)", target: "3x5-8" }, { name: "פיסטול סקוואט (עם תמיכה)", target: "3x5 לרגל" }, { name: "L-sit (תלוי / על מקבילים)", target: "3x10-15 שנ׳" }, ], }, { id: "3b", name: "אימון B", exercises: [ { name: "מקבילים (דיפס)", target: "3x6-10" }, { name: "מתח אחיזה עליונה (פול-אפ)", target: "3x5-8" }, { name: "קפיצות סקוואט", target: "3x10" }, { name: "הולו בודי הולד", target: "3x20-30 שנ׳" }, ], }, ], }, { id: 4, name: "עילית", subtitle: "אלמנטים מתקדמים", sessionsToAdvance: 999, workouts: [ { id: "4a", name: "אימון A", exercises: [ { name: "שכיבות עמידת ידיים (עם קיר)", target: "3x3-6" }, { name: "עלייה לשרירים (Muscle-up)", target: "3x2-5" }, { name: "פיסטול סקוואט מלא", target: "3x5 לרגל" }, { name: "פרונט לוור (Tuck)", target: "3x10-15 שנ׳" }, ], }, { id: "4b", name: "אימון B", exercises: [ { name: "דיפס בטמפו איטי", target: "3x6-10" }, { name: "מתח עם עומס נוסף", target: "3x4-6" }, { name: "קפיצות פיסטול", target: "3x6 לרגל" }, { name: "דגל אנושי (פרוגרסיה)", target: "3x5-10 שנ׳ לצד" }, ], }, ], }, ]; /* סוגי אימונים נוספים - לא לפי שלבים, בחירה חופשית */ const CATEGORY_WORKOUTS = { cardio: [ { id: "cardio1", name: "HIIT מהיר · 12 דק׳", exercises: [ { name: "ברפיז", target: "3x10" }, { name: "ריצה במקום בקצב גבוה", target: "3x30 שנ׳" }, { name: "קפיצות פתיחה (Star Jump)", target: "3x20" }, { name: "הר-קליימברס", target: "3x20" }, ], }, { id: "cardio2", name: "קרדיו סירקיט", exercises: [ { name: "קפיצות חבל (או דמה)", target: "3x40 שנ׳" }, { name: "סקוואט קפיצה", target: "3x15" }, { name: "מאונטיין קליימברס", target: "3x20" }, { name: "ברפיז", target: "3x8" }, ], }, ], mobility: [ { id: "mob1", name: "מוביליות בוקר", exercises: [ { name: "מעגלי כתפיים", target: "2x10" }, { name: "מתיחת מפשעה", target: "2x30 שנ׳ לצד" }, { name: "פתיחת ירך (90/90)", target: "2x30 שנ׳ לצד" }, { name: "חתול-פרה", target: "2x10" }, ], }, { id: "mob2", name: "שחרור אחרי אימון", exercises: [ { name: "מתיחת האמסטרינג", target: "2x30 שנ׳ לרגל" }, { name: "מתיחת חזה בפתח דלת", target: "2x30 שנ׳" }, { name: "מתיחת גב עליון", target: "2x30 שנ׳" }, { name: "נשימות עמוקות", target: "2 דק׳" }, ], }, ], core: [ { id: "core1", name: "ליבה קלאסית", exercises: [ { name: "כפיפות בטן", target: "3x15" }, { name: "פלאנק", target: "3x30 שנ׳" }, { name: "הרמות רגליים שכיבה", target: "3x12" }, { name: "רוסיאן טוויסט", target: "3x20" }, ], }, { id: "core2", name: "ליבה מתקדמת", exercises: [ { name: "הולו בודי הולד", target: "3x20 שנ׳" }, { name: "V-ups", target: "3x12" }, { name: "פלאנק עם נגיעת כתף", target: "3x20" }, { name: "דד באג", target: "3x10 לצד" }, ], }, ], gym: [ { id: "gym1", name: "יום כוח · חדר כושר", exercises: [ { name: "סקוואט עם מוט", target: "3x6-8" }, { name: "דדליפט רומני", target: "3x8" }, { name: "לחיצת חזה בשכיבה", target: "3x8" }, { name: "חתירה בכבל בישיבה", target: "3x10" }, { name: "כפיפת מרפק עם מוט EZ", target: "2x10" }, ], }, { id: "gym2", name: "יום עומס כבד · חדר כושר", exercises: [ { name: "דדליפט קלאסי", target: "3x5" }, { name: "לג פרס (Leg Press)", target: "3x10" }, { name: "לחיצת כתפיים בישיבה", target: "3x8" }, { name: "פולי עליון / פול-דאון", target: "3x10" }, { name: "אחיזת חוזק (Farmer Carry)", target: "3x20 מ׳" }, ], }, ], }; const TRAINING_CATEGORIES = [ { id: "calisthenics", label: "קליסטניקס" }, { id: "gym", label: "חדר כושר" }, { id: "cardio", label: "קרדיו / HIIT" }, { id: "mobility", label: "גמישות ומוביליות" }, { id: "core", label: "ליבה ובטן" }, ]; /* ------------------------------------------------------------------ */ /* נתוני תזונה - עקרונות קיטו / פליאו */ /* ------------------------------------------------------------------ */ const DIETS = { keto: { label: "קיטו", color: "var(--ember)", principles: [ "הימנעתי מסוכר וממתוקים", "הימנעתי מדגנים וקמח (לחם, אורז, פסטה)", "הימנעתי מקטניות", "אכלתי שומן איכותי בכל ארוחה", "הפחמימות שלי היו בעיקר מירקות עליים", "שתיתי מספיק מים ומלחים", ], }, paleo: { label: "פליאו", color: "var(--sage)", principles: [ "אכלתי מזון מלא ולא מעובד", "הימנעתי מדגנים", "הימנעתי מקטניות", "הימנעתי ממוצרי חלב", "הימנעתי מסוכר מעובד וממתוקים", "כללתי חלבון, ירקות ושומנים טבעיים", ], }, }; const TRANSITION_TEXT = "במעבר מקיטו לפליאו אפשר להוסיף בהדרגה פירות טריים, ירקות עמילניים כמו בטטה ודלעת, ודבש טבעי במידה. נשארים בלי דגנים, קטניות, סוכר מעובד ומוצרי חלב."; const FOOD_GUIDE = { keto: { allowed: [ "בשר, עוף, ביצים ודגים", "גבינות שומניות וחמאה", "שמן זית, שמן קוקוס ואבוקדו", "ירקות עליים ולא עמילניים (חסה, תרד, ברוקולי, כרובית, קישוא)", "אגוזים וזרעים במידה", ], avoid: [ "סוכר וממתקים", "דגנים ומוצריהם (לחם, אורז, פסטה, קמח)", "קטניות", "תפוחי אדמה ועמילנים", "פירות מתוקים (מלבד פירות יער במידה)", ], }, paleo: { allowed: [ "בשר, עוף ודגים", "ביצים", "ירקות ופירות טריים", "אגוזים וזרעים", "שמנים טבעיים (זית, קוקוס)", ], avoid: [ "דגנים", "קטניות", "מוצרי חלב", "סוכר מעובד וממתקים", "מזון מעובד ותעשייתי", ], }, }; /* ------------------------------------------------------------------ */ /* מתכוני קיטו - ללא חזיר וללא פירות ים */ /* ------------------------------------------------------------------ */ const RECIPES = [ { id: "r1", title: "אומלט גבינות ותרד", diet: "keto", time: "10 דק׳", ingredients: ["3 ביצים", "תרד טרי", "גבינה צהובה מגוררת", "שמן זית", "מלח ופלפל"], steps: [ "מטגנים תרד קלות בשמן זית עד שנובל", "טורפים ביצים עם מלח ופלפל ומוסיפים למחבת", "מפזרים גבינה, מקפלים ומגישים", ], }, { id: "r2", title: "עוף בחמאת שום ולימון", diet: "keto", time: "25 דק׳", ingredients: ["חזה עוף", "חמאה", "3 שיני שום כתושות", "לימון סחוט", "פטרוזיליה"], steps: [ "צולים את חזה העוף במחבת חמה עם קצת שמן עד להשחמה", "מוסיפים חמאה ושום ומטגנים דקה על אש נמוכה", "מוסיפים לימון ופטרוזיליה ומגישים", ], }, { id: "r3", title: "סלט עוף קיסר ללא קרוטונים", diet: "keto", time: "15 דק׳", ingredients: ["חסה", "חזה עוף צלוי פרוס", "פרמזן מגורר", "מיונז", "לימון", "שום כתוש"], steps: [ "מערבבים מיונז, לימון ושום לרוטב", "קורעים חסה לקערה ומוסיפים עוף פרוס", "מוסיפים רוטב ופרמזן ומערבבים", ], }, { id: "r4", title: "קציצות בקר עם אבוקדו", diet: "keto", time: "20 דק׳", ingredients: ["בקר טחון", "ביצה", "שום כתוש", "מלח ופלפל", "אבוקדו פרוס"], steps: [ "מערבבים בקר טחון עם ביצה, שום, מלח ופלפל", "מעצבים קציצות ומטגנים במחבת עד להשחמה משני הצדדים", "מגישים עם פלחי אבוקדו", ], }, { id: "r5", title: "פטריות ממולאות גבינת שמנת", diet: "keto", time: "20 דק׳", ingredients: ["פטריות גדולות", "גבינת שמנת", "שום כתוש", "פטרוזיליה קצוצה"], steps: [ "מוציאים את הרגל מהפטריות ומערבבים אותה קצוצה עם הגבינה והשום", "ממלאים את הפטריות בתערובת", "אופים 15 דקות ב-200 מעלות עד להזהבה", ], }, { id: "r6", title: "מרק כרובית קרם", diet: "keto", time: "30 דק׳", ingredients: ["כרובית", "שמנת מתוקה", "חמאה", "שום", "מרק עוף (ציר)"], steps: [ "מבשלים כרובית בציר עד שמתרככת", "טוחנים בבלנדר עם שום מוקפץ בחמאה", "מוסיפים שמנת ומחממים בלי לבשל", ], }, { id: "r7", title: "קבב עוף על שיפודים", diet: "keto", time: "25 דק׳", ingredients: ["עוף טחון", "בצל מגורר", "כמון", "פטרוזיליה קצוצה", "מלח ופלפל"], steps: [ "מערבבים את כל המרכיבים היטב", "מעצבים על שיפודים או ככדורים", "צולים על גריל או במחבת עד להשחמה", ], }, { id: "r8", title: "סלט אבוקדו, ביצה וגבינה בולגרית", diet: "keto", time: "10 דק׳", ingredients: ["אבוקדו", "ביצים קשות", "גבינה בולגרית מפוררת", "שמן זית", "לימון"], steps: [ "קוצצים אבוקדו וביצים קשות לקוביות", "מוסיפים גבינה בולגרית מפוררת", "מתבלים בשמן זית, לימון, מלח ופלפל", ], }, { id: "r9", title: "סלמון אפוי עם ירקות שורש", diet: "paleo", time: "30 דק׳", ingredients: ["פילה סלמון", "בטטה קוביות", "גזר", "שמן זית", "עשבי תיבול"], steps: [ "מניחים ירקות שורש בתבנית עם שמן זית ואופים 15 דקות ב-200 מעלות", "מוסיפים את הסלמון לתבנית וממשיכים לאפות 12-15 דקות נוספות", "מפזרים עשבי תיבול טריים לפני ההגשה", ], }, { id: "r10", title: "סלט עוף עם פירות יער ואגוזי מלך", diet: "paleo", time: "15 דק׳", ingredients: ["חזה עוף צלוי", "עלים ירוקים", "פירות יער טריים", "אגוזי מלך", "שמן זית ובלסמי"], steps: [ "פורסים את חזה העוף הצלוי לרצועות", "מניחים על מצע עלים ירוקים", "מפזרים פירות יער ואגוזי מלך ומתבלים בשמן זית ובלסמי", ], }, ]; /* ------------------------------------------------------------------ */ /* עזרים */ /* ------------------------------------------------------------------ */ const todayStr = () => new Date().toISOString().slice(0, 10); const formatHe = (iso) => new Date(iso + "T00:00:00").toLocaleDateString("he-IL", { day: "numeric", month: "short", }); const STORAGE_KEY = "cnapp-data-v2"; const DEFAULT_DATA = { profile: { levelId: 1, dietMode: "keto", goalWeight: null, transitions: [], createdAt: todayStr(), ketoStartDate: todayStr(), }, trainingLog: [], nutritionLog: {}, weightLog: [], mealLog: [], shoppingList: [], ketoLog: [], }; function resizeImageToBase64(file, maxDim = 900) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onerror = () => reject(new Error("read failed")); reader.onload = () => { const img = new window.Image(); img.onerror = () => reject(new Error("image load failed")); img.onload = () => { let { width, height } = img; if (width > height && width > maxDim) { height = Math.round(height * (maxDim / width)); width = maxDim; } else if (height > maxDim) { width = Math.round(width * (maxDim / height)); height = maxDim; } const canvas = document.createElement("canvas"); canvas.width = width; canvas.height = height; const ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, width, height); const dataUrl = canvas.toDataURL("image/jpeg", 0.82); resolve(dataUrl.split(",")[1]); }; img.src = reader.result; }; reader.readAsDataURL(file); }); } async function analyzeMealImage(base64) { const response = await fetch("/api/analyze-meal", { method: "POST", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ imageBase64: base64 }), }); if (!response.ok) { const err = await response.json().catch(() => ({})); throw new Error(err.error || "analyze failed"); } return response.json(); } async function apiGetData() { const res = await fetch("/api/data", { credentials: "include" }); if (!res.ok) throw new Error("no data"); return res.json(); } async function apiSetData(payload) { const res = await fetch("/api/data", { method: "POST", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload), }); return res.ok; } /* ------------------------------------------------------------------ */ /* אפליקציה ראשית */ /* ------------------------------------------------------------------ */ function App({ onLogout }) { const [data, setData] = useState(null); const [tab, setTab] = useState("training"); const [saving, setSaving] = useState(false); useEffect(() => { (async () => { try { const parsed = await apiGetData(); setData({ ...DEFAULT_DATA, ...parsed, profile: { ...DEFAULT_DATA.profile, ...(parsed.profile || {}) }, mealLog: parsed.mealLog || [], shoppingList: parsed.shoppingList || [], ketoLog: parsed.ketoLog || [], }); } catch { setData(DEFAULT_DATA); } })(); }, []); const persist = useCallback(async (next) => { setData(next); setSaving(true); try { await apiSetData(next); } catch { /* ignore transient storage errors */ } finally { setSaving(false); } }, []); if (!data) { return (
); } return (
שגרה
{saving ? "שומר..." : "כושר · תזונה · משקל"}
{tab === "training" && } {tab === "nutrition" && } {tab === "weight" && }
); } function NavButton({ active, onClick, icon, label }) { return ( ); } function StreakChip({ data }) { const streak = useMemo(() => computeStreak(data.nutritionLog), [data.nutritionLog]); if (streak < 1) return null; return (
{streak}
); } /* ------------------------------------------------------------------ */ /* לשונית אימונים */ /* ------------------------------------------------------------------ */ function TrainingTab({ data, persist }) { const [category, setCategory] = useState("calisthenics"); const [activeWorkout, setActiveWorkout] = useState(null); const [checkedIdx, setCheckedIdx] = useState([]); const level = LEVELS.find((l) => l.id === data.profile.levelId) || LEVELS[0]; const calSessions = data.trainingLog.filter( (s) => (s.category || "calisthenics") === "calisthenics" && s.levelId === level.id ).length; const progressPct = Math.min(100, Math.round((calSessions / level.sessionsToAdvance) * 100)); const canAdvance = calSessions >= level.sessionsToAdvance && level.id < LEVELS[LEVELS.length - 1].id; const recentSessions = [...data.trainingLog].slice(-5).reverse(); const workoutsToShow = category === "calisthenics" ? level.workouts : CATEGORY_WORKOUTS[category]; function openWorkout(w) { setActiveWorkout(w); setCheckedIdx([]); } function toggleExercise(i) { setCheckedIdx((prev) => (prev.includes(i) ? prev.filter((x) => x !== i) : [...prev, i])); } async function completeWorkout() { const entry = { date: todayStr(), category, levelId: category === "calisthenics" ? level.id : null, workoutId: activeWorkout.id, workoutName: activeWorkout.name, exercisesDone: checkedIdx.length, exercisesTotal: activeWorkout.exercises.length, }; await persist({ ...data, trainingLog: [...data.trainingLog, entry] }); setActiveWorkout(null); } async function advanceLevel() { await persist({ ...data, profile: { ...data.profile, levelId: level.id + 1 } }); } return (
{TRAINING_CATEGORIES.map((c) => ( ))}
{category === "calisthenics" && ( <>
{canAdvance && (
מוכן/ה לשלב הבא
השלמת {calSessions} אימונים ב{level.name}
)} )}
{category === "calisthenics" ? "אימון היום" : "בחר אימון"}
{workoutsToShow.map((w) => ( ))}
היסטוריה אחרונה
{recentSessions.length === 0 ? (
עוד לא נרשמו אימונים. בואו נתחיל.
) : (
{recentSessions.map((s, i) => (
{s.workoutName}
{formatHe(s.date)} {s.category && s.category !== "calisthenics" ? " · " + (TRAINING_CATEGORIES.find((c) => c.id === s.category) || {}).label : ""}
{s.exercisesDone}/{s.exercisesTotal}
))}
)} {activeWorkout && (
setActiveWorkout(null)}>
e.stopPropagation()}>
{activeWorkout.name}
{activeWorkout.exercises.map((ex, i) => ( ))}
)}
); } function LevelMedallion({ level, progressPct }) { const segments = 24; const filled = Math.round((progressPct / 100) * segments); const radius = 52; const cx = 60; const cy = 60; const ticks = Array.from({ length: segments }).map((_, i) => { const angle = (i / segments) * Math.PI * 2 - Math.PI / 2; const x1 = cx + Math.cos(angle) * (radius - 6); const y1 = cy + Math.sin(angle) * (radius - 6); const x2 = cx + Math.cos(angle) * radius; const y2 = cy + Math.sin(angle) * radius; return ( ); }); return (
{ticks} {level.id}
שלב {level.id} · {level.name}
{level.subtitle}
{progressPct}% לשלב הבא
); } /* ------------------------------------------------------------------ */ /* לשונית תזונה */ /* ------------------------------------------------------------------ */ function computeStreak(nutritionLog) { let streak = 0; let d = new Date(); for (;;) { const key = d.toISOString().slice(0, 10); const entry = nutritionLog[key]; if (!entry) break; const doneCount = entry.checks.filter(Boolean).length; if (doneCount < entry.checks.length - 1) break; streak += 1; d.setDate(d.getDate() - 1); } return streak; } function NutritionTab({ data, persist }) { const [view, setView] = useState("today"); return (
{view === "today" && } {view === "meals" && } {view === "recipes" && ( )} {view === "shopping" && }
); } function TodayView({ data, persist }) { const [switchOpen, setSwitchOpen] = useState(false); const mode = data.profile.dietMode; const diet = DIETS[mode]; const today = todayStr(); const todayEntry = data.nutritionLog[today] && data.nutritionLog[today].mode === mode ? data.nutritionLog[today] : { mode, checks: diet.principles.map(() => false) }; const streak = computeStreak(data.nutritionLog); async function toggleCheck(i) { const checks = [...todayEntry.checks]; checks[i] = !checks[i]; await persist({ ...data, nutritionLog: { ...data.nutritionLog, [today]: { mode, checks } }, }); } async function switchDiet(newMode) { await persist({ ...data, profile: { ...data.profile, dietMode: newMode, ketoStartDate: newMode === "keto" ? today : data.profile.ketoStartDate, transitions: [...data.profile.transitions, { date: today, from: mode, to: newMode }], }, }); setSwitchOpen(false); } const last14 = useMemo(() => { const arr = []; for (let i = 13; i >= 0; i--) { const d = new Date(); d.setDate(d.getDate() - i); const key = d.toISOString().slice(0, 10); const entry = data.nutritionLog[key]; const clean = entry && entry.checks.filter(Boolean).length >= entry.checks.length - 1; arr.push({ key, clean: !!clean, has: !!entry }); } return arr; }, [data.nutritionLog]); const doneToday = todayEntry.checks.filter(Boolean).length; return ( <>
מצב תזונה נוכחי
{diet.label}
{doneToday}/{diet.principles.length} עקרונות היום
מה מותר ומה אסור
✓ מותר
    {FOOD_GUIDE[mode].allowed.map((item, i) => (
  • {item}
    • ))}
✕ אסור
    {FOOD_GUIDE[mode].avoid.map((item, i) => (
  • {item}
    • ))}
{mode === "keto" && }
רשימת היום
{diet.principles.map((p, i) => ( ))}
רצף ימים נקיים: {streak}
{last14.map((d) => (
))}
{switchOpen && (
setSwitchOpen(false)}>
e.stopPropagation()}>
החלפת מצב תזונה

{TRANSITION_TEXT}

{Object.entries(DIETS).map(([key, d]) => ( ))}
)} ); } function daysSince(dateStr) { const start = new Date(dateStr + "T00:00:00"); const now = new Date(); const diff = Math.floor((now - start) / (1000 * 60 * 60 * 24)); return Math.max(0, diff) + 1; // כולל היום הראשון } function ketosisPhase(day) { if (day <= 1) return "מתחילים להגביל פחמימות"; if (day <= 3) return "הגוף מתחיל לעבור לשריפת שומן"; if (day <= 6) return "יתכן שכבר נכנסת לקטוזיס"; return "סביר שאת/ה בקטוזיס יציב (אם נשמרים העקרונות)"; } const KETONE_LEVELS = ["אין", "עקבות", "קלה", "בינונית", "גבוהה"]; function KetosisCard({ data, persist }) { const [logOpen, setLogOpen] = useState(false); const [method, setMethod] = useState("urine"); const [level, setLevel] = useState("עקבות"); const [bloodVal, setBloodVal] = useState(""); const day = daysSince(data.profile.ketoStartDate); const phase = ketosisPhase(day); const progressPct = Math.min(100, Math.round((day / 7) * 100)); const sortedLog = [...(data.ketoLog || [])].sort((a, b) => (a.date < b.date ? 1 : -1)); async function resetCounter() { await persist({ ...data, profile: { ...data.profile, ketoStartDate: todayStr() } }); } async function saveKetoneEntry() { const entry = { id: Date.now().toString(), date: todayStr(), method, value: method === "blood" ? bloodVal || "0" : level, }; await persist({ ...data, ketoLog: [...(data.ketoLog || []), entry] }); setLogOpen(false); setBloodVal(""); } return ( <>
מד קטוזיס
יום {day}
{phase}
זהו אומדן גס בלבד. הדרך היחידה לדעת בוודאות אם את/ה בקטוזיס היא בדיקת קטונים.
{sortedLog.length > 0 && (
{sortedLog.slice(0, 4).map((e) => (
{e.method === "blood" ? `${e.value} mmol/L` : e.value}
{formatHe(e.date)} ·{" "} {e.method === "blood" ? "בדיקת דם" : e.method === "urine" ? "רצועת שתן" : "תחושה"}
))}
)}
{logOpen && (
setLogOpen(false)}>
e.stopPropagation()}>
תוצאת בדיקת קטונים
{method === "blood" ? ( setBloodVal(e.target.value)} /> ) : (
{KETONE_LEVELS.map((l) => ( ))}
)}
)} ); } function MealsView({ data, persist }) { const fileInputRef = useRef(null); const [status, setStatus] = useState("idle"); const [result, setResult] = useState(null); const [errorMsg, setErrorMsg] = useState(""); async function handleFile(e) { const file = e.target.files && e.target.files[0]; e.target.value = ""; if (!file) return; setStatus("loading"); setErrorMsg(""); try { const base64 = await resizeImageToBase64(file); const analysis = await analyzeMealImage(base64); setResult(analysis); setStatus("preview"); } catch (err) { setErrorMsg("לא הצלחתי לנתח את התמונה. אפשר לנסות שוב."); setStatus("error"); } } async function saveMeal() { const mode = data.profile.dietMode; const compliant = mode === "keto" ? result.ketoFriendly : result.paleoFriendly; const entry = { id: Date.now().toString(), date: todayStr(), time: new Date().toLocaleTimeString("he-IL", { hour: "2-digit", minute: "2-digit" }), title: result.title, ingredients: result.ingredients || [], containsPork: !!result.containsPork, containsShellfish: !!result.containsShellfish, compliant: !!compliant, mode, notes: result.notes || "", }; await persist({ ...data, mealLog: [...data.mealLog, entry] }); setResult(null); setStatus("idle"); } async function deleteMeal(id) { await persist({ ...data, mealLog: data.mealLog.filter((m) => m.id !== id) }); } const sortedMeals = [...data.mealLog].sort((a, b) => (a.date + a.time < b.date + b.time ? 1 : -1)); return ( <> {status === "error" && (
{errorMsg}
)} {status === "preview" && result && (
{ setStatus("idle"); setResult(null); }} >
e.stopPropagation()}>
{result.title}
{(result.containsPork || result.containsShellfish) && (
{result.containsPork && "מזוהה חזיר. "} {result.containsShellfish && "מזוהים פירות ים."}
)}
רכיבים שזוהו: {(result.ingredients || []).join(", ")}
{result.notes &&
{result.notes}
}
קיטו: {result.ketoFriendly ? "מתאים" : "לא מתאים"} פליאו: {result.paleoFriendly ? "מתאים" : "לא מתאים"}
)}
יומן ארוחות
{sortedMeals.length === 0 ? (
עוד לא נוספו ארוחות. צלמו את הארוחה הבאה שלכם.
) : (
{sortedMeals.map((m) => (
{m.title}
{formatHe(m.date)} · {m.time} {(m.containsPork || m.containsShellfish) && " · ⚠ לא כשר"}
))}
)} ); } function RecipesView({ dietMode, data, persist }) { const [filter, setFilter] = useState(dietMode); const [added, setAdded] = useState(null); const filtered = RECIPES.filter((r) => filter === "all" || r.diet === filter); async function addToShoppingList(recipe) { const existingTexts = new Set(data.shoppingList.map((i) => i.text)); const newItems = recipe.ingredients .filter((ing) => !existingTexts.has(ing)) .map((ing) => ({ id: Date.now().toString() + Math.random(), text: ing, checked: false })); await persist({ ...data, shoppingList: [...data.shoppingList, ...newItems] }); setAdded(recipe.id); setTimeout(() => setAdded(null), 1500); } return ( <>
מתכונים ללא חזיר וללא פירות ים
{filtered.map((r) => ( addToShoppingList(r)} justAdded={added === r.id} /> ))} ); } function RecipeCard({ recipe, onAddToList, justAdded }) { const [open, setOpen] = useState(false); const color = recipe.diet === "keto" ? "var(--ember)" : "var(--sage)"; return (
{open && (
רכיבים
    {recipe.ingredients.map((ing, i) => (
  • {ing}
    • ))}
הכנה
    {recipe.steps.map((s, i) => (
  1. {s}
    2. ))}
)}
); } function ShoppingView({ data, persist }) { const [text, setText] = useState(""); async function toggleItem(id) { await persist({ ...data, shoppingList: data.shoppingList.map((i) => (i.id === id ? { ...i, checked: !i.checked } : i)), }); } async function addManual() { if (!text.trim()) return; await persist({ ...data, shoppingList: [...data.shoppingList, { id: Date.now().toString(), text: text.trim(), checked: false }], }); setText(""); } async function removeItem(id) { await persist({ ...data, shoppingList: data.shoppingList.filter((i) => i.id !== id) }); } async function clearChecked() { await persist({ ...data, shoppingList: data.shoppingList.filter((i) => !i.checked) }); } const uncheckedCount = data.shoppingList.filter((i) => !i.checked).length; return ( <>
רשימת קניות · {uncheckedCount} פריטים
setText(e.target.value)} onKeyDown={(e) => e.key === "Enter" && addManual()} />
{data.shoppingList.length === 0 ? (
הרשימה ריקה. הוסיפו פריטים ידנית, או לחצו "הוסף מצרכים" במתכון שאהבתם.
) : (
{data.shoppingList.map((item) => (
{item.text}
))}
)} {data.shoppingList.some((i) => i.checked) && ( )} ); } /* ------------------------------------------------------------------ */ /* לשונית משקל */ /* ------------------------------------------------------------------ */ function WeightTab({ data, persist }) { const [addOpen, setAddOpen] = useState(false); const [val, setVal] = useState(""); const [goalOpen, setGoalOpen] = useState(false); const [goalVal, setGoalVal] = useState(data.profile.goalWeight || ""); const sorted = [...data.weightLog].sort((a, b) => (a.date < b.date ? -1 : 1)); const current = sorted.length ? sorted[sorted.length - 1].weight : null; const start = sorted.length ? sorted[0].weight : null; const change = current !== null && start !== null ? current - start : 0; const chartData = sorted.map((e) => ({ date: formatHe(e.date), weight: e.weight })); async function addEntry() { const w = parseFloat(val); if (!w || w <= 0) return; const today = todayStr(); const withoutToday = data.weightLog.filter((e) => e.date !== today); await persist({ ...data, weightLog: [...withoutToday, { date: today, weight: w }] }); setVal(""); setAddOpen(false); } async function saveGoal() { const g = parseFloat(goalVal); await persist({ ...data, profile: { ...data.profile, goalWeight: g > 0 ? g : null } }); setGoalOpen(false); } const TrendIcon = change < 0 ? TrendingDown : change > 0 ? TrendingUp : Minus; return (
נוכחי
{current !== null ? current : "—"} ק״ג
שינוי
0 ? "var(--danger)" : "var(--text)" }} > {Math.abs(change).toFixed(1)}
setGoalOpen(true)}>
יעד
{data.profile.goalWeight || "הגדר"} {data.profile.goalWeight && ק״ג}
{chartData.length >= 2 ? ( ) : (
הוסיפו לפחות שתי מדידות כדי לראות גרף מגמה
)}
היסטוריה
{[...sorted].reverse().slice(0, 8).map((e) => (
{e.weight} ק״ג
{formatHe(e.date)}
))} {sorted.length === 0 &&
עדיין אין מדידות
}
{addOpen && (
setAddOpen(false)}>
e.stopPropagation()}>
מדידת משקל להיום
setVal(e.target.value)} />
)} {goalOpen && (
setGoalOpen(false)}>
e.stopPropagation()}>
יעד משקל
setGoalVal(e.target.value)} />
)}
); } /* ------------------------------------------------------------------ */ /* עיצוב */ /* ------------------------------------------------------------------ */ function FontStyle() { return ( ); } /* ------------------------------------------------------------------ */ /* מסך התחברות + הרצת האפליקציה */ /* ------------------------------------------------------------------ */ function LoginScreen({ onSuccess }) { const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); async function handleSubmit(e) { e.preventDefault(); setError(""); setLoading(true); try { const res = await fetch("/api/login", { method: "POST", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username, password }), }); if (res.ok) { onSuccess(); } else { setError("שם משתמש או סיסמה שגויים"); } } catch { setError("שגיאת חיבור לשרת"); } finally { setLoading(false); } } return (
שגרה
setUsername(e.target.value)} autoFocus /> setPassword(e.target.value)} /> {error && (
{error}
)}
); } function AuthGate() { const [authed, setAuthed] = useState(null); useEffect(() => { fetch("/api/session", { credentials: "include" }) .then((r) => r.json()) .then((d) => setAuthed(!!d.authed)) .catch(() => setAuthed(false)); }, []); async function logout() { await fetch("/api/logout", { method: "POST", credentials: "include" }).catch(() => {}); setAuthed(false); } if (authed === null) { return (
); } if (!authed) { return setAuthed(true)} />; } return ; } const container = document.getElementById("root"); const root = createRoot(container); root.render();