[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_225":226,"_227":228},"routes/_app.x.$handle.$name",{"_99":98,"_37":50,"_108":89,"_32":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_26":-5,"_120":-5,"_121":-5,"_122":30,"_123":124,"_125":126,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":30,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":30},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","ea494621-7186-446a-942e-ec8399d3e12d","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","b5d01e18-54ba-11f1-88d6-ee650bb23af1","name","App.tsx","fileType","script","content","/** @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","createdAt",["D",1779329631608],"branchVersion","branchId","3cd7c9b6-54ba-11f1-aa3a-ee650bb23af1","id","3cd7086e-54ba-11f1-aa3a-ee650bb23af1","b",["D",1779329428656],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description"," ","imageUrl","cc39a15f-0542-440d-8381-a8cdeb1795c9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e484a-55fa-702a-9702-89b11c175d17","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_19":60,"_104":105,"_106":30},"branch",{"_13":14,"_37":89,"_48":47,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":50,"_97":98},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","sharona","handle","displayName","Sharona","avatar","https://lh3.googleusercontent.com/a/ACg8ocLVLXr6-H94T-cuSqbHq42aMsXeFuHuLLl0SS6y0D7Om4RBlHQ32Q=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":221,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":30,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":222,"_84":223,"_86":224,"_88":30},"tree",[163,170],"files",[163,164,165,166,167,168,169,170],"counts",{"_152":66,"_153":154,"_155":66,"_156":157,"_158":159},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":126,"_43":149,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":151},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":126,"_43":139,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_32":144},"9918ce46-54ba-11f1-939f-ee650bb23af1","main.ts","3cdd601a-54ba-11f1-aa3a-ee650bb23af1","parentId",3,"latest",["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","label",[134],"9ad6e254-54ba-11f1-93e5-ee650bb23af1","frontend","9ad6e308-54ba-11f1-93e5-ee650bb23af1",4,["D",1779329586322],"directory",[146],"pulls","branches",1,"forks","envVars",{"_160":66,"_162":66},"connections",{"_160":66,"_161":66},"count","unfilledCount","emptyCount",{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":126,"_43":218,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_172":219,"_32":220},{"_48":213,"_37":200,"_35":194,"_136":147,"_46":47,"_45":214,"_138":126,"_43":215,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_172":216,"_32":217},{"_48":209,"_37":38,"_35":36,"_136":194,"_46":47,"_45":14,"_138":126,"_43":210,"_13":66,"_39":40,"_41":42,"_29":30,"_143":-5,"_172":211,"_32":212},{"_48":201,"_37":202,"_35":203,"_136":194,"_46":47,"_45":204,"_138":126,"_43":205,"_13":66,"_39":40,"_41":206,"_29":30,"_143":-5,"_172":207,"_32":208},{"_48":191,"_37":192,"_35":193,"_136":194,"_46":47,"_45":195,"_138":126,"_43":196,"_13":66,"_39":40,"_41":197,"_29":30,"_143":-5,"_172":198,"_32":199},{"_48":183,"_37":184,"_35":185,"_136":147,"_46":47,"_45":186,"_138":126,"_43":187,"_13":66,"_39":26,"_41":188,"_29":30,"_143":-5,"_172":189,"_32":190},{"_48":175,"_37":176,"_35":177,"_136":147,"_46":47,"_45":178,"_138":126,"_43":179,"_13":66,"_39":40,"_41":180,"_29":30,"_143":-5,"_172":181,"_32":182},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":126,"_43":171,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_172":173,"_32":174},["D",1779329583421],"children",[],[134],"9eac509e-54ba-11f1-93e5-ee650bb23af1","index.tsx","9eac5170-54ba-11f1-93e5-ee650bb23af1",6,["D",1779329592784],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n",[],[146,176],"9dc7660a-54ba-11f1-93e5-ee650bb23af1","index.html","9dc766dc-54ba-11f1-93e5-ee650bb23af1",5,["D",1779329591287],"\n\n \n \n \n Final Exam Planner\n \n \n \n \n \n \n \n

\n \n \n \n\n",[],[146,184],"aed62404-54ba-11f1-892b-ee650bb23af1","StudyPlan.tsx","aed624c2-54ba-11f1-892b-ee650bb23af1","a0128142-54ba-11f1-93e5-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",[],[146,200,192],"components","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",[],[146,200,202],"b5d01d5a-54ba-11f1-88d6-ee650bb23af1",["D",1779329631608],[],[146,200,38],"a0128098-54ba-11f1-93e5-ee650bb23af1",7,["D",1779329595134],[165,166,167],[146,200],["D",1779329586322],[164,168,169],[146],["D",1779329428656],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_19":60,"_104":105,"_106":30},{"_13":14,"_37":89,"_48":47,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":50,"_97":98},"ctx",{"_82":-5,"_128":258,"_259":260,"_261":262,"_263":30,"_264":30,"_265":30,"_266":126,"_267":-5,"_268":-7,"_269":-7,"_270":66,"_271":30,"_272":30,"_273":-5,"_274":30,"_275":30,"_276":30,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":89,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"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"]

Diff · v10