Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[18,77],"56c68f1c-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],"/** @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],"56c68b7a-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],"/** @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,95],"56c687f6-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],"/** @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,101],"56c68436-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],"/** @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,106],"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":106,"_75":105,"_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":101,"_75":100,"_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":95,"_75":94,"_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":77,"_75":76,"_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":120,"_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},"56c6c5cc-375d-11f1-85d4-42b51c65c3df","README.md","019d87dd-ad47-7413-a32e-e732f03af3ce",["D",1776100945099],"# 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],"56c6bb9a-375d-11f1-85d4-42b51c65c3df","pekoExample","019d87dd-ad47-7413-a32e-dca4bd603722","019d87dd-ad47-7413-a32e-e10a0b40d00d",["D",1776100945099],"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","56c6b636-375d-11f1-85d4-42b51c65c3df","nhttpExample","019d87dd-ad47-7413-a32e-db366e9b9214",["D",1776100945099],"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],"56c6b172-375d-11f1-85d4-42b51c65c3df","ittyExample","019d87dd-ad47-7413-a32e-d66d33ff33e8",["D",1776100945099],"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],"56c6a6f0-375d-11f1-85d4-42b51c65c3df","honoExample","019d87dd-ad47-7413-a32e-d335cc8af6ba",["D",1776100945099],"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],"56c6a1a0-375d-11f1-85d4-42b51c65c3df","fetsExample","019d87dd-ad47-7413-a32e-ccc478f94dca",["D",1776100945099],"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],"56c6c3c4-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],[247,248,249,250,251],[269],"56c699bc-375d-11f1-85d4-42b51c65c3df","exampleHTTP","019d87dd-ad47-7413-a32e-cb68948236e7",["D",1776100945099],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[309,303],"HTTP","56c69eda-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],[245],[309],["D",1776100945099],[],[18,77],["D",1776100945099],[],[18,89],["D",1776100945099],[],[18,95],["D",1776100945099],[],[18,101],["D",1776100945099],[],[18,106],["D",1776100945099],[239,240,241,242,243],[18],"56c67f36-375d-11f1-85d4-42b51c65c3df","queryParams","019d87dd-ad47-7413-a32e-a543d400f12b","019d87dd-ad47-7413-a32e-ab9a4ba4f697",["D",1776100945099],"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","56c67c66-375d-11f1-85d4-42b51c65c3df","jsonOkExample","019d87dd-ad47-7413-a32e-a2c9f37d5287",["D",1776100945099],"export const jsonOkExample = () => Response.json({ ok: true });",[],[340,342],"56c675ae-375d-11f1-85d4-42b51c65c3df","jsonBodyParsing","019d87dd-ad47-7413-a32e-9e834ef89bd1",["D",1776100945099],"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],"56c67022-375d-11f1-85d4-42b51c65c3df","htmlExample","019d87dd-ad47-7413-a32e-9974a4d5127c",["D",1776100945099],"export const htmlExample = () =>\n new Response(\"

Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[340,356],"56c6426e-375d-11f1-85d4-42b51c65c3df","headersExample","019d87dd-ad47-7413-a32e-955d32a193b1",["D",1776100945099],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[],[340,363],"56c68256-375d-11f1-85d4-42b51c65c3df",["D",1776100945099],[233,234,235,236,237],[340],["D",1776100945099],{"_11":12,"_159":83},{"_11":12,"_155":-5,"_82":83,"_31":81,"_156":157,"_158":30},{"_39":40,"_13":16,"_33":36,"_144":110,"_145":72,"_146":147,"_148":114,"_149":150,"_151":152,"_153":14,"_154":12},"ctx",{"_52":-5,"_180":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