Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[18,106],"410959aa-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],"/** @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 });",[18,89],"41095798-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],"/** @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 });",[18,77],"41095590-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],"/** @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 });",[18,95],"41095388-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],"/** @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};",[18,101],"pulls","branches","forks","envVars",{"_102":26,"_231":26},"connections",{"_102":26,"_230":26},"unfilledCount","emptyCount",{"_33":369,"_13":340,"_75":335,"_43":-5,"_35":36,"_192":40,"_193":24,"_37":370,"_39":26,"_78":108,"_195":-5,"_80":30,"_196":-5,"_258":371,"_17":372},{"_33":362,"_13":363,"_75":364,"_43":335,"_35":36,"_192":40,"_193":24,"_37":365,"_39":26,"_78":79,"_195":366,"_80":30,"_196":-5,"_258":367,"_17":368},{"_33":355,"_13":356,"_75":357,"_43":335,"_35":36,"_192":40,"_193":24,"_37":358,"_39":26,"_78":79,"_195":359,"_80":30,"_196":-5,"_258":360,"_17":361},{"_33":348,"_13":349,"_75":350,"_43":335,"_35":36,"_192":40,"_193":24,"_37":351,"_39":26,"_78":79,"_195":352,"_80":30,"_196":-5,"_258":353,"_17":354},{"_33":341,"_13":342,"_75":343,"_43":335,"_35":36,"_192":40,"_193":24,"_37":344,"_39":26,"_78":79,"_195":345,"_80":30,"_196":-5,"_258":346,"_17":347},{"_33":332,"_13":333,"_75":334,"_43":335,"_35":36,"_192":40,"_193":24,"_37":336,"_39":26,"_78":79,"_195":337,"_80":30,"_196":-5,"_258":338,"_17":339},{"_33":191,"_13":18,"_75":107,"_43":-5,"_35":36,"_192":40,"_193":24,"_37":329,"_39":26,"_78":108,"_195":-5,"_80":30,"_196":-5,"_258":330,"_17":331},{"_33":219,"_13":101,"_75":100,"_43":107,"_35":36,"_192":40,"_193":24,"_37":326,"_39":26,"_78":79,"_195":221,"_80":30,"_196":-5,"_258":327,"_17":328},{"_33":215,"_13":95,"_75":94,"_43":107,"_35":36,"_192":40,"_193":24,"_37":323,"_39":26,"_78":79,"_195":217,"_80":30,"_196":-5,"_258":324,"_17":325},{"_33":211,"_13":77,"_75":76,"_43":107,"_35":36,"_192":40,"_193":24,"_37":320,"_39":26,"_78":79,"_195":213,"_80":30,"_196":-5,"_258":321,"_17":322},{"_33":207,"_13":89,"_75":88,"_43":107,"_35":36,"_192":40,"_193":24,"_37":317,"_39":26,"_78":79,"_195":209,"_80":30,"_196":-5,"_258":318,"_17":319},{"_33":203,"_13":106,"_75":105,"_43":107,"_35":36,"_192":40,"_193":24,"_37":314,"_39":26,"_78":79,"_195":205,"_80":30,"_196":-5,"_258":315,"_17":316},{"_33":310,"_13":309,"_75":304,"_43":-5,"_35":36,"_192":40,"_193":24,"_37":311,"_39":26,"_78":108,"_195":-5,"_80":30,"_196":-5,"_258":312,"_17":313},{"_33":302,"_13":303,"_75":119,"_43":304,"_35":36,"_192":40,"_193":24,"_37":305,"_39":26,"_78":79,"_195":306,"_80":30,"_196":-5,"_258":307,"_17":308},{"_33":298,"_13":269,"_75":264,"_43":-5,"_35":36,"_192":40,"_193":24,"_37":299,"_39":26,"_78":108,"_195":-5,"_80":30,"_196":-5,"_258":300,"_17":301},{"_33":291,"_13":292,"_75":293,"_43":264,"_35":36,"_192":40,"_193":24,"_37":294,"_39":26,"_78":79,"_195":295,"_80":30,"_196":-5,"_258":296,"_17":297},{"_33":284,"_13":285,"_75":286,"_43":264,"_35":36,"_192":40,"_193":24,"_37":287,"_39":26,"_78":79,"_195":288,"_80":30,"_196":-5,"_258":289,"_17":290},{"_33":277,"_13":278,"_75":279,"_43":264,"_35":36,"_192":40,"_193":24,"_37":280,"_39":26,"_78":79,"_195":281,"_80":30,"_196":-5,"_258":282,"_17":283},{"_33":270,"_13":271,"_75":272,"_43":264,"_35":36,"_192":40,"_193":24,"_37":273,"_39":26,"_78":79,"_195":274,"_80":30,"_196":-5,"_258":275,"_17":276},{"_33":261,"_13":262,"_75":263,"_43":264,"_35":36,"_192":40,"_193":24,"_37":265,"_39":26,"_78":79,"_195":266,"_80":30,"_196":-5,"_258":267,"_17":268},{"_33":253,"_13":254,"_75":255,"_43":-5,"_35":36,"_192":40,"_193":24,"_37":256,"_39":26,"_78":21,"_195":257,"_80":30,"_196":-5,"_258":259,"_17":260},"4109705c-3e9f-11f0-a8a8-76b3cceeab13","README.md","dfd49c87-aeac-4b64-ab4d-ad7b3df4e645",["D",1748751415974],"# 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/","children",[],[254],"41096d0a-3e9f-11f0-a8a8-76b3cceeab13","pekoExample","f0238242-4cdd-437f-9cf5-584405970b50","74e8566b-ca9e-4e81-98ae-4fa19ae6d804",["D",1748751415974],"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};",[],[269,262],"Routing","41096ada-3e9f-11f0-a8a8-76b3cceeab13","nhttpExample","75c4bf55-c6b9-4712-a228-20c6a2ddcb22",["D",1748751415974],"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};",[],[269,271],"41096922-3e9f-11f0-a8a8-76b3cceeab13","ittyExample","965c8af8-23f5-473f-a80c-6df139feaa3d",["D",1748751415974],"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};",[],[269,278],"4109679c-3e9f-11f0-a8a8-76b3cceeab13","honoExample","ab3ee3b5-3ee7-43f6-a11e-41155609d08d",["D",1748751415974],"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;",[],[269,285],"41096562-3e9f-11f0-a8a8-76b3cceeab13","fetsExample","ca319344-c8eb-40d8-b9ce-4b7f3fecf657",["D",1748751415974],"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;",[],[269,292],"41096eea-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],[247,248,249,250,251],[269],"41095f9a-3e9f-11f0-a8a8-76b3cceeab13","exampleHTTP","8ee8b00c-9b77-4344-9287-05d7e03bb864",["D",1748751415974],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[309,303],"HTTP","41096346-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],[245],[309],["D",1748751415974],[],[18,106],["D",1748751415974],[],[18,89],["D",1748751415974],[],[18,77],["D",1748751415974],[],[18,95],["D",1748751415974],[],[18,101],["D",1748751415974],[239,240,241,242,243],[18],"4109504a-3e9f-11f0-a8a8-76b3cceeab13","queryParams","53d32116-384b-4600-866c-2c85ab972d20","3949be67-3d8a-42f7-b6a7-130b744ba4e9",["D",1748751415974],"export const queryParams = (req: Request) => {\n const searchParams = new URL(req.url).searchParams;\n return Response.json(Object.fromEntries(searchParams.entries()));\n};",[],[340,333],"Basic_examples","41094a0a-3e9f-11f0-a8a8-76b3cceeab13","jsonOkExample","584ae885-29a8-443f-bad0-4dbaab29d4ab",["D",1748751415974],"export const jsonOkExample = () => Response.json({ ok: true });",[],[340,342],"410947d0-3e9f-11f0-a8a8-76b3cceeab13","jsonBodyParsing","fb087902-6b9d-43ba-95c7-0bb8e9a3981b",["D",1748751415974],"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}",[],[340,349],"41094320-3e9f-11f0-a8a8-76b3cceeab13","htmlExample","cfb3b2a8-65a3-4769-8c25-fab68d1243f5",["D",1748751415974],"export const htmlExample = () =>\n new Response(\"

Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[340,356],"41092a52-3e9f-11f0-a8a8-76b3cceeab13","headersExample","e285d3bd-11f9-4995-b419-13a9292f3b1d",["D",1748751415974],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[],[340,363],"410951d0-3e9f-11f0-a8a8-76b3cceeab13",["D",1748751415974],[233,234,235,236,237],[340],["D",1748751415974],{"_11":12,"_158":83},{"_11":12,"_154":-5,"_82":83,"_31":81,"_155":156,"_157":30},{"_39":40,"_13":16,"_33":36,"_143":110,"_144":72,"_145":146,"_147":114,"_148":149,"_150":151,"_152":14,"_153":12},"ctx",{"_52":-5,"_179":410,"_411":412,"_413":414,"_415":30,"_416":30,"_417":30,"_418":24,"_419":-5,"_420":-7,"_421":-7,"_422":26,"_423":30,"_424":30,"_425":-5,"_426":30,"_427":30,"_428":30,"_429":-5},"ENV",{"_381":382,"_383":384,"_385":16,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409},"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"]

History · HTML_JSX