[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_219":220,"_221":222},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_120":-5,"_19":121,"_122":123,"_124":125,"_126":127,"_128":129,"_21":130,"_131":-5,"_132":-5,"_133":24,"_134":135,"_136":137,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","alexmcroberts","name","snake-mcp","branchName","main","path","index.html","project",{"_32":69,"_13":14,"_36":70,"_71":-5,"_72":24,"_73":74,"_75":74,"_76":77,"_78":-5,"_30":65,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_51":100,"_101":102,"_103":104,"_105":24},"file",{"_61":62,"_13":18,"_63":21,"_64":24,"_68":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","0e3dfdd8-1e98-44fb-97ee-c12b8a0e84cf","branchId","6c61b51c-3015-4145-8562-90d662dc2b37","createdAt",["D",1783705689684],"version",4,"orgId","4281254f-bfbc-421d-89b2-3fe0572f0e97","parentId","3fd1787c-c33d-40a6-8ed3-2198c45d25df","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":65,"_40":41,"_11":12,"_66":67},{"_61":62,"_13":18,"_63":21,"_64":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","83af268c-7c87-11f1-bde0-1607ee4eb77e","fileType","deleted","4a195d61-960e-47fc-a2de-babac7864ff9","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXhUQ1k1VHlSUENxb1FtUlRYZUVXbWRNOSIsImluaXRpYWxzIjoiQU0ifQ","deletedAtVersion","4ce0dea6-62c8-4e41-9bab-b1f18851e4e5",["D",1783705536346],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Nokia Snake MCP App with SQLite leaderboard","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","4ce0dea662c84e419babb1f18851e4e5","tursoHostname","4ce0dea662c84e419babb1f18851e4e5-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525843977],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_119":67},"org",{"_11":12,"_115":-5,"_66":67,"_30":65,"_116":117,"_118":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":69,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",22,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":69,"_13":14,"_36":214,"_71":-5,"_72":24,"_73":74,"_75":74,"_76":77,"_78":-5,"_30":65,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":85,"_86":87,"_88":215,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_51":216,"_101":217,"_103":218,"_105":24},"tree",[161,162,163,164,165,166],"files",[161,162,163,164,165,166],"counts",{"_150":26,"_151":152,"_153":152,"_154":155,"_156":157},"contents",[],{"_32":142,"_13":18,"_61":62,"_42":-5,"_34":35,"_143":39,"_144":137,"_36":145,"_38":26,"_63":21,"_146":147,"_64":24,"_148":-5,"_17":149},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"0681e0bd-b1dd-4bc5-a295-019a2b742d9c","branchVersion","latest",["D",1783705689684],"content","\n\n\n \n \n Snake MCP\n \n \n\n\n

Snake MCP

\n Classic Nokia Snake as an MCP App, with SQLite high scores and a leaderboard.\n

MCP endpoint

\n \n

\n Connect this URL in Claude, Cursor, or any MCP Apps-capable client, then ask to\n play snake or show the leaderboard.\n

\n view source\n ·\n preview app html\n

\n \n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_158":26,"_160":26},"connections",{"_158":26,"_159":26},"count","unfilledCount","emptyCount",{"_32":206,"_13":207,"_61":208,"_42":-5,"_34":35,"_143":209,"_144":137,"_36":210,"_38":152,"_63":21,"_146":211,"_64":24,"_148":-5,"_173":212,"_17":213},{"_32":198,"_13":199,"_61":200,"_42":-5,"_34":35,"_143":201,"_144":137,"_36":202,"_38":26,"_63":182,"_146":203,"_64":24,"_148":-5,"_173":204,"_17":205},{"_32":142,"_13":18,"_61":62,"_42":-5,"_34":35,"_143":39,"_144":137,"_36":195,"_38":26,"_63":21,"_146":147,"_64":24,"_148":-5,"_173":196,"_17":197},{"_32":186,"_13":187,"_61":188,"_42":-5,"_34":35,"_143":106,"_144":137,"_36":189,"_38":190,"_63":191,"_146":192,"_64":24,"_148":-5,"_173":193,"_17":194},{"_32":176,"_13":177,"_61":178,"_42":-5,"_34":35,"_143":179,"_144":137,"_36":180,"_38":181,"_63":182,"_146":183,"_64":24,"_148":-5,"_173":184,"_17":185},{"_32":167,"_13":168,"_61":169,"_42":-5,"_34":35,"_143":170,"_144":137,"_36":171,"_38":152,"_63":21,"_146":172,"_64":24,"_148":-5,"_173":174,"_17":175},"bc87b76d-56da-4da5-a57e-af069a6345cf","snake-app.html","83d52c2e-7c87-11f1-8ed6-1607ee4eb77e",13,["D",1783707094347],"\n\n\n \n \n \n Snake\n \n\n\n

NOKIA · SNAKE

\n SCORE 0\n SNAKE\n

GAME OVER

Enter your name for the leaderboard

\n \n \n \n

\n \n \n \n \n \n \n

Arrow keys or D-pad · eat food · don't hit walls or yourself

\n\n \n \n\n \n\n\n","children",[],[168],"eceffa7e-cc91-4c44-85c8-b79c3aa216b5","mcp.ts","83c79f8c-7c87-11f1-bf8a-1607ee4eb77e",21,["D",1789486764568],9,"script","import { McpServer } from \"npm:@modelcontextprotocol/server@2.0.0\";\nimport {\n registerAppResource,\n registerAppTool,\n RESOURCE_MIME_TYPE,\n} from \"npm:@modelcontextprotocol/ext-apps@2.0.0/server\";\nimport { httpEndpoint, readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { z } from \"npm:zod@4\";\nimport { formatLeaderboard, getLeaderboard, submitScore } from \"./db.ts\";\n\nconst SNAKE_RESOURCE_URI = \"ui://snake/mcp-app.html\";\nconst LEADERBOARD_RESOURCE_URI = \"ui://leaderboard/mcp-app.html\";\n\nexport function createServer(): McpServer {\n const server = new McpServer({\n name: \"snake-mcp\",\n version: \"1.0.0\",\n });\n\n registerAppTool(\n server,\n \"play_snake\",\n {\n title: \"Play Snake\",\n description:\n \"Open the classic Nokia-style Snake game. When the snake crashes, the player enters their name and the score is saved to the leaderboard.\",\n inputSchema: {},\n _meta: {\n ui: { resourceUri: SNAKE_RESOURCE_URI },\n },\n },\n async () => {\n const board = await getLeaderboard(5);\n const preview = formatLeaderboard(board);\n return {\n content: [\n {\n type: \"text\",\n text:\n \"Snake is ready! Use arrow keys (or on-screen controls) to play. \" +\n \"When you crash, enter your name to save your score.\\n\\n\" +\n `Top scores:\\n${preview}`,\n },\n ],\n structuredContent: {\n kind: \"snake\",\n topScores: board,\n },\n };\n },\n );\n\n registerAppTool(\n server,\n \"get_leaderboard\",\n {\n title: \"Snake Leaderboard\",\n description: \"Show the top Snake high scores from SQLite.\",\n inputSchema: {\n limit: z\n .number()\n .int()\n .min(1)\n .max(50)\n .optional()\n .describe(\"How many scores to return (default 10)\"),\n },\n _meta: {\n ui: { resourceUri: LEADERBOARD_RESOURCE_URI },\n },\n },\n async ({ limit }) => {\n const board = await getLeaderboard(limit ?? 10);\n return {\n content: [\n {\n type: \"text\",\n text: `Snake leaderboard:\\n${formatLeaderboard(board)}`,\n },\n ],\n structuredContent: {\n kind: \"leaderboard\",\n scores: board,\n },\n };\n },\n );\n\n registerAppTool(\n server,\n \"submit_score\",\n {\n title: \"Submit Snake Score\",\n description:\n \"Save a Snake high score with the player's name. Called by the Snake MCP App after a crash.\",\n inputSchema: {\n name: z.string().min(1).max(20).describe(\"Player name\"),\n score: z.number().int().min(0).describe(\"Final score\"),\n },\n _meta: {\n ui: {\n resourceUri: SNAKE_RESOURCE_URI,\n visibility: [\"app\"],\n },\n },\n },\n async ({ name, score }) => {\n const saved = await submitScore(name, score);\n const board = await getLeaderboard(10);\n return {\n content: [\n {\n type: \"text\",\n text: `Saved ${saved.name} with score ${saved.score}.\\n\\n` +\n `Leaderboard:\\n${formatLeaderboard(board)}`,\n },\n ],\n structuredContent: {\n kind: \"score_saved\",\n saved,\n scores: board,\n },\n };\n },\n );\n\n async function readAppHtml(): Promise {\n const apiBase = new URL(await httpEndpoint()).origin;\n const html = await readFile(\"./snake-app.html\");\n return html.replaceAll(\"__API_BASE__\", apiBase);\n }\n\n registerAppResource(\n server,\n SNAKE_RESOURCE_URI,\n SNAKE_RESOURCE_URI,\n { mimeType: RESOURCE_MIME_TYPE },\n async () => {\n const apiOrigin = new URL(await httpEndpoint()).origin;\n return {\n contents: [\n {\n uri: SNAKE_RESOURCE_URI,\n mimeType: RESOURCE_MIME_TYPE,\n text: await readAppHtml(),\n _meta: {\n ui: {\n csp: {\n resourceDomains: [\n \"https://esm.sh\",\n \"https://cdn.esm.sh\",\n \"https://cdn.jsdelivr.net\",\n ],\n connectDomains: [apiOrigin],\n },\n },\n },\n },\n ],\n };\n },\n );\n\n registerAppResource(\n server,\n LEADERBOARD_RESOURCE_URI,\n LEADERBOARD_RESOURCE_URI,\n { mimeType: RESOURCE_MIME_TYPE },\n async () => {\n const apiOrigin = new URL(await httpEndpoint()).origin;\n return {\n contents: [\n {\n uri: LEADERBOARD_RESOURCE_URI,\n mimeType: RESOURCE_MIME_TYPE,\n text: await readAppHtml(),\n _meta: {\n ui: {\n csp: {\n resourceDomains: [\n \"https://esm.sh\",\n \"https://cdn.esm.sh\",\n \"https://cdn.jsdelivr.net\",\n ],\n connectDomains: [apiOrigin],\n },\n },\n },\n },\n ],\n };\n },\n );\n\n return server;\n}",[],[177],"562dff4f-ab04-48e9-9514-0e52eb7d5721","main.ts","28d29b36-7c87-11f1-8ed6-1607ee4eb77e",["D",1789486770710],5,"http","import { Hono } from \"npm:hono@4\";\nimport { WebStandardStreamableHTTPServerTransport } from \"npm:@modelcontextprotocol/server@2.0.0\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { createServer } from \"./mcp.ts\";\nimport { getLeaderboard, submitScore } from \"./db.ts\";\n\nconst app = new Hono();\n\napp.all(\"/mcp\", async (c) => {\n const server = createServer();\n const transport = new WebStandardStreamableHTTPServerTransport({\n sessionIdGenerator: undefined,\n enableJsonResponse: true,\n });\n\n try {\n await server.connect(transport);\n const options =\n c.req.method === \"POST\"\n ? { parsedBody: await c.req.json() }\n : undefined;\n return await transport.handleRequest(c.req.raw, options);\n } catch (error) {\n console.error(\"MCP handler error:\", error);\n return c.json(\n {\n error: \"Internal server error\",\n details: String(error),\n },\n 500,\n );\n }\n});\n\napp.get(\"/api/leaderboard\", async (c) => {\n const limit = Number(c.req.query(\"limit\") ?? 10);\n const scores = await getLeaderboard(\n Number.isFinite(limit) ? Math.min(Math.max(limit, 1), 50) : 10,\n );\n return c.json({ scores });\n});\n\napp.post(\"/api/scores\", async (c) => {\n try {\n const body = await c.req.json();\n const saved = await submitScore(String(body.name ?? \"\"), Number(body.score));\n const scores = await getLeaderboard(10);\n return c.json({ saved, scores });\n } catch (error) {\n return c.json({ error: String(error) }, 400);\n }\n});\n\napp.get(\"/snake-app.html\", async (c) => {\n const { readFile } = await import(\"https://esm.town/v/std/utils/index.ts\");\n const apiBase = new URL(c.req.url).origin;\n const html = (await readFile(\"./snake-app.html\")).replaceAll(\n \"__API_BASE__\",\n apiBase,\n );\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/\", (c) => serveFile(\"./index.html\"));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n",[],[187],["D",1783705689684],[],[18],"4eb4c2ca-e7db-40c8-9455-e2aebb25da2c","db.ts","83bc7bfc-7c87-11f1-85c3-1607ee4eb77e",6,["D",1783705689685],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport type ScoreRow = {\n id: number;\n name: string;\n score: number;\n created_at: string;\n};\n\nexport async function ensureSchema() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS scores (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n score INTEGER NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n}\n\nexport async function submitScore(name: string, score: number): Promise {\n await ensureSchema();\n const trimmed = name.trim().slice(0, 20);\n if (!trimmed) {\n throw new Error(\"Name is required\");\n }\n if (!Number.isFinite(score) || score < 0) {\n throw new Error(\"Score must be a non-negative number\");\n }\n\n await sqlite.execute({\n sql: \"INSERT INTO scores (name, score) VALUES (?, ?)\",\n args: [trimmed, Math.floor(score)],\n });\n\n const result = await sqlite.execute({\n sql: \"SELECT id, name, score, created_at FROM scores ORDER BY id DESC LIMIT 1\",\n args: [],\n });\n return result.rows[0] as ScoreRow;\n}\n\nexport async function getLeaderboard(limit = 10): Promise {\n await ensureSchema();\n const result = await sqlite.execute({\n sql: `\n SELECT id, name, score, created_at\n FROM scores\n ORDER BY score DESC, created_at ASC\n LIMIT ?\n `,\n args: [limit],\n });\n return result.rows as ScoreRow[];\n}\n\nexport function formatLeaderboard(rows: ScoreRow[]): string {\n if (rows.length === 0) {\n return \"No scores yet — be the first on the board!\";\n }\n return rows\n .map((row, i) => `${i + 1}. ${row.name} — ${row.score}`)\n .join(\"\\n\");\n}\n",[],[199],"48c37bd6-74a8-483f-b8d0-bd21c817b0c2","README.md","28cd6896-7c87-11f1-9001-1607ee4eb77e",10,["D",1783705781089],"# Snake MCP\n\nNokia-style Snake as an **MCP App**, with SQLite high scores and a leaderboard.\n\n## Live URLs\n\n- Val: \n- App home: \n- MCP endpoint: \n\n## Connect a client\n\n```json\n{\n \"mcpServers\": {\n \"snake\": {\n \"url\": \"https://alexmcroberts--28d29b367c8711f18ed61607ee4eb77e.web.val.run/mcp\"\n }\n }\n}\n```\n\nOr with Claude Code:\n\n```bash\nclaude mcp add --transport http snake https://alexmcroberts--28d29b367c8711f18ed61607ee4eb77e.web.val.run/mcp\n```\n\nThen ask: **play snake** or **show the leaderboard**.\n\n## Tools\n\n| Tool | Who | What |\n|------|-----|------|\n| `play_snake` | model | Opens the Snake MCP App |\n| `get_leaderboard` | model | Shows top scores (MCP App UI) |\n| `submit_score` | app only | Saves name + score after a crash |\n\n## How it works\n\n```mermaid\nflowchart LR\n Client[MCP client] -->|play_snake| Server[snake-mcp]\n Server -->|ui://snake/mcp-app.html| App[Snake MCP App]\n App -->|crash + name| Submit[submit_score]\n Submit --> DB[(SQLite scores)]\n Client -->|get_leaderboard| Server\n Server --> DB\n```\n\n1. The host calls `play_snake` and renders the MCP App from `ui://snake/mcp-app.html`.\n2. Play with arrow keys or the on-screen D-pad.\n3. On crash, enter a name — the app calls `submit_score`.\n4. Scores live in this val's SQLite database.\n\n## Files\n\n- `main.ts` — Hono HTTP + Streamable MCP transport\n- `mcp.ts` — tools + MCP App resources\n- `db.ts` — SQLite schema / leaderboard helpers\n- `snake-app.html` — Snake UI (`@modelcontextprotocol/ext-apps`)\n- `index.html` — landing page\n",[],[207],["D",1783705536346],["D",1789525843977],{"_11":12,"_119":67},{"_11":12,"_115":-5,"_66":67,"_30":65,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":69,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_51":-5,"_139":252,"_253":254,"_255":256,"_257":24,"_258":24,"_259":24,"_260":137,"_261":-5,"_262":-7,"_263":-7,"_264":26,"_265":24,"_266":24,"_267":-5,"_268":24,"_269":24,"_270":24,"_271":-5},"ENV",{"_223":224,"_225":226,"_227":16,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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