Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[155,183],{"_103":192,"_95":193,"_156":194,"_158":157,"_159":141,"_160":195,"_162":118,"_105":196,"_100":187,"_164":177,"_166":197,"_167":22,"_168":-5,"_169":198,"_98":199},"d79bb2ea-2762-11f0-b575-569c3dd06744","jsonBodyParsing","84cf7510-2762-11f0-9458-569c3dd06744",30,["D",1746196592596],"export default async function handler(request: Request) {\n if (request.method !== \"POST\") {\n return Response.json({ message: \"This val responds to POST requests.\" }, {\n status: 400,\n });\n }\n try {\n const body = await request.json();\n return Response.json(body);\n } catch (e) {\n return Response.json({ message: \"The body of this request was not JSON-encoded.\" }, {\n status: 400,\n });\n }\n}",[],[155,193],{"_103":201,"_95":202,"_156":203,"_158":157,"_159":141,"_160":204,"_162":118,"_105":205,"_100":187,"_164":177,"_166":206,"_167":22,"_168":-5,"_169":207,"_98":208},"ce5f0c68-2762-11f0-b064-569c3dd06744","jsonOkExample","6ab96c4e-2762-11f0-a542-569c3dd06744",24,["D",1746196577101],"export const jsonOkExample = () => Response.json({ ok: true });",[],[155,202],{"_103":210,"_95":211,"_156":212,"_158":157,"_159":141,"_160":213,"_162":118,"_105":214,"_100":121,"_164":177,"_166":215,"_167":22,"_168":-5,"_169":216,"_98":217},"d5fb90f4-2762-11f0-a542-569c3dd06744","queryParams","8060ef9a-2762-11f0-815f-569c3dd06744",29,["D",1746196589869],"export const queryParams = (req: Request) => {\n const searchParams = new URL(req.url).searchParams;\n return Response.json(Object.fromEntries(searchParams.entries()));\n};",[],[155,211],[155],{"_103":220,"_95":221,"_156":222,"_158":-5,"_159":141,"_160":223,"_162":118,"_105":224,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":225,"_98":272},"a7738c14-2762-11f0-bac2-569c3dd06744","HTML_JSX","a7738caa-2762-11f0-bac2-569c3dd06744",19,["D",1746196511806],[226,235,245,254,263],{"_103":227,"_95":228,"_156":229,"_158":222,"_159":141,"_160":230,"_162":118,"_105":231,"_100":187,"_164":177,"_166":232,"_167":22,"_168":-5,"_169":233,"_98":234},"335daa70-2763-11f0-8548-569c3dd06744","hono","32233dbe-2763-11f0-b949-569c3dd06744",43,["D",1746196746537],"/** @jsxImportSource npm:hono@3/jsx */\n\nexport const honoExample = () => {\n const jsx =

Test {1 + 1}

;\n\n return new Response(jsx.toString(), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n};",[],[221,228],{"_103":236,"_95":237,"_156":238,"_158":222,"_159":141,"_160":239,"_162":118,"_105":240,"_100":241,"_164":177,"_166":242,"_167":22,"_168":-5,"_169":243,"_98":244},"1f2a03aa-2763-11f0-ae99-569c3dd06744","preact","1e08e072-2763-11f0-bc73-569c3dd06744",32,["D",1746196712645],1,"/** @jsxImportSource https://esm.sh/preact */\nimport { render } from \"npm:preact-render-to-string\";\n\nexport const preactExample = () =>\n new Response(render(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[221,237],{"_103":246,"_95":247,"_156":248,"_158":222,"_159":141,"_160":249,"_162":118,"_105":250,"_100":241,"_164":177,"_166":251,"_167":22,"_168":-5,"_169":252,"_98":253},"242d3cd2-2763-11f0-a718-569c3dd06744","react","22cd9292-2763-11f0-ae99-569c3dd06744",34,["D",1746196721053],"/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport const reactExample = () =>\n new Response(renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[221,247],{"_103":255,"_95":256,"_156":257,"_158":222,"_159":141,"_160":258,"_162":118,"_105":259,"_100":241,"_164":177,"_166":260,"_167":22,"_168":-5,"_169":261,"_98":262},"2dde23e0-2763-11f0-bbda-569c3dd06744","solid","2cee7f3e-2763-11f0-b49f-569c3dd06744",39,["D",1746196737318],"/** @jsxImportSource https://esm.sh/solid-jsx */\nimport { renderToString } from \"npm:solid-js/web\";\n\nexport const solidExample = async () =>\n new Response(await renderToString(() =>

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[221,256],{"_103":264,"_95":265,"_156":266,"_158":222,"_159":141,"_160":267,"_162":118,"_105":268,"_100":121,"_164":177,"_166":269,"_167":22,"_168":-5,"_169":270,"_98":271},"29921fee-2763-11f0-8d89-569c3dd06744","vue","277f7044-2763-11f0-b2d0-569c3dd06744",37,["D",1746196730108],"/** @jsxImportSource https://esm.sh/vue */\nimport { renderToString } from \"npm:vue/server-renderer\";\n\nexport const vueExample = async () =>\n new Response(await renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[221,265],[221],{"_103":274,"_95":275,"_156":276,"_158":-5,"_159":141,"_160":277,"_162":118,"_105":278,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":279,"_98":290},"967f15fe-2762-11f0-9458-569c3dd06744","HTTP","967f169e-2762-11f0-9458-569c3dd06744",16,["D",1746196483361],[280],{"_103":281,"_95":282,"_156":116,"_158":276,"_159":141,"_160":283,"_162":118,"_105":284,"_100":285,"_164":177,"_166":286,"_167":22,"_168":287,"_169":288,"_98":289},"d20ea6d4-2762-11f0-8d89-569c3dd06744","exampleHTTP",27,["D",1746196583283],5,"export function handler(request: Request) {\n return Response.json({ ok: true });\n}","docs-examplehttp",[],[275,282],[275],{"_103":292,"_95":293,"_156":294,"_158":-5,"_159":141,"_160":295,"_162":118,"_105":296,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":297,"_98":343},"a9db64ea-2762-11f0-904d-569c3dd06744","Routing","a9db65a8-2762-11f0-904d-569c3dd06744",20,["D",1746196515841],[298,307,316,325,334],{"_103":299,"_95":300,"_156":301,"_158":294,"_159":141,"_160":302,"_162":118,"_105":303,"_100":121,"_164":177,"_166":304,"_167":22,"_168":-5,"_169":305,"_98":306},"b8bb0fdc-2763-11f0-b575-569c3dd06744","fetsExample","b02b6646-2763-11f0-8743-569c3dd06744",56,["D",1746196970288],"import { createRouter, Response } from \"npm:fets\";\n\nexport const router = createRouter().route({\n method: \"GET\",\n path: \"/\",\n schemas: {\n responses: {\n 200: {\n type: \"object\",\n properties: {\n message: {\n type: \"string\",\n },\n },\n required: [\"message\"],\n additionalProperties: false,\n },\n },\n },\n handler: () => Response.json({ message: \"Hello from fets!\" }),\n});\n\nexport default router.fetch;",[],[293,300],{"_103":308,"_95":309,"_156":310,"_158":294,"_159":141,"_160":311,"_162":118,"_105":312,"_100":241,"_164":177,"_166":313,"_167":22,"_168":-5,"_169":314,"_98":315},"87ca9c30-2763-11f0-8f98-569c3dd06744","honoExample","86aa8ab8-2763-11f0-9e68-569c3dd06744",45,["D",1746196888181],"import { Hono } from \"npm:hono@3\";\n\nconst app = new Hono();\napp.get(\"/\", (c) => c.text(\"Hello from Hono!\"));\napp.get(\"/yeah\", (c) => c.text(\"Routing!\"));\nexport default app.fetch;",[],[293,309],{"_103":317,"_95":318,"_156":319,"_158":294,"_159":141,"_160":320,"_162":118,"_105":321,"_100":121,"_164":177,"_166":322,"_167":22,"_168":-5,"_169":323,"_98":324},"a92f6b08-2763-11f0-9f33-569c3dd06744","ittyExample","a6890242-2763-11f0-bceb-569c3dd06744",53,["D",1746196944207],"import { json, Router } from \"npm:itty-router@4\";\n\nexport const ittyRouterExample = async (request: Request) => {\n const router = Router();\n router.get(\"/\", () => \"Hi from itty-router!\");\n return router.handle(request).then(json);\n};",[],[293,318],{"_103":326,"_95":327,"_156":328,"_158":294,"_159":141,"_160":329,"_162":118,"_105":330,"_100":121,"_164":177,"_166":331,"_167":22,"_168":-5,"_169":332,"_98":333},"97b19324-2763-11f0-b119-569c3dd06744","nhttpExample","939ad85e-2763-11f0-b575-569c3dd06744",50,["D",1746196914864],"import { nhttp } from \"npm:nhttp-land@1\";\n\nexport const nhttpExample = async (request) => {\n const app = nhttp();\n app.get(\"/\", () => {\n return \"Hello from nhttp\";\n });\n app.get(\"/cat\", () => {\n return { name: \"cat\" };\n });\n return app.handleRequest(request);\n};",[],[293,327],{"_103":335,"_95":336,"_156":337,"_158":294,"_159":141,"_160":338,"_162":118,"_105":339,"_100":241,"_164":177,"_166":340,"_167":22,"_168":-5,"_169":341,"_98":342},"8ebfe6bc-2763-11f0-b49f-569c3dd06744","pekoExample","8d06ac7a-2763-11f0-b119-569c3dd06744",47,["D",1746196899855],"import * as Peko from \"https://deno.land/x/peko@2.0.0/mod.ts\";\n\nexport const pekoExample = async (request) => {\n const server = new Peko.Router();\n server.get(\"/\", () => new Response(\"Yes? Peko is also serving something at /hello\"));\n server.get(\"/hello\", () => new Response(\"Hello world!\"));\n return server.requestHandler(request);\n};",[],[293,336],[293],{"_103":345,"_95":346,"_156":347,"_158":-5,"_159":141,"_160":140,"_162":118,"_105":348,"_100":349,"_164":350,"_166":351,"_167":22,"_168":-5,"_169":352,"_98":353},"0ef47f14-2764-11f0-af94-569c3dd06744","README.md","c147cb40-2763-11f0-893b-569c3dd06744",["D",1746197114948],6,"file","# Val Town Docs - HTTP Examples\n\nHTTP triggers let you expose an API or website from your file.\n\nThey are built on the web-standard\n[Request](https://developer.mozilla.org/en-US/docs/Web/API/Request) and\n[Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) objects,\nso are compatible with a number of web frameworks like\n[Hono](https://hono.dev/) and [Peko](https://github.com/sejori/peko).\n\nThese handlers need to export a function that takes a `Request` object\nas the first parameter and returns a `Response` object. The function\ncan be asynchronous.\n\nThis is an example repository on HTTP triggers in Val Town. \n\n## Detailed documentation 👉: https://docs.val.town/vals/http/",[],[346],"files",[153,171,181,191,200,209,219,226,235,245,254,263,273,280,291,298,307,316,325,334,344],"counts",{"_358":32,"_359":241,"_360":187,"_361":32},"pulls","branches","forks","envVars","contents",[],{"_103":182,"_159":141,"_156":184,"_95":183,"_166":188,"_164":177,"_100":187,"_158":157,"_105":365,"_160":185,"_168":-5,"_98":366},["D",1746196585577],[155,183],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":375,"_350":380,"_383":384,"_400":401,"_407":-7,"_408":32,"_409":22},{"_103":104,"_95":96,"_105":376,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":121,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":377,"_135":378,"_138":379,"_150":22},["D",1746196203744],{"_93":94,"_133":134},{"_93":94,"_137":134},{"_100":140,"_95":43,"_103":141,"_142":104,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},{"_103":182,"_95":183,"_156":184,"_158":157,"_159":141,"_160":185,"_162":118,"_105":381,"_100":187,"_164":177,"_166":188,"_167":22,"_168":-5,"_98":382},["D",1746196585577],[155,183],"history",[385,387,391,395],{"_103":182,"_159":141,"_156":184,"_95":183,"_166":188,"_164":177,"_100":187,"_158":157,"_105":386,"_160":185,"_168":-5},["D",1746196585577],{"_103":388,"_159":141,"_156":184,"_95":183,"_166":188,"_164":177,"_100":121,"_158":-5,"_105":389,"_160":390,"_168":-5},"cfea3e22-2762-11f0-a542-569c3dd06744",["D",1746196579689],25,{"_103":392,"_159":141,"_156":184,"_95":183,"_166":188,"_164":177,"_100":241,"_158":-5,"_105":393,"_160":394,"_168":-5},"75625c00-2762-11f0-a6d4-569c3dd06744",["D",1746196427805],9,{"_103":396,"_159":141,"_156":184,"_95":183,"_166":397,"_164":177,"_100":32,"_158":-5,"_105":398,"_160":399,"_168":-5},"74459922-2762-11f0-8fb7-569c3dd06744","export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",["D",1746196425942],8,"versions",[402,404,405,406],{"_350":385,"_403":387},"previous",{"_350":387,"_403":391},{"_350":391,"_403":395},{"_350":395,"_403":-5},"versionNumber","page","hasNext","actionData","errors"]

History for htmlExample