[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_353":354,"_355":356},"routes/_app.x.$handle.$name",{"_106":105,"_37":50,"_114":92,"_32":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":127,"_128":129,"_130":30,"_131":132,"_133":64,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","3aee6bbe-931b-4a41-a651-25652e56ea9e","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","HTML_JSX/react-tweet-client.tsx","latestPath","fileId","d956ed28-80cd-11f1-97c2-1607ee4eb77e","name","react-tweet-client.tsx","fileType","script","content","/** @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","createdAt",["D",1784175702811],"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",{"_106":105,"_113":109},"org",{"_106":105,"_107":-5,"_108":109,"_19":60,"_110":111,"_112":30},"branch",{"_13":91,"_37":92,"_48":47,"_93":49,"_94":95,"_96":97,"_98":55,"_99":100,"_101":102,"_103":50,"_104":105},"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",{"_48":49,"_37":50,"_43":349,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":350,"_86":351,"_88":352,"_90":30},"tree",[193,199,206,208,214],"files",[193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214],"counts",{"_183":68,"_184":156,"_185":68,"_186":187,"_188":189},"contents",[147,148,149,150,151],"upstreamProject",{"_48":100,"_37":50,"_57":58,"_59":-5,"_54":55,"_84":145},"upstreamBranch",{"_48":95,"_43":138,"_139":140,"_37":92,"_93":100,"_13":141,"_94":-5,"_96":-5,"_142":143,"_52":-5,"_90":30,"_54":55,"_104":144,"_69":102,"_103":50},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746196203744],"updatedAt",["D",1788883082214],64,"lockfileKey","1788883082464-esm.town_v_valdottown_HTTP_examples@64-main","valdottown",{"_106":144,"_113":146},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_48":178,"_37":179,"_35":180,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":181,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_32":182},{"_48":173,"_37":174,"_35":175,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":176,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_32":177},{"_48":168,"_37":169,"_35":170,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":171,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_32":172},{"_48":162,"_37":163,"_35":164,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":165,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_32":167},{"_48":152,"_37":153,"_35":154,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":158,"_13":68,"_39":26,"_41":159,"_29":30,"_160":-5,"_32":161},"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",[153],"45e89941-7dcd-40ea-bc25-c450c44e8b5e","Routing","019f6925-3b72-77c4-9847-efcd0f97805b",["D",1784175475488],"directory",[163],"b4be3eb7-6eab-4da4-9c15-ad8e5826b26c","HTTP","019f6925-3b72-77c4-9847-d686885ebcbd",["D",1784175475488],[169],"f4147e5f-b5d9-48a5-9dcf-e3d1023028df","HTML_JSX","019f6925-3b72-77c4-9847-cce0ac437eab",["D",1784175475488],[174],"1bb611d9-9af2-4202-965b-fe7756722ba0","Basic_examples","019f6925-3b72-77c4-9847-b7a83ef78330",["D",1784175475488],[179],"pulls","branches","forks","envVars",{"_190":68,"_192":68},"connections",{"_190":68,"_191":68},"count","unfilledCount","emptyCount",{"_48":178,"_37":179,"_35":180,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":346,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_216":347,"_32":348},{"_48":339,"_37":340,"_35":341,"_155":180,"_46":47,"_45":156,"_157":64,"_43":342,"_13":68,"_39":223,"_41":343,"_29":30,"_160":-5,"_216":344,"_32":345},{"_48":332,"_37":333,"_35":334,"_155":180,"_46":47,"_45":156,"_157":64,"_43":335,"_13":68,"_39":223,"_41":336,"_29":30,"_160":-5,"_216":337,"_32":338},{"_48":325,"_37":326,"_35":327,"_155":180,"_46":47,"_45":156,"_157":64,"_43":328,"_13":68,"_39":223,"_41":329,"_29":30,"_160":-5,"_216":330,"_32":331},{"_48":318,"_37":319,"_35":320,"_155":180,"_46":47,"_45":156,"_157":64,"_43":321,"_13":68,"_39":223,"_41":322,"_29":30,"_160":-5,"_216":323,"_32":324},{"_48":311,"_37":312,"_35":313,"_155":180,"_46":47,"_45":156,"_157":64,"_43":314,"_13":68,"_39":223,"_41":315,"_29":30,"_160":-5,"_216":316,"_32":317},{"_48":173,"_37":174,"_35":175,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":308,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_216":309,"_32":310},{"_48":301,"_37":302,"_35":303,"_155":175,"_46":47,"_45":156,"_157":64,"_43":304,"_13":68,"_39":223,"_41":305,"_29":30,"_160":-5,"_216":306,"_32":307},{"_48":294,"_37":295,"_35":296,"_155":175,"_46":47,"_45":156,"_157":64,"_43":297,"_13":68,"_39":223,"_41":298,"_29":30,"_160":-5,"_216":299,"_32":300},{"_48":285,"_37":286,"_35":287,"_155":175,"_46":47,"_45":288,"_157":30,"_43":289,"_13":290,"_39":223,"_41":291,"_29":30,"_160":-5,"_216":292,"_32":293},{"_48":281,"_37":38,"_35":36,"_155":175,"_46":47,"_45":14,"_157":64,"_43":282,"_13":68,"_39":40,"_41":42,"_29":30,"_160":-5,"_216":283,"_32":284},{"_48":274,"_37":275,"_35":276,"_155":175,"_46":47,"_45":156,"_157":64,"_43":277,"_13":68,"_39":223,"_41":278,"_29":30,"_160":-5,"_216":279,"_32":280},{"_48":267,"_37":268,"_35":269,"_155":175,"_46":47,"_45":156,"_157":64,"_43":270,"_13":68,"_39":223,"_41":271,"_29":30,"_160":-5,"_216":272,"_32":273},{"_48":168,"_37":169,"_35":170,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":264,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_216":265,"_32":266},{"_48":258,"_37":259,"_35":62,"_155":170,"_46":47,"_45":156,"_157":64,"_43":260,"_13":68,"_39":223,"_41":261,"_29":30,"_160":-5,"_216":262,"_32":263},{"_48":162,"_37":163,"_35":164,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":255,"_13":68,"_39":166,"_41":-5,"_29":30,"_160":-5,"_216":256,"_32":257},{"_48":248,"_37":249,"_35":250,"_155":164,"_46":47,"_45":156,"_157":64,"_43":251,"_13":68,"_39":223,"_41":252,"_29":30,"_160":-5,"_216":253,"_32":254},{"_48":241,"_37":242,"_35":243,"_155":164,"_46":47,"_45":156,"_157":64,"_43":244,"_13":68,"_39":223,"_41":245,"_29":30,"_160":-5,"_216":246,"_32":247},{"_48":234,"_37":235,"_35":236,"_155":164,"_46":47,"_45":156,"_157":64,"_43":237,"_13":68,"_39":223,"_41":238,"_29":30,"_160":-5,"_216":239,"_32":240},{"_48":227,"_37":228,"_35":229,"_155":164,"_46":47,"_45":156,"_157":64,"_43":230,"_13":68,"_39":223,"_41":231,"_29":30,"_160":-5,"_216":232,"_32":233},{"_48":219,"_37":220,"_35":221,"_155":164,"_46":47,"_45":156,"_157":64,"_43":222,"_13":68,"_39":223,"_41":224,"_29":30,"_160":-5,"_216":225,"_32":226},{"_48":152,"_37":153,"_35":154,"_155":-5,"_46":47,"_45":156,"_157":64,"_43":215,"_13":68,"_39":26,"_41":159,"_29":30,"_160":-5,"_216":217,"_32":218},["D",1784175475488],"children",[],[153],"c7133a57-6eb2-4e1e-8920-c812791f98c4","pekoExample","019f6925-3b72-77c4-9847-e9c10a4e7719",["D",1784175475488],"http","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};",[],[163,220],"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};",[],[163,228],"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};",[],[163,235],"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;",[],[163,242],"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;",[],[163,249],["D",1784175475488],[209,210,211,212,213],[163],"68838c51-37e1-42af-bdee-006dd526808a","exampleHTTP",["D",1784175475488],"export function handler(request: Request) {\n return Response.json({ ok: true });\n}",[],[169,259],["D",1784175475488],[207],[169],"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 });",[],[174,268],"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 });",[],[174,275],"b5e5e2a7-d847-4a7c-bdfd-c89cf98fc746",["D",1784175702811],[],[174,38],"52b257e4-c379-4c29-8293-41e7e60d6149","react","019f6925-3b72-77c4-9847-c3ae3ba4641d",6,["D",1784175664995],5,"/** @jsxImportSource https://esm.sh/react@18 */\nimport { Tweet } from \"https://esm.sh/react-tweet@3.3.1?deps=react@18&target=es2022\";\nimport { renderToString } from \"https://esm.sh/react-dom@18/server?deps=react@18\";\n\nexport const reactExample = () =>\n new Response(\n renderToString(\n

\n \n

,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );\n",[],[174,286],"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 });",[],[174,295],"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};",[],[174,302],["D",1784175475488],[200,201,202,203,204,205],[174],"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};",[],[179,312],"5f14b9bd-a300-4b2a-a7b2-be176b422789","jsonOkExample","019f6925-3b72-77c4-9847-ac316e19a1e2",["D",1784175475488],"export const jsonOkExample = () => Response.json({ ok: true });",[],[179,319],"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}",[],[179,326],"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 });",[],[179,333],"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};",[],[179,340],["D",1784175475488],[194,195,196,197,198],[179],["D",1784175475488],{"_106":105,"_113":109},{"_106":105,"_107":-5,"_108":109,"_19":60,"_110":111,"_112":30},{"_13":91,"_37":92,"_48":47,"_93":49,"_94":95,"_96":97,"_98":55,"_99":100,"_101":102,"_103":50,"_104":105},"ctx",{"_84":-5,"_135":386,"_387":388,"_389":390,"_391":30,"_392":30,"_393":30,"_394":64,"_395":-5,"_396":-7,"_397":-7,"_398":68,"_399":30,"_400":30,"_401":-5,"_402":30,"_403":30,"_404":30,"_405":-5},"ENV",{"_357":358,"_359":360,"_361":92,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385},"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 · v7