Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[18,101],"8ac36b94-0db8-4f38-993e-818ffc96af1f",["D",1784175475488],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[18,106],"pulls","branches","forks","envVars",{"_102":26,"_232":26},"connections",{"_102":26,"_231":26},"unfilledCount","emptyCount",{"_33":192,"_13":18,"_75":107,"_43":-5,"_35":36,"_193":40,"_194":24,"_37":391,"_39":26,"_78":108,"_196":-5,"_80":30,"_197":-5,"_261":392,"_17":393},{"_33":220,"_13":106,"_75":105,"_43":107,"_35":36,"_193":40,"_194":24,"_37":388,"_39":26,"_78":79,"_196":222,"_80":30,"_197":-5,"_261":389,"_17":390},{"_33":216,"_13":101,"_75":100,"_43":107,"_35":36,"_193":40,"_194":24,"_37":385,"_39":26,"_78":79,"_196":218,"_80":30,"_197":-5,"_261":386,"_17":387},{"_33":212,"_13":95,"_75":94,"_43":107,"_35":36,"_193":40,"_194":24,"_37":382,"_39":26,"_78":79,"_196":214,"_80":30,"_197":-5,"_261":383,"_17":384},{"_33":208,"_13":89,"_75":88,"_43":107,"_35":36,"_193":40,"_194":24,"_37":379,"_39":26,"_78":79,"_196":210,"_80":30,"_197":-5,"_261":380,"_17":381},{"_33":204,"_13":77,"_75":76,"_43":107,"_35":36,"_193":40,"_194":24,"_37":376,"_39":26,"_78":79,"_196":206,"_80":30,"_197":-5,"_261":377,"_17":378},{"_33":372,"_13":325,"_75":320,"_43":-5,"_35":36,"_193":40,"_194":24,"_37":373,"_39":26,"_78":108,"_196":-5,"_80":30,"_197":-5,"_261":374,"_17":375},{"_33":365,"_13":366,"_75":367,"_43":320,"_35":36,"_193":40,"_194":24,"_37":368,"_39":26,"_78":79,"_196":369,"_80":30,"_197":-5,"_261":370,"_17":371},{"_33":358,"_13":359,"_75":360,"_43":320,"_35":36,"_193":40,"_194":24,"_37":361,"_39":26,"_78":79,"_196":362,"_80":30,"_197":-5,"_261":363,"_17":364},{"_33":350,"_13":351,"_75":352,"_43":320,"_35":36,"_193":144,"_194":24,"_37":353,"_39":354,"_78":79,"_196":355,"_80":30,"_197":-5,"_261":356,"_17":357},{"_33":341,"_13":342,"_75":343,"_43":320,"_35":36,"_193":344,"_194":24,"_37":345,"_39":26,"_78":346,"_196":347,"_80":30,"_197":-5,"_261":348,"_17":349},{"_33":333,"_13":334,"_75":335,"_43":320,"_35":36,"_193":336,"_194":24,"_37":337,"_39":26,"_78":21,"_196":338,"_80":30,"_197":-5,"_261":339,"_17":340},{"_33":326,"_13":327,"_75":328,"_43":320,"_35":36,"_193":40,"_194":24,"_37":329,"_39":26,"_78":79,"_196":330,"_80":30,"_197":-5,"_261":331,"_17":332},{"_33":317,"_13":318,"_75":319,"_43":320,"_35":36,"_193":40,"_194":24,"_37":321,"_39":26,"_78":79,"_196":322,"_80":30,"_197":-5,"_261":323,"_17":324},{"_33":313,"_13":312,"_75":307,"_43":-5,"_35":36,"_193":40,"_194":24,"_37":314,"_39":26,"_78":108,"_196":-5,"_80":30,"_197":-5,"_261":315,"_17":316},{"_33":305,"_13":306,"_75":120,"_43":307,"_35":36,"_193":40,"_194":24,"_37":308,"_39":26,"_78":79,"_196":309,"_80":30,"_197":-5,"_261":310,"_17":311},{"_33":301,"_13":272,"_75":267,"_43":-5,"_35":36,"_193":40,"_194":24,"_37":302,"_39":26,"_78":108,"_196":-5,"_80":30,"_197":-5,"_261":303,"_17":304},{"_33":294,"_13":295,"_75":296,"_43":267,"_35":36,"_193":40,"_194":24,"_37":297,"_39":26,"_78":79,"_196":298,"_80":30,"_197":-5,"_261":299,"_17":300},{"_33":287,"_13":288,"_75":289,"_43":267,"_35":36,"_193":40,"_194":24,"_37":290,"_39":26,"_78":79,"_196":291,"_80":30,"_197":-5,"_261":292,"_17":293},{"_33":280,"_13":281,"_75":282,"_43":267,"_35":36,"_193":40,"_194":24,"_37":283,"_39":26,"_78":79,"_196":284,"_80":30,"_197":-5,"_261":285,"_17":286},{"_33":273,"_13":274,"_75":275,"_43":267,"_35":36,"_193":40,"_194":24,"_37":276,"_39":26,"_78":79,"_196":277,"_80":30,"_197":-5,"_261":278,"_17":279},{"_33":264,"_13":265,"_75":266,"_43":267,"_35":36,"_193":40,"_194":24,"_37":268,"_39":26,"_78":79,"_196":269,"_80":30,"_197":-5,"_261":270,"_17":271},{"_33":256,"_13":257,"_75":258,"_43":-5,"_35":36,"_193":40,"_194":24,"_37":259,"_39":26,"_78":21,"_196":260,"_80":30,"_197":-5,"_261":262,"_17":263},"af8a4ecc-6518-4b98-b10e-1abc4497444b","README.md","019f6925-3b72-77c4-9847-f27d0a9bd2bf",["D",1784175475488],"# 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",[],[257],"c7133a57-6eb2-4e1e-8920-c812791f98c4","pekoExample","019f6925-3b72-77c4-9847-e9c10a4e7719","019f6925-3b72-77c4-9847-efcd0f97805b",["D",1784175475488],"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};",[],[272,265],"Routing","4a8a4413-674f-4b36-9c69-23c8828495c5","nhttpExample","019f6925-3b72-77c4-9847-e72797dda7aa",["D",1784175475488],"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};",[],[272,274],"fb255c4d-8fd9-465e-a1e0-e9adbb819371","ittyExample","019f6925-3b72-77c4-9847-e0d8eb402842",["D",1784175475488],"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};",[],[272,281],"ee63843f-7264-443c-a3f7-01901ae2fa02","honoExample","019f6925-3b72-77c4-9847-de072e7cd695",["D",1784175475488],"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;",[],[272,288],"676de447-ea14-4094-bcd3-21a7d57acc90","fetsExample","019f6925-3b72-77c4-9847-d80b7f6577f4",["D",1784175475488],"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;",[],[272,295],"45e89941-7dcd-40ea-bc25-c450c44e8b5e",["D",1784175475488],[250,251,252,253,254],[272],"68838c51-37e1-42af-bdee-006dd526808a","exampleHTTP","019f6925-3b72-77c4-9847-d686885ebcbd",["D",1784175475488],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[312,306],"HTTP","b4be3eb7-6eab-4da4-9c15-ad8e5826b26c",["D",1784175475488],[248],[312],"7aeaba78-7dfd-4ef0-ac50-f037b1f0e087","vue","019f6925-3b72-77c4-9847-cb464f7d1787","019f6925-3b72-77c4-9847-cce0ac437eab",["D",1784175475488],"/** @jsxImportSource https://esm.sh/vue */\nimport { renderToString } from \"npm:vue/server-renderer\";\n\nexport const vueExample = async () =>\n new Response(await renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[325,318],"HTML_JSX","c08f8b58-1e09-42ca-9bac-78a061e1cd19","solid","019f6925-3b72-77c4-9847-c52d5946246c",["D",1784175475488],"/** @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 });",[],[325,327],"99a6e8a9-80bf-442f-97ed-e036ca9be540","react-tweet.html","daa3536a-80cd-11f1-97c2-1607ee4eb77e",8,["D",1784175704990],"\n\n \n \n \n react-tweet example\n \n \n

\n \n \n\n",[],[325,334],"b5e5e2a7-d847-4a7c-bdfd-c89cf98fc746","react-tweet-client.tsx","d956ed28-80cd-11f1-97c2-1607ee4eb77e",7,["D",1784175702811],"script","/** @jsxImportSource https://esm.sh/react@18 */\n// Runs in the browser: esm.sh's browser build converts react-tweet's\n// CSS imports into style-injecting JS modules, so it works here\n// (unlike in Deno, which cannot import CSS).\nimport { createRoot } from \"https://esm.sh/react-dom@18/client?deps=react@18\";\nimport { Tweet } from \"https://esm.sh/react-tweet@3.3.1?deps=react@18\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[325,342],"eb8ee8e2-66c1-4237-936e-6e2754c0a725","react","019f6925-3b72-77c4-9847-c3ae3ba4641d",["D",1784175714693],6,"// react-tweet imports CSS module files internally, which Deno cannot\n// import — so it can't be rendered server-side on Val Town. Instead we\n// serve an HTML shell and render the client-side (see\n// react-tweet-client.tsx), where esm.sh handles the CSS imports.\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport const reactExample = async () =>\n new Response(await readFile(\"/HTML_JSX/react-tweet.html\", import.meta.url), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n\nexport default reactExample;\n",[],[325,351],"7720da89-101a-4971-bb1c-75929910fd47","preact","019f6925-3b72-77c4-9847-bec67467f820",["D",1784175475488],"/** @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 });",[],[325,359],"7b64a2ed-92e3-4397-9c29-163f9a820fca","hono","019f6925-3b72-77c4-9847-bb2fd17b751a",["D",1784175475488],"/** @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};",[],[325,366],"f4147e5f-b5d9-48a5-9dcf-e3d1023028df",["D",1784175475488],[240,241,242,243,244,245,246],[325],["D",1784175475488],[],[18,77],["D",1784175475488],[],[18,89],["D",1784175475488],[],[18,95],["D",1784175475488],[],[18,101],["D",1784175475488],[],[18,106],["D",1784175475488],[234,235,236,237,238],[18],["D",1784175475488],{"_11":12,"_160":83},{"_11":12,"_156":-5,"_82":83,"_31":81,"_157":158,"_159":30},{"_39":144,"_13":16,"_33":36,"_145":110,"_146":72,"_147":148,"_149":114,"_150":151,"_152":153,"_154":14,"_155":12},"ctx",{"_52":-5,"_181":431,"_432":433,"_434":435,"_436":30,"_437":30,"_438":30,"_439":24,"_440":-5,"_441":-7,"_442":-7,"_443":26,"_444":30,"_445":30,"_446":-5,"_447":30,"_448":30,"_449":30,"_450":-5},"ENV",{"_402":403,"_404":405,"_406":16,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426,"_427":428,"_429":430},"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 · Basic_examples