[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_144":-5,"_20":145,"_22":146,"_147":148,"_149":150,"_25":151,"_24":-5,"_152":-5,"_153":-5,"_154":54,"_155":156,"_157":45,"_158":-5,"_159":-5,"_160":161},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","emarref","name","any-app","branchName","main","version","path","","project",{"_34":85,"_13":14,"_46":86,"_87":-5,"_88":54,"_89":90,"_91":90,"_92":93,"_94":-5,"_95":96,"_97":-5,"_98":54,"_99":-5,"_100":-5,"_101":102,"_103":104,"_105":106,"_107":108,"_109":110,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":122,"_123":124,"_125":126,"_127":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","5ce1102e-4541-11f1-819a-42b51c65c3df","main.tsx","fileId","b6754aae-4539-11f1-aaf9-42b51c65c3df","parentId","branchId","b672923c-4539-11f1-aaf9-42b51c65c3df","branchVersion",38,"latest",true,"createdAt",["D",1777628245841],30,"fileType","http","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { Hono } from \"npm:hono@4\";\nimport { generateText } from \"npm:ai@6\";\nimport { createOpenRouter } from \"npm:@openrouter/ai-sdk-provider\";\nimport sqlite from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { ulid } from \"npm:ulid@3\";\nimport { z } from \"npm:zod@4\";\nimport { zValidator } from \"npm:@hono/zod-validator@0.7.6\";\nimport { Form } from \"./components/form.tsx\";\n\nconst openrouter = createOpenRouter({\n apiKey: Deno.env.get(\"OPENROUTER_API_KEY\"),\n});\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => {\n return c.html(

);\n});\n\napp.post(\n \"/build\",\n zValidator(\n \"form\",\n z.object({\n prompt: z.string().min(1),\n }),\n ),\n async (c) => {\n const body = c.req.valid(\"form\");\n\n const id = ulid();\n const title = body.prompt;\n const { text } = await generateText({\n model: openrouter(\"anthropic/claude-sonnet-4.6\"),\n prompt: buildPrompt(body.prompt),\n });\n\n await sqlite.execute({\n sql:\n `INSERT INTO documents (id, title, content) values (:id, :title, :content)`,\n args: { id, title, content: text },\n });\n\n return c.redirect(`/view/${id}`);\n },\n);\n\napp.get(\"/view/:id\", async (c) => {\n const data = await sqlite.execute({\n sql: \"SELECT id, title, content FROM documents WHERE id = ? LIMIT 1\",\n args: [c.req.param(\"id\")],\n });\n return c.html(data.rows[0].content);\n});\n\nexport default app.fetch;\n\nfunction buildPrompt(prompt) {\n return `\n You are a single web page building expert. Your job is to convert a user's prompt into a working single page html file.\n\n You must not ask any questions. Make reasonable guesses to answer any questions you have yourself. You must fulfil the request extremely quickly, in under 1 minute.\n\n Return ONLY the html markup. Do not provide any other information in the response. The response you give will be directly rendered as an HTML web page.\n\n The user has provided the following request for a webpage:\n\n ---\n\n ${prompt}\n\n ---\n\n It is your job to create a single HTML web page that fulfils this request. It must use tailwind for style, and htmx for interactivity. Use the following template:\n\n \n \n \n \n \n \n \n \n \n [CONTENT HERE]\n \n \n `;\n}","deleted",false,"label",[36],"49b8bdec-453e-11f1-8066-42b51c65c3df","components","472f01da-453e-11f1-90e7-42b51c65c3df",18,["D",1777626925211],1,"directory",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":69,"_18":70},["D",1777628245841],"children",[],[36],["D",1777626925211],[74],[58],{"_34":75,"_13":76,"_37":77,"_39":59,"_40":41,"_42":78,"_44":45,"_46":79,"_17":80,"_49":81,"_51":82,"_53":54,"_55":-5,"_68":83,"_18":84},"c660f256-453e-11f1-ad98-42b51c65c3df","form.tsx","4bf777c4-453e-11f1-b4cd-42b51c65c3df",26,["D",1777627134357],4,"script","/** @jsxImportSource npm:hono@4/jsx */\nimport type { Child, FC } from \"npm:hono@4/jsx\";\n\nexport const Form: FC<{ children: Child }> = ({ children }) => (\n \n \n \n

\n);",[],[58,76],"b671c910-4539-11f1-aaf9-42b51c65c3df",["D",1777624960154],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Make any single page app","imageUrl","userId","cf7ba1fb-8992-4ecd-9ab4-4ef44cc66665","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d7bf901e-e450-4c54-b42c-9431feb146a3","tursoName","b671c910453911f1aaf942b51c65c3df","tursoHostname","b671c910453911f1aaf942b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789470042795],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_143":139},"org",{"_11":12,"_136":137,"_138":139,"_95":96,"_140":141,"_142":54},"branch",{"_17":43,"_13":16,"_34":41,"_128":85,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Malcolm","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2F2YXRhcnMuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvNTU2NTk0P3Y9NCIsInMiOiJiL2hJeklBMnYvN3czMks4M1pXZDBTcTZhcmpSTjhVWEp1ZGt0Tk9TdUMwIn0","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":85,"_13":14,"_46":184,"_87":-5,"_88":54,"_89":90,"_91":90,"_92":93,"_94":-5,"_95":96,"_97":-5,"_98":54,"_99":-5,"_100":-5,"_101":102,"_103":104,"_105":106,"_107":108,"_109":185,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":186,"_123":187,"_125":188,"_127":54},[175,177],"files",[175,176,177],"counts",{"_166":102,"_167":62,"_168":102,"_31":169,"_170":171},[162,163],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":165},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":164},[36],[58],"pulls","branches","forks",{"_172":62,"_174":102},"connections",{"_172":102,"_173":102},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":182,"_18":183},{"_34":75,"_13":76,"_37":77,"_39":59,"_40":41,"_42":78,"_44":45,"_46":79,"_17":80,"_49":81,"_51":82,"_53":54,"_55":-5,"_68":180,"_18":181},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":178,"_18":179},[],[36],[],[58,76],[176],[58],["D",1777624960154],["D",1789470042795],{"_11":12,"_143":139},{"_11":12,"_136":137,"_138":139,"_95":96,"_140":141,"_142":54},{"_17":43,"_13":16,"_34":41,"_128":85,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"ctx",{"_121":-5,"_159":222,"_223":224,"_225":226,"_227":54,"_228":54,"_229":54,"_230":45,"_231":-5,"_232":-7,"_233":-7,"_234":102,"_235":54,"_236":54,"_237":-5,"_238":54,"_239":54,"_240":54,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":16,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"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"]

Code