\n \n \n \n\n",[],[138,183],"3417fd5c-566b-11f1-9b44-ee650bb23af1","favicon.svg","3417fe2e-566b-11f1-9b44-ee650bb23af1",7,["D",1779515386048],"\n\n",[],[138,191],"096cf1f6-566c-11f1-8cc7-ee650bb23af1","moods.ts","096cf2d2-566c-11f1-8cc7-ee650bb23af1","2ae7502a-566b-11f1-ab0d-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",[],[138,207,199],"components","ad60c3f0-566c-11f1-b80d-ee650bb23af1","MoodList.tsx","1a4f7d4a-566c-11f1-9c0a-ee650bb23af1",26,["D",1779516019023],"/** @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",[],[138,207,209],"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",[],[138,207,217],"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",[],[138,207,225],"2ae74f4e-566b-11f1-ab0d-ee650bb23af1",["D",1779515370636],[157,158,159,160],[138,207],["D",1779515368499],[156,161,162,163],[138],["D",1779515318728],["D",1789517443998],{"_16":17,"_85":81},{"_16":17,"_78":79,"_80":81,"_33":34,"_82":83,"_84":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":21,"_77":17},"ctx",{"_59":-5,"_106":277,"_278":279,"_280":281,"_282":26,"_283":26,"_284":26,"_285":104,"_286":-5,"_287":-7,"_288":-7,"_289":40,"_290":26,"_291":26,"_292":-5,"_293":26,"_294":26,"_295":26,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":68,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"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