REST Client

\n \n \n ,\n );\n};\n\nexport function httpClient(next: (req: Request) => Response | Promise, options: {\n path: string;\n bookmarks: Bookmark[];\n} = { path: \"/http-client\", bookmarks: [] }) {\n return async (req: Request) => {\n const url = new URL(req.url);\n if (url.pathname == options.path) {\n return html(await getBody(options.bookmarks));\n }\n\n return next(req);\n };\n}\n\nexport default async function(req: Request) {\n const bookmarks = [{ label: \"Dummy Request\", request: new Request(\"https://dummyjson.com/products\") }];\n return html(await getBody(bookmarks));\n}","label",[63],"16a48e12-25f1-11f0-ad23-569c3dd06744",["D",1710864921867],"# HTTP Client\n\nAttach a postman-like http client to your vals, with bookmarks and history support\n\n![2fa974c630d393c3b4f419de8a142a2f35a11ceebda42d195b07623889e5604e.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/72cd491e-9503-46c5-9c7c-3a78c975d600/public)\n\n## Usage\n\nWrap your http handler in an the httpClient middleware.\n\n```ts\nimport {httpClient} from \"https://esm.town/v/pomdtr/http_client\"\n\nexport default httpClient((req) => {\n return new Response(\"Hello World!\")\n})\n```\n\nGo to `https://-.web.val.run/http-client` to view the http client UI.\n\n## Adding bookmarks\n\nYou might want to bookmark some requests you need often. You can do it by passing a bookmark list as a middleware option:\n\n```ts\nimport {httpClient} from \"https://esm.town/v/pomdtr/http_client\"\n\nexport default httpClient((req) => {\n return new Response(\"Hello World!\")\n}, {\n bookmarks: [\n {\n \"label\": \"Dummy Request\",\n \"request\": new Request(\"https://dummyjson.com/products\")\n }\n]})\n```\n\n![ad7b95611871eb090ddadfa48f73d14692280e5389db1592403053d311aaa623.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b8b5e323-a683-408c-5d8e-663554bca800/public)\n\n\n## Customizing the client path\n\n```ts\nimport {httpClient} from \"https://esm.town/v/pomdtr/http_client\"\n\nexport default httpClient((req) => {\n return new Response(\"Hello World!\")\n}, {\n path: \"/\" // show the http client on the website root\n})\n```\n\n## TODO\n\n- [ ] fix syntax highlighting on successive request\n- [ ] allow to prefill the initial request\n\nMigrated from folder: Archive/http_client",[74],"pulls","branches","forks","envVars",{"_70":20,"_180":20},"connections",{"_70":20,"_179":20},"unfilledCount","emptyCount",{"_27":168,"_13":74,"_61":73,"_37":-5,"_29":30,"_161":34,"_162":79,"_31":187,"_33":20,"_64":47,"_164":170,"_66":24,"_166":-5,"_184":188,"_125":189},{"_27":160,"_13":63,"_61":62,"_37":-5,"_29":30,"_161":34,"_162":79,"_31":183,"_33":20,"_64":65,"_164":165,"_66":24,"_166":-5,"_184":185,"_125":186},["D",1710864921867],"children",[],[63],["D",1710864921867],[],[74],["D",1746037784556],{"_11":12,"_124":69},{"_11":12,"_120":-5,"_68":69,"_25":67,"_121":122,"_123":24},{"_33":34,"_13":16,"_27":30,"_109":75,"_110":111,"_112":20,"_113":81,"_114":115,"_116":117,"_118":14,"_119":12},"ctx",{"_45":-5,"_146":227,"_228":229,"_230":231,"_232":24,"_233":24,"_234":24,"_235":79,"_236":-5,"_237":-7,"_238":-7,"_239":20,"_240":24,"_241":24,"_242":-5,"_243":24,"_244":24,"_245":24,"_246":-5},"ENV",{"_198":199,"_200":201,"_202":16,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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