🚀 Browser Postman Clone

\n \n

Response:

{response}

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nasync function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === '/proxy' && request.method === 'POST') {\n const { url: targetUrl, options } = await request.json();\n try {\n const response = await fetch(targetUrl, options);\n const data = await response.json();\n return new Response(JSON.stringify({\n status: response.status,\n statusText: response.statusText,\n headers: Object.fromEntries(response.headers),\n data\n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n \n \n \n Browser Postman Clone\n \n \n \n

\n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n h1 {\n color: #333;\n text-align: center;\n }\n form {\n display: flex;\n flex-direction: column;\n }\n label {\n margin-top: 10px;\n font-weight: bold;\n }\n input, select, textarea {\n width: 100%;\n padding: 8px;\n margin-top: 5px;\n border: 1px solid #ddd;\n border-radius: 4px;\n box-sizing: border-box;\n }\n textarea {\n height: 100px;\n }\n button {\n background-color: #4CAF50;\n color: white;\n padding: 10px 15px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n margin-top: 10px;\n }\n button:hover {\n background-color: #45a049;\n }\n .response {\n margin-top: 20px;\n background-color: #f8f8f8;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 10px;\n }\n pre {\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n footer {\n text-align: center;\n margin-top: 20px;\n }\n footer a {\n color: #4CAF50;\n text-decoration: none;\n }\n footer a:hover {\n text-decoration: underline;\n }\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/maxm/postmanClone/code/main.tsx","extension","actionData","errors"]