\n {rows.map(row => (\n \n ))}\n

Response times

\n row[2])}\n stroke=\"rgba(0, 10, 150, 0.5)\" // blue\n />\n

\n );\n}\n\nfunction StatusSection({ url, rows }) {\n const sectionRows = rows.filter(row => row[0] === url);\n const percentUp = Math.round((sectionRows.filter(row => row[1]).length / sectionRows.length) * 100);\n return (\n

{url.replace(/\\/$/, \"\").replace(/^https?:\\/\\//, \"\")}

{percentUp}% uptime

\n \n

\n );\n}\n\nexport default async function(req: Request): Promise {\n const { rows } = await sqlite.execute(\n \"select url, ok, duration, timestamp from uptime order by timestamp desc limit 200\",\n );\n return html(renderToString(\n \n \n HackerHardware.net Status\n \n \n \n \n

HackerHardware.net Status

\n view code\n

\n {config.urls.map(url => )}\n

\n \n ,\n ));\n}",2,["D",1748561195703],"branchVersion","label",[18],"pulls","branches","forks","envVars",{"_189":26,"_191":26},"connections",{"_189":26,"_190":26},"count","unfilledCount","emptyCount",{"_34":250,"_13":251,"_67":100,"_44":-5,"_36":37,"_179":252,"_204":159,"_38":253,"_40":41,"_69":21,"_175":254,"_71":24,"_180":-5,"_207":255,"_17":256},{"_34":243,"_13":244,"_67":245,"_44":-5,"_36":37,"_179":177,"_204":159,"_38":246,"_40":41,"_69":21,"_175":247,"_71":24,"_180":-5,"_207":248,"_17":249},{"_34":236,"_13":237,"_67":238,"_44":-5,"_36":37,"_179":104,"_204":159,"_38":239,"_40":41,"_69":70,"_175":240,"_71":24,"_180":-5,"_207":241,"_17":242},{"_34":228,"_13":229,"_67":230,"_44":-5,"_36":37,"_179":41,"_204":159,"_38":231,"_40":26,"_69":232,"_175":233,"_71":24,"_180":-5,"_207":234,"_17":235},{"_34":221,"_13":222,"_67":223,"_44":-5,"_36":37,"_179":41,"_204":159,"_38":224,"_40":26,"_69":217,"_175":225,"_71":24,"_180":-5,"_207":226,"_17":227},{"_34":213,"_13":214,"_67":215,"_44":-5,"_36":37,"_179":41,"_204":159,"_38":216,"_40":26,"_69":217,"_175":218,"_71":24,"_180":-5,"_207":219,"_17":220},{"_34":174,"_13":18,"_67":68,"_44":-5,"_36":37,"_179":85,"_204":159,"_38":210,"_40":177,"_69":70,"_175":176,"_71":24,"_180":-5,"_207":211,"_17":212},{"_34":200,"_13":201,"_67":202,"_44":-5,"_36":37,"_179":203,"_204":159,"_38":205,"_40":41,"_69":70,"_175":206,"_71":24,"_180":-5,"_207":208,"_17":209},"780b6950-3ce4-11f0-b451-9e149126039e","test-monitor","76dd6fc4-3ce4-11f0-9d36-9e149126039e",7,"latest",["D",1748561241262],"import { uptimeCheck } from \"./monitor\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\n\nexport default async function(req: Request): Promise {\n try {\n console.log(\"Testing uptime check for hackerhardware.net...\");\n \n // Run the uptime check\n await uptimeCheck(\"https://hackerhardware.net\");\n \n // Get the latest results from the database\n const { rows } = await sqlite.execute(\n \"SELECT url, ok, reason, status, duration, timestamp FROM uptime ORDER BY timestamp DESC LIMIT 5\"\n );\n \n return new Response(JSON.stringify({\n success: true,\n message: \"Monitor test completed\",\n latestResults: rows\n }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n \n } catch (error) {\n console.error(\"Monitor test failed:\", error);\n return new Response(JSON.stringify({\n success: false,\n error: error.message,\n stack: error.stack\n }, null, 2), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n}","children",[],[201],["D",1748561195703],[],[18],"14b27a2e-3ce4-11f0-8160-9e149126039e","sparklineSVG","e5f319c6-4cea-40e2-823d-9a78ccbcf77c",["D",1748561074547],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nexport function SparklineSVG({ strokeWidth = 2, data = [], fill = \"none\", stroke = \"black\" }) {\n const padding = 2;\n const xMargin = 25;\n const width = 800;\n const height = 100;\n const yValues = data;\n const yMin = Math.min(...yValues);\n const yMax = Math.max(...yValues);\n const yMid = (yMin + yMax) / 2;\n const points = data.map((d, i) =>\n `${((i / (data.length - 1)) * (width - 2 * padding - xMargin) + padding + xMargin)},${\n height - padding - ((d - yMin) / (yMax - yMin)) * (height - 2 * padding)\n }`\n ).join(\" \");\n\n return (\n

\n \n {[yMin, yMid, yMax].map((y, index) => (\n \n {Math.round(y / 100) / 10}s\n \n ))}\n \n \n

\n );\n}",[],[214],"14b278e4-3ce4-11f0-8160-9e149126039e","notify","abf39f52-37f0-4d68-bd35-bfcc23236e13",["D",1748561074547],"import { email } from \"https://esm.town/v/std/email?v=13\";\nimport { parseProject } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst thisURL = parseProject(import.meta.url).links.self.latest;\n\nexport async function notify(message: string) {\n await email({ subject: message, text: `Email sent from ${thisURL}` });\n}",[],[222],"14b27718-3ce4-11f0-8160-9e149126039e","monitor","153381bd-d703-4da2-ad18-cbff3b7b78ad",["D",1748561074547],"interval","import { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport config from \"./config.json\" with { type: \"json\" };\nimport { notify } from \"./notify\";\n\nawait sqlite.execute(\n \"CREATE TABLE IF NOT EXISTS uptime (id INTEGER PRIMARY KEY AUTOINCREMENT, url TEXT, ok INTEGER, reason TEXT, status INTEGER, duration INTEGER, timestamp DATETIME DEFAULT CURRENT_TIMESTAMP);\",\n);\n\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nexport async function uptimeCheck(url: string, attempt = 1) {\n let reason: string = \"\";\n let status: number | null = null;\n let end: number;\n let res: Response;\n let ok = true;\n const start = performance.now();\n try {\n res = await fetch(url);\n end = performance.now();\n status = res.status;\n if (res.status === 200) {\n console.log(`Website up (${url}): ${res.status} (${end - start}ms)`);\n } else {\n ok = false;\n }\n } catch (e) {\n end = performance.now();\n reason = `couldn't fetch: ${e}`;\n ok = false;\n }\n if (!ok) {\n if (attempt === 1) {\n await sleep(10_000);\n console.log(`Website down on attempt ${attempt} (${url}): ${reason} (${end - start}ms), retrying...`);\n return uptimeCheck(url, 2);\n } else {\n console.log(`Website down on attempt ${attempt} (${url}): ${reason} (${end - start}ms), notifying...`);\n notify(`Website down (${url})`);\n }\n }\n await sqlite.execute(\n {\n sql: \"INSERT INTO uptime (url, ok, reason, status, duration) VALUES (?, ?, ?, ?, ?)\",\n args: [url, ok ? 1 : 0, reason, status, end - start],\n },\n );\n}\n\nexport default async () => {\n config.urls.forEach((url: string) => uptimeCheck(url));\n};",[],[229],"870fd4ea-3ce4-11f0-af36-9e149126039e","debug-site","8573d99c-3ce4-11f0-b9e5-9e149126039e",["D",1748561266459],"export default async function(req: Request): Promise {\n try {\n console.log(\"Testing direct access to hackerhardware.net...\");\n \n const start = performance.now();\n const response = await fetch(\"https://hackerhardware.net\", {\n method: \"GET\",\n headers: {\n \"User-Agent\": \"Val Town Uptime Monitor\"\n }\n });\n const end = performance.now();\n \n const responseText = await response.text();\n \n return new Response(JSON.stringify({\n url: \"https://hackerhardware.net\",\n status: response.status,\n statusText: response.statusText,\n ok: response.ok,\n headers: Object.fromEntries(response.headers.entries()),\n responseTime: `${end - start}ms`,\n bodyLength: responseText.length,\n bodyPreview: responseText.substring(0, 500)\n }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n \n } catch (error) {\n return new Response(JSON.stringify({\n error: error.message,\n stack: error.stack\n }, null, 2), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n}",[],[237],"4ab6a398-3ce4-11f0-9cef-9e149126039e","config.json","2b53bf9c-c9a4-40ff-96dc-942b8a20d67c",["D",1748561165210],"{\n \"urls\": [\n \"https://hackerhardware.net\"\n ]\n}",[],[244],"5448b23e-3ce4-11f0-8f65-9e149126039e","README.md",3,["D",1748561181269],"# HackerHardware.net Uptime Monitor\n\nThis is a free, hackable uptime/downtime \nmonitor that sends you an email when hackerhardware.net \ndoesn't return a 200. It also stores historical \nuptime and latency data in your Val Town SQLite, \nwhich is used to power a status page.\n\n\n## Installation\n\n1. **Remix** this starter template on the top right to get started.\n2. Edit the list of URLs to what you want to monitor in [config.json](./status/code/config.json)\n3. \\[Optional] You can manually run [monitor](./code/monitor) a couple times to populate your status page with data\n4. \\[Optional] By default, the downtime dector emails you. Yon can [configure it here](./code/notify)\n\n## Contributing\n\nPull requests welcome!\n\nThe awkward piece is that if your config.json might conflict with mine.\nNo worries! Just send the PR anyways, and I'll be sure to get my config.json\nback into shape after I merge your PR.\n\n## Caveats\n\nThis downtime monitor is only as good as Val Town's own uptime, which\ncurrently isn't very good (only three 9's). For serious status pages and uptime, we\nrecommend:\n\n* [Sentry](http://sentry.io/)\n* [BetterStack](https://betterstack.com/)\n\n## Credit\n\nThis project was inspired by [@healeycodes/isMyWebsiteDown](https://www.val.town/v/healeycodes/isMyWebsiteDown).",[],[251],["D",1748561074547],{"_11":12,"_139":74},{"_11":12,"_135":-5,"_73":74,"_30":72,"_136":137,"_138":24},{"_40":104,"_13":16,"_34":37,"_125":91,"_126":64,"_127":65,"_128":95,"_129":130,"_131":132,"_133":14,"_134":12},"ctx",{"_53":-5,"_161":294,"_295":296,"_297":298,"_299":24,"_300":24,"_301":24,"_302":159,"_303":-5,"_304":-7,"_305":-7,"_306":26,"_307":24,"_308":24,"_309":-5,"_310":24,"_311":24,"_312":24,"_313":-5},"ENV",{"_265":266,"_267":268,"_269":16,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · status