\n \n \n \n\n",[],[67,101],"3417fd5c-566b-11f1-9b44-ee650bb23af1","favicon.svg","3417fe2e-566b-11f1-9b44-ee650bb23af1",7,["D",1779515386048],"\n\n",[],[67,109],"2ae74f4e-566b-11f1-ab0d-ee650bb23af1","components","2ae7502a-566b-11f1-ab0d-ee650bb23af1",["D",1779515370636],[122,123,124,125],[67,117],{"_35":151,"_13":152,"_38":153,"_40":118,"_41":42,"_43":154,"_45":46,"_47":155,"_17":63,"_50":96,"_52":156,"_54":55,"_56":-5,"_78":157,"_18":158},{"_35":143,"_13":144,"_38":145,"_40":118,"_41":42,"_43":146,"_45":46,"_47":147,"_17":139,"_50":96,"_52":148,"_54":55,"_56":-5,"_78":149,"_18":150},{"_35":134,"_13":135,"_38":136,"_40":118,"_41":42,"_43":137,"_45":46,"_47":138,"_17":139,"_50":96,"_52":140,"_54":55,"_56":-5,"_78":141,"_18":142},{"_35":126,"_13":127,"_38":128,"_40":118,"_41":42,"_43":129,"_45":46,"_47":130,"_17":71,"_50":96,"_52":131,"_54":55,"_56":-5,"_78":132,"_18":133},"096cf1f6-566c-11f1-8cc7-ee650bb23af1","moods.ts","096cf2d2-566c-11f1-8cc7-ee650bb23af1",14,["D",1779515743964],"export type Mood = \"happy\" | \"sad\" | \"angry\" | \"tired\";\n\nexport interface MoodConfig {\n emoji: string;\n label: string;\n bg: string; // page background class\n cardBorder: string; // card border color class\n cardBg: string; // card background class\n accent: string; // accent text color class\n btnBg: string; // button color\n btnHover: string; // button hover\n}\n\nexport const MOOD_MAP: Record = {\n happy: {\n emoji: \"😊\",\n label: \"Happy\",\n bg: \"bg-yellow-50\",\n cardBorder: \"border-yellow-300\",\n cardBg: \"bg-yellow-50\",\n accent: \"text-yellow-600\",\n btnBg: \"bg-yellow-500\",\n btnHover: \"hover:bg-yellow-600\",\n },\n sad: {\n emoji: \"😢\",\n label: \"Sad\",\n bg: \"bg-blue-50\",\n cardBorder: \"border-blue-300\",\n cardBg: \"bg-blue-50\",\n accent: \"text-blue-600\",\n btnBg: \"bg-blue-500\",\n btnHover: \"hover:bg-blue-600\",\n },\n angry: {\n emoji: \"😠\",\n label: \"Angry\",\n bg: \"bg-red-50\",\n cardBorder: \"border-red-300\",\n cardBg: \"bg-red-50\",\n accent: \"text-red-600\",\n btnBg: \"bg-red-500\",\n btnHover: \"hover:bg-red-600\",\n },\n tired: {\n emoji: \"😴\",\n label: \"Tired\",\n bg: \"bg-purple-50\",\n cardBorder: \"border-purple-300\",\n cardBg: \"bg-purple-50\",\n accent: \"text-purple-600\",\n btnBg: \"bg-purple-500\",\n btnHover: \"hover:bg-purple-600\",\n },\n};\n\nexport const ALL_MOODS: Mood[] = [\"happy\", \"sad\", \"angry\", \"tired\"];\n",[],[67,117,127],"ad60c3f0-566c-11f1-b80d-ee650bb23af1","MoodList.tsx","1a4f7d4a-566c-11f1-9c0a-ee650bb23af1",26,["D",1779516019023],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Mood, MOOD_MAP } from \"./moods.ts\";\nimport type { MoodEntry } from \"./App.tsx\";\n\ninterface MoodListProps {\n entries: MoodEntry[];\n}\n\nfunction formatTimestamp(iso: string): string {\n return new Date(iso).toLocaleString();\n}\n\nexport function MoodList({ entries }: MoodListProps) {\n if (entries.length === 0) {\n return (\n

No moods logged yet

Pick a mood above and hit \"Log Mood\"!

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

\n Mood History ({entries.length})\n

\n {entries.map((entry) => {\n const config = MOOD_MAP[entry.mood as Mood] || MOOD_MAP.happy;\n return (\n \n

\n {config.emoji}\n

{config.label}

{entry.text}

\n #{entry.id} · {formatTimestamp(entry.timestamp)}\n

\n );\n })}\n \n );\n}\n",[],[67,117,135],"a9a25fbc-566c-11f1-9414-ee650bb23af1","MoodForm.tsx","166a7978-566c-11f1-9c0a-ee650bb23af1",25,["D",1779516012748],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { type Mood, ALL_MOODS, MOOD_MAP } from \"./moods.ts\";\n\ninterface MoodFormProps {\n onSubmit: (mood: Mood, text: string) => Promise;\n selectedMood: Mood;\n onMoodChange: (mood: Mood) => void;\n}\n\nexport function MoodForm({ onSubmit, selectedMood, onMoodChange }: MoodFormProps) {\n const [text, setText] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState(null);\n\n const config = MOOD_MAP[selectedMood];\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n\n // Client-side validation: reject empty text\n if (!text.trim()) {\n setError(\"Please describe how you're feeling — empty submissions are not allowed.\");\n return;\n }\n\n setSubmitting(true);\n setError(null);\n try {\n await onSubmit(selectedMood, text.trim());\n setText(\"\");\n } catch (err: any) {\n setError(err.message);\n } finally {\n setSubmitting(false);\n }\n }\n\n return (\n

\n {/* Mood selector as buttons */}\n

\n Select your mood\n

\n {ALL_MOODS.map((mood) => {\n const m = MOOD_MAP[mood];\n const isSelected = mood === selectedMood;\n return (\n onMoodChange(mood)}\n class={`flex-1 py-3 rounded-lg text-center transition-all cursor-pointer border-2 ${\n isSelected\n ? `${m.cardBg} ${m.cardBorder} shadow-md scale-105`\n : \"bg-gray-50 border-gray-200 hover:bg-gray-100\"\n }`}\n >\n {m.emoji}\n \n {m.label}\n \n \n );\n })}\n

\n\n {/* Text content (required) */}\n

\n \n What's going on? *\n \n

\n { setText(e.target.value); setError(null); }}\n placeholder=\"Describe how you're feeling...\"\n class={`flex-1 px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:border-transparent text-base ${\n error ? \"border-red-300 bg-red-50\" : \"border-gray-300\"\n }`}\n disabled={submitting}\n />\n \n {submitting ? \"Saving...\" : \"Log Mood\"}\n \n

\n\n {error &&

{error}

}\n

\n );\n}\n",[],[67,117,144],"a251b136-566c-11f1-9642-ee650bb23af1","App.tsx","3a833c56-566b-11f1-9b44-ee650bb23af1",24,["D",1779516000470],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { MoodForm } from \"./MoodForm.tsx\";\nimport { MoodList } from \"./MoodList.tsx\";\nimport { type Mood, MOOD_MAP } from \"./moods.ts\";\n\nexport interface MoodEntry {\n id: number;\n mood: Mood;\n text: string;\n timestamp: string;\n}\n\nexport function App() {\n const [entries, setEntries] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedMood, setSelectedMood] = useState(\"happy\");\n\n useEffect(() => {\n fetchEntries();\n }, []);\n\n async function fetchEntries() {\n try {\n const res = await fetch(\"/api/moods\");\n if (!res.ok) throw new Error(\"Failed to fetch moods\");\n const data = await res.json();\n setEntries(data);\n } catch (err: any) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n }\n\n async function handleSubmit(mood: Mood, text: string) {\n const res = await fetch(\"/api/moods\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ mood, text }),\n });\n if (!res.ok) {\n const data = await res.json();\n throw new Error(data.error || \"Failed to submit mood\");\n }\n const newEntry = await res.json();\n setEntries((prev) => [newEntry, ...prev]);\n }\n\n const moodConfig = MOOD_MAP[selectedMood];\n\n return (\n

\n Mood Tracker {moodConfig.emoji}\n

How are you feeling right now?

\n\n \n\n {loading ? (\n

Loading mood entries...

\n ) : error ? (\n

{error}

\n ) : (\n \n )}\n\n

\n View source\n

\n );\n}\n",[],[67,117,152],"0bf50356-566b-11f1-b6c2-ee650bb23af1",["D",1779515318728],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","2716f3cc-4573-4770-a61a-dfddea619857","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e535b-3d4b-76ea-b487-d9a9e93227c8","tursoName","0bf50356566b11f1b6c2ee650bb23af1","tursoHostname","0bf50356566b11f1b6c2ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789517443998],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_215":211},"org",{"_11":12,"_208":209,"_210":211,"_168":169,"_212":213,"_214":55},"branch",{"_17":61,"_13":16,"_35":42,"_200":159,"_201":-5,"_202":-5,"_203":-5,"_204":-5,"_205":-5,"_206":14,"_207":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Arzu Huseynguliyeva","avatar","https://lh3.googleusercontent.com/a/ACg8ocLaBoiitV-RCaO7oMs2_Dyhy-_yOaioQUo5DuBydPPzAnv18g=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":159,"_13":14,"_47":282,"_161":-5,"_162":55,"_163":164,"_165":164,"_166":19,"_167":-5,"_168":169,"_170":-5,"_171":55,"_172":-5,"_173":-5,"_174":71,"_175":176,"_177":178,"_179":180,"_181":283,"_183":-5,"_184":185,"_186":185,"_187":188,"_189":188,"_190":188,"_191":185,"_192":185,"_193":284,"_195":285,"_197":286,"_199":55},[249,258,259],"files",[249,250,251,252,253,254,255,256,257,258,259],"counts",{"_240":71,"_241":139,"_242":71,"_31":243,"_244":245},[234,235,236],"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":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_18":239},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_18":238},{"_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":237},[37],[59],[67],"pulls","branches","forks",{"_246":71,"_248":71},"connections",{"_246":71,"_247":71},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_78":280,"_18":281},{"_35":116,"_13":117,"_38":118,"_40":68,"_41":42,"_43":49,"_45":46,"_47":119,"_17":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_78":278,"_18":279},{"_35":151,"_13":152,"_38":153,"_40":118,"_41":42,"_43":154,"_45":46,"_47":155,"_17":63,"_50":96,"_52":156,"_54":55,"_56":-5,"_78":276,"_18":277},{"_35":143,"_13":144,"_38":145,"_40":118,"_41":42,"_43":146,"_45":46,"_47":147,"_17":139,"_50":96,"_52":148,"_54":55,"_56":-5,"_78":274,"_18":275},{"_35":134,"_13":135,"_38":136,"_40":118,"_41":42,"_43":137,"_45":46,"_47":138,"_17":139,"_50":96,"_52":140,"_54":55,"_56":-5,"_78":272,"_18":273},{"_35":126,"_13":127,"_38":128,"_40":118,"_41":42,"_43":129,"_45":46,"_47":130,"_17":71,"_50":96,"_52":131,"_54":55,"_56":-5,"_78":270,"_18":271},{"_35":108,"_13":109,"_38":110,"_40":68,"_41":42,"_43":111,"_45":46,"_47":112,"_17":71,"_50":24,"_52":113,"_54":55,"_56":-5,"_78":268,"_18":269},{"_35":100,"_13":101,"_38":102,"_40":68,"_41":42,"_43":103,"_45":46,"_47":104,"_17":63,"_50":24,"_52":105,"_54":55,"_56":-5,"_78":266,"_18":267},{"_35":91,"_13":92,"_38":93,"_40":68,"_41":42,"_43":94,"_45":46,"_47":95,"_17":71,"_50":96,"_52":97,"_54":55,"_56":-5,"_78":264,"_18":265},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_78":262,"_18":263},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":260,"_18":261},[],[37],[],[59],[],[67,92],[],[67,101],[],[67,109],[],[67,117,127],[],[67,117,135],[],[67,117,144],[],[67,117,152],[251,252,253,254],[67,117],[250,255,256,257],[67],["D",1779515318728],["D",1789517443998],{"_11":12,"_215":211},{"_11":12,"_208":209,"_210":211,"_168":169,"_212":213,"_214":55},{"_17":61,"_13":16,"_35":42,"_200":159,"_201":-5,"_202":-5,"_203":-5,"_204":-5,"_205":-5,"_206":14,"_207":12},"ctx",{"_193":-5,"_231":320,"_321":322,"_323":324,"_325":55,"_326":55,"_327":55,"_328":46,"_329":-5,"_330":-7,"_331":-7,"_332":71,"_333":55,"_334":55,"_335":-5,"_336":55,"_337":55,"_338":55,"_339":-5},"ENV",{"_291":292,"_293":294,"_295":16,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319},"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