REST Client

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":138,"_40":-7,"_139":-5,"_17":140,"_141":142,"_143":144,"_145":146,"_147":148,"_96":-5,"_149":150,"_151":152,"_153":47,"_154":155,"_156":26,"_157":-5,"_158":-5,"_159":160},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","stevekrouse","name","http_client","branchName","main","project",{"_32":56,"_13":14,"_34":100,"_45":-5,"_101":26,"_48":49,"_102":49,"_103":-5,"_104":-5,"_105":106,"_107":76,"_108":26,"_109":-5,"_110":-5,"_111":57,"_52":112,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_126":127,"_128":129,"_130":28,"_46":47},"ahead",1,"behind",31,"diff",{"_61":62,"_63":64,"_65":66},"hasChanges",true,"sourceBranch",{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"pull","id","be8f84b2-277f-11f0-b46e-569c3dd06744","createdAt",["D",1746209005984],"updatedAt",["D",1710865314808],"projectId","be8f3106-277f-11f0-b46e-569c3dd06744","version","forkedBranchId","forkedBranchVersion","lockfileKey","1746243275201-esm.town_v_pomdtr_http_client@31-main","deletedAt","isOwned",false,"privacy","public","userHandle","pomdtr","orgId","4b933fb9-e150-4558-9d0a-845e595c8c78","projectName","16a2be66-25f1-11f0-ad23-569c3dd06744","16a27c12-25f1-11f0-ad23-569c3dd06744",0,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[67,68],"deleted",[],"modified",[],{"_69":91,"_71":-7,"_72":92},{"_69":70,"_71":-7,"_72":73},"path","main.tsx","targetFile","sourceFile",{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":81,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_87":-7,"_69":88,"_89":90},"16a48624-25f1-11f0-ad23-569c3dd06744","fileId","16a486d8-25f1-11f0-ad23-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1710864921867],"fileType","http","content","/** @jsxImportSource npm:preact **/\n\nimport { html } from \"https://esm.town/v/stevekrouse/html?v=5\";\nimport { Base64 } from \"npm:js-base64\";\nimport { render } from \"npm:preact-render-to-string\";\n\ntype SerializedRequest = {\n url: string;\n method: string;\n headers: [string, string][];\n body: string | undefined;\n};\n\ntype Bookmark = {\n label: string;\n request: Request;\n};\n\nasync function serializeRequest(request: Request): Promise {\n return {\n url: request.url,\n method: request.method,\n headers: Array.from(request.headers.entries()),\n body: request.body ? Base64.encode(await request.text()) : undefined,\n };\n}\n\nconst getBody = async (bookmarks: Bookmark[]) => {\n const serializedBookmarks = JSON.stringify(\n await Promise.all(bookmarks.map(async (bookmark) => ({\n label: bookmark.label,\n request: await serializeRequest(bookmark.request),\n }))),\n );\n return render(\n \n \n \n \n REST Client\n \n \n \n \n \n \n

\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","children",[70],"contentHash","5236d74b6195cc65b8a59d169b8539a34fb940ed33562a87e7adf2cf78bfb87d","README.md",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":95,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_87":-7,"_69":98,"_89":99},"16a48e12-25f1-11f0-ad23-569c3dd06744","16a48ea8-25f1-11f0-ad23-569c3dd06744",["D",1710864921867],"file","# 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",[91],"a13d1ac1d84def63df4ff562e9dbc1e4db017fbd600ae8aaaadb5b24763d50d5",["D",1746037784556],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_105":106,"_134":135,"_136":47},"branch","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":56,"_13":14,"_34":187,"_45":-5,"_101":26,"_48":49,"_102":49,"_103":-5,"_104":-5,"_105":106,"_107":76,"_108":26,"_109":-5,"_110":-5,"_111":57,"_52":112,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_126":188,"_128":189,"_130":190,"_46":47},"tree",[181,182],"files",[181,182],"counts",{"_171":57,"_172":20,"_173":57,"_174":175,"_176":177},"contents",[165,166],"upstreamProject",{"_32":39,"_13":14,"_103":-5,"_104":-5,"_48":49,"_126":163},"upstreamBranch",{"_32":33,"_34":161,"_36":162,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746209005984],["D",1710865314808],{"_11":51,"_137":164},"https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":169,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_69":170},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":167,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_69":168},["D",1710864921867],[70],["D",1710864921867],[91],"pulls","branches","forks","envVars",{"_178":57,"_180":57},"connections",{"_178":57,"_179":57},"count","unfilledCount","emptyCount",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":95,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_87":185,"_69":186},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":81,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_87":183,"_69":184},[],[70],[],[91],["D",1746037784556],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_105":106,"_134":135,"_136":47},{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"ctx",{"_126":-5,"_158":224,"_225":226,"_227":228,"_229":47,"_230":47,"_231":47,"_232":26,"_233":-5,"_234":-7,"_235":-7,"_236":57,"_237":47,"_238":47,"_239":-5,"_240":47,"_241":47,"_242":47,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":16,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]

Compare

Mergestevekrouse/mainintopomdtr/main

README.md+59-0

Hmain.tsx+74-0