Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });","019a0f1f-c266-73a6-976d-ece26ee5c556",["D",1761190330889],"branchVersion","label",[165,67],"HTML_JSX","pulls","branches","forks","envVars",{"_173":26,"_175":26},"connections",{"_173":26,"_174":26},"count","unfilledCount","emptyCount",{"_32":332,"_13":303,"_65":298,"_42":-5,"_34":35,"_162":39,"_200":86,"_36":333,"_38":26,"_68":245,"_158":-5,"_70":24,"_163":-5,"_203":334,"_17":335},{"_32":325,"_13":326,"_65":327,"_42":298,"_34":35,"_162":39,"_200":86,"_36":328,"_38":26,"_68":69,"_158":329,"_70":24,"_163":-5,"_203":330,"_17":331},{"_32":318,"_13":319,"_65":320,"_42":298,"_34":35,"_162":39,"_200":86,"_36":321,"_38":26,"_68":69,"_158":322,"_70":24,"_163":-5,"_203":323,"_17":324},{"_32":311,"_13":312,"_65":313,"_42":298,"_34":35,"_162":39,"_200":86,"_36":314,"_38":26,"_68":69,"_158":315,"_70":24,"_163":-5,"_203":316,"_17":317},{"_32":304,"_13":305,"_65":306,"_42":298,"_34":35,"_162":39,"_200":86,"_36":307,"_38":26,"_68":69,"_158":308,"_70":24,"_163":-5,"_203":309,"_17":310},{"_32":295,"_13":296,"_65":297,"_42":298,"_34":35,"_162":39,"_200":86,"_36":299,"_38":26,"_68":69,"_158":300,"_70":24,"_163":-5,"_203":301,"_17":302},{"_32":291,"_13":165,"_65":160,"_42":-5,"_34":35,"_162":39,"_200":86,"_36":292,"_38":26,"_68":245,"_158":-5,"_70":24,"_163":-5,"_203":293,"_17":294},{"_32":284,"_13":285,"_65":286,"_42":160,"_34":35,"_162":39,"_200":86,"_36":287,"_38":26,"_68":69,"_158":288,"_70":24,"_163":-5,"_203":289,"_17":290},{"_32":277,"_13":278,"_65":279,"_42":160,"_34":35,"_162":39,"_200":86,"_36":280,"_38":26,"_68":69,"_158":281,"_70":24,"_163":-5,"_203":282,"_17":283},{"_32":270,"_13":271,"_65":272,"_42":160,"_34":35,"_162":39,"_200":86,"_36":273,"_38":26,"_68":69,"_158":274,"_70":24,"_163":-5,"_203":275,"_17":276},{"_32":263,"_13":264,"_65":265,"_42":160,"_34":35,"_162":39,"_200":86,"_36":266,"_38":26,"_68":69,"_158":267,"_70":24,"_163":-5,"_203":268,"_17":269},{"_32":157,"_13":67,"_65":66,"_42":160,"_34":35,"_162":39,"_200":86,"_36":260,"_38":26,"_68":69,"_158":159,"_70":24,"_163":-5,"_203":261,"_17":262},{"_32":256,"_13":255,"_65":250,"_42":-5,"_34":35,"_162":39,"_200":86,"_36":257,"_38":26,"_68":245,"_158":-5,"_70":24,"_163":-5,"_203":258,"_17":259},{"_32":248,"_13":249,"_65":84,"_42":250,"_34":35,"_162":39,"_200":86,"_36":251,"_38":26,"_68":69,"_158":252,"_70":24,"_163":-5,"_203":253,"_17":254},{"_32":243,"_13":214,"_65":209,"_42":-5,"_34":35,"_162":39,"_200":86,"_36":244,"_38":26,"_68":245,"_158":-5,"_70":24,"_163":-5,"_203":246,"_17":247},{"_32":236,"_13":237,"_65":238,"_42":209,"_34":35,"_162":39,"_200":86,"_36":239,"_38":26,"_68":69,"_158":240,"_70":24,"_163":-5,"_203":241,"_17":242},{"_32":229,"_13":230,"_65":231,"_42":209,"_34":35,"_162":39,"_200":86,"_36":232,"_38":26,"_68":69,"_158":233,"_70":24,"_163":-5,"_203":234,"_17":235},{"_32":222,"_13":223,"_65":224,"_42":209,"_34":35,"_162":39,"_200":86,"_36":225,"_38":26,"_68":69,"_158":226,"_70":24,"_163":-5,"_203":227,"_17":228},{"_32":215,"_13":216,"_65":217,"_42":209,"_34":35,"_162":39,"_200":86,"_36":218,"_38":26,"_68":69,"_158":219,"_70":24,"_163":-5,"_203":220,"_17":221},{"_32":206,"_13":207,"_65":208,"_42":209,"_34":35,"_162":39,"_200":86,"_36":210,"_38":26,"_68":69,"_158":211,"_70":24,"_163":-5,"_203":212,"_17":213},{"_32":197,"_13":198,"_65":199,"_42":-5,"_34":35,"_162":39,"_200":86,"_36":201,"_38":26,"_68":21,"_158":202,"_70":24,"_163":-5,"_203":204,"_17":205},"dc1e1aec-afc0-11f0-b3af-0224a6c84d84","README.md","019a0f1f-c266-73a6-976e-138829e78e34","latest",["D",1761190330889],"# 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",[],[198],"dc1e18bc-afc0-11f0-b3af-0224a6c84d84","pekoExample","019a0f1f-c266-73a6-976e-09256732c2e2","019a0f1f-c266-73a6-976e-0c2c6c430121",["D",1761190330889],"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};",[],[214,207],"Routing","dc1e17b8-afc0-11f0-b3af-0224a6c84d84","nhttpExample","019a0f1f-c266-73a6-976e-04267fa9285e",["D",1761190330889],"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};",[],[214,216],"dc1e16a0-afc0-11f0-b3af-0224a6c84d84","ittyExample","019a0f1f-c266-73a6-976e-003f7723906f",["D",1761190330889],"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};",[],[214,223],"dc1e156a-afc0-11f0-b3af-0224a6c84d84","honoExample","019a0f1f-c266-73a6-976d-ffb05fbecdb7",["D",1761190330889],"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;",[],[214,230],"dc1e140c-afc0-11f0-b3af-0224a6c84d84","fetsExample","019a0f1f-c266-73a6-976d-fb7a69f94ff5",["D",1761190330889],"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;",[],[214,237],"dc1e19e8-afc0-11f0-b3af-0224a6c84d84",["D",1761190330889],"directory",[191,192,193,194,195],[214],"dc1e0bd8-afc0-11f0-b3af-0224a6c84d84","exampleHTTP","019a0f1f-c266-73a6-976d-f51d4ba5e6ab",["D",1761190330889],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[255,249],"HTTP","dc1e12a4-afc0-11f0-b3af-0224a6c84d84",["D",1761190330889],[189],[255],["D",1761190330889],[],[165,67],"dc1e082c-afc0-11f0-b3af-0224a6c84d84","solid","019a0f1f-c266-73a6-976d-e59f2c2be0fb",["D",1761190330889],"/** @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 });",[],[165,264],"dc1e03b8-afc0-11f0-b3af-0224a6c84d84","react","019a0f1f-c266-73a6-976d-e04069d2f839",["D",1761190330889],"/** @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 });",[],[165,271],"dc1e028c-afc0-11f0-b3af-0224a6c84d84","preact","019a0f1f-c266-73a6-976d-dc8322115cef",["D",1761190330889],"/** @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 });",[],[165,278],"dc1e017e-afc0-11f0-b3af-0224a6c84d84","hono","019a0f1f-c266-73a6-976d-d9658b6d74bb",["D",1761190330889],"/** @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};",[],[165,285],"dc1e0aa2-afc0-11f0-b3af-0224a6c84d84",["D",1761190330889],[183,184,185,186,187],[165],"dc1dff6c-afc0-11f0-b3af-0224a6c84d84","queryParams","019a0f1f-c266-73a6-976d-d0f03c187676","019a0f1f-c266-73a6-976d-d79d22da56bb",["D",1761190330889],"export const queryParams = (req: Request) => {\n const searchParams = new URL(req.url).searchParams;\n return Response.json(Object.fromEntries(searchParams.entries()));\n};",[],[303,296],"Basic_examples","dc1dfe4a-afc0-11f0-b3af-0224a6c84d84","jsonOkExample","019a0f1f-c266-73a6-976d-cf2cf27b80fa",["D",1761190330889],"export const jsonOkExample = () => Response.json({ ok: true });",[],[303,305],"dc1dfd00-afc0-11f0-b3af-0224a6c84d84","jsonBodyParsing","019a0f1f-c266-73a6-976d-c9ec563bb6ab",["D",1761190330889],"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}",[],[303,312],"dc1dfb7a-afc0-11f0-b3af-0224a6c84d84","htmlExample","019a0f1f-c265-7713-9f7d-ad1f52e9c291",["D",1761190330889],"export const htmlExample = () =>\n new Response(\"

Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[303,319],"dc1df080-afc0-11f0-b3af-0224a6c84d84","headersExample","019a0f1f-c265-7713-9f7d-a8768e5d64dc",["D",1761190330889],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[],[303,326],"dc1e0070-afc0-11f0-b3af-0224a6c84d84",["D",1761190330889],[177,178,179,180,181],[303],["D",1761190330889],{"_11":12,"_124":73},{"_11":12,"_120":-5,"_72":73,"_30":71,"_121":122,"_123":24},{"_38":39,"_13":16,"_32":35,"_109":75,"_110":62,"_111":112,"_113":79,"_114":115,"_116":117,"_118":14,"_119":12},"ctx",{"_51":-5,"_145":373,"_374":375,"_376":377,"_378":24,"_379":24,"_380":24,"_381":86,"_382":-5,"_383":-7,"_384":-7,"_385":26,"_386":24,"_387":24,"_388":-5,"_389":24,"_390":24,"_391":24,"_392":-5},"ENV",{"_344":345,"_346":347,"_348":16,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372},"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 · vue