\n \n \n \n\n",[],[163,228],"fa258fa9-6cee-4f88-b8c8-243440ee545d","favicon.svg","019f38dd-0b14-74df-87f3-e2708bfa42e0",14,["D",1783365647101],"\n\n",[],[163,236],"5ee7e1ec-5185-4440-ba84-b1e4db8db4ef","LogSymptom.tsx","87c734be-796f-11f1-822a-1607ee4eb77e","019f38dd-0b14-74df-87f3-dec89a9b97e6",24,["D",1783366385200],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype Meal = {\n id: number;\n description: string;\n ingredients: string[];\n created_at: string;\n};\n\nconst BRISTOL_TYPES = [\n { value: \"type1\", label: \"Hard lumps\", desc: \"Separate hard lumps, like nuts\", category: \"constipation\", color: \"#8B4513\" },\n { value: \"type2\", label: \"Lumpy sausage\", desc: \"Sausage-shaped but lumpy\", category: \"constipation\", color: \"#A0522D\" },\n { value: \"type3\", label: \"Cracked sausage\", desc: \"Sausage with cracks on surface\", category: \"normal\", color: \"#BC8F5F\" },\n { value: \"type4\", label: \"Smooth snake\", desc: \"Smooth, soft sausage or snake\", category: \"ideal\", color: \"#D2691E\" },\n { value: \"type5\", label: \"Soft blobs\", desc: \"Soft blobs with clear edges\", category: \"soft\", color: \"#DAA520\" },\n { value: \"type6\", label: \"Mushy\", desc: \"Mushy with ragged edges\", category: \"diarrhea\", color: \"#CD853F\" },\n { value: \"type7\", label: \"Watery\", desc: \"Watery, no solid pieces\", category: \"diarrhea\", color: \"#DEB887\" },\n];\n\nconst CATEGORY_COLORS: Record = {\n constipation: \"#FF9500\",\n normal: \"#34C759\",\n ideal: \"#34C759\",\n soft: \"#FFCC00\",\n diarrhea: \"#FF3B30\",\n};\n\nfunction nowLocalInput(): string {\n const now = new Date();\n const offset = now.getTimezoneOffset();\n const local = new Date(now.getTime() - offset * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction localToSQLiteUTC(localStr: string): string {\n const date = new Date(localStr);\n return date.toISOString().slice(0, 19).replace(\"T\", \" \");\n}\n\nfunction IOSRating({\n label,\n emoji,\n value,\n onChange,\n}: {\n label: string;\n emoji: string;\n value: number;\n onChange: (v: number) => void;\n}) {\n const colors = [\"#E5E5EA\", \"#34C759\", \"#FFCC00\", \"#FF9500\", \"#FF3B30\", \"#FF2D55\"];\n return (\n

\n {emoji} {label}\n {value}/5\n

\n {[0, 1, 2, 3, 4, 5].map((n) => (\n onChange(n)}\n class=\"flex-1 h-9 rounded-[8px] transition-all cursor-pointer active:scale-90\"\n style={{\n backgroundColor: n <= value ? colors[value] : \"#E5E5EA\",\n boxShadow: n === value ? `0 0 0 2px ${colors[value]}40` : \"none\",\n }}\n >\n {n}\n \n ))}\n

\n );\n}\n\nexport function LogSymptom({ onSaved }: { onSaved?: () => void }) {\n const [meals, setMeals] = useState([]);\n const [mealId, setMealId] = useState(null);\n const [bloating, setBloating] = useState(0);\n const [gas, setGas] = useState(0);\n const [pain, setPain] = useState(0);\n const [bowelMovement, setBowelMovement] = useState(\"none\");\n const [notes, setNotes] = useState(\"\");\n const [saving, setSaving] = useState(false);\n const [message, setMessage] = useState(\"\");\n const [dateTime, setDateTime] = useState(nowLocalInput());\n\n useEffect(() => {\n fetch(\"/api/meals\")\n .then((r) => r.json())\n .then((data: Meal[]) => setMeals(data.slice(0, 10)))\n .catch(() => {});\n }, []);\n\n async function handleSave() {\n setSaving(true);\n setMessage(\"\");\n try {\n const res = await fetch(\"/api/symptoms\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n meal_id: mealId,\n bloating,\n gas,\n pain,\n bowel_movement: bowelMovement,\n notes: notes.trim(),\n created_at: localToSQLiteUTC(dateTime),\n }),\n });\n const data = await res.json();\n if (data.error) {\n setMessage(\"⚠️ \" + data.error);\n } else {\n setMessage(\"Saved ✓\");\n setBloating(0);\n setGas(0);\n setPain(0);\n setBowelMovement(\"none\");\n setNotes(\"\");\n setMealId(null);\n setDateTime(nowLocalInput());\n onSaved?.();\n setTimeout(() => setMessage(\"\"), 2000);\n }\n } catch {\n setMessage(\"⚠️ Failed to save.\");\n } finally {\n setSaving(false);\n }\n }\n\n const hasData = bloating > 0 || gas > 0 || pain > 0 || bowelMovement !== \"none\";\n const selectedBristol = BRISTOL_TYPES.find((t) => t.value === bowelMovement);\n\n return (\n

\n {/* Meal link + Date */}\n

\n \n Linked Meal\n \n

\n setMealId(e.target.value ? Number(e.target.value) : null)}\n >\n \n {meals.map((m) => (\n \n ))}\n \n

\n \n Date & Time\n \n setDateTime(e.target.value)}\n />\n

\n\n {/* Severity ratings */}\n

\n \n Severity\n \n

\n \n \n \n

\n\n {/* Bristol Stool Scale */}\n

\n \n Bristol Stool Scale\n \n

\n {/* None option */}\n setBowelMovement(\"none\")}\n class=\"w-full flex items-center gap-3 px-4 py-3 transition-colors cursor-pointer\"\n style={{ backgroundColor: bowelMovement === \"none\" ? \"#F2F2F7\" : \"transparent\" }}\n >\n

\n {bowelMovement === \"none\" &&

}\n

\n None\n \n\n {BRISTOL_TYPES.map((t) => {\n const isSelected = bowelMovement === t.value;\n return (\n setBowelMovement(t.value)}\n class=\"w-full flex items-center gap-3 px-4 py-3 transition-colors cursor-pointer\"\n style={{ backgroundColor: isSelected ? \"#F2F2F7\" : \"transparent\" }}\n >\n

\n {isSelected &&

}\n

\n \n

\n Type {t.value.slice(4)}\n \n {t.category}\n \n

{t.desc}

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

\n\n {/* Notes */}\n

\n \n Notes\n \n

\n setNotes(e.target.value)}\n />\n

\n\n {/* Save */}\n \n {saving ? \"Saving…\" : \"Save Symptom\"}\n \n\n {message && (\n

\n {message}\n

\n )}\n

\n );\n}\n",[],[163,252,244],"components","3ac3b4ee-2274-4373-8d63-ac523ea350d4","LogMeal.tsx","7e404d0e-796f-11f1-a636-1607ee4eb77e",23,["D",1783366352142],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction nowLocalInput(): string {\n const now = new Date();\n const offset = now.getTimezoneOffset();\n const local = new Date(now.getTime() - offset * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction localToSQLiteUTC(localStr: string): string {\n const date = new Date(localStr);\n return date.toISOString().slice(0, 19).replace(\"T\", \" \");\n}\n\nexport function LogMeal({ onSaved }: { onSaved?: () => void }) {\n const [description, setDescription] = useState(\"\");\n const [ingredients, setIngredients] = useState([]);\n const [extracting, setExtracting] = useState(false);\n const [saving, setSaving] = useState(false);\n const [newIngredient, setNewIngredient] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [dateTime, setDateTime] = useState(nowLocalInput());\n\n async function handleExtract() {\n if (!description.trim()) return;\n setExtracting(true);\n setMessage(\"\");\n try {\n const res = await fetch(\"/api/extract-ingredients\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ description: description.trim() }),\n });\n const data = await res.json();\n if (data.error) {\n setMessage(\"⚠️ \" + data.error);\n } else {\n setIngredients(data.ingredients);\n setMessage(\"✅ Ingredients extracted — review below\");\n setTimeout(() => setMessage(\"\"), 2500);\n }\n } catch {\n setMessage(\"⚠️ Could not extract. Try saving directly.\");\n } finally {\n setExtracting(false);\n }\n }\n\n async function handleSave() {\n if (!description.trim()) return;\n setSaving(true);\n setMessage(\"\");\n try {\n const res = await fetch(\"/api/meals\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n description: description.trim(),\n ingredients: ingredients.length > 0 ? ingredients : undefined,\n created_at: localToSQLiteUTC(dateTime),\n }),\n });\n const data = await res.json();\n if (data.error) {\n setMessage(\"⚠️ \" + data.error);\n } else {\n setMessage(\"Saved ✓\");\n setDescription(\"\");\n setIngredients([]);\n setDateTime(nowLocalInput());\n onSaved?.();\n setTimeout(() => setMessage(\"\"), 2000);\n }\n } catch {\n setMessage(\"⚠️ Failed to save.\");\n } finally {\n setSaving(false);\n }\n }\n\n function removeIngredient(idx: number) {\n setIngredients((prev) => prev.filter((_, i) => i !== idx));\n }\n\n function addIngredient() {\n const trimmed = newIngredient.trim().toLowerCase();\n if (trimmed && !ingredients.includes(trimmed)) {\n setIngredients((prev) => [...prev, trimmed]);\n }\n setNewIngredient(\"\");\n }\n\n return (\n

\n {/* Meal description */}\n

\n \n Description\n \n

\n setDescription(e.target.value)}\n />\n

\n\n {/* Date picker */}\n

\n \n Date & Time\n \n

\n setDateTime(e.target.value)}\n />\n

\n\n {/* AI Extract button */}\n \n {extracting ? \"Extracting…\" : \"✨ Extract Ingredients with AI\"}\n \n\n {/* Ingredients */}\n {ingredients.length > 0 && (\n

\n \n Ingredients\n \n {ingredients.length}\n

\n {ingredients.map((ing, idx) => (\n \n {ing}\n removeIngredient(idx)}\n class=\"text-[#8E8E93] hover:text-[#FF3B30] cursor-pointer text-sm leading-none\"\n >\n ✕\n \n \n ))}\n

\n )}\n\n {/* Manual add */}\n

\n setNewIngredient(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && (e.preventDefault(), addIngredient())}\n />\n \n Add\n \n

\n\n {/* Save */}\n \n {saving ? \"Saving…\" : \"Save Meal\"}\n \n\n {message && (\n

\n {message}\n

\n )}\n

\n );\n}\n",[],[163,252,254],"d6f919e1-2158-40db-9d75-4afff1b1b584","Insights.tsx","9ca23db6-796f-11f1-aa1d-1607ee4eb77e",26,["D",1783366439004],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype IngredientAnalysis = {\n ingredient: string;\n meal_count: number;\n symptom_count: number;\n avg_severity: number;\n overall_avg_severity: number;\n delta: number;\n};\n\ntype AnalysisResponse = {\n ingredients: IngredientAnalysis[];\n total_meals: number;\n total_symptoms: number;\n};\n\nexport function Insights() {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetch(\"/api/analysis\")\n .then((r) => r.json())\n .then((d: AnalysisResponse) => setData(d))\n .catch(() => {})\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) {\n return (\n

\n );\n }\n\n if (!data || data.total_meals === 0) {\n return (\n

📊

No data yet

Log meals and symptoms to see insights

\n );\n }\n\n if (data.total_symptoms === 0) {\n return (\n

📊

{data.total_meals} meals logged

Log symptoms after eating to find patterns

\n );\n }\n\n if (data.ingredients.length === 0) {\n return (\n

📊

Not enough data yet

Need at least 2 meals per ingredient with linked symptoms

\n );\n }\n\n return (\n

\n {/* Summary stats */}\n

{data.total_meals}

meals logged

{data.total_symptoms}

symptoms tracked

\n\n {/* Correlations */}\n

\n Ingredient Correlations\n

\n {data.ingredients.map((ing, idx) => {\n const isWorse = ing.delta > 0.3;\n const isBetter = ing.delta < -0.3;\n const indicatorColor = isWorse ? \"#FF3B30\" : isBetter ? \"#34C759\" : \"#8E8E93\";\n const bgColor = isWorse ? \"#FFF5F5\" : isBetter ? \"#F0FBF4\" : \"transparent\";\n\n return (\n \n

\n {ing.ingredient}\n

\n {ing.meal_count} meals · {ing.symptom_count} symptom{ing.symptom_count !== 1 ? \"s\" : \"\"}\n

\n \n \n {ing.avg_severity.toFixed(1)}\n \n

\n avg {ing.overall_avg_severity.toFixed(1)}\n

\n {/* Delta bar */}\n

\n \n

\n \n {ing.delta > 0 ? \"+\" : \"\"}{ing.delta.toFixed(1)}\n \n

\n {isWorse && ing.delta > 1 && (\n

\n ⚠️ Potential trigger — {ing.delta.toFixed(1)} pts above average\n

\n )}\n

\n );\n })}\n

\n\n {/* Disclaimer */}\n

\n Correlations are not medical advice. Patterns become more reliable with more data.\n
\n View source\n

\n );\n}\n",[],[163,252,262],"88be14d7-16f1-45a0-a47d-96bd69546e2b","History.tsx","936df852-796f-11f1-aa1d-1607ee4eb77e",25,["D",1783366420135],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype Meal = {\n id: number;\n description: string;\n ingredients: string[];\n created_at: string;\n};\n\ntype Symptom = {\n id: number;\n meal_id: number | null;\n created_at: string;\n bloating: number;\n gas: number;\n pain: number;\n bowel_movement: string;\n notes: string;\n};\n\ntype Entry = {\n type: \"meal\" | \"symptom\";\n data: Meal | Symptom;\n};\n\nconst BRISTOL_LABELS: Record = {\n none: \"None\",\n type1: \"Type 1 · Hard lumps\",\n type2: \"Type 2 · Lumpy\",\n type3: \"Type 3 · Cracked\",\n type4: \"Type 4 · Smooth\",\n type5: \"Type 5 · Soft blobs\",\n type6: \"Type 6 · Mushy\",\n type7: \"Type 7 · Watery\",\n};\n\nconst BRISTOL_COLORS: Record = {\n type1: \"#8B4513\",\n type2: \"#A0522D\",\n type3: \"#BC8F5F\",\n type4: \"#D2691E\",\n type5: \"#DAA520\",\n type6: \"#CD853F\",\n type7: \"#DEB887\",\n};\n\nfunction formatTime(dateStr: string): string {\n const d = new Date(dateStr + \"Z\");\n return d.toLocaleTimeString(undefined, { hour: \"numeric\", minute: \"2-digit\" });\n}\n\nfunction formatDateGroup(dateStr: string): string {\n const d = new Date(dateStr + \"Z\");\n const today = new Date();\n const yesterday = new Date(today);\n yesterday.setDate(yesterday.getDate() - 1);\n\n if (d.toDateString() === today.toDateString()) return \"Today\";\n if (d.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n return d.toLocaleDateString(undefined, { weekday: \"long\", month: \"long\", day: \"numeric\" });\n}\n\nexport function History() {\n const [entries, setEntries] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n Promise.all([\n fetch(\"/api/meals\").then((r) => r.json()),\n fetch(\"/api/symptoms\").then((r) => r.json()),\n ])\n .then(([meals, symptoms]: [Meal[], Symptom[]]) => {\n const combined: Entry[] = [\n ...meals.map((m) => ({ type: \"meal\" as const, data: m })),\n ...symptoms.map((s) => ({ type: \"symptom\" as const, data: s })),\n ];\n combined.sort((a, b) =>\n new Date(b.data.created_at + \"Z\").getTime() -\n new Date(a.data.created_at + \"Z\").getTime()\n );\n setEntries(combined);\n })\n .catch(() => {})\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) {\n return (\n

\n );\n }\n\n if (entries.length === 0) {\n return (\n

📋

No entries yet

Log a meal or symptom to get started

\n );\n }\n\n // Group entries by date\n const grouped: { date: string; items: Entry[] }[] = [];\n for (const entry of entries) {\n const dateKey = formatDateGroup(entry.data.created_at);\n const last = grouped[grouped.length - 1];\n if (last && last.date === dateKey) {\n last.items.push(entry);\n } else {\n grouped.push({ date: dateKey, items: [entry] });\n }\n }\n\n return (\n

\n {grouped.map((group) => (\n

\n {/* Date section header */}\n

\n {group.date}\n

\n {/* Grouped list */}\n

\n {group.items.map((entry, idx) => {\n if (entry.type === \"meal\") {\n const meal = entry.data as Meal;\n return (\n

\n 🍽️\n

\n {meal.description}\n

\n \n {formatTime(meal.created_at)}\n \n

\n {meal.ingredients.length > 0 && (\n

\n {meal.ingredients.slice(0, 6).map((ing, i) => (\n \n {ing}\n \n ))}\n {meal.ingredients.length > 6 && (\n \n +{meal.ingredients.length - 6}\n \n )}\n

\n )}\n

\n );\n } else {\n const s = entry.data as Symptom;\n const severity = s.bloating + s.gas + s.pain;\n const severityColor = severity >= 8 ? \"#FF3B30\" : severity >= 4 ? \"#FF9500\" : severity > 0 ? \"#FFCC00\" : \"#8E8E93\";\n const hasBM = s.bowel_movement !== \"none\";\n const bmColor = BRISTOL_COLORS[s.bowel_movement];\n\n return (\n

\n 🚽\n

\n Digestion\n

\n \n {formatTime(s.created_at)}\n \n

\n {s.bloating > 0 && 🎈 {s.bloating}}\n {s.gas > 0 && 💨 {s.gas}}\n {s.pain > 0 && 😣 {s.pain}}\n

\n {hasBM && (\n

\n \n {BRISTOL_LABELS[s.bowel_movement]}\n \n

\n )}\n {s.notes && (\n

\n {s.notes}\n

\n )}\n {severity > 0 && (\n

\n \n

\n \n {severity}/15\n \n

\n )}\n

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

\n ))}\n

\n );\n}\n",[],[163,252,270],"b23e9fec-eb0e-492b-92e1-1e968098b380","App.tsx","019f38dd-0b13-778e-abae-dcb1dc5a7703",22,["D",1783366323012],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { LogMeal } from \"./LogMeal.tsx\";\nimport { LogSymptom } from \"./LogSymptom.tsx\";\nimport { History } from \"./History.tsx\";\nimport { Insights } from \"./Insights.tsx\";\n\ntype Tab = \"meal\" | \"symptom\" | \"history\" | \"insights\";\n\nconst TABS: { id: Tab; label: string; emoji: string }[] = [\n { id: \"meal\", label: \"Meal\", emoji: \"🍽️\" },\n { id: \"symptom\", label: \"Symptoms\", emoji: \"🚽\" },\n { id: \"history\", label: \"History\", emoji: \"📋\" },\n { id: \"insights\", label: \"Insights\", emoji: \"📊\" },\n];\n\nconst TITLES: Record = {\n meal: \"Log Meal\",\n symptom: \"Log Symptoms\",\n history: \"History\",\n insights: \"Insights\",\n};\n\nexport function App() {\n const [tab, setTab] = useState(\"meal\");\n const [refreshKey, setRefreshKey] = useState(0);\n\n const handleSaved = () => setRefreshKey((k) => k + 1);\n\n return (\n \n {/* Large Title Header */}\n \n

\n {TITLES[tab]}\n

\n \n\n {/* Content */}\n

\n {tab === \"meal\" && }\n {tab === \"symptom\" && }\n {tab === \"history\" && }\n {tab === \"insights\" && }\n

\n\n {/* Frosted Glass Tab Bar */}\n \n

\n {TABS.map((t) => (\n setTab(t.id)}\n class={`flex-1 flex flex-col items-center gap-0.5 pt-2 pb-1.5 transition-colors cursor-pointer ${\n tab === t.id ? \"text-[#007AFF]\" : \"text-[#8E8E93]\"\n }`}\n >\n {t.emoji}\n \n {t.label}\n \n \n ))}\n

\n \n

\n );\n}\n",[],[163,252,278],"00384e56-ce05-4f2d-a399-667e9a5785ba",["D",1783365438135],[180,181,182,183,184],[163,252],["D",1783365438135],[179,185,186,187],[163],["D",1783365438135],["D",1789523429989],{"_16":17,"_91":87},{"_16":17,"_85":-5,"_86":87,"_34":35,"_88":89,"_90":26},{"_69":70,"_20":71,"_18":72,"_73":19,"_74":75,"_76":77,"_78":28,"_79":80,"_81":82,"_83":21,"_84":17},"ctx",{"_62":-5,"_114":330,"_331":332,"_333":334,"_335":26,"_336":26,"_337":26,"_338":39,"_339":-5,"_340":-7,"_341":-7,"_342":43,"_343":26,"_344":26,"_345":-5,"_346":26,"_347":26,"_348":26,"_349":-5},"ENV",{"_301":302,"_303":304,"_305":71,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329},"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"]

Search