\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],"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}",[],[189],"8908caa8-d1c8-11f0-b177-42dde27851f2","notify","019aee24-9886-71b8-9afe-1752dc647aa7",["D",1764931967055],"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}",[],[197],["D",1764931967055],[],[18],"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 · monitor