\n \n \n \n","label",[178,68],"frontend","pulls","branches","forks","envVars",{"_186":26,"_188":26},"connections",{"_186":26,"_187":26},"count","unfilledCount","emptyCount",{"_33":246,"_13":178,"_66":170,"_43":-5,"_35":36,"_171":40,"_172":155,"_37":247,"_39":26,"_69":243,"_174":-5,"_70":24,"_176":-5,"_202":248,"_17":249},{"_33":241,"_13":240,"_66":234,"_43":170,"_35":36,"_171":40,"_172":155,"_37":242,"_39":26,"_69":243,"_174":-5,"_70":24,"_176":-5,"_202":244,"_17":245},{"_33":231,"_13":232,"_66":233,"_43":234,"_35":36,"_171":235,"_172":155,"_37":236,"_39":40,"_69":217,"_174":237,"_70":24,"_176":-5,"_202":238,"_17":239},{"_33":224,"_13":225,"_66":226,"_43":170,"_35":36,"_171":40,"_172":155,"_37":227,"_39":26,"_69":21,"_174":228,"_70":24,"_176":-5,"_202":229,"_17":230},{"_33":169,"_13":68,"_66":67,"_43":170,"_35":36,"_171":76,"_172":155,"_37":221,"_39":40,"_69":21,"_174":175,"_70":24,"_176":-5,"_202":222,"_17":223},{"_33":213,"_13":214,"_66":215,"_43":170,"_35":36,"_171":118,"_172":155,"_37":216,"_39":40,"_69":217,"_174":218,"_70":24,"_176":-5,"_202":219,"_17":220},{"_33":205,"_13":206,"_66":207,"_43":-5,"_35":36,"_171":208,"_172":155,"_37":209,"_39":40,"_69":21,"_174":210,"_70":24,"_176":-5,"_202":211,"_17":212},{"_33":197,"_13":198,"_66":94,"_43":-5,"_35":36,"_171":40,"_172":155,"_37":199,"_39":26,"_69":200,"_174":201,"_70":24,"_176":-5,"_202":203,"_17":204},"f10b28b4-ad06-402a-b617-b982295e6741","index.ts",["D",1781826522514],"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// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","children",[],[198],"9b8ac34e-59a8-4e18-83a9-78ca8a06697d","README.md","019edd23-0ddd-751d-902d-f91222817596",5,["D",1781826598987],"# Multiplication Sprint ✖️\n\nA 60-second timed multiplication game. Answer as many questions as you can before the clock runs out.\n\n- Each question is `a × b` where **a is 2–12** and **b is 6–100**.\n- Type the answer and press **Enter** — the input flashes green/red and immediately jumps to the next question.\n- Tracks correct/wrong counts, a live timer bar, and your best score (saved in your browser).\n\nBuilt with React + Hono on Val Town.\n",[],[206],"b06b2c01-7aff-4ff6-aeff-7c92980ed9fa","index.tsx","019edd23-0ddd-751d-902d-f0b20c21ca3b",["D",1782246359319],"script","/** @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();",[],[178,214],["D",1781826573572],[],[178,68],"9d74c19a-8103-4a7c-8fe7-18861e8f3af2","favicon.svg","019edd23-0ddd-751d-902d-ea6c71a577ca",["D",1781826522514],"\n",[],[178,225],"33a6e1a7-f159-4132-94fe-736c5a249f2c","App.tsx","019edd23-0ddd-751d-902d-dc9f843c6e0b","019edd23-0ddd-751d-902d-e5faff4c1807",2,["D",1781826563947],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst GAME_SECONDS = 60;\nconst randInt = (min: number, max: number) => Math.floor(Math.random() * (max - min + 1)) + min;\nconst newQuestion = () => ({ a: randInt(2, 12), b: randInt(6, 100) });\n\ntype Phase = \"idle\" | \"playing\" | \"done\";\n\nexport function App() {\n const [phase, setPhase] = useState(\"idle\");\n const [timeLeft, setTimeLeft] = useState(GAME_SECONDS);\n const [question, setQuestion] = useState(newQuestion);\n const [answer, setAnswer] = useState(\"\");\n const [correct, setCorrect] = useState(0);\n const [wrong, setWrong] = useState(0);\n const [best, setBest] = useState(0);\n const [flash, setFlash] = useState<\"ok\" | \"no\" | null>(null);\n const inputRef = useRef(null);\n\n useEffect(() => {\n setBest(Number(localStorage.getItem(\"mult-best\") || 0));\n }, []);\n\n // Countdown timer\n useEffect(() => {\n if (phase !== \"playing\") return;\n if (timeLeft <= 0) {\n setPhase(\"done\");\n return;\n }\n const id = setTimeout(() => setTimeLeft((t) => t - 1), 1000);\n return () => clearTimeout(id);\n }, [phase, timeLeft]);\n\n // Save best score when a game ends\n useEffect(() => {\n if (phase === \"done\" && correct > best) {\n setBest(correct);\n localStorage.setItem(\"mult-best\", String(correct));\n }\n }, [phase]);\n\n // Keep the input focused while playing\n useEffect(() => {\n if (phase === \"playing\") inputRef.current?.focus();\n }, [phase, question]);\n\n function start() {\n setCorrect(0);\n setWrong(0);\n setTimeLeft(GAME_SECONDS);\n setAnswer(\"\");\n setQuestion(newQuestion());\n setPhase(\"playing\");\n }\n\n function submit(e: React.FormEvent) {\n e.preventDefault();\n if (answer.trim() === \"\") return;\n const isRight = Number(answer) === question.a * question.b;\n if (isRight) {\n setCorrect((c) => c + 1);\n setFlash(\"ok\");\n } else {\n setWrong((w) => w + 1);\n setFlash(\"no\");\n }\n setTimeout(() => setFlash(null), 250);\n setAnswer(\"\");\n setQuestion(newQuestion());\n }\n\n const pct = (timeLeft / GAME_SECONDS) * 100;\n const flashRing = flash === \"ok\"\n ? \"ring-4 ring-green-400\"\n : flash === \"no\"\n ? \"ring-4 ring-red-400\"\n : \"ring-1 ring-gray-200\";\n\n return (\n

✖️ Multiplication Sprint

\n 60 seconds. As many as you can. a (2–12) × b (6–100).\n

\n\n {phase === \"idle\" && (\n

Best score: {best}

\n \n Start game\n \n

\n )}\n\n {phase === \"playing\" && (\n

\n ✓ {correct}\n {timeLeft}s\n ✗ {wrong}\n

\n \n

\n\n

\n {question.a} × {question.b}\n

\n\n

\n )}\n\n {phase === \"done\" && (\n

Time's up!

{correct}

correct answers

\n {wrong} wrong · best: {Math.max(best, correct)}\n

\n \n Play again\n \n

\n )}\n

\n\n

\n View source\n

\n );\n}\n",[],[178,240,232],"components","3fccb2b9-cc23-4381-a4b7-107f05e9dd4b",["D",1781826522514],"directory",[191],[178,240],"b91c0775-fa0d-4e91-80d2-a8ee161b6aa9",["D",1781826522514],[190,192,193,194],[178],["D",1781826522514],{"_11":12,"_135":73},{"_11":12,"_130":131,"_72":73,"_30":71,"_132":133,"_134":24},{"_39":118,"_13":16,"_33":36,"_119":83,"_120":63,"_121":122,"_123":87,"_124":125,"_126":127,"_128":14,"_129":12},"ctx",{"_52":-5,"_157":287,"_288":289,"_290":291,"_292":24,"_293":24,"_294":24,"_295":155,"_296":-5,"_297":-7,"_298":-7,"_299":26,"_300":24,"_301":24,"_302":-5,"_303":24,"_304":24,"_305":24,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":16,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"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"]

History · index.html