Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[18,114],"2dde23e0-2763-11f0-bbda-569c3dd06744",["D",1746196737318],1,"/** @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,138],"242d3cd2-2763-11f0-a718-569c3dd06744",["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 });",[18,98],"1f2a03aa-2763-11f0-ae99-569c3dd06744",["D",1746196712645],"/** @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,77],"e91e666e-e817-4215-b9a5-3ff8e4d3b63d",["D",1788883082214],4,"/** @jsxImportSource npm:hono@4/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,154],"pulls","branches","forks",6,"envVars",{"_307":26,"_309":26},"connections",{"_307":26,"_308":26},"count","unfilledCount","emptyCount",{"_46":463,"_13":430,"_75":424,"_56":-5,"_48":49,"_266":464,"_276":24,"_50":465,"_52":26,"_78":189,"_264":-5,"_80":30,"_268":-5,"_337":466,"_17":467},{"_46":455,"_13":456,"_75":457,"_56":424,"_48":49,"_266":458,"_276":24,"_50":459,"_52":278,"_78":79,"_264":460,"_80":30,"_268":-5,"_337":461,"_17":462},{"_46":447,"_13":448,"_75":449,"_56":424,"_48":49,"_266":450,"_276":24,"_50":451,"_52":208,"_78":79,"_264":452,"_80":30,"_268":-5,"_337":453,"_17":454},{"_46":439,"_13":440,"_75":441,"_56":424,"_48":49,"_266":442,"_276":24,"_50":443,"_52":208,"_78":79,"_264":444,"_80":30,"_268":-5,"_337":445,"_17":446},{"_46":431,"_13":432,"_75":433,"_56":424,"_48":49,"_266":434,"_276":24,"_50":435,"_52":208,"_78":79,"_264":436,"_80":30,"_268":-5,"_337":437,"_17":438},{"_46":421,"_13":422,"_75":423,"_56":424,"_48":49,"_266":425,"_276":24,"_50":426,"_52":278,"_78":79,"_264":427,"_80":30,"_268":-5,"_337":428,"_17":429},{"_46":263,"_13":18,"_75":188,"_56":-5,"_48":49,"_266":267,"_276":24,"_50":418,"_52":26,"_78":189,"_264":-5,"_80":30,"_268":-5,"_337":419,"_17":420},{"_46":294,"_13":154,"_75":153,"_56":188,"_48":49,"_266":178,"_276":24,"_50":415,"_52":296,"_78":79,"_264":297,"_80":30,"_268":-5,"_337":416,"_17":417},{"_46":290,"_13":77,"_75":76,"_56":188,"_48":49,"_266":85,"_276":24,"_50":412,"_52":283,"_78":79,"_264":292,"_80":30,"_268":-5,"_337":413,"_17":414},{"_46":286,"_13":98,"_75":97,"_56":188,"_48":49,"_266":101,"_276":24,"_50":409,"_52":283,"_78":79,"_264":288,"_80":30,"_268":-5,"_337":410,"_17":411},{"_46":281,"_13":138,"_75":137,"_56":188,"_48":49,"_266":141,"_276":24,"_50":406,"_52":283,"_78":79,"_264":284,"_80":30,"_268":-5,"_337":407,"_17":408},{"_46":275,"_13":114,"_75":113,"_56":188,"_48":49,"_266":125,"_276":24,"_50":403,"_52":278,"_78":79,"_264":279,"_80":30,"_268":-5,"_337":404,"_17":405},{"_46":398,"_13":397,"_75":389,"_56":-5,"_48":49,"_266":399,"_276":24,"_50":400,"_52":26,"_78":189,"_264":-5,"_80":30,"_268":-5,"_337":401,"_17":402},{"_46":387,"_13":388,"_75":203,"_56":389,"_48":49,"_266":390,"_276":24,"_50":391,"_52":392,"_78":79,"_264":393,"_80":30,"_268":394,"_337":395,"_17":396},{"_46":382,"_13":349,"_75":343,"_56":-5,"_48":49,"_266":383,"_276":24,"_50":384,"_52":26,"_78":189,"_264":-5,"_80":30,"_268":-5,"_337":385,"_17":386},{"_46":374,"_13":375,"_75":376,"_56":343,"_48":49,"_266":377,"_276":24,"_50":378,"_52":278,"_78":79,"_264":379,"_80":30,"_268":-5,"_337":380,"_17":381},{"_46":366,"_13":367,"_75":368,"_56":343,"_48":49,"_266":369,"_276":24,"_50":370,"_52":283,"_78":79,"_264":371,"_80":30,"_268":-5,"_337":372,"_17":373},{"_46":358,"_13":359,"_75":360,"_56":343,"_48":49,"_266":361,"_276":24,"_50":362,"_52":278,"_78":79,"_264":363,"_80":30,"_268":-5,"_337":364,"_17":365},{"_46":350,"_13":351,"_75":352,"_56":343,"_48":49,"_266":353,"_276":24,"_50":354,"_52":278,"_78":79,"_264":355,"_80":30,"_268":-5,"_337":356,"_17":357},{"_46":340,"_13":341,"_75":342,"_56":343,"_48":49,"_266":344,"_276":24,"_50":345,"_52":283,"_78":79,"_264":346,"_80":30,"_268":-5,"_337":347,"_17":348},{"_46":331,"_13":332,"_75":333,"_56":-5,"_48":49,"_266":334,"_276":24,"_50":335,"_52":302,"_78":21,"_264":336,"_80":30,"_268":-5,"_337":338,"_17":339},"0ef47f14-2764-11f0-af94-569c3dd06744","README.md","c147cb40-2763-11f0-893b-569c3dd06744",63,["D",1746197114948],"# 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",[],[332],"8ebfe6bc-2763-11f0-b49f-569c3dd06744","pekoExample","8d06ac7a-2763-11f0-b119-569c3dd06744","a9db65a8-2762-11f0-904d-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};",[],[349,341],"Routing","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};",[],[349,351],"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};",[],[349,359],"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;",[],[349,367],"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;",[],[349,375],"a9db64ea-2762-11f0-904d-569c3dd06744",20,["D",1746196515841],[325,326,327,328,329],[349],"d20ea6d4-2762-11f0-8d89-569c3dd06744","exampleHTTP","967f169e-2762-11f0-9458-569c3dd06744",27,["D",1746196583283],5,"export function handler(request: Request) {\n return Response.json({ ok: true });\n}","docs-examplehttp",[],[397,388],"HTTP","967f15fe-2762-11f0-9458-569c3dd06744",16,["D",1746196483361],[323],[397],["D",1746196730108],[],[18,114],["D",1746196737318],[],[18,138],["D",1746196721053],[],[18,98],["D",1746196712645],[],[18,77],["D",1788883082214],[],[18,154],["D",1746196511806],[317,318,319,320,321],[18],"d5fb90f4-2762-11f0-a542-569c3dd06744","queryParams","8060ef9a-2762-11f0-815f-569c3dd06744","a3a31e60-2762-11f0-820f-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};",[],[430,422],"Basic_examples","ce5f0c68-2762-11f0-b064-569c3dd06744","jsonOkExample","6ab96c4e-2762-11f0-a542-569c3dd06744",24,["D",1746196577101],"export const jsonOkExample = () => Response.json({ ok: true });",[],[430,432],"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}",[],[430,440],"d36cad14-2762-11f0-bac2-569c3dd06744","htmlExample","74459a26-2762-11f0-8fb7-569c3dd06744",28,["D",1746196585577],"export const htmlExample = () =>\n new Response(\"

Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[430,448],"d10400d6-2762-11f0-8d89-569c3dd06744","headersExample","79e08e46-2762-11f0-9159-569c3dd06744",26,["D",1746196581533],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[],[430,456],"a3a31db6-2762-11f0-820f-569c3dd06744",18,["D",1746196505407],[311,312,313,314,315],[430],["D",1746196203744],{"_11":12,"_241":82},{"_11":12,"_236":237,"_81":82,"_31":-5,"_238":239,"_240":24},{"_52":178,"_13":16,"_46":49,"_228":191,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":14,"_235":12},"ctx",{"_65":-5,"_260":505,"_506":507,"_508":509,"_510":30,"_511":30,"_512":30,"_513":24,"_514":-5,"_515":-7,"_516":-7,"_517":26,"_518":30,"_519":30,"_520":-5,"_521":30,"_522":30,"_523":30,"_524":-5},"ENV",{"_476":477,"_478":479,"_480":16,"_481":482,"_483":484,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494,"_495":496,"_497":498,"_499":500,"_501":502,"_503":504},"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