Captcha Game

\n Game Over! {score === 0\n ? \"😒\"\n : score > 100\n ? \"😊\"\n : score > 500\n ? \"😁\"\n : score > 1000\n ? \"😮\"\n : \"🧐\"}\n

Your Score: {score}

\n setGameState(\"submitScore\")}\n className=\"\n px-6 \n py-3 \n bg-green-500 \n text-white \n rounded \n hover:bg-green-600 \n transition-colors \n duration-300\n \"\n >\n Submit Score\n \n \n Restart Game\n \n

\n );\n case \"submitScore\":\n return (\n

Submit Your Score

Your Score: {score}

\n\n {submissionResult.error &&

{submissionResult.error}

}\n\n {submissionResult.rank\n ? (\n

🏆 Congratulations!

You're ranked #{submissionResult.rank}

\n \n Play Again\n \n

\n )\n : (\n

\n setUsername(e.target.value)}\n maxLength={5}\n className=\"\n mb-4 \n px-4 \n py-2 \n border \n rounded \n text-center\n uppercase\n \"\n />\n 5}\n className=\"\n px-6 \n py-3 \n bg-blue-500 \n text-white \n rounded \n hover:bg-blue-600 \n transition-colors \n duration-300\n disabled:opacity-50\n disabled:cursor-not-allowed\n \"\n >\n Submit\n \n

\n )}\n

\n );\n case \"playing\":\n return (\n

Score: {score}

\n Time Left: {timeLeft}s\n

Verify You're Not a Robot

{challenge.prompt}

\n {CHALLENGE_IMAGES.slice(0, 9).map((img, index) => (\n handleImageClick(index)}\n className={`\n text-6xl \n cursor-pointer \n p-2 \n border-2 \n rounded \n transition-all \n duration-200 \n ${\n selectedImages.includes(index)\n ? \"border-green-500 bg-green-100\"\n : \"border-gray-300 bg-white hover:bg-gray-50\"\n }\n `}\n src={img.src}\n >\n \n ))}\n

\n \n Verify\n \n

\n );\n default:\n return (\n

Verify You're not a robot - The Game

\n \n Start Game\n \n

\n );\n }\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 2;\n const KEY = \"captcha\";\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_highscores_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n score INTEGER NOT NULL,\n date DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === \"POST\" && request.url.endsWith(\"/submit-highscore\")) {\n const { name, score } = await request.json();\n\n if (!/^[a-zA-Z0-9]{1,5}$/.test(name)) {\n return new Response(JSON.stringify({ error: \"Invalid name format\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const existingScore = await sqlite.execute(\n `\n SELECT score FROM ${KEY}_highscores_${SCHEMA_VERSION}\n WHERE name = ?\n `,\n [name],\n );\n\n if (existingScore.rows.length > 0) {\n if (score > existingScore.rows[0]!.score!) {\n await sqlite.execute(\n `\n UPDATE ${KEY}_highscores_${SCHEMA_VERSION}\n SET score = ?, date = CURRENT_TIMESTAMP\n WHERE name = ?\n `,\n [score, name],\n );\n }\n } else {\n await sqlite.execute(\n `\n INSERT INTO ${KEY}_highscores_${SCHEMA_VERSION} (name, score)\n VALUES (?, ?)\n `,\n [name, score],\n );\n }\n\n const rank = await sqlite.execute(\n `\n SELECT COUNT(*) + 1 as rank\n FROM ${KEY}_highscores_${SCHEMA_VERSION}\n WHERE score > ?\n `,\n [score],\n );\n\n return new Response(JSON.stringify({ success: true, rank: rank.rows[0].rank }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.url.endsWith(\"/highscores\")) {\n const result = await sqlite.execute(`\n SELECT name, score, date FROM ${KEY}_highscores_${SCHEMA_VERSION}\n ORDER BY score DESC\n LIMIT 10\n `);\n return new Response(JSON.stringify(result.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n return new Response(\n `\n \n \n Captcha Game\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label","captchagame",[99],"permalink","https://www.val.town/x/loading/captcha/code/main.tsx","extension","actionData","errors"]