/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; function StatusTable() { const [status, setStatus] = useState(null); const [error, setError] = useState(null); useEffect(() => { async function fetchStatus() { try { const response = await fetch('https://api.spacetraders.io/v2/'); if (!response.ok) throw new Error('Failed to fetch status'); const data = await response.json(); setStatus(data); } catch (err) { setError(err.message); } } fetchStatus(); }, []); if (error) { return

Error: {error}

; } if (!status) { return

Loading status...

; } return (

🚀 SpaceTraders API Status

Status	Details
Server Status	{status.status ? '✅ Online' : '❌ Offline'}
Version	{status.version}
Reset Date	{new Date(status.resetDate).toLocaleString()}
Description	{status.description}

View Source

); } const styles = { container: { fontFamily: 'system-ui, sans-serif', maxWidth: '600px', margin: '20px auto', padding: '20px', backgroundColor: '#f4f4f4', borderRadius: '8px', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' }, title: { textAlign: 'center', color: '#333', }, table: { width: '100%', borderCollapse: 'collapse', marginTop: '20px' }, th: { backgroundColor: '#007bff', color: 'white', padding: '10px', textAlign: 'left', borderBottom: '1px solid #ddd' }, td: { padding: '10px', borderBottom: '1px solid #ddd' }, error: { color: 'red', textAlign: 'center', padding: '20px' }, loading: { textAlign: 'center', padding: '20px' }, sourceLink: { display: 'block', textAlign: 'center', marginTop: '15px', color: '#007bff', textDecoration: 'none' } }; function App() { return ; } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` SpaceTraders API Status

`, { headers: { "content-type": "text/html", }, }); }

keo