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",[],[84],"ebfd8e53-cd3c-49ef-a587-9d908ea8e1ab","mcp.ts","01a0912b-84e6-74a0-a575-d016c6595844",2,["D",1789142094905],"script","import { McpServer } from \"npm:@modelcontextprotocol/sdk@1.29.0/server/mcp.js\";\nimport {\n registerAppResource,\n registerAppTool,\n RESOURCE_MIME_TYPE,\n} from \"https://esm.sh/@modelcontextprotocol/ext-apps@1.7.4/server?target=deno\";\n\nimport { httpEndpoint, readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { z } from \"npm:zod@3.25.76\";\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}",[],[93],["D",1789422431446],[],[19],"08f7deed-127a-486a-9c1a-63ed0d07bd6c","index.html","01a0912b-84e6-74a0-a575-c9fd92f3fab0",["D",1789141943407],"\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",[],[105],"22b762d5-67ca-4843-94ba-ac4d098b7285","db.ts","01a0912b-84e6-74a0-a575-c41abbb65174",["D",1789141943407],"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",[],[112],"80d68f7e-84f6-41a7-a591-be225e75c87b","README.md","01a0912b-84e6-74a0-a575-c010a1c57c5d",4,["D",1789422480072],"# 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\nDummy OAuth: GET /authorize, POST /token, static Bearer snake-dummy-token.\n",[],[119],"58731309-046f-4bd6-b9f7-77da62e0ecbb",["D",1789141943407],"legacyEnvVars","httpPrivacy","description","Nokia Snake MCP App with SQLite leaderboard","imageUrl","userId","d073b8f8-696d-4245-9191-ec6476dd388d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","01a0912b-2f08-7300-972f-8a9769e2cfb1","tursoName","58731309046f4bd6b9f777da62e0ecbb","tursoHostname","58731309046f4bd6b9f777da62e0ecbb-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789576869386],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_174":170},"org",{"_11":12,"_167":168,"_169":170,"_133":134,"_171":172,"_173":51},"branch",{"_17":121,"_13":16,"_36":64,"_42":126,"_45":37,"_46":163,"_164":53,"_165":43,"_166":57,"_58":14,"_54":12},15,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Denis Golovan","avatar","https://lh3.googleusercontent.com/a/ACg8ocJdT8v1d-RiefD19DRUI4DdKQTeHsYTW3eMruSsz_UkY8gZxpKQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":126,"_13":14,"_38":228,"_49":-5,"_128":51,"_52":53,"_129":53,"_130":131,"_132":-5,"_133":134,"_135":61,"_136":67,"_137":-5,"_138":-5,"_139":87,"_56":140,"_141":142,"_143":144,"_145":229,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":230,"_159":231,"_161":232,"_50":51},[210,211,212,213,214,215],"files",[210,211,212,213,214,215],"counts",{"_201":87,"_202":69,"_203":87,"_35":204,"_205":206},[],{"_36":59,"_13":19,"_60":61,"_62":-5,"_63":64,"_65":32,"_66":67,"_38":68,"_17":69,"_70":71,"_72":73,"_74":51,"_75":-5,"_18":200},"upstreamProject",{"_36":43,"_13":14,"_130":131,"_132":-5,"_52":53,"_157":198},"upstreamBranch",{"_36":37,"_38":196,"_40":197,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1783705536357],["D",1789486770710],{"_11":55,"_174":199},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXhUQ1k1VHlSUENxb1FtUlRYZUVXbWRNOSIsImluaXRpYWxzIjoiQU0ifQ",[19],"pulls","branches","forks",{"_207":87,"_209":87},"connections",{"_207":87,"_208":87},"count","unfilledCount","emptyCount",{"_36":118,"_13":119,"_60":120,"_62":-5,"_63":64,"_65":121,"_66":67,"_38":122,"_17":69,"_70":24,"_72":123,"_74":51,"_75":-5,"_89":226,"_18":227},{"_36":111,"_13":112,"_60":113,"_62":-5,"_63":64,"_65":69,"_66":67,"_38":114,"_17":87,"_70":97,"_72":115,"_74":51,"_75":-5,"_89":224,"_18":225},{"_36":104,"_13":105,"_60":106,"_62":-5,"_63":64,"_65":69,"_66":67,"_38":107,"_17":87,"_70":24,"_72":108,"_74":51,"_75":-5,"_89":222,"_18":223},{"_36":59,"_13":19,"_60":61,"_62":-5,"_63":64,"_65":32,"_66":67,"_38":101,"_17":69,"_70":71,"_72":73,"_74":51,"_75":-5,"_89":220,"_18":221},{"_36":92,"_13":93,"_60":94,"_62":-5,"_63":64,"_65":95,"_66":67,"_38":96,"_17":69,"_70":97,"_72":98,"_74":51,"_75":-5,"_89":218,"_18":219},{"_36":83,"_13":84,"_60":85,"_62":-5,"_63":64,"_65":69,"_66":67,"_38":86,"_17":87,"_70":24,"_72":88,"_74":51,"_75":-5,"_89":216,"_18":217},[],[84],[],[93],[],[19],[],[105],[],[112],[],[119],["D",1789141943407],["D",1789576869386],{"_11":12,"_174":170},{"_11":12,"_167":168,"_169":170,"_133":134,"_171":172,"_173":51},{"_17":121,"_13":16,"_36":64,"_42":126,"_45":37,"_46":163,"_164":53,"_165":43,"_166":57,"_58":14,"_54":12},"ctx",{"_157":-5,"_193":266,"_267":268,"_269":270,"_271":51,"_272":51,"_273":51,"_274":67,"_275":-5,"_276":-7,"_277":-7,"_278":87,"_279":51,"_280":51,"_281":-5,"_282":51,"_283":51,"_284":51,"_285":-5},"ENV",{"_237":238,"_239":240,"_241":16,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265},"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"]