\n {label}\n \n {fmt(value)}\n \n {\" / \"}\n {fmt(target)} {unit}\n \n \n

\n \n

\n );\n}\n\nexport function Chip(\n { active, onClick, children, title }: {\n active?: boolean;\n onClick?: () => void;\n children: React.ReactNode;\n title?: string;\n },\n) {\n return (\n \n {children}\n \n );\n}\n\nexport function Button(\n { children, onClick, variant = \"primary\", type = \"button\", disabled }: {\n children: React.ReactNode;\n onClick?: () => void;\n variant?: \"primary\" | \"ghost\" | \"danger\";\n type?: \"button\" | \"submit\";\n disabled?: boolean;\n },\n) {\n const styles = {\n primary: \"bg-slate-900 text-white hover:bg-slate-800 disabled:bg-slate-300\",\n ghost: \"border border-slate-200 text-slate-700 hover:bg-slate-50\",\n danger: \"border border-rose-200 text-rose-600 hover:bg-rose-50\",\n }[variant];\n return (\n \n {children}\n \n );\n}\n\nexport function Field(\n { label, children, hint }: {\n label: string;\n children: React.ReactNode;\n hint?: string;\n },\n) {\n return (\n \n \n {label}\n \n {children}\n {hint && {hint}\n }\n \n );\n}\n\nexport const inputClass =\n \"w-full px-3 py-2.5 rounded-xl border border-slate-200 bg-white text-sm focus:outline-none focus:border-slate-400 tabular-nums\";\n\nexport function fmt(n: number, digits = 0): string {\n if (!Number.isFinite(n)) return \"0\";\n return n.toLocaleString(\"ru-RU\", {\n minimumFractionDigits: digits,\n maximumFractionDigits: digits,\n });\n}\n\nexport function fmt1(n: number): string {\n return fmt(Math.round(n * 10) / 10, Math.abs(n % 1) > 0.04 ? 1 : 0);\n}\n\nexport function Spinner() {\n return (\n

\n );\n}",[],[67,107],"4af7543e-763b-4306-8e94-7d975ac7c3d8","root.tsx","22bbc274-ad04-11f1-8d82-1607ee4eb77e",87,["D",1789038252080],17,"import { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst FAVICON = \"data:image/svg+xml,\" +\n encodeURIComponent(\n ``,\n );\n\nexport function Root(): string {\n return `\n\n\n\n\n\nДневник питания\n\n\n\n\n\n\n

\n\n\n`;\n}",[],[67,116],"664d839b-313b-4a5c-9e36-e0b045c01ac3","login.tsx","13bc897a-ad04-11f1-8dc6-1607ee4eb77e",28,["D",1789036864079],"/** @jsxImportSource npm:hono/jsx */\n\ninterface Props {\n mode: \"login\" | \"forbidden\";\n username?: string | null;\n}\n\nfunction Page({ mode, username }: Props) {\n return (\n \n \n \n \n Дневник питания\n \n \n \n

🥗

Дневник питания

\n {mode === \"login\"\n ? (\n <>\n

\n Личный дневник. Нужен вход через аккаунт Val Town.\n

\n \n Войти\n \n \n )\n : (\n <>\n

\n Аккаунт{\" \"}\n {username}\n {\" \"}\n не является владельцем этого дневника.\n

\n \n \n )}\n

\n \n \n );\n}\n\nexport function LoginPage(props: Props): string {\n return \"\" + Page(props).toString();\n}",[],[67,125],"ba93ab0e-79ab-4ec4-9266-8ca2d97409ce","index.tsx","08958402-ad04-11f1-b4a9-1607ee4eb77e",77,["D",1789038146913],12,"import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { App } from \"./App.tsx\";\n\nconst container = document.getElementById(\"root\");\nif (container) {\n createRoot(container).render();\n}",[],[67,133],"c027eca9-8024-44b0-8df8-e9a0f7a55e14","api.ts","ba85a86e-ad03-11f1-8843-1607ee4eb77e",116,["D",1789038552481],31,"async function request(path: string, init?: RequestInit): Promise {\n const res = await fetch(path, {\n headers: { \"Content-Type\": \"application/json\" },\n ...init,\n });\n if (res.status === 401) {\n location.href = \"/auth/login\";\n throw new Error(\"Нужен вход\");\n }\n if (!res.ok) {\n let message = res.statusText;\n try {\n const body = await res.json();\n if (body?.error) message = body.error;\n } catch { /* тело не JSON — оставляем статус */ }\n throw new Error(message);\n }\n return res.json() as Promise;\n}\n\nfunction get(path: string): Promise {\n return request(path);\n}\n\nfunction post(path: string, body: unknown): Promise {\n return request(path, { method: \"POST\", body: JSON.stringify(body) });\n}\n\nfunction put(path: string, body: unknown): Promise {\n return request(path, { method: \"PUT\", body: JSON.stringify(body) });\n}\n\nfunction patch(path: string, body: unknown): Promise {\n return request(path, { method: \"PATCH\", body: JSON.stringify(body) });\n}\n\nfunction del(path: string): Promise {\n return request(path, { method: \"DELETE\" });\n}\n\nexport const api = { get, post, put, patch, del };\n\nexport interface Food {\n id: number;\n name: string;\n unit: \"g\" | \"pc\";\n kcal: number;\n protein: number;\n fat: number;\n carbs: number;\n raw: number;\n note: string | null;\n}\n\nexport interface Entry {\n id: number;\n date: string;\n meal: string;\n food_id: number | null;\n name: string;\n unit: \"g\" | \"pc\";\n amount: number;\n kcal: number;\n protein: number;\n fat: number;\n carbs: number;\n}\n\nexport interface Day {\n date: string;\n day_type: string;\n weight: number | null;\n note: string | null;\n}",[],[67,142],"0bcf46ff-0b41-456e-b7bf-60630543d141","SettingsScreen.tsx","2d189094-ad04-11f1-a32e-1607ee4eb77e",50,["D",1789037800167],"import React, { useState } from \"react\";\nimport { api } from \"./api.ts\";\nimport { Button, Card, Field, fmt, inputClass } from \"./ui.tsx\";\nimport { carbsFor, type Settings } from \"../shared/config.ts\";\n\nexport function SettingsScreen(\n { settings, reloadSettings }: {\n settings: Settings;\n reloadSettings: () => Promise;\n },\n) {\n const [draft, setDraft] = useState(() => structuredClone(settings));\n const [busy, setBusy] = useState(false);\n const [saved, setSaved] = useState(false);\n\n const n = (v: string) => Number(String(v).replace(\",\", \".\")) || 0;\n\n const save = async () => {\n setBusy(true);\n try {\n await api.post(\"/api/settings\", draft);\n await reloadSettings();\n setSaved(true);\n setTimeout(() => setSaved(false), 2000);\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

\n Постоянные макросы\n

\n \n \n setDraft({ ...draft, protein: n(e.target.value) })}\n inputMode=\"decimal\"\n className={inputClass}\n />\n \n \n setDraft({ ...draft, fat: n(e.target.value) })}\n inputMode=\"decimal\"\n className={inputClass}\n />\n \n

\n Белок и жиры одинаковы во все дни. Углеводы считаются автоматически\n как остаток калорий — на активных днях растут именно они.\n

\n \n\n \n

\n Калории по типам дней\n

\n {draft.dayTypes.map((t, i) => (\n

\n {\n const dayTypes = [...draft.dayTypes];\n dayTypes[i] = { ...t, label: e.target.value };\n setDraft({ ...draft, dayTypes });\n }}\n className={`${inputClass} !py-2`}\n />\n

\n {t.hint ? `${t.hint} · ` : \"\"}У{\" \"}\n {carbsFor(t.kcal, draft.protein, draft.fat)} г\n

\n {\n const dayTypes = [...draft.dayTypes];\n dayTypes[i] = { ...t, kcal: n(e.target.value) };\n setDraft({ ...draft, dayTypes });\n }}\n inputMode=\"decimal\"\n className={`${inputClass} w-24 text-right`}\n />\n

\n ))}\n \n\n \n

\n Пересчёт при снижении веса\n

\n Примерно каждые 5 кг стоит уменьшать цель на 50–70 ккал. Сейчас\n спокойный день — {fmt(draft.dayTypes[0]?.kcal ?? 0)} ккал.\n

\n \n\n

\n \n {saved && Сохранено}\n

\n\n

\n view source\n \n

\n );\n}",[],[67,151],"b9bfb824-92ac-4504-ae95-4f13be09eeaa","HistoryScreen.tsx","f847353c-ad03-11f1-a0be-1607ee4eb77e",53,["D",1789037840002],"import React, { useEffect, useState } from \"react\";\nimport { api } from \"./api.ts\";\nimport { Card, fmt, fmt1, Spinner } from \"./ui.tsx\";\nimport {\n dayTypeLabel,\n formatShortDate,\n type Settings,\n type Targets,\n} from \"../shared/config.ts\";\n\ninterface HistoryRow {\n date: string;\n day_type: string;\n weight: number | null;\n kcal: number;\n protein: number;\n fat: number;\n carbs: number;\n targets: Targets;\n}\n\ninterface HistoryData {\n rows: HistoryRow[];\n weights: { date: string; weight: number }[];\n settings: Settings;\n}\n\nexport function HistoryScreen(\n { onPickDate }: { onPickDate: (d: string) => void },\n) {\n const [data, setData] = useState(null);\n\n useEffect(() => {\n api.get(\"/api/history?days=60\").then(setData).catch(\n console.error,\n );\n }, []);\n\n if (!data) return ;\n if (data.rows.length === 0) {\n return (\n

\n Пока нет записей\n

\n );\n }\n\n const last7 = data.rows.slice(0, 7);\n const avgKcal = last7.reduce((s, r) => s + r.kcal, 0) / last7.length;\n const avgTarget = last7.reduce((s, r) => s + r.targets.kcal, 0) /\n last7.length;\n const avgProtein = last7.reduce((s, r) => s + r.protein, 0) / last7.length;\n\n return (\n

\n \n

\n Среднее за последние 7 дней\n

\n {fmt(avgKcal)}\n

ккал

\n {fmt(avgTarget)}\n

цель

\n {fmt1(avgProtein)}\n

белок, г

\n {avgKcal < avgTarget * 0.9 && (\n

\n Средний недобор около {fmt(avgTarget - avgKcal)}{\" \"}\n ккал в день. Дефицит и так заложен в цели — стабильно есть ниже неё\n смысла нет.\n

\n )}\n \n\n {data.weights.length >= 2 && }\n\n \n

\n По дням\n

\n {data.rows.map((r) => {\n const pct = r.targets.kcal > 0\n ? (r.kcal / r.targets.kcal) * 100\n : 0;\n return (\n onPickDate(r.date)}\n className=\"w-full flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 text-left\"\n >\n

\n {formatShortDate(r.date)}\n

\n 105\n ? \"bg-rose-400\"\n : pct < 85\n ? \"bg-amber-400\"\n : \"bg-emerald-500\"\n }`}\n style={{ width: `${Math.min(100, pct)}%` }}\n />\n

\n {dayTypeLabel(data.settings, r.day_type)}\n {r.weight ? ` · ${fmt1(r.weight)} кг` : \"\"}\n

{fmt(r.kcal)}

\n {fmt(pct)}%\n

\n \n );\n })}\n

\n \n

\n );\n}\n\nfunction WeightChart(\n { points }: { points: { date: string; weight: number }[] },\n) {\n const w = 320;\n const h = 90;\n const pad = 6;\n const values = points.map((p) => p.weight);\n const min = Math.min(...values);\n const max = Math.max(...values);\n const span = max - min || 1;\n\n const coords = points.map((p, i) => {\n const x = pad + (i / Math.max(1, points.length - 1)) * (w - pad * 2);\n const y = pad + (1 - (p.weight - min) / span) * (h - pad * 2);\n return `${x},${y}`;\n });\n\n const first = points[0];\n const last = points[points.length - 1];\n const delta = last.weight - first.weight;\n\n return (\n \n

Вес

\n {fmt1(last.weight)} кг\n \n {\" \"}\n ({delta > 0 ? \"+\" : \"\"}\n {fmt1(delta)})\n \n

\n \n \n \n

\n {formatShortDate(first.date)}\n {formatShortDate(last.date)}\n

\n \n );\n}",[],[67,159],"2d9876ef-341e-41e8-9407-02ee16ec209f","FoodsScreen.tsx","e829be72-ad03-11f1-8ad8-1607ee4eb77e",54,["D",1789037850081],"import React, { useMemo, useState } from \"react\";\nimport { api, type Food } from \"./api.ts\";\nimport { Button, Card, fmt, fmt1, inputClass } from \"./ui.tsx\";\nimport { FoodForm } from \"./DayScreen.tsx\";\n\nexport function FoodsScreen(\n { foods, reloadFoods }: { foods: Food[]; reloadFoods: () => Promise },\n) {\n const [query, setQuery] = useState(\"\");\n const [editing, setEditing] = useState(null);\n const [creating, setCreating] = useState(false);\n const [importing, setImporting] = useState(false);\n\n const list = useMemo(() => {\n const q = query.trim().toLowerCase();\n return q ? foods.filter((f) => f.name.toLowerCase().includes(q)) : foods;\n }, [query, foods]);\n\n const remove = async (food: Food) => {\n if (\n !confirm(`Убрать «${food.name}» из базы? Записи в дневнике останутся.`)\n ) return;\n await api.del(`/api/foods/${food.id}`);\n await reloadFoods();\n };\n\n return (\n

\n setQuery(e.target.value)}\n placeholder=\"Поиск по базе…\"\n className={inputClass}\n />\n \n

\n\n {creating && (\n \n

\n Новый продукт\n

\n setCreating(false)}\n onSaved={async () => {\n await reloadFoods();\n setCreating(false);\n }}\n />\n \n )}\n\n {importing && (\n setImporting(false)}\n reloadFoods={reloadFoods}\n />\n )}\n\n

\n {foods.length === 0\n ? \"База пуста — продукты можно заводить прямо при добавлении еды в дневник.\"\n : `${foods.length} продукт(ов) в базе`}\n

\n setImporting((v) => !v)}\n className=\"text-xs text-slate-400 hover:text-slate-700\"\n >\n импорт списком\n \n

\n\n

\n {list.map((food) =>\n editing?.id === food.id\n ? (\n \n

\n {food.name}\n

\n setEditing(null)}\n onSaved={async () => {\n await reloadFoods();\n setEditing(null);\n }}\n />\n \n )\n : (\n \n

\n {food.name}\n {food.raw\n ? · сырой\n : null}\n

\n {fmt(food.kcal)} ккал · Б {fmt1(food.protein)} · Ж{\" \"}\n {fmt1(food.fat)} · У {fmt1(food.carbs)} /{\" \"}\n {food.unit === \"pc\" ? \"шт\" : \"100 г\"}\n

\n setEditing(food)}\n className=\"text-xs text-slate-400 hover:text-slate-700\"\n >\n изменить\n \n remove(food)}\n className=\"text-slate-300 hover:text-rose-500 px-1\"\n aria-label=\"Убрать\"\n >\n ×\n \n \n )\n )}\n

\n );\n}\n\n/**\n * Импорт списком. Одна строка — один продукт:\n * Название | ккал | белки | жиры | углеводы (значения на 100 г)\n * Разделителем может быть «|», табуляция или точка с запятой.\n */\nfunction ImportPanel(\n { onClose, reloadFoods }: {\n onClose: () => void;\n reloadFoods: () => Promise;\n },\n) {\n const [text, setText] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n const parse = () =>\n text\n .split(\"\\n\")\n .map((line) => line.trim())\n .filter(Boolean)\n .map((line) => {\n const parts = line.split(/\\s*[|;\\t]\\s*/);\n const n = (v: string) => Number(String(v ?? \"\").replace(\",\", \".\")) || 0;\n return {\n name: (parts[0] ?? \"\").trim(),\n kcal: n(parts[1]),\n protein: n(parts[2]),\n fat: n(parts[3]),\n carbs: n(parts[4]),\n };\n })\n .filter((it) => it.name);\n\n const parsed = parse();\n\n const run = async () => {\n if (!parsed.length) return;\n setBusy(true);\n try {\n const res = await api.post<{ imported: number }>(\"/api/foods/import\", {\n items: parsed,\n });\n await reloadFoods();\n alert(`Добавлено продуктов: ${res.imported}`);\n setText(\"\");\n onClose();\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 Одна строка — один продукт, значения на 100 г:
\n \n Куриная грудка | 113 | 23.6 | 1.9 | 0.4\n \n

\n setText(e.target.value)}\n rows={8}\n placeholder=\"Название | ккал | белки | жиры | углеводы\"\n className={`${inputClass} font-mono !text-xs`}\n />\n

\n \n \n

\n \n );\n}",[],[67,167],"3fd02d1c-3217-45a0-93b0-fdf88cd63533","DayScreen.tsx","dc72eb6c-ad03-11f1-88aa-1607ee4eb77e",72,["D",1789038076658],13,"import React, { useMemo, useState } from \"react\";\nimport { api, type Day, type Entry, type Food } from \"./api.ts\";\nimport {\n Button,\n Card,\n Chip,\n Field,\n fmt,\n fmt1,\n inputClass,\n MacroBar,\n} from \"./ui.tsx\";\nimport {\n formatDate,\n MEALS,\n type Settings,\n shiftDate,\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\ninterface Props {\n date: string;\n setDate: (d: string) => void;\n data: DayData;\n settings: Settings;\n foods: Food[];\n reload: () => Promise;\n reloadFoods: () => Promise;\n}\n\nexport function DayScreen(\n { date, setDate, data, settings, foods, reload, reloadFoods }: Props,\n) {\n const { day, entries, totals, targets } = data;\n const isToday = date === todayISO();\n const isPast = date < todayISO();\n\n const setDayField = async (patch: Partial) => {\n await api.post(\"/api/day\", { date, ...patch });\n await reload();\n };\n\n const remaining = targets.kcal - totals.kcal;\n const underEating = isPast && totals.kcal > 0 &&\n totals.kcal < targets.kcal * 0.85;\n\n return (\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

{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 {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}",[],[67,175],"11f42625-a91e-4107-8d39-870279fe081f","App.tsx","c868d276-ad03-11f1-8030-1607ee4eb77e",48,["D",1789037775880],"import React, { useCallback, useEffect, useState } from \"react\";\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}",[],[67,184],"b9f38423-c36d-4a9a-80a5-75ed41b526af",["D",1789035851996],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","334a9729-edd7-43ca-a4b5-68f3bba4874d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a08abe-4560-740a-b384-1a8e1d430383","tursoName","b9f38423c36d4a9a80a575ed41b526af","tursoHostname","b9f38423c36d4a9a80a575ed41b526af-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789474853273],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_248":244},"org",{"_11":12,"_241":242,"_243":244,"_200":201,"_245":246,"_247":55},"branch",{"_17":144,"_13":16,"_35":42,"_233":191,"_234":-5,"_235":-5,"_236":-5,"_237":-5,"_238":-5,"_239":14,"_240":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Alexandra Durasova","avatar","https://lh3.googleusercontent.com/a/ACg8ocIwiludhRX15IWmBjzpBXLZkhNpP4PChLyB2oGx1bfega_6suehhg=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":191,"_13":14,"_47":324,"_193":-5,"_194":55,"_195":196,"_197":196,"_198":19,"_199":-5,"_200":201,"_202":39,"_203":46,"_204":-5,"_205":-5,"_206":207,"_208":209,"_210":211,"_212":213,"_214":325,"_216":-5,"_217":218,"_219":218,"_220":221,"_222":221,"_223":221,"_224":218,"_225":218,"_226":326,"_228":327,"_230":328,"_232":55},[282,293,295],"files",[282,283,284,285,286,287,288,289,290,291,292,293,294,295],"counts",{"_273":207,"_274":63,"_275":207,"_31":276,"_277":278},[267,268,269],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_18":272},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_18":271},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":270},[37],[59],[67],"pulls","branches","forks",{"_279":207,"_281":207},"connections",{"_279":207,"_280":207},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":93,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_76":322,"_18":323},{"_35":183,"_13":184,"_38":185,"_40":68,"_41":42,"_43":186,"_45":46,"_47":187,"_17":111,"_50":89,"_52":188,"_54":55,"_56":-5,"_76":320,"_18":321},{"_35":174,"_13":175,"_38":176,"_40":68,"_41":42,"_43":177,"_45":46,"_47":178,"_17":179,"_50":89,"_52":180,"_54":55,"_56":-5,"_76":318,"_18":319},{"_35":166,"_13":167,"_38":168,"_40":68,"_41":42,"_43":169,"_45":46,"_47":170,"_17":111,"_50":89,"_52":171,"_54":55,"_56":-5,"_76":316,"_18":317},{"_35":158,"_13":159,"_38":160,"_40":68,"_41":42,"_43":161,"_45":46,"_47":162,"_17":111,"_50":89,"_52":163,"_54":55,"_56":-5,"_76":314,"_18":315},{"_35":150,"_13":151,"_38":152,"_40":68,"_41":42,"_43":153,"_45":46,"_47":154,"_17":111,"_50":89,"_52":155,"_54":55,"_56":-5,"_76":312,"_18":313},{"_35":141,"_13":142,"_38":143,"_40":68,"_41":42,"_43":144,"_45":46,"_47":145,"_17":146,"_50":89,"_52":147,"_54":55,"_56":-5,"_76":310,"_18":311},{"_35":132,"_13":133,"_38":134,"_40":68,"_41":42,"_43":135,"_45":46,"_47":136,"_17":137,"_50":89,"_52":138,"_54":55,"_56":-5,"_76":308,"_18":309},{"_35":124,"_13":125,"_38":126,"_40":68,"_41":42,"_43":127,"_45":46,"_47":128,"_17":88,"_50":89,"_52":129,"_54":55,"_56":-5,"_76":306,"_18":307},{"_35":115,"_13":116,"_38":117,"_40":68,"_41":42,"_43":118,"_45":46,"_47":119,"_17":120,"_50":89,"_52":121,"_54":55,"_56":-5,"_76":304,"_18":305},{"_35":106,"_13":107,"_38":108,"_40":68,"_41":42,"_43":109,"_45":46,"_47":110,"_17":111,"_50":89,"_52":112,"_54":55,"_56":-5,"_76":302,"_18":303},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":79,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_76":300,"_18":301},{"_35":83,"_13":84,"_38":85,"_40":60,"_41":42,"_43":86,"_45":46,"_47":87,"_17":88,"_50":89,"_52":90,"_54":55,"_56":-5,"_76":298,"_18":299},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":75,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":296,"_18":297},[],[37],[],[59,84],[294],[59],[],[67,107],[],[67,116],[],[67,125],[],[67,133],[],[67,142],[],[67,151],[],[67,159],[],[67,167],[],[67,175],[],[67,184],[283,284,285,286,287,288,289,290,291,292],[67],["D",1789035851996],["D",1789474853273],{"_11":12,"_248":244},{"_11":12,"_241":242,"_243":244,"_200":201,"_245":246,"_247":55},{"_17":144,"_13":16,"_35":42,"_233":191,"_234":-5,"_235":-5,"_236":-5,"_237":-5,"_238":-5,"_239":14,"_240":12},"ctx",{"_226":-5,"_264":362,"_363":364,"_365":366,"_367":55,"_368":55,"_369":55,"_370":46,"_371":-5,"_372":-7,"_373":-7,"_374":207,"_375":55,"_376":55,"_377":-5,"_378":55,"_379":55,"_380":55,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":16,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Code