Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[302,295],"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 });",[],[302,304],"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",[],[302,311],"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",[],[302,319],"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",[],[302,328],"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 });",[],[302,336],"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};",[],[302,343],"f4147e5f-b5d9-48a5-9dcf-e3d1023028df",["D",1784175475488],[240,241,242,243,244,245,246],[302],"9ab69ec5-8fa2-4cae-9c90-3264ab283e14","queryParams","019f6925-3b72-77c4-9847-b106cab1880c","019f6925-3b72-77c4-9847-b7a83ef78330",["D",1784175475488],"export const queryParams = (req: Request) => {\n const searchParams = new URL(req.url).searchParams;\n return Response.json(Object.fromEntries(searchParams.entries()));\n};",[],[361,354],"Basic_examples","5f14b9bd-a300-4b2a-a7b2-be176b422789","jsonOkExample","019f6925-3b72-77c4-9847-ac316e19a1e2",["D",1784175475488],"export const jsonOkExample = () => Response.json({ ok: true });",[],[361,363],"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}",[],[361,370],"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 });",[],[361,377],"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};",[],[361,384],"1bb611d9-9af2-4202-965b-fe7756722ba0",["D",1784175475488],[234,235,236,237,238],[361],["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 · Routing