🌐 Website Uptime Dashboard

\n {loading ? (\n

Loading uptime data...

\n ) : (\n \n \n \n \n \n \n \n \n \n \n {uptimeData.map((entry: any, index: number) => (\n \n \n \n \n \n \n ))}\n \n

URL	Status	Duration (ms)	Timestamp
{entry.url}	\n {entry.ok ? '✅ OK' : '❌ Down'}\n	{entry.duration.toFixed(2)}	{new Date(entry.timestamp).toLocaleString()}

\n )}\n

\n View Source\n

\n );\n}\n\n// Client-side rendering\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\n// Server-side handler\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n \n // Uptime data endpoint with CORS headers\n if (url.pathname === '/uptime-data') {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"uptime\";\n const { rows } = await sqlite.execute(`\n SELECT * FROM uptime \n ORDER BY timestamp DESC \n LIMIT 50\n `);\n return new Response(JSON.stringify(rows), {\n headers: { \n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET',\n 'Access-Control-Allow-Headers': 'Content-Type'\n }\n });\n }\n\n // Ensure SQLite table exists\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS uptime (\n id INTEGER PRIMARY KEY AUTOINCREMENT, \n url TEXT, \n ok INTEGER, \n reason TEXT, \n status INTEGER, \n duration REAL, \n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Main page HTML\n return new Response(`\n \n \n Website Uptime Dashboard\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/vyatka/uptime/code/main.tsx","extension","actionData","errors"]