Search API Playground

\n {children}\n

\n \n \n \n \n );\n}\n\ninterface SearchFormProps {\n config?: Partial & { body?: string };\n}\n\nexport function SearchForm({ config }: SearchFormProps) {\n const headersJson = config?.headers && Object.keys(config.headers).length > 0\n ? JSON.stringify(config.headers, null, 2)\n : \"\";\n const extraParamsJson = config?.extraParams && Object.keys(config.extraParams).length > 0\n ? JSON.stringify(config.extraParams, null, 2)\n : \"\";\n \n return (\n \n );\n}\n\nexport function ResultsPanel({ result }: { result: ProxyResult }) {\n const statusClass = result.status === 0 ? \"0xx\"\n : result.status < 300 ? \"2xx\"\n : result.status < 400 ? \"3xx\"\n : result.status < 500 ? \"4xx\"\n : \"5xx\";\n \n const jsonString = typeof result.data === \"string\"\n ? result.data\n : JSON.stringify(result.data, null, 2);\n \n return (\n

\n Status\n

\n \n {result.status} {result.statusText}\n \n

\n Timing\n

{result.timing}ms

\n \n

\n Constructed URL\n

{result.constructedUrl}

\n \n {result.error && (\n

\n Error: {result.error}\n

\n )}\n \n

Response Headers ({Object.keys(result.responseHeaders).length})

{JSON.stringify(result.responseHeaders, null, 2)}

\n \n

Response Body

{jsonString}

\n );\n}\n","deleted","label",[100],"permalink","https://www.val.town/x/kamalnrf/search-api-playground/code/components.tsx","extension","actionData","errors"]