[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_339":340,"_341":342},"routes/_app.x.$handle.$name",{"_102":101,"_32":46,"_110":88,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":60,"_130":-5,"_131":-5,"_132":133},"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",3,"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/react","latestPath","fileId","019f6925-3b72-77c4-9847-c3ae3ba4641d","name","react","fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { Tweet } from 'http://esm.sh/react-tweet'\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport const reactExample = () =>\n new Response(renderToString(

\n \n

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });","/** @jsxImportSource https://esm.sh/react */\nimport { Tweet } from 'npm:react-tweet'\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport const reactExample = () =>\n new Response(renderToString(

\n \n

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });","createdAt",["D",1784175515694],"branchVersion","branchId","c6cf00d3-debc-4a92-ace9-3bfb3c584f24","id","e8eeeb99-484c-47e2-a194-d7e6291bfe34","HTTP_examples",["D",1784175475488],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Docs HTTP examples","imageUrl","b9e6ccc7-499e-4c99-99f6-d52e7b324153","pinnedFileId","019f6925-3b72-77c4-9847-d25a6464aa63","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","b2100bc6-baf7-410d-9bc0-a9181ab0c74f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":91,"_92":93,"_94":51,"_95":96,"_97":98,"_99":46,"_100":101},"isOwned",9,"main","projectId","forkedBranchId","efd4a796-2761-11f0-b79a-569c3dd06744","forkedBranchVersion",63,"forkedProjectPrivacy","forkedProjectId","efd45890-2761-11f0-b79a-569c3dd06744","forkedProjectOrgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","projectName","userHandle","git","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f71f69b9-f78f-40f4-11db-501b802a0900/square512?exp=1789567199&sig=af363cfd854e939031a932419e39875f48e5ed265308f975b69461f0862ad27d","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":335,"_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":336,"_82":337,"_84":338,"_86":25},"tree",[189,195,201,203,209],"files",[189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209],"counts",{"_179":64,"_180":152,"_181":64,"_182":183,"_184":185},"contents",[143,144,145,146,147],"upstreamProject",{"_44":96,"_32":46,"_53":54,"_55":-5,"_50":51,"_80":141},"upstreamBranch",{"_44":91,"_39":134,"_135":136,"_32":88,"_89":96,"_13":137,"_90":-5,"_92":-5,"_138":139,"_48":-5,"_86":25,"_50":51,"_100":140,"_65":98,"_99":46},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746196203744],"updatedAt",["D",1788883082214],64,"lockfileKey","1788883082464-esm.town_v_valdottown_HTTP_examples@64-main","valdottown",{"_102":140,"_109":142},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_44":174,"_32":175,"_30":176,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":177,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_27":178},{"_44":169,"_32":170,"_30":171,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":172,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_27":173},{"_44":164,"_32":165,"_30":166,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":167,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_27":168},{"_44":158,"_32":159,"_30":160,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":161,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_27":163},{"_44":148,"_32":149,"_30":150,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":154,"_13":64,"_34":20,"_36":155,"_24":25,"_156":-5,"_27":157},"af8a4ecc-6518-4b98-b10e-1abc4497444b","README.md","019f6925-3b72-77c4-9847-f27d0a9bd2bf","parentId",1,"latest",["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/","label",[149],"45e89941-7dcd-40ea-bc25-c450c44e8b5e","Routing","019f6925-3b72-77c4-9847-efcd0f97805b",["D",1784175475488],"directory",[159],"b4be3eb7-6eab-4da4-9c15-ad8e5826b26c","HTTP","019f6925-3b72-77c4-9847-d686885ebcbd",["D",1784175475488],[165],"f4147e5f-b5d9-48a5-9dcf-e3d1023028df","HTML_JSX","019f6925-3b72-77c4-9847-cce0ac437eab",["D",1784175475488],[170],"1bb611d9-9af2-4202-965b-fe7756722ba0","Basic_examples","019f6925-3b72-77c4-9847-b7a83ef78330",["D",1784175475488],[175],"pulls","branches","forks","envVars",{"_186":64,"_188":64},"connections",{"_186":64,"_187":64},"count","unfilledCount","emptyCount",{"_44":174,"_32":175,"_30":176,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":332,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_211":333,"_27":334},{"_44":325,"_32":326,"_30":327,"_151":176,"_42":43,"_41":152,"_153":60,"_39":328,"_13":64,"_34":35,"_36":329,"_24":25,"_156":-5,"_211":330,"_27":331},{"_44":318,"_32":319,"_30":320,"_151":176,"_42":43,"_41":152,"_153":60,"_39":321,"_13":64,"_34":35,"_36":322,"_24":25,"_156":-5,"_211":323,"_27":324},{"_44":311,"_32":312,"_30":313,"_151":176,"_42":43,"_41":152,"_153":60,"_39":314,"_13":64,"_34":35,"_36":315,"_24":25,"_156":-5,"_211":316,"_27":317},{"_44":304,"_32":305,"_30":306,"_151":176,"_42":43,"_41":152,"_153":60,"_39":307,"_13":64,"_34":35,"_36":308,"_24":25,"_156":-5,"_211":309,"_27":310},{"_44":297,"_32":298,"_30":299,"_151":176,"_42":43,"_41":152,"_153":60,"_39":300,"_13":64,"_34":35,"_36":301,"_24":25,"_156":-5,"_211":302,"_27":303},{"_44":169,"_32":170,"_30":171,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":294,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_211":295,"_27":296},{"_44":287,"_32":288,"_30":289,"_151":171,"_42":43,"_41":152,"_153":60,"_39":290,"_13":64,"_34":35,"_36":291,"_24":25,"_156":-5,"_211":292,"_27":293},{"_44":280,"_32":281,"_30":282,"_151":171,"_42":43,"_41":152,"_153":60,"_39":283,"_13":64,"_34":35,"_36":284,"_24":25,"_156":-5,"_211":285,"_27":286},{"_44":275,"_32":33,"_30":31,"_151":171,"_42":43,"_41":14,"_153":25,"_39":276,"_13":277,"_34":35,"_36":38,"_24":25,"_156":-5,"_211":278,"_27":279},{"_44":268,"_32":269,"_30":270,"_151":171,"_42":43,"_41":152,"_153":60,"_39":271,"_13":64,"_34":35,"_36":272,"_24":25,"_156":-5,"_211":273,"_27":274},{"_44":261,"_32":262,"_30":263,"_151":171,"_42":43,"_41":152,"_153":60,"_39":264,"_13":64,"_34":35,"_36":265,"_24":25,"_156":-5,"_211":266,"_27":267},{"_44":164,"_32":165,"_30":166,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":258,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_211":259,"_27":260},{"_44":252,"_32":253,"_30":58,"_151":166,"_42":43,"_41":152,"_153":60,"_39":254,"_13":64,"_34":35,"_36":255,"_24":25,"_156":-5,"_211":256,"_27":257},{"_44":158,"_32":159,"_30":160,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":249,"_13":64,"_34":162,"_36":-5,"_24":25,"_156":-5,"_211":250,"_27":251},{"_44":242,"_32":243,"_30":244,"_151":160,"_42":43,"_41":152,"_153":60,"_39":245,"_13":64,"_34":35,"_36":246,"_24":25,"_156":-5,"_211":247,"_27":248},{"_44":235,"_32":236,"_30":237,"_151":160,"_42":43,"_41":152,"_153":60,"_39":238,"_13":64,"_34":35,"_36":239,"_24":25,"_156":-5,"_211":240,"_27":241},{"_44":228,"_32":229,"_30":230,"_151":160,"_42":43,"_41":152,"_153":60,"_39":231,"_13":64,"_34":35,"_36":232,"_24":25,"_156":-5,"_211":233,"_27":234},{"_44":221,"_32":222,"_30":223,"_151":160,"_42":43,"_41":152,"_153":60,"_39":224,"_13":64,"_34":35,"_36":225,"_24":25,"_156":-5,"_211":226,"_27":227},{"_44":214,"_32":215,"_30":216,"_151":160,"_42":43,"_41":152,"_153":60,"_39":217,"_13":64,"_34":35,"_36":218,"_24":25,"_156":-5,"_211":219,"_27":220},{"_44":148,"_32":149,"_30":150,"_151":-5,"_42":43,"_41":152,"_153":60,"_39":210,"_13":64,"_34":20,"_36":155,"_24":25,"_156":-5,"_211":212,"_27":213},["D",1784175475488],"children",[],[149],"c7133a57-6eb2-4e1e-8920-c812791f98c4","pekoExample","019f6925-3b72-77c4-9847-e9c10a4e7719",["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};",[],[159,215],"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};",[],[159,222],"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};",[],[159,229],"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;",[],[159,236],"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;",[],[159,243],["D",1784175475488],[204,205,206,207,208],[159],"68838c51-37e1-42af-bdee-006dd526808a","exampleHTTP",["D",1784175475488],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[165,253],["D",1784175475488],[202],[165],"7aeaba78-7dfd-4ef0-ac50-f037b1f0e087","vue","019f6925-3b72-77c4-9847-cb464f7d1787",["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 });",[],[170,262],"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 });",[],[170,269],"47e8ed89-f72a-4a7c-a318-b819302cbb76",["D",1784175515694],2,[],[170,33],"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 });",[],[170,281],"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};",[],[170,288],["D",1784175475488],[196,197,198,199,200],[170],"9ab69ec5-8fa2-4cae-9c90-3264ab283e14","queryParams","019f6925-3b72-77c4-9847-b106cab1880c",["D",1784175475488],"export const queryParams = (req: Request) => {\n const searchParams = new URL(req.url).searchParams;\n return Response.json(Object.fromEntries(searchParams.entries()));\n};",[],[175,298],"5f14b9bd-a300-4b2a-a7b2-be176b422789","jsonOkExample","019f6925-3b72-77c4-9847-ac316e19a1e2",["D",1784175475488],"export const jsonOkExample = () => Response.json({ ok: true });",[],[175,305],"7ce44e05-b1b9-4ce1-9b7e-e09d94137dbb","jsonBodyParsing","019f6925-3b72-77c4-9847-ab5bc351faea",["D",1784175475488],"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}",[],[175,312],"5dfff710-2bc9-42e0-96fd-8fabc82dedf2","htmlExample","019f6925-3b72-77c4-9847-a57e5f7f7f45",["D",1784175475488],"export const htmlExample = () =>\n new Response(\"

Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[175,319],"8ac36b94-0db8-4f38-993e-818ffc96af1f","headersExample","019f6925-3b71-7743-be63-f085c0d76928",["D",1784175475488],"export const headersExample = (request: Request) => {\n return Response.json(Object.fromEntries(request.headers.entries()));\n};",[],[175,326],["D",1784175475488],[190,191,192,193,194],[175],["D",1784175475488],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":91,"_92":93,"_94":51,"_95":96,"_97":98,"_99":46,"_100":101},"ctx",{"_80":-5,"_131":372,"_373":374,"_375":376,"_377":25,"_378":25,"_379":25,"_380":60,"_381":-5,"_382":-7,"_383":-7,"_384":64,"_385":25,"_386":25,"_387":-5,"_388":25,"_389":25,"_390":25,"_391":-5},"ENV",{"_343":344,"_345":346,"_347":88,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371},"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 · v3