\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 1000\",\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}","balloons","children",[],[14],"27121dd6-5ec3-11f0-9346-0224a6c84d84","sparklineSVG","e0f5df37-871d-4664-a1d4-7ec634c59f30",["D",1752285271433],"/** @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}",[],[205],["D",1754824787910],[],[18],"27121b06-5ec3-11f0-9346-0224a6c84d84","monitor","36801ebc-b933-4fd7-ad9a-dbe17024b38e",["D",1752285271433],"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};",[],[215],"997813f0-2169-499e-b2d4-edb179b1ff38","config.json","32e00e34-2011-49e6-8290-e2b400dc0bb3",["D",1782129945473],24,"{\n \"urls\": [\n \"https://freevps.fus.f5.si/\",\n \"https://micro.fu-sen.net.eu.org/\",\n \"https://nanokvm.bal.us.eu.org/\",\n \"https://oci.bal.int.eu.org/\"\n ]\n}",[],[223],"847281ba-6133-11f0-a65b-0224a6c84d84","README.md","313cfbad-ff68-45bb-a5d6-a4b7b999c646",16,["D",1752553434168],9,"# Status page & uptime monitor\n\nRemixed from \n\nThe URL set in this Val is operated on my VPS and Raspbery Pi. \n\n___\n\n## Features of Status Val\n\nServices such as UptimeRobot are available in the village, this Val can be used instead. \nUptimeRobot uses the HEAD every 5 minutes for the free plan. \n(In addition, UptimeRobot can also monitor pings and ports) \nThis Val uses GET and is usually an hourly cron (minimum 15 minutes)\n\n___\n\n## Note\n\nIf you want to add a comment to a URL,\nyou can use `http://example.net.eu.org/files/#comment` .\n\nRemixing multiple Status Vals to display multiple status pages will also work. \n(You don't have to worry about the impact of SQLite)\nThis is useful when you want to change the cron interval or display different depending on the case.\n\nThe display period can be changed by 'limit 200' in the SQL 'select' statement of 'status'. \nIf there are many URLs, the period will be small, so increase the 'limit' value. \nAs soon as you make a change, it will be reflected in the display.\n\nIf you use the free plan, SQLite has a capacity of **10MB**. \nThat's why I created a val that periodically cleans the SQLite data: \n \nGet your SQLite usage capacity: \n \n (with `README.md`)",[],[231],["D",1752285271433],["D",1789491713377],{"_11":12,"_136":73},{"_11":12,"_132":-5,"_72":73,"_30":71,"_133":134,"_135":24},{"_39":121,"_13":16,"_33":36,"_122":83,"_123":63,"_124":64,"_125":87,"_126":127,"_128":129,"_130":14,"_131":12},"ctx",{"_52":-5,"_157":277,"_278":279,"_280":281,"_282":24,"_283":24,"_284":24,"_285":95,"_286":-5,"_287":-7,"_288":-7,"_289":26,"_290":24,"_291":24,"_292":-5,"_293":24,"_294":24,"_295":24,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":16,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"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