[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_349":350,"_351":352},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":60,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",64,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","HTML_JSX/hono","latestPath","fileId","32233dbe-2763-11f0-b949-569c3dd06744","name","hono","fileType","http","content","/** @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};","/** @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};","createdAt",["D",1788883082214],"branchVersion","branchId","efd4a796-2761-11f0-b79a-569c3dd06744","id","efd45890-2761-11f0-b79a-569c3dd06744","HTTP_examples",["D",1746196203744],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Docs HTTP examples","imageUrl","bb89e6f6-754a-445c-8647-65845a173c3e","pinnedFileId","f4add508-2761-11f0-8789-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",3,"orgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":-5,"_102":103,"_104":60},"branch",{"_13":14,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","valdottown","handle","displayName","Val Town ","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":345,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":346,"_82":347,"_84":348,"_86":25},"tree",[181,187,193,195,201],"files",[181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201],"counts",{"_170":149,"_171":172,"_173":140,"_174":175,"_176":177},"contents",[128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":164,"_32":165,"_30":166,"_136":-5,"_42":43,"_41":167,"_138":60,"_39":168,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":169},{"_44":158,"_32":159,"_30":160,"_136":-5,"_42":43,"_41":161,"_138":60,"_39":162,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":163},{"_44":152,"_32":153,"_30":154,"_136":-5,"_42":43,"_41":155,"_138":60,"_39":156,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":157},{"_44":144,"_32":145,"_30":146,"_136":-5,"_42":43,"_41":147,"_138":60,"_39":148,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":151},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":60,"_39":139,"_13":140,"_34":20,"_36":141,"_24":25,"_142":-5,"_27":143},"0ef47f14-2764-11f0-af94-569c3dd06744","README.md","c147cb40-2763-11f0-893b-569c3dd06744","parentId",63,"latest",["D",1746197114948],6,"# 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/","label",[134],"a9db64ea-2762-11f0-904d-569c3dd06744","Routing","a9db65a8-2762-11f0-904d-569c3dd06744",20,["D",1746196515841],0,"directory",[145],"967f15fe-2762-11f0-9458-569c3dd06744","HTTP","967f169e-2762-11f0-9458-569c3dd06744",16,["D",1746196483361],[153],"a7738c14-2762-11f0-bac2-569c3dd06744","HTML_JSX","a7738caa-2762-11f0-bac2-569c3dd06744",19,["D",1746196511806],[159],"a3a31db6-2762-11f0-820f-569c3dd06744","Basic_examples","a3a31e60-2762-11f0-820f-569c3dd06744",18,["D",1746196505407],[165],"pulls","branches",1,"forks","envVars",{"_178":149,"_180":149},"connections",{"_178":149,"_179":149},"count","unfilledCount","emptyCount",{"_44":164,"_32":165,"_30":166,"_136":-5,"_42":43,"_41":167,"_138":60,"_39":342,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_203":343,"_27":344},{"_44":334,"_32":335,"_30":336,"_136":166,"_42":43,"_41":337,"_138":60,"_39":338,"_13":219,"_34":35,"_36":339,"_24":25,"_142":-5,"_203":340,"_27":341},{"_44":326,"_32":327,"_30":328,"_136":166,"_42":43,"_41":329,"_138":60,"_39":330,"_13":64,"_34":35,"_36":331,"_24":25,"_142":-5,"_203":332,"_27":333},{"_44":318,"_32":319,"_30":320,"_136":166,"_42":43,"_41":321,"_138":60,"_39":322,"_13":64,"_34":35,"_36":323,"_24":25,"_142":-5,"_203":324,"_27":325},{"_44":310,"_32":311,"_30":312,"_136":166,"_42":43,"_41":313,"_138":60,"_39":314,"_13":64,"_34":35,"_36":315,"_24":25,"_142":-5,"_203":316,"_27":317},{"_44":302,"_32":303,"_30":304,"_136":166,"_42":43,"_41":305,"_138":60,"_39":306,"_13":219,"_34":35,"_36":307,"_24":25,"_142":-5,"_203":308,"_27":309},{"_44":158,"_32":159,"_30":160,"_136":-5,"_42":43,"_41":161,"_138":60,"_39":299,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_203":300,"_27":301},{"_44":294,"_32":33,"_30":31,"_136":160,"_42":43,"_41":14,"_138":60,"_39":295,"_13":296,"_34":35,"_36":38,"_24":25,"_142":-5,"_203":297,"_27":298},{"_44":286,"_32":287,"_30":288,"_136":160,"_42":43,"_41":289,"_138":60,"_39":290,"_13":172,"_34":35,"_36":291,"_24":25,"_142":-5,"_203":292,"_27":293},{"_44":278,"_32":279,"_30":280,"_136":160,"_42":43,"_41":281,"_138":60,"_39":282,"_13":172,"_34":35,"_36":283,"_24":25,"_142":-5,"_203":284,"_27":285},{"_44":270,"_32":271,"_30":272,"_136":160,"_42":43,"_41":273,"_138":60,"_39":274,"_13":172,"_34":35,"_36":275,"_24":25,"_142":-5,"_203":276,"_27":277},{"_44":262,"_32":263,"_30":264,"_136":160,"_42":43,"_41":265,"_138":60,"_39":266,"_13":219,"_34":35,"_36":267,"_24":25,"_142":-5,"_203":268,"_27":269},{"_44":152,"_32":153,"_30":154,"_136":-5,"_42":43,"_41":155,"_138":60,"_39":259,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_203":260,"_27":261},{"_44":250,"_32":251,"_30":58,"_136":154,"_42":43,"_41":252,"_138":60,"_39":253,"_13":254,"_34":35,"_36":255,"_24":25,"_142":256,"_203":257,"_27":258},{"_44":144,"_32":145,"_30":146,"_136":-5,"_42":43,"_41":147,"_138":60,"_39":247,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_203":248,"_27":249},{"_44":239,"_32":240,"_30":241,"_136":146,"_42":43,"_41":242,"_138":60,"_39":243,"_13":219,"_34":35,"_36":244,"_24":25,"_142":-5,"_203":245,"_27":246},{"_44":231,"_32":232,"_30":233,"_136":146,"_42":43,"_41":234,"_138":60,"_39":235,"_13":172,"_34":35,"_36":236,"_24":25,"_142":-5,"_203":237,"_27":238},{"_44":223,"_32":224,"_30":225,"_136":146,"_42":43,"_41":226,"_138":60,"_39":227,"_13":219,"_34":35,"_36":228,"_24":25,"_142":-5,"_203":229,"_27":230},{"_44":214,"_32":215,"_30":216,"_136":146,"_42":43,"_41":217,"_138":60,"_39":218,"_13":219,"_34":35,"_36":220,"_24":25,"_142":-5,"_203":221,"_27":222},{"_44":206,"_32":207,"_30":208,"_136":146,"_42":43,"_41":209,"_138":60,"_39":210,"_13":172,"_34":35,"_36":211,"_24":25,"_142":-5,"_203":212,"_27":213},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":60,"_39":202,"_13":140,"_34":20,"_36":141,"_24":25,"_142":-5,"_203":204,"_27":205},["D",1746197114948],"children",[],[134],"8ebfe6bc-2763-11f0-b49f-569c3dd06744","pekoExample","8d06ac7a-2763-11f0-b119-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};",[],[145,207],"97b19324-2763-11f0-b119-569c3dd06744","nhttpExample","939ad85e-2763-11f0-b575-569c3dd06744",50,["D",1746196914864],2,"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};",[],[145,215],"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};",[],[145,224],"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;",[],[145,232],"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;",[],[145,240],["D",1746196515841],[196,197,198,199,200],[145],"d20ea6d4-2762-11f0-8d89-569c3dd06744","exampleHTTP",27,["D",1746196583283],5,"export function handler(request: Request) {\n return Response.json({ ok: true });\n}","docs-examplehttp",[],[153,251],["D",1746196483361],[194],[153],"29921fee-2763-11f0-8d89-569c3dd06744","vue","277f7044-2763-11f0-b2d0-569c3dd06744",37,["D",1746196730108],"/** @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 });",[],[159,263],"2dde23e0-2763-11f0-bbda-569c3dd06744","solid","2cee7f3e-2763-11f0-b49f-569c3dd06744",39,["D",1746196737318],"/** @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 });",[],[159,271],"242d3cd2-2763-11f0-a718-569c3dd06744","react","22cd9292-2763-11f0-ae99-569c3dd06744",34,["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 });",[],[159,279],"1f2a03aa-2763-11f0-ae99-569c3dd06744","preact","1e08e072-2763-11f0-bc73-569c3dd06744",32,["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 });",[],[159,287],"e91e666e-e817-4215-b9a5-3ff8e4d3b63d",["D",1788883082214],4,[],[159,33],["D",1746196511806],[188,189,190,191,192],[159],"d5fb90f4-2762-11f0-a542-569c3dd06744","queryParams","8060ef9a-2762-11f0-815f-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};",[],[165,303],"ce5f0c68-2762-11f0-b064-569c3dd06744","jsonOkExample","6ab96c4e-2762-11f0-a542-569c3dd06744",24,["D",1746196577101],"export const jsonOkExample = () => Response.json({ ok: true });",[],[165,311],"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}",[],[165,319],"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 });",[],[165,327],"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};",[],[165,335],["D",1746196505407],[182,183,184,185,186],[165],["D",1746196203744],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":-5,"_102":103,"_104":60},{"_13":14,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_80":-5,"_125":382,"_383":384,"_385":386,"_387":25,"_388":25,"_389":25,"_390":60,"_391":-5,"_392":-7,"_393":-7,"_394":149,"_395":25,"_396":25,"_397":-5,"_398":25,"_399":25,"_400":25,"_401":-5},"ENV",{"_353":354,"_355":356,"_357":87,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381},"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"]

Diff · v64