\n \n \n \n",[],[111,173],{"_104":183,"_96":184,"_155":185,"_157":156,"_158":141,"_159":186,"_161":118,"_106":187,"_101":188,"_164":189,"_166":190,"_167":22,"_168":-5,"_169":191,"_99":192},"c7b2759c-f159-11ef-a60f-e6cdfca9ef9f","script.ts","15a824be-f13b-11ef-98e5-e6cdfca9ef9f",261,["D",1740255337641],90,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\nimport katex from \"https://esm.sh/katex@0.16.4\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction renderMath(text) {\n if (!text) return \"\";\n return text.replace(/\\$\\$(.*?)\\$\\$|\\$(.*?)\\$/g, (match, eq1, eq2) => {\n const equation = eq1 || eq2;\n try {\n return katex.renderToString(equation, {\n throwOnError: false,\n displayMode: !!eq1,\n });\n } catch (error) {\n console.error(\"KaTeX error:\", error);\n return match;\n }\n });\n}\n\nfunction App() {\n const [problem, setProblem] = useState(null);\n const [userAnswer, setUserAnswer] = useState(\"\");\n const [feedback, setFeedback] = useState(\"\");\n // Dummy state to force re-render of the feedback box\n const [feedbackRenderKey, setFeedbackRenderKey] = useState(0);\n const [attempts, setAttempts] = useState(0);\n const [showCorrectAnswer, setShowCorrectAnswer] = useState(false);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetchProblem();\n }, []);\n\n const fetchProblem = async () => {\n setLoading(true);\n try {\n const response = await fetch(\"/problem\");\n if (!response.ok) throw new Error(\"Failed to fetch problem\");\n const data = await response.json();\n setProblem(data);\n setUserAnswer(\"\");\n setFeedback(\"\");\n setAttempts(0);\n setShowCorrectAnswer(false);\n // Reset feedback render key on new problem load\n setFeedbackRenderKey(0);\n } catch (error) {\n console.error(\"Error fetching problem:\", error);\n setFeedback(\"Failed to load problem. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n try {\n const response = await fetch(\"/check\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ answer: userAnswer, problemId: problem.id }),\n });\n if (!response.ok) throw new Error(\"Failed to check answer\");\n const result = await response.json();\n\n if (result.correct) {\n setFeedback(renderMath(\"Correct! Great job!\"));\n setFeedbackRenderKey((prev) => prev + 1);\n setShowCorrectAnswer(true);\n confetti();\n } else {\n setAttempts(attempts + 1);\n if (attempts === 0) {\n // First incorrect attempt\n setFeedback(renderMath(`Incorrect. Let's review the concept: ${result.concept}`));\n } else {\n // Second (or later) incorrect attempt -> show correct answer in LaTeX\n // Wrap the server's LaTeX string in $$...$$ so KaTeX sees it\n setFeedback(renderMath(`Incorrect. The correct answer is: $$${result.correctAnswer}$$`));\n }\n setFeedbackRenderKey((prev) => prev + 1);\n }\n } catch (error) {\n console.error(\"Error checking answer:\", error);\n setFeedback(\"Failed to check answer. Please try again.\");\n setFeedbackRenderKey((prev) => prev + 1);\n } finally {\n setLoading(false);\n }\n };\n\n if (!problem) return null;\n\n return (\n

Daily Math Challenge

\n {loading ?

: problem\n ? (\n

\n \n

Answer format examples:

\n Functions: sin(x), cos(x), tan(x)\n
\n Inverse functions: arcsin(x) or sin^{-1}(x)\n
\n Fractions: \\frac{1}{2} or 1/2\n
\n Constants: don't forget +C for indefinite integrals\n
\n Powers: x^2, e^x\n

\n )\n :

Failed to load problem. Please refresh the page.

}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}",[],[111,184],{"_104":194,"_96":195,"_155":196,"_157":156,"_158":141,"_159":197,"_161":118,"_106":198,"_101":160,"_164":178,"_166":199,"_167":22,"_168":-5,"_169":200,"_99":201},"f42d3b56-f150-11ef-825a-e6cdfca9ef9f","styles.css","da7daeba-f138-11ef-b731-e6cdfca9ef9f",159,["D",1740251546795],"/* Import a sleek, professional font (e.g. Open Sans, Roboto, Inter) */\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');\n\n/* Base reset */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n/* Body and global typography */\nbody {\n font-family: 'Open Sans', sans-serif;\n background-color: #f9f9f9;\n color: #2a2a2a;\n line-height: 1.6;\n}\n\n/* A responsive container \"card\" with a subtle shadow */\n.container {\n max-width: 900px;\n margin: 4rem auto;\n padding: 2rem;\n background: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.05);\n}\n\n/* Headings */\nh1 {\n font-size: 2rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n color: #1f1f1f;\n}\n\n/* Problem statement area */\n.problem {\n margin: 2rem 0;\n text-align: center;\n font-size: 1.125rem;\n}\n\n/* Hints or side info box with subtle highlight */\n.hints {\n background-color: #fefefe;\n border-left: 4px solid #949494;\n padding: 1rem 1.5rem;\n margin: 1rem 0;\n border-radius: 4px;\n font-size: 0.95rem;\n line-height: 1.4;\n}\n\n.hints code {\n background-color: #eaeaea;\n padding: 0.2rem 0.4rem;\n border-radius: 4px;\n font-family: 'Courier New', monospace;\n}\n\n.hints ul {\n margin: 0.5rem 0 0.5rem 1.25rem;\n padding: 0;\n}\n\n/* Text input/textarea styling */\n.input-field {\n display: block;\n width: 100%;\n padding: 0.85rem;\n margin-bottom: 1rem;\n border: 2px solid #ddd;\n border-radius: 4px;\n font-family: 'Courier New', monospace;\n font-size: 1rem;\n transition: border-color 0.15s ease;\n}\n\n.input-field:focus {\n border-color: #0070f3;\n outline: none;\n}\n\n/* Buttons */\nbutton {\n display: inline-block;\n background-color: #0070f3;\n color: #fff;\n padding: 0.7rem 1.4rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: background 0.2s ease, transform 0.1s ease;\n}\n\nbutton:hover {\n background-color: #005dc1;\n}\n\nbutton:active {\n transform: scale(0.98);\n}\n\nbutton:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n}\n\n/* Feedback message box */\n.feedback {\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n border-radius: 4px;\n background-color: #eef5ff;\n border-left: 6px solid #0070f3;\n}\n\n.next-button {\n margin-top: 20px;\n width: 100%;\n}\n\n/* KaTeX display area */\n.katex {\n font-size: 1.15rem;\n}\n\n.katex-display {\n margin: 1.5rem 0;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n/* Responsive behavior */\n@media (max-width: 600px) {\n h1 {\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n }\n .problem {\n font-size: 1rem;\n }\n .container {\n margin: 2rem auto;\n padding: 1.5rem;\n }\n}",[],[111,195],[111],{"_104":204,"_96":205,"_155":206,"_157":-5,"_158":141,"_159":207,"_161":118,"_106":208,"_101":209,"_164":178,"_166":210,"_167":22,"_168":-5,"_169":211,"_99":212},"46d119d6-f908-11ef-9917-569c3dd06744","README.md","23051ae8-f151-11ef-be11-e6cdfca9ef9f",271,["D",1741099941483],11,"# Math of the Day\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/75481d7a-230f-44a9-95f7-ab59409c3400/public)\n\nProblems:\n- Rendering LaTeX in feedback is finnicky\n- Correct answers can sometimes be marked as incorrect simply due to extra brackets or little notation related errors, this is annoying :(\n- Long load time because of GPT calls. We can cache problems but that would be bad if you want more problems etc.",[],[205],{"_104":214,"_96":215,"_155":216,"_157":-5,"_158":141,"_159":217,"_161":118,"_106":218,"_101":219,"_164":220,"_166":221,"_167":22,"_168":-5,"_169":222,"_99":223},"33caa24e-f156-11ef-af15-e6cdfca9ef9f","emailReminder","8d98f484-f150-11ef-9c04-e6cdfca9ef9f",215,["D",1740253800992],2,"interval","import { email } from \"https://esm.town/v/std/email?v=13\";\n\nexport default async function(interval: Interval) {\n console.log(`math problem`);\n email({\n subject: `math problem`,\n html: `time for math`,\n });\n}",[],[215],{"_104":225,"_96":226,"_155":116,"_157":-5,"_158":141,"_159":140,"_161":118,"_106":227,"_101":228,"_164":229,"_166":230,"_167":22,"_168":-5,"_169":231,"_99":232},"235d79b4-f9d9-11ef-b662-569c3dd06744","main.js",["D",1741189646820],91,"http","import { blob } from \"https://esm.town/v/std/blob\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { readFile, servePublicFile } from \"https://esm.town/v/stevekrouse/utils@187-main/serve-public/index.ts\";\nimport Algebrite from \"npm:algebrite\";\n\n/**\n * Remove common variations of \"+ C\" at the end of an indefinite integral.\n */\nfunction stripPlusC(str) {\n return str.replace(/\\+\\s*c\\s*$/i, \"\").trim();\n}\n\n/**\n * Convert LaTeX into a form Algebrite can parse.\n * Remove or replace common LaTeX constructs.\n */\nfunction latexToExpression(latex) {\n // Remove display math delimiters: $$...$$ or $...$\n let expr = latex.replace(/\\${1,2}/g, \"\");\n\n // Replace \\frac{a}{b} with (a)/(b)\n expr = expr.replace(/\\\\frac\\s*\\{([^}]+)\\}\\s*\\{([^}]+)\\}/g, \"($1)/($2)\");\n\n // Some common function replacements for Algebrite\n expr = expr.replace(/\\\\sin/g, \"sin\");\n expr = expr.replace(/\\\\cos/g, \"cos\");\n expr = expr.replace(/\\\\tan/g, \"tan\");\n expr = expr.replace(/\\\\arcsin/g, \"asin\");\n expr = expr.replace(/\\\\arccos/g, \"acos\");\n expr = expr.replace(/\\\\arctan/g, \"atan\");\n expr = expr.replace(/\\\\ln/g, \"ln\");\n expr = expr.replace(/\\\\sqrt/g, \"sqrt\");\n expr = expr.replace(/\\\\pi/g, \"pi\");\n\n // Remove braces around single variables or numbers: {x} -> x\n expr = expr.replace(/\\{([^}]+)\\}/g, \"$1\");\n\n // Remove all remaining whitespace\n expr = expr.replace(/\\s+/g, \"\");\n\n return expr;\n}\n\n/**\n * Parse and simplify an expression using Algebrite.\n * Return the simplified string or null on error.\n */\nfunction parseAndSimplify(expr) {\n try {\n // If it's an empty string, treat that as invalid\n if (!expr.trim()) return null;\n return Algebrite.simplify(expr).toString();\n } catch {\n return null;\n }\n}\n\n/**\n * Check if two expressions (already simplified) differ by at most a constant.\n */\nfunction differByConstant(simpl1, simpl2) {\n try {\n const diff = Algebrite.simplify(`(${simpl1}) - (${simpl2})`).toString();\n if (diff === \"0\") return true; // exactly the same\n // If diff is purely numeric, that’s a constant\n if (/^[+\\-]?\\d+(\\.\\d+)?$/.test(diff)) return true;\n } catch {\n // do nothing\n }\n return false;\n}\n\n/**\n * Symbolic check: compare simplified forms, then see if they differ by a constant.\n */\nfunction symbolicCheck(expr1, expr2) {\n const s1 = parseAndSimplify(expr1);\n const s2 = parseAndSimplify(expr2);\n if (!s1 || !s2) return false;\n if (s1 === s2) return true;\n return differByConstant(s1, s2);\n}\n\n/**\n * Evaluate an expression numerically at x, returning a float or null if invalid.\n */\nfunction safeEval(expr, x) {\n try {\n const val = parseFloat(Algebrite.eval(expr, { x }).toString());\n // If the result is NaN or infinite, treat that as invalid\n if (Number.isNaN(val) || !Number.isFinite(val)) return null;\n return val;\n } catch {\n return null;\n }\n}\n\n/**\n * Numeric check: sample multiple x-values, confirm the difference is constant.\n * If the difference changes by more than a small tolerance, we reject it.\n */\nfunction numericCheck(expr1, expr2, samples = [-2, 0, 2]) {\n const diffs = [];\n\n for (const x of samples) {\n const val1 = safeEval(expr1, x);\n const val2 = safeEval(expr2, x);\n if (val1 === null || val2 === null) {\n return false; // can't evaluate => fail\n }\n diffs.push(val1 - val2);\n }\n\n // Check if all diffs are within a small tolerance of each other\n const first = diffs[0];\n for (let i = 1; i < diffs.length; i++) {\n if (Math.abs(diffs[i] - first) > 1e-4) {\n return false;\n }\n }\n return true;\n}\n\n/**\n * Loose equivalence: first do a symbolic check, if that fails, do numeric check.\n */\nfunction expressionsAreLooselyEquivalent(expr1, expr2) {\n // 1) Symbolic check\n if (symbolicCheck(expr1, expr2)) {\n return true;\n }\n // 2) Numeric fallback\n return numericCheck(expr1, expr2);\n}\n\n/**\n * GPT-4 call to generate a new math problem.\n */\nasync function handleProblemGeneration() {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4\",\n messages: [\n {\n role: \"system\",\n content:\n \"You are a math teacher creating challenging problems for high school calculus and above. Use LaTeX notation for mathematical equations, enclosed in double dollar signs ($$) for display equations and single dollar signs ($) for inline equations. For answers, use proper LaTeX notation and include +C for indefinite integrals. Make sure the response is reasonable to type out and fairly short. Only output the answer and no additional text.\",\n },\n {\n role: \"user\",\n content:\n \"Generate a challenging math problem with its solution and a brief explanation of the underlying concept. Use LaTeX notation for equations.\",\n },\n ],\n functions: [\n {\n name: \"generate_math_problem\",\n description: \"Generate a math problem with question, answer, and concept explanation\",\n parameters: {\n type: \"object\",\n properties: {\n question: {\n type: \"string\",\n description: \"The math problem question with LaTeX equations\",\n },\n answer: {\n type: \"string\",\n description: \"The correct answer (LaTeX), no extra text besides the equation(s).\",\n },\n concept: {\n type: \"string\",\n description: \"A brief explanation of the concept (LaTeX optional).\",\n },\n },\n required: [\"question\", \"answer\", \"concept\"],\n },\n },\n ],\n function_call: { name: \"generate_math_problem\" },\n });\n\n const functionCall = completion.choices[0].message.function_call;\n if (!functionCall || functionCall.name !== \"generate_math_problem\") {\n return new Response(\"Failed to generate problem\", { status: 500 });\n }\n\n let problem;\n try {\n problem = JSON.parse(functionCall.arguments);\n } catch (error) {\n console.error(\"Failed to parse function call arguments:\", error);\n console.log(\"Raw arguments:\", functionCall.arguments);\n return new Response(\"Failed to generate problem\", { status: 500 });\n }\n\n // Save the entire problem with LaTeX\n const problemId = Date.now().toString();\n await blob.setJSON(`problem_${problemId}`, problem);\n\n // Return the question in raw LaTeX so the frontend can display it\n return new Response(\n JSON.stringify({ id: problemId, question: problem.question }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n}\n\n/**\n * Handle user answer check.\n * - Strip \"+C\" from both\n * - Convert to expressions\n * - Reject trivial or meaningless answers\n * - Do \"loose\" equivalence check (symbolic + numeric fallback)\n * - Return result\n */\nasync function handleAnswerCheck(request) {\n const { answer, problemId } = await request.json();\n const problem = await blob.getJSON(`problem_${problemId}`);\n\n if (!problem) {\n return new Response(\"Problem not found\", { status: 404 });\n }\n\n // Remove trailing \"+C\"\n const userNoC = stripPlusC(answer);\n const officialNoC = stripPlusC(problem.answer);\n\n // Convert to parseable expressions\n const userExpression = latexToExpression(userNoC);\n const correctExpression = latexToExpression(officialNoC);\n console.log(correctExpression);\n\n // Reject trivial or meaningless answers\n if (!userExpression || userExpression.length < 2 || userExpression.match(/^\\d+(\\.\\d+)?$/)) {\n return new Response(\n JSON.stringify({\n correct: false,\n concept: problem.concept,\n correctAnswer: problem.answer,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n\n const isCorrect = expressionsAreLooselyEquivalent(userExpression, correctExpression);\n\n return new Response(\n JSON.stringify({\n correct: isCorrect,\n concept: problem.concept,\n correctAnswer: problem.answer,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n}\n\n/**\n * Main request handler.\n */\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n // Skip favicon\n if (url.pathname === \"/favicon.ico\") {\n return new Response(null, { status: 204 });\n }\n\n if (url.pathname === \"/problem\") {\n return handleProblemGeneration();\n }\n\n if (url.pathname === \"/check\" && req.method === \"POST\") {\n return handleAnswerCheck(req);\n }\n\n if (url.pathname === \"/\") {\n return servePublicFile(\"/public/index.html\", import.meta.url);\n }\n return servePublicFile(\"/public\" + url.pathname, import.meta.url);\n}",[],[226],"files",[153,171,182,193,203,213,224],"counts",{"_237":32,"_238":163,"_239":163,"_240":241},"pulls","branches","forks","envVars",{"_242":32,"_243":32},"count","emptyCount","contents",[],{"_104":172,"_158":141,"_155":174,"_96":173,"_166":179,"_164":178,"_101":177,"_157":156,"_106":247,"_159":175,"_168":-5,"_99":248},["D",1740254797938],[111,173],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":257,"_178":262,"_265":266,"_319":320,"_332":-7,"_333":163,"_334":22},{"_104":105,"_96":97,"_106":258,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":259,"_135":260,"_138":261,"_150":22},["D",1740240940979],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":172,"_96":173,"_155":174,"_157":156,"_158":141,"_159":175,"_161":118,"_106":263,"_101":177,"_164":178,"_166":179,"_167":22,"_168":-5,"_99":264},["D",1740254797938],[111,173],"history",[267,273,279,284,289,294,299,305,310,314],{"_104":268,"_158":141,"_155":174,"_96":173,"_166":269,"_164":178,"_101":270,"_157":156,"_106":271,"_159":272,"_168":-5},"0299c520-f13c-11ef-878b-e6cdfca9ef9f","\n\n \n Daily Math Challenge\n \n \n \n \n\n",9,["D",1740242551559],49,{"_104":274,"_158":141,"_155":174,"_96":173,"_166":275,"_164":178,"_101":276,"_157":156,"_106":277,"_159":278,"_168":-5},"d9ac3526-f13b-11ef-beb3-e6cdfca9ef9f","\n\n \n Daily Math Challenge\n \n \n \n \n\n",8,["D",1740242482897],46,{"_104":280,"_158":141,"_155":174,"_96":173,"_166":275,"_164":178,"_101":281,"_157":156,"_106":282,"_159":283,"_168":-5},"d5242b12-f13b-11ef-beb3-e6cdfca9ef9f",7,["D",1740242475257],45,{"_104":285,"_158":141,"_155":174,"_96":173,"_166":275,"_164":178,"_101":286,"_157":156,"_106":287,"_159":288,"_168":-5},"d520f0e6-f13b-11ef-8f90-e6cdfca9ef9f",6,["D",1740242475253],44,{"_104":290,"_158":141,"_155":174,"_96":173,"_166":275,"_164":178,"_101":291,"_157":156,"_106":292,"_159":293,"_168":-5},"d51d9522-f13b-11ef-bf84-e6cdfca9ef9f",5,["D",1740242475253],43,{"_104":295,"_158":141,"_155":174,"_96":173,"_166":296,"_164":178,"_101":160,"_157":156,"_106":297,"_159":298,"_168":-5},"1484d83e-f13b-11ef-923d-e6cdfca9ef9f","\n\n \n Daily Math Challenge\n \n \n \n \n

\n \n \n \n\n",["D",1740242152125],33,{"_104":300,"_158":141,"_155":174,"_96":173,"_166":301,"_164":178,"_101":302,"_157":156,"_106":303,"_159":304,"_168":-5},"c802bbd0-f139-11ef-8d44-e6cdfca9ef9f","\n\n \n Daily Math Challenge\n \n \n \n \n

\n \n \n \n",3,["D",1740241594272],23,{"_104":306,"_158":141,"_155":174,"_96":173,"_166":307,"_164":178,"_101":219,"_157":156,"_106":308,"_159":309,"_168":-5},"c349f680-f139-11ef-a848-e6cdfca9ef9f","\n\n \n Daily Math Challenge\n \n \n \n \n

\n \n \n \n ",["D",1740241586336],22,{"_104":311,"_158":141,"_155":174,"_96":173,"_166":73,"_164":178,"_101":163,"_157":156,"_106":312,"_159":313,"_168":-5},"b86e36d6-f139-11ef-bbe6-e6cdfca9ef9f",["D",1740241568134],21,{"_104":315,"_158":141,"_155":174,"_96":316,"_166":73,"_164":178,"_101":32,"_157":156,"_106":317,"_159":318,"_168":-5},"b5fc0c02-f139-11ef-9111-e6cdfca9ef9f","specialSapphireHorse",["D",1740241564034],20,"versions",[321,323,324,325,326,327,328,329,330,331],{"_178":267,"_322":273},"previous",{"_178":273,"_322":279},{"_178":279,"_322":284},{"_178":284,"_322":289},{"_178":289,"_322":294},{"_178":294,"_322":299},{"_178":299,"_322":305},{"_178":305,"_322":310},{"_178":310,"_322":314},{"_178":314,"_322":-5},"versionNumber","page","hasNext","actionData","errors"]

charmaine

test_project

History for index.html