Dino Code Adventure

\n {displayGrid && displayGrid.map((row, y) => (\n row.map((cell, x) => (\n

\n {cell}\n

\n ))\n ))}\n

\n \n \n \n \n

\n \n \n \n

Moves:

\n {moves.map((move, index) => (\n

\n {move}\n \n

\n ))}\n

Score: {score}

{message}

High Scores:

{highScore.score}

\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 1\n const KEY = \"KidsCodingDameDinoAdventure\";\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_highscores_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n score INTEGER NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === 'POST' && request.url.endsWith('/highscore')) {\n const { score } = await request.json();\n await sqlite.execute(`INSERT INTO ${KEY}_highscores_${SCHEMA_VERSION} (score) VALUES (?)`, [score]);\n return new Response('Score saved', { status: 200 });\n }\n\n if (request.url.endsWith('/highscores')) {\n const result = await sqlite.execute(`SELECT score FROM ${KEY}_highscores_${SCHEMA_VERSION} ORDER BY score DESC LIMIT 5`);\n return new Response(JSON.stringify(result.rows), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n Dino Code Adventure\n \n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n}\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/jbwinters/KidsCodingDameDinoAdventure/code/main.tsx","extension","actionData","errors"]