[{"_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/HistoryScreen.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/HistoryScreen.tsx","extension","id","b9bfb824-92ac-4504-ae95-4f13be09eeaa","HistoryScreen.tsx","fileId","f847353c-ad03-11f1-a0be-1607ee4eb77e","parentId","ab25d150-ad03-11f1-8e86-1607ee4eb77e","branchId","aacce267-b519-4b14-8585-d18ba4557ff5","branchVersion",53,"latest",true,"createdAt",["D",1789037840002],"version",3,"fileType","script","content","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}","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"]