\n {/* навигация по датам */}\n

\n setDate(shiftDate(date, -1))}\n className=\"w-10 h-10 rounded-xl border border-slate-200 bg-white text-slate-600 hover:bg-slate-50\"\n aria-label=\"Предыдущий день\"\n >\n ←\n \n

{formatDate(date)}

\n {!isToday && (\n setDate(todayISO())}\n className=\"text-xs text-slate-400 hover:text-slate-600\"\n >\n вернуться к сегодня\n \n )}\n

\n setDate(shiftDate(date, 1))}\n className=\"w-10 h-10 rounded-xl border border-slate-200 bg-white text-slate-600 hover:bg-slate-50\"\n aria-label=\"Следующий день\"\n >\n →\n \n

\n\n {/* тип дня */}\n \n

Тип дня

\n {settings.dayTypes.map((t) => (\n setDayField({ day_type: t.id })}\n >\n

{t.label}

\n \n {fmt(t.kcal)} ккал{t.hint ? ` · ${t.hint}` : \"\"}\n

\n \n ))}\n

\n \n\n {/* итоги дня */}\n \n

\n {fmt(totals.kcal)}\n

\n из {fmt(targets.kcal)} ккал\n

\n \n {remaining >= 0 ? fmt(remaining) : `+${fmt(-remaining)}`}\n

\n {remaining >= 0 ? \"осталось\" : \"сверх цели\"}\n

\n \n\n \n \n \n \n\n {underEating && (\n

\n Заметно ниже цели дня. По опыту именно такие дни потом откликаются\n резким голодом — на теннисных днях лучше добирать до верхней\n границы.\n

\n )}\n \n\n {/* вес */}\n \n

\n Вес утром\n

\n {\n const v = e.currentTarget.value.trim();\n setDayField({\n weight: v === \"\" ? null : Number(v.replace(\",\", \".\")),\n });\n }}\n className={`${inputClass} w-28 text-right`}\n />\n кг\n \n\n {/* приёмы пищи */}\n {MEALS.map((meal) => (\n e.meal === meal.id)}\n foods={foods}\n reload={reload}\n reloadFoods={reloadFoods}\n />\n ))}\n \n );\n}\n\n/* ------------------------------------------------------------ приём пищи */\n\nfunction MealSection(\n { meal, date, entries, foods, reload, reloadFoods }: {\n meal: (typeof MEALS)[number];\n date: string;\n entries: Entry[];\n foods: Food[];\n reload: () => Promise;\n reloadFoods: () => Promise;\n },\n) {\n const [adding, setAdding] = useState(false);\n const kcal = entries.reduce((s, e) => s + e.kcal, 0);\n\n const copyYesterday = async () => {\n const res = await api.post<{ copied: number }>(\"/api/entries/copy\", {\n from: shiftDate(date, -1),\n to: date,\n meal: meal.id,\n });\n if (res.copied === 0) alert(\"Вчера в этом приёме пищи пусто\");\n await reload();\n };\n\n return (\n \n

\n {meal.emoji}\n {meal.label}\n \n {fmt(kcal)} ккал\n \n

\n\n {entries.length > 0 && (\n

\n {entries.map((e) => (\n \n ))}\n

\n )}\n\n {adding\n ? (\n setAdding(false)}\n reload={reload}\n reloadFoods={reloadFoods}\n />\n )\n : (\n

\n setAdding(true)}\n className=\"text-sm font-medium text-slate-700 hover:text-slate-900\"\n >\n + добавить\n \n \n как вчера\n \n

\n )}\n \n );\n}\n\nfunction EntryRow(\n { entry, reload }: { entry: Entry; reload: () => Promise },\n) {\n const [amount, setAmount] = useState(String(entry.amount));\n\n const save = async () => {\n const v = Number(amount.replace(\",\", \".\"));\n if (!Number.isFinite(v) || v <= 0 || v === entry.amount) {\n setAmount(String(entry.amount));\n return;\n }\n await api.patch(`/api/entries/${entry.id}`, { amount: v });\n await reload();\n };\n\n return (\n

{entry.name}

\n Б {fmt1(entry.protein)} · Ж {fmt1(entry.fat)} · У {fmt1(entry.carbs)}\n

\n setAmount(e.target.value)}\n onBlur={save}\n onKeyDown={(e) => e.key === \"Enter\" && e.currentTarget.blur()}\n inputMode=\"decimal\"\n className=\"w-16 px-2 py-1 text-right text-sm rounded-lg border border-transparent hover:border-slate-200 focus:border-slate-300 focus:outline-none tabular-nums\"\n />\n \n {entry.unit === \"pc\" ? \"шт\" : \"г\"}\n \n

\n {fmt(entry.kcal)}\n

\n {\n await api.del(`/api/entries/${entry.id}`);\n await reload();\n }}\n className=\"text-slate-300 hover:text-rose-500 px-1\"\n aria-label=\"Удалить\"\n >\n ×\n \n

\n );\n}\n\n/* -------------------------------------------------------- добавление еды */\n\nfunction AddPanel(\n { date, meal, foods, onClose, reload, reloadFoods }: {\n date: string;\n meal: string;\n foods: Food[];\n onClose: () => void;\n reload: () => Promise;\n reloadFoods: () => Promise;\n },\n) {\n const [query, setQuery] = useState(\"\");\n const [selected, setSelected] = useState(null);\n const [amount, setAmount] = useState(\"100\");\n const [creating, setCreating] = useState(false);\n const [busy, setBusy] = useState(false);\n\n const matches = useMemo(() => {\n const q = query.trim().toLowerCase();\n const list = q\n ? foods.filter((f) => f.name.toLowerCase().includes(q))\n : foods;\n return list.slice(0, 8);\n }, [query, foods]);\n\n const factor = selected ? (selected.unit === \"pc\" ? 1 : 1 / 100) : 0;\n const amountNum = Number(amount.replace(\",\", \".\")) || 0;\n const preview = selected\n ? {\n kcal: selected.kcal * factor * amountNum,\n protein: selected.protein * factor * amountNum,\n fat: selected.fat * factor * amountNum,\n carbs: selected.carbs * factor * amountNum,\n }\n : null;\n\n const add = async () => {\n if (!selected || amountNum <= 0) return;\n setBusy(true);\n try {\n await api.post(\"/api/entries\", {\n date,\n meal,\n food_id: selected.id,\n amount: amountNum,\n });\n await reload();\n onClose();\n } catch (e) {\n alert(String(e instanceof Error ? e.message : e));\n } finally {\n setBusy(false);\n }\n };\n\n if (creating) {\n return (\n setCreating(false)}\n initialName={query}\n onSaved={async (food) => {\n await reloadFoods();\n setSelected(food);\n setAmount(food.unit === \"pc\" ? \"1\" : \"100\");\n setCreating(false);\n }}\n />\n );\n }\n\n return (\n

\n {selected\n ? (\n

{selected.name}

\n {fmt(selected.kcal)} ккал на{\" \"}\n {selected.unit === \"pc\" ? \"штуку\" : \"100 г\"}\n {selected.raw ? \" · сырой вес\" : \"\"}\n

\n setSelected(null)}\n className=\"text-xs text-slate-400 hover:text-slate-600\"\n >\n другой продукт\n \n

\n\n

\n setAmount(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && add()}\n inputMode=\"decimal\"\n className={`${inputClass} flex-1`}\n />\n \n {selected.unit === \"pc\" ? \"шт\" : \"г\"}\n \n \n

\n\n {preview && (\n

\n {fmt(preview.kcal)} ккал · Б {fmt1(preview.protein)} · Ж{\" \"}\n {fmt1(preview.fat)} · У {fmt1(preview.carbs)}\n

\n )}\n

\n )\n : (\n

\n setQuery(e.target.value)}\n placeholder=\"Найти продукт в базе…\"\n className={inputClass}\n />\n

\n {matches.map((f) => (\n {\n setSelected(f);\n setAmount(f.unit === \"pc\" ? \"1\" : \"100\");\n }}\n className=\"w-full flex items-center gap-2 px-3 py-2 rounded-xl bg-white border border-slate-200 hover:border-slate-300 text-left\"\n >\n {f.name}\n \n {fmt(f.kcal)} / {f.unit === \"pc\" ? \"шт\" : \"100 г\"}\n \n \n ))}\n {matches.length === 0 && (\n

\n Ничего не найдено\n

\n )}\n

\n setCreating(true)}\n className=\"text-sm font-medium text-slate-700 hover:text-slate-900\"\n >\n + новый продукт\n \n \n отмена\n \n

\n )}\n

\n );\n}\n\n/* ------------------------------------------------------------ форма продукта */\n\nexport function FoodForm(\n { initial, initialName, onSaved, onCancel }: {\n initial?: Food;\n initialName?: string;\n onSaved: (food: Food) => void | Promise;\n onCancel: () => void;\n },\n) {\n const [form, setForm] = useState({\n name: initial?.name ?? initialName ?? \"\",\n unit: initial?.unit ?? \"g\",\n kcal: initial ? String(initial.kcal) : \"\",\n protein: initial ? String(initial.protein) : \"\",\n fat: initial ? String(initial.fat) : \"\",\n carbs: initial ? String(initial.carbs) : \"\",\n raw: Boolean(initial?.raw),\n });\n const [busy, setBusy] = useState(false);\n\n const set = (k: string, v: unknown) => setForm((f) => ({ ...f, [k]: v }));\n const n = (v: string) => Number(String(v).replace(\",\", \".\")) || 0;\n\n const save = async () => {\n if (!form.name.trim()) return alert(\"Нужно название\");\n setBusy(true);\n try {\n const payload = {\n name: form.name.trim(),\n unit: form.unit,\n kcal: n(form.kcal),\n protein: n(form.protein),\n fat: n(form.fat),\n carbs: n(form.carbs),\n raw: form.raw,\n };\n const saved = initial\n ? await api.put(`/api/foods/${initial.id}`, payload)\n : await api.post(\"/api/foods\", payload);\n await onSaved(saved);\n } catch (e) {\n alert(String(e instanceof Error ? e.message : e));\n } finally {\n setBusy(false);\n }\n };\n\n return (\n

\n \n set(\"name\", e.target.value)}\n className={inputClass}\n />\n \n\n

\n set(\"unit\", \"g\")}>\n на 100 г\n \n set(\"unit\", \"pc\")}>\n на штуку\n \n

\n\n

\n \n set(\"kcal\", e.target.value)}\n inputMode=\"decimal\"\n className={inputClass}\n />\n \n \n set(\"protein\", e.target.value)}\n inputMode=\"decimal\"\n className={inputClass}\n />\n \n \n set(\"fat\", e.target.value)}\n inputMode=\"decimal\"\n className={inputClass}\n />\n \n \n set(\"carbs\", e.target.value)}\n inputMode=\"decimal\"\n className={inputClass}\n />\n \n

\n\n \n set(\"raw\", e.target.checked)}\n className=\"rounded\"\n />\n Вес сырой / сухой\n \n\n

\n \n \n

\n );\n}",[],[143,183],"66fd2c29-c63e-4185-857a-0dabcb9bea0a","App.tsx","c868d276-ad03-11f1-8030-1607ee4eb77e",13,["D",1789036741879],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useCallback,\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { api, type Day, type Entry, type Food } from \"./api.ts\";\nimport { Spinner } from \"./ui.tsx\";\nimport { DayScreen } from \"./DayScreen.tsx\";\nimport { FoodsScreen } from \"./FoodsScreen.tsx\";\nimport { HistoryScreen } from \"./HistoryScreen.tsx\";\nimport { SettingsScreen } from \"./SettingsScreen.tsx\";\nimport {\n type Settings,\n type Targets,\n todayISO,\n type Totals,\n} from \"../shared/config.ts\";\n\ninterface DayData {\n day: Day;\n entries: Entry[];\n totals: Totals;\n targets: Targets;\n}\n\nconst TABS = [\n { id: \"day\", label: \"День\", icon: \"📋\" },\n { id: \"history\", label: \"История\", icon: \"📈\" },\n { id: \"foods\", label: \"База\", icon: \"🥕\" },\n { id: \"settings\", label: \"Цели\", icon: \"⚙️\" },\n] as const;\n\ntype TabId = (typeof TABS)[number][\"id\"];\n\nexport function App() {\n const [tab, setTab] = useState(\"day\");\n const [date, setDate] = useState(todayISO());\n const [dayData, setDayData] = useState(null);\n const [foods, setFoods] = useState([]);\n const [settings, setSettings] = useState(null);\n const [error, setError] = useState(null);\n\n const loadDay = useCallback(async () => {\n try {\n setDayData(await api.get(`/api/day?date=${date}`));\n } catch (e) {\n setError(e instanceof Error ? e.message : String(e));\n }\n }, [date]);\n\n const loadFoods = useCallback(async () => {\n setFoods(await api.get(\"/api/foods\"));\n }, []);\n\n const loadSettings = useCallback(async () => {\n setSettings(await api.get(\"/api/settings\"));\n }, []);\n\n useEffect(() => {\n loadFoods().catch(console.error);\n loadSettings().catch(console.error);\n }, [loadFoods, loadSettings]);\n\n useEffect(() => {\n loadDay();\n }, [loadDay]);\n\n const goToDate = (d: string) => {\n setDate(d);\n setTab(\"day\");\n };\n\n return (\n

\n 🥗 Дневник питания\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {tab === \"day\" &&\n (dayData && settings\n ? (\n \n )\n : )}\n\n {tab === \"history\" && }\n\n {tab === \"foods\" && (\n \n )}\n\n {tab === \"settings\" &&\n (settings\n ? (\n \n )\n : )}\n

\n\n \n

\n );\n}",[],[143,191],["D",1789036682984],[161,162,163,164],[143],["D",1789035851996],["D",1789561879908],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_44":43,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":46,"_98":99},"ctx",{"_82":-5,"_127":239,"_240":241,"_242":243,"_244":25,"_245":25,"_246":25,"_247":59,"_248":-5,"_249":-7,"_250":-7,"_251":63,"_252":25,"_253":25,"_254":-5,"_255":25,"_256":25,"_257":25,"_258":-5},"ENV",{"_210":211,"_212":213,"_214":90,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v18