Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[18,77],"456ba7c8-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],"/** @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,88],"456ba6e2-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],"/** @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,94],"456ba516-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],"/** @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,100],"456ba41c-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],"/** @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,105],"pulls","branches","forks","envVars",{"_101":26,"_231":26},"connections",{"_101":26,"_230":26},"unfilledCount","emptyCount",{"_33":369,"_13":340,"_75":335,"_43":-5,"_35":36,"_194":40,"_203":24,"_37":370,"_39":26,"_78":107,"_192":-5,"_80":30,"_195":-5,"_258":371,"_17":372},{"_33":362,"_13":363,"_75":364,"_43":335,"_35":36,"_194":40,"_203":24,"_37":365,"_39":26,"_78":79,"_192":366,"_80":30,"_195":-5,"_258":367,"_17":368},{"_33":355,"_13":356,"_75":357,"_43":335,"_35":36,"_194":40,"_203":24,"_37":358,"_39":26,"_78":79,"_192":359,"_80":30,"_195":-5,"_258":360,"_17":361},{"_33":348,"_13":349,"_75":350,"_43":335,"_35":36,"_194":40,"_203":24,"_37":351,"_39":26,"_78":79,"_192":352,"_80":30,"_195":-5,"_258":353,"_17":354},{"_33":341,"_13":342,"_75":343,"_43":335,"_35":36,"_194":40,"_203":24,"_37":344,"_39":26,"_78":79,"_192":345,"_80":30,"_195":-5,"_258":346,"_17":347},{"_33":332,"_13":333,"_75":334,"_43":335,"_35":36,"_194":40,"_203":24,"_37":336,"_39":26,"_78":79,"_192":337,"_80":30,"_195":-5,"_258":338,"_17":339},{"_33":191,"_13":18,"_75":106,"_43":-5,"_35":36,"_194":40,"_203":24,"_37":329,"_39":26,"_78":107,"_192":-5,"_80":30,"_195":-5,"_258":330,"_17":331},{"_33":219,"_13":105,"_75":104,"_43":106,"_35":36,"_194":40,"_203":24,"_37":326,"_39":26,"_78":79,"_192":221,"_80":30,"_195":-5,"_258":327,"_17":328},{"_33":215,"_13":100,"_75":99,"_43":106,"_35":36,"_194":40,"_203":24,"_37":323,"_39":26,"_78":79,"_192":217,"_80":30,"_195":-5,"_258":324,"_17":325},{"_33":211,"_13":94,"_75":93,"_43":106,"_35":36,"_194":40,"_203":24,"_37":320,"_39":26,"_78":79,"_192":213,"_80":30,"_195":-5,"_258":321,"_17":322},{"_33":207,"_13":88,"_75":87,"_43":106,"_35":36,"_194":40,"_203":24,"_37":317,"_39":26,"_78":79,"_192":209,"_80":30,"_195":-5,"_258":318,"_17":319},{"_33":202,"_13":77,"_75":76,"_43":106,"_35":36,"_194":40,"_203":24,"_37":314,"_39":26,"_78":79,"_192":205,"_80":30,"_195":-5,"_258":315,"_17":316},{"_33":310,"_13":309,"_75":304,"_43":-5,"_35":36,"_194":40,"_203":24,"_37":311,"_39":26,"_78":107,"_192":-5,"_80":30,"_195":-5,"_258":312,"_17":313},{"_33":302,"_13":303,"_75":119,"_43":304,"_35":36,"_194":40,"_203":24,"_37":305,"_39":26,"_78":79,"_192":306,"_80":30,"_195":-5,"_258":307,"_17":308},{"_33":298,"_13":269,"_75":264,"_43":-5,"_35":36,"_194":40,"_203":24,"_37":299,"_39":26,"_78":107,"_192":-5,"_80":30,"_195":-5,"_258":300,"_17":301},{"_33":291,"_13":292,"_75":293,"_43":264,"_35":36,"_194":40,"_203":24,"_37":294,"_39":26,"_78":79,"_192":295,"_80":30,"_195":-5,"_258":296,"_17":297},{"_33":284,"_13":285,"_75":286,"_43":264,"_35":36,"_194":40,"_203":24,"_37":287,"_39":26,"_78":79,"_192":288,"_80":30,"_195":-5,"_258":289,"_17":290},{"_33":277,"_13":278,"_75":279,"_43":264,"_35":36,"_194":40,"_203":24,"_37":280,"_39":26,"_78":79,"_192":281,"_80":30,"_195":-5,"_258":282,"_17":283},{"_33":270,"_13":271,"_75":272,"_43":264,"_35":36,"_194":40,"_203":24,"_37":273,"_39":26,"_78":79,"_192":274,"_80":30,"_195":-5,"_258":275,"_17":276},{"_33":261,"_13":262,"_75":263,"_43":264,"_35":36,"_194":40,"_203":24,"_37":265,"_39":26,"_78":79,"_192":266,"_80":30,"_195":-5,"_258":267,"_17":268},{"_33":253,"_13":254,"_75":255,"_43":-5,"_35":36,"_194":40,"_203":24,"_37":256,"_39":26,"_78":21,"_192":257,"_80":30,"_195":-5,"_258":259,"_17":260},"456bbab0-6762-11f0-8e27-0224a6c84d84","README.md","019834d7-e878-757d-97a3-5ebb88121073",["D",1753233221675],"# 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],"456bb36c-6762-11f0-8e27-0224a6c84d84","pekoExample","019834d7-e878-757d-97a3-54eee3a4916b","019834d7-e878-757d-97a3-5acc8a47bcf4",["D",1753233221675],"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","456bb290-6762-11f0-8e27-0224a6c84d84","nhttpExample","019834d7-e878-757d-97a3-5249e104d3bc",["D",1753233221675],"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],"456bb1a0-6762-11f0-8e27-0224a6c84d84","ittyExample","019834d7-e878-757d-97a3-4f6cfe9664ff",["D",1753233221675],"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],"456bb0b0-6762-11f0-8e27-0224a6c84d84","honoExample","019834d7-e878-757d-97a3-4b7fe23a5ca8",["D",1753233221675],"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],"456baf84-6762-11f0-8e27-0224a6c84d84","fetsExample","019834d7-e878-757d-97a3-478a23508eae",["D",1753233221675],"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],"456bb4ac-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],[247,248,249,250,251],[269],"456bacdc-6762-11f0-8e27-0224a6c84d84","exampleHTTP","019834d7-e878-757d-97a3-40591a8f123d",["D",1753233221675],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[309,303],"HTTP","456bae80-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],[245],[309],["D",1753233221675],[],[18,77],["D",1753233221675],[],[18,88],["D",1753233221675],[],[18,94],["D",1753233221675],[],[18,100],["D",1753233221675],[],[18,105],["D",1753233221675],[239,240,241,242,243],[18],"456b9dd2-6762-11f0-8e27-0224a6c84d84","queryParams","019834d7-e878-757d-97a3-1f2e48d715ee","019834d7-e878-757d-97a3-21ab7606e371",["D",1753233221675],"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","456b9cb0-6762-11f0-8e27-0224a6c84d84","jsonOkExample","019834d7-e878-757d-97a3-1b033fe5a708",["D",1753233221675],"export const jsonOkExample = () => Response.json({ ok: true });",[],[340,342],"456b9bac-6762-11f0-8e27-0224a6c84d84","jsonBodyParsing","019834d7-e878-757d-97a3-142cc3d46f4a",["D",1753233221675],"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],"456b9a62-6762-11f0-8e27-0224a6c84d84","htmlExample","019834d7-e878-757d-97a3-1285773aacbb",["D",1753233221675],"export const htmlExample = () =>\n new Response(\"

Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[340,356],"456b93aa-6762-11f0-8e27-0224a6c84d84","headersExample","019834d7-e878-757d-97a3-0ea574d86ff2",["D",1753233221675],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[],[340,363],"456ba318-6762-11f0-8e27-0224a6c84d84",["D",1753233221675],[233,234,235,236,237],[340],["D",1753233221675],{"_11":12,"_158":82},{"_11":12,"_154":-5,"_81":82,"_31":-5,"_155":156,"_157":24},{"_39":40,"_13":16,"_33":36,"_143":109,"_144":72,"_145":146,"_147":113,"_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