\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",[],[14],"8908cbd4-d1c8-11f0-b177-42dde27851f2","sparklineSVG","019aee24-9886-71b8-9afe-198bcd06fb62",["D",1764931967055],"/** @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}",[],[189],["D",1764931967055],[],[18],"8908c828-d1c8-11f0-b177-42dde27851f2","monitor","019aee24-9886-71b8-9afe-13c3827ebe76",["D",1764931967055],"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};",[],[199],"8908c670-d1c8-11f0-b177-42dde27851f2","config.json","019aee24-9886-71b8-9afe-0d3fb333eb88",["D",1764931967055],"{\n \"urls\": [\n \"https://jonnie.com\", \n \"https://faith.tools/\",\n \"https://stevekrouse.com\",\n \"https://dateme.directory\"\n ]\n}",[],[207],"8908b8c4-d1c8-11f0-b177-42dde27851f2","README.md","019aee24-9886-71b8-9afe-0842ff4bc0ed",["D",1764931967055],"# 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. **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).",[],[214],["D",1764931967055],{"_11":12,"_125":72},{"_11":12,"_120":121,"_71":72,"_30":70,"_122":123,"_124":24},{"_38":39,"_13":16,"_32":35,"_110":74,"_111":62,"_112":63,"_113":78,"_114":115,"_116":117,"_118":14,"_119":12},"ctx",{"_51":-5,"_146":257,"_258":259,"_260":261,"_262":24,"_263":24,"_264":24,"_265":87,"_266":-5,"_267":-7,"_268":-7,"_269":26,"_270":24,"_271":24,"_272":-5,"_273":24,"_274":24,"_275":24,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":16,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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