\n \n \n \n\n",[],[134,172],"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",[],[134,188,180],"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",[],[134,188,190],"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",[],[134,188,198],"a0128098-54ba-11f1-93e5-ee650bb23af1",7,["D",1779329595134],[152,153,154],[134,188],["D",1779329586322],[151,155,156],[134],["D",1779329428656],{"_11":12,"_87":83},{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"ctx",{"_68":-5,"_110":249,"_250":251,"_252":253,"_254":38,"_255":38,"_256":38,"_257":108,"_258":-5,"_259":-7,"_260":-7,"_261":52,"_262":38,"_263":38,"_264":-5,"_265":38,"_266":38,"_267":38,"_268":-5},"ENV",{"_220":221,"_222":223,"_224":26,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248},"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"]

Branches1

Branches
1