\n \n \n \n\n",[18,67],"a0128098-54ba-11f1-93e5-ee650bb23af1",["D",1779329595134],[18,91],"pulls","branches",1,"forks","envVars",{"_195":26,"_197":26},"connections",{"_195":26,"_196":26},"count","unfilledCount","emptyCount",{"_35":165,"_13":18,"_65":93,"_45":-5,"_37":38,"_166":167,"_168":24,"_39":249,"_41":26,"_68":92,"_170":-5,"_69":30,"_171":-5,"_214":250,"_17":251},{"_35":184,"_13":91,"_65":90,"_45":93,"_37":38,"_166":85,"_168":24,"_39":246,"_41":26,"_68":92,"_170":-5,"_69":30,"_171":-5,"_214":247,"_17":248},{"_35":239,"_13":240,"_65":241,"_45":90,"_37":38,"_166":129,"_168":24,"_39":242,"_41":26,"_68":82,"_170":243,"_69":30,"_171":-5,"_214":244,"_17":245},{"_35":231,"_13":232,"_65":233,"_45":90,"_37":38,"_166":234,"_168":24,"_39":235,"_41":26,"_68":82,"_170":236,"_69":30,"_171":-5,"_214":237,"_17":238},{"_35":223,"_13":224,"_65":225,"_45":90,"_37":38,"_166":226,"_168":24,"_39":227,"_41":26,"_68":82,"_170":228,"_69":30,"_171":-5,"_214":229,"_17":230},{"_35":180,"_13":67,"_65":66,"_45":93,"_37":38,"_166":42,"_168":24,"_39":220,"_41":26,"_68":21,"_170":182,"_69":30,"_171":-5,"_214":221,"_17":222},{"_35":176,"_13":81,"_65":80,"_45":93,"_37":38,"_166":75,"_168":24,"_39":217,"_41":26,"_68":82,"_170":178,"_69":30,"_171":-5,"_214":218,"_17":219},{"_35":206,"_13":207,"_65":208,"_45":-5,"_37":38,"_166":209,"_168":24,"_39":210,"_41":211,"_68":212,"_170":213,"_69":30,"_171":-5,"_214":215,"_17":216},"9918ce46-54ba-11f1-939f-ee650bb23af1","main.ts","3cdd601a-54ba-11f1-aa3a-ee650bb23af1",3,["D",1779329583421],2,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// API: Generate study plan\napp.post(\"/api/study-plan\", async (c) => {\n const { exams } = await c.req.json();\n\n // Sort exams by date\n const sorted = [...exams]\n .filter((e: any) => e.name && e.date)\n .sort((a: any, b: any) => new Date(a.date).getTime() - new Date(b.date).getTime());\n\n const now = new Date();\n const plan = sorted.map((exam: any) => {\n const examDate = new Date(exam.date);\n const diffMs = examDate.getTime() - now.getTime();\n const diffDays = Math.max(0, Math.ceil(diffMs / (1000 * 60 * 60 * 24)));\n const diffHours = Math.max(0, Math.ceil(diffMs / (1000 * 60 * 60)));\n\n // Generate study sessions based on days remaining\n const sessions: { day: string; task: string }[] = [];\n if (diffDays <= 0) {\n sessions.push({ day: \"Now\", task: `🚨 Exam is today/past! Quick review of key concepts for ${exam.name}` });\n } else if (diffDays === 1) {\n sessions.push({ day: \"Today\", task: `📝 Final review & practice problems for ${exam.name}` });\n sessions.push({ day: \"Tonight\", task: `😴 Get good sleep — no cramming!` });\n } else {\n const studyDays = Math.min(diffDays, 7);\n for (let i = 0; i < studyDays; i++) {\n const sessionDate = new Date(now);\n sessionDate.setDate(sessionDate.getDate() + i);\n const dayLabel = sessionDate.toLocaleDateString(\"en-US\", { weekday: \"short\", month: \"short\", day: \"numeric\" });\n\n if (i === 0) {\n sessions.push({ day: dayLabel, task: `📚 Review notes & identify weak areas for ${exam.name}` });\n } else if (i === studyDays - 1) {\n sessions.push({ day: dayLabel, task: `📝 Final review & practice test for ${exam.name}` });\n } else if (i % 2 === 1) {\n sessions.push({ day: dayLabel, task: `🧠 Deep study: practice problems for ${exam.name}` });\n } else {\n sessions.push({ day: dayLabel, task: `🔄 Review & flashcards for ${exam.name}` });\n }\n }\n }\n\n return {\n name: exam.name,\n subject: exam.subject,\n date: exam.date,\n daysUntil: diffDays,\n hoursUntil: diffHours,\n sessions,\n };\n });\n\n return c.json({ plan });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[207],["D",1779329592784],[],[18,81],["D",1779329591287],[],[18,67],"aed62404-54ba-11f1-892b-ee650bb23af1","StudyPlan.tsx","aed624c2-54ba-11f1-892b-ee650bb23af1",9,["D",1779329619901],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface Session {\n day: string;\n task: string;\n}\n\ninterface ExamPlan {\n name: string;\n subject: string;\n date: string;\n daysUntil: number;\n hoursUntil: number;\n sessions: Session[];\n}\n\ninterface StudyPlanProps {\n plan: ExamPlan[];\n onBack: () => void;\n}\n\nfunction CountdownBadge({ daysUntil, hoursUntil }: { daysUntil: number; hoursUntil: number }) {\n if (daysUntil <= 0) {\n return TODAY / PAST;\n }\n if (daysUntil === 1) {\n return TOMORROW ({hoursUntil}h);\n }\n if (daysUntil <= 3) {\n return {daysUntil} DAYS LEFT;\n }\n return {daysUntil} DAYS LEFT;\n}\n\nfunction formatDate(dateStr: string) {\n const d = new Date(dateStr);\n return d.toLocaleDateString(\"en-US\", {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n}\n\nexport function StudyPlan({ plan, onBack }: StudyPlanProps) {\n return (\n

\n \n ← Back to exams\n \n\n

📖 Your Study Plan

Here's your personalized countdown and study schedule.

\n\n {plan.map((exam, i) => (\n

{exam.name}

{exam.subject} · {formatDate(exam.date)}

\n \n

\n\n

Study Sessions

\n {exam.sessions.map((session, j) => (\n

{session.day}

{session.task}

\n ))}\n

\n ))}\n\n

Good luck! 🍀 You've got this.

\n view source\n

\n );\n}\n",[],[18,91,224],"a759e116-54ba-11f1-94c6-ee650bb23af1","ExamCard.tsx","a759e1c0-54ba-11f1-94c6-ee650bb23af1",8,["D",1779329607343],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport interface ExamData {\n name: string;\n subject: string;\n date: string;\n}\n\ninterface ExamCardProps {\n index: number;\n exam: ExamData;\n onChange: (index: number, field: keyof ExamData, value: string) => void;\n}\n\nconst colors = [\n { badge: \"bg-green-800 text-green-100\", number: \"text-green-600\" },\n { badge: \"bg-amber-700 text-amber-100\", number: \"text-amber-600\" },\n { badge: \"bg-rose-800 text-rose-100\", number: \"text-rose-600\" },\n];\n\nexport function ExamCard({ index, exam, onChange }: ExamCardProps) {\n const color = colors[index] || colors[0];\n\n return (\n

\n \n Exam\n \n {index + 1}\n

\n\n

\n Exam name\n onChange(index, \"name\", (e.target as HTMLInputElement).value)}\n class=\"w-full bg-stone-700 border border-stone-600 rounded-lg px-4 py-3 text-stone-100 placeholder-stone-500 focus:outline-none focus:ring-2 focus:ring-stone-500\"\n />\n

\n Subject / course\n onChange(index, \"subject\", (e.target as HTMLInputElement).value)}\n class=\"w-full bg-stone-700 border border-stone-600 rounded-lg px-4 py-3 text-stone-100 placeholder-stone-500 focus:outline-none focus:ring-2 focus:ring-stone-500\"\n />\n

\n\n

\n Date & time\n onChange(index, \"date\", (e.target as HTMLInputElement).value)}\n class=\"w-full bg-stone-700 border border-stone-600 rounded-lg px-4 py-3 text-stone-100 focus:outline-none focus:ring-2 focus:ring-stone-500\"\n />\n

\n );\n}\n",[],[18,91,232],"b5d01d5a-54ba-11f1-88d6-ee650bb23af1","App.tsx","b5d01e18-54ba-11f1-88d6-ee650bb23af1",["D",1779329631608],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ExamCard, type ExamData } from \"./ExamCard.tsx\";\nimport { StudyPlan } from \"./StudyPlan.tsx\";\n\nconst emptyExams: ExamData[] = [\n { name: \"\", subject: \"\", date: \"\" },\n { name: \"\", subject: \"\", date: \"\" },\n { name: \"\", subject: \"\", date: \"\" },\n];\n\nexport function App() {\n const [exams, setExams] = useState(emptyExams);\n const [plan, setPlan] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleChange = (index: number, field: keyof ExamData, value: string) => {\n setExams((prev) => {\n const next = [...prev];\n next[index] = { ...next[index], [field]: value };\n return next;\n });\n };\n\n const hasAtLeastOneExam = exams.some((e) => e.name && e.date);\n\n const handleSubmit = async () => {\n if (!hasAtLeastOneExam) {\n setError(\"Please fill in at least one exam with a name and date.\");\n return;\n }\n setError(\"\");\n setLoading(true);\n try {\n const res = await fetch(\"/api/study-plan\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ exams }),\n });\n const data = await res.json();\n setPlan(data.plan);\n } catch (err) {\n setError(\"Something went wrong. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n if (plan) {\n return (\n

\n setPlan(null)} />\n

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

Final exam planner

\n Enter your 3 exams to start your countdown and study plan.\n

\n\n

\n {exams.map((exam, i) => (\n \n ))}\n

\n\n {error && (\n

{error}

\n )}\n\n \n {loading ? \"Building...\" : \"Build my study plan\"}\n \n\n

\n view source\n

\n );\n}\n",[],[18,91,240],["D",1779329595134],[200,201,202],[18,91],["D",1779329586322],[199,203,204],[18],["D",1779329428656],{"_11":12,"_143":72},{"_11":12,"_138":139,"_71":72,"_31":70,"_140":141,"_142":30},{"_41":129,"_13":16,"_35":38,"_130":95,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":14,"_137":12},"ctx",{"_55":-5,"_162":289,"_290":291,"_292":293,"_294":30,"_295":30,"_296":30,"_297":24,"_298":-5,"_299":-7,"_300":-7,"_301":26,"_302":30,"_303":30,"_304":-5,"_305":30,"_306":30,"_307":30,"_308":-5},"ENV",{"_260":261,"_262":263,"_264":16,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History · frontend