\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 Uptime Status\n \n \n \n \n

Uptime Status

\n view code\n

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

\n \n ,\n ));\n}","children",[],[130],"040c7254-e589-11ef-8f6d-e6cdfca9ef9f","sparklineSVG","0a72c166-7436-4717-8ff7-45543adb3a97",["D",1738956211252],"/** @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}",[],[173],["D",1738956250414],[],[18],"040c6fac-e589-11ef-8f6d-e6cdfca9ef9f","monitor","4b473035-4977-42d3-b610-0a1efddb191b",["D",1738956211252],"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\nexport async function uptimeCheck(url: string) {\n let reason: string, status: number, end: number;\n let ok = true;\n const start = performance.now();\n try {\n const 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 console.log(`Website down (${url}): ${res.status} (${end - start}ms)`);\n }\n } catch (e) {\n end = performance.now();\n reason = `couldn't fetch: ${e}`;\n ok = false;\n console.log(`Website down (${url}): ${reason} (${end - start}ms)`);\n }\n if (!ok) {\n notify(`Website down (${url})`);\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(uptimeCheck);\n};",[],[183],"0d865732-e589-11ef-a9c3-e6cdfca9ef9f","config.json","28b21044-c6d1-4307-8cbc-fe6b6f01d251",["D",1738956227189],"{\n \"urls\": [\n \"https://charmaineklee.com/\"\n ]\n}",[],[191],"93242b66-e58a-11ef-a61c-e6cdfca9ef9f","README.md","760ce46b-cd26-4765-b889-e3e549b5c64d",["D",1738956880854],"# Status page & uptime monitor\n\nThis is a free, hackable uptime/downtime \nmonitor that sends you an email when the site \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. Fork this val\n2. Edit the list of URLs to what you want to monitor in [config.json](./status/code/config.json)\n3. \\[Optional] By default, the downtime detector emails you. You 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## Credit\n\nThis project was inspired by [@healeycodes/isMyWebsiteDown](https://www.val.town/v/healeycodes/isMyWebsiteDown).",[],[198],["D",1738956211252],{"_11":12,"_99":95},{"_11":12,"_93":-5,"_94":95,"_30":48,"_96":97,"_98":24},{"_78":79,"_13":16,"_37":80,"_81":38,"_82":83,"_84":85,"_86":44,"_87":88,"_89":90,"_91":14,"_92":12},"ctx",{"_71":-5,"_120":241,"_242":243,"_244":245,"_246":24,"_247":24,"_248":24,"_249":52,"_250":-5,"_251":-7,"_252":-7,"_253":26,"_254":24,"_255":24,"_256":-5,"_257":24,"_258":24,"_259":24,"_260":-5},"ENV",{"_212":213,"_214":215,"_216":16,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · notify