📭

\n No requests yet\n

\n Send a request to your URL and it will appear here\n

\n );\n }\n\n const toggleExpanded = (requestId: string) => {\n setExpandedRequest(expandedRequest === requestId ? null : requestId);\n };\n\n const toggleHeaders = (requestId: string) => {\n const newExpanded = new Set(expandedHeaders);\n if (newExpanded.has(requestId)) {\n newExpanded.delete(requestId);\n } else {\n newExpanded.add(requestId);\n }\n setExpandedHeaders(newExpanded);\n };\n\n const getMethodBadgeClass = (method: string) => {\n const baseClass = \"method-badge \";\n switch (method.toUpperCase()) {\n case 'GET': return baseClass + \"method-get\";\n case 'POST': return baseClass + \"method-post\";\n case 'PUT': return baseClass + \"method-put\";\n case 'DELETE': return baseClass + \"method-delete\";\n case 'PATCH': return baseClass + \"method-patch\";\n case 'OPTIONS': return baseClass + \"method-options\";\n case 'HEAD': return baseClass + \"method-head\";\n default: return baseClass + \"method-options\";\n }\n };\n\n const isJsonString = (str: string) => {\n try {\n JSON.parse(str);\n return true;\n } catch {\n return false;\n }\n };\n\n return (\n

\n {requests.map((request) => {\n const isExpanded = expandedRequest === request.id;\n const hasBody = request.body && request.body.trim().length > 0;\n const hasQueryParams = Object.keys(request.query_params).length > 0;\n const headerCount = Object.keys(request.headers).length;\n \n return (\n

toggleExpanded(request.id)}\n >\n

\n \n {request.method}\n \n

\n {new URL(request.url).pathname}\n

\n {new Date(request.timestamp).toLocaleString()}\n

\n {hasBody && (\n \n Body\n \n )}\n {hasQueryParams && (\n \n Query\n \n )}\n {headerCount > 0 && (\n \n {headerCount} Headers\n \n )}\n \n {isExpanded ? '▼' : '▶'}\n \n

\n\n {isExpanded && (\n

\n {/* URL Details */}\n

URL

\n {request.url}\n

\n\n {/* Query Parameters */}\n {hasQueryParams && (\n

Query Parameters

\n \n

\n )}\n\n {/* Headers */}\n

toggleHeaders(request.id)}\n >\n

Headers

\n \n {expandedHeaders.has(request.id) ? '▼' : '▶'} {Object.keys(request.headers).length} headers\n \n

\n {expandedHeaders.has(request.id) && (\n \n )}\n

\n\n {/* Body */}\n {hasBody && (\n

\n Body\n {isJsonString(request.body) && (\n \n JSON\n \n )}\n

\n \n

\n )}\n\n {/* Metadata */}\n

Metadata

\n \n

\n )}\n

\n );\n })}\n

\n );\n}","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/nholden/postPit/code/frontend/components/RequestList.tsx","extension","actionData","errors"]