Val Town Code SearchReturn to Val Town

256        </>
257      );
258    case "fetch":
259      return (
260        <Details
269          summary={(
270            <>
271              <div>fetch:</div>
272              <div>{args?.valPath}</div>
273              <div>{args?.urlPath || "/"}</div>
275          )}>
276          {result?.type === "success" ? (
277            <div className="fetch-result">
278              <div className="fetch-header">
279                <span className={`status-badge ${result.data.status >= 200 && result.data.status < 300 ? 'success' : 
280                                               result.data.status >= 300 && result.data.status < 400 ? 'redirect' : 
284                <span className="response-time">{result.data.responseTime}ms</span>
285              </div>
286              <div className="fetch-section">
287                <h4>Headers</h4>
288                <pre className="fetch-headers">{JSON.stringify(result.data.headers, null, 2)}</pre>
289              </div>
290              <div className="fetch-section">
291                <h4>Response Body</h4>
292                <pre className="fetch-body">
293                  {typeof result.data.body === 'object' 
294                    ? JSON.stringify(result.data.body, null, 2) 
298            </div>
299          ) : (
300            <div className="fetch-error">
301              <h4>Error</h4>
302              <pre>{result?.message || "Unknown error"}</pre>

6  });
7
8export default app.fetch;