[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","alexdrsv","name","dnevnik-pitaniya","path","frontend/DayScreen.tsx","project",{"_22":48,"_11":12,"_35":49,"_50":-5,"_51":44,"_52":53,"_54":53,"_55":56,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/alexdrsv/dnevnik-pitaniya/code/frontend/DayScreen.tsx","extension","id","3fd02d1c-3217-45a0-93b0-fdf88cd63533","DayScreen.tsx","fileId","dc72eb6c-ad03-11f1-88aa-1607ee4eb77e","parentId","ab25d150-ad03-11f1-8e86-1607ee4eb77e","branchId","aacce267-b519-4b14-8585-d18ba4557ff5","branchVersion",72,"latest",true,"createdAt",["D",1789038076658],"version",13,"fileType","script","content","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\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}","deleted",false,"label",[47,24],"frontend","b9f38423-c36d-4a9a-80a5-75ed41b526af",["D",1789035851996],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","334a9729-edd7-43ca-a4b5-68f3bba4874d","pinnedFileId","83d87526-ad03-11f1-8fed-1607ee4eb77e","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",{"_9":10,"_109":105},"org",{"_9":10,"_102":103,"_104":105,"_58":59,"_106":107,"_108":44},"branch",{"_37":92,"_11":93,"_22":30,"_94":48,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":10},"isOwned",116,"main","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","ctx",{"_85":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":66,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":93,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]