tormakris/cf-workers-status-page
1
0
Fork 0
mirror of https://github.com/tormachris/cf-workers-status-page.git synced 2025-07-06 03:52:46 +02:00
Code Releases Activity

refactor: switch css framework to tailwind

Browse Source
This commit is contained in:
Alex
2020-11-20 17:05:13 +01:00
parent 42f422c455
commit fb134bbf74
20 changed files with 1997 additions and 416 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/functions/cronTrigger.js
View File

@ -1,10 +1,6 @@
import config from '../../config.yaml'
import {
setKV,
getKVWithMetadata,
notifySlack,
} from './helpers'
import { setKV, getKVWithMetadata, notifySlack } from './helpers'
function getDate() {
return new Date().toISOString().split('T')[0]
@ -12,7 +8,10 @@ function getDate() {
export async function processCronTrigger(event) {
// Get monitors state from KV
let {value: monitorsState, metadata: monitorsStateMetadata} = await getKVWithMetadata('monitors_data', 'json')
let {
value: monitorsState,
metadata: monitorsStateMetadata,
} = await getKVWithMetadata('monitors_data', 'json')
// Create empty state objects if not exists in KV storage yet
if (!monitorsState) {
@ -28,7 +27,7 @@ export async function processCronTrigger(event) {
for (const monitor of config.monitors) {
// Create default monitor state if does not exist yet
if (typeof monitorsState[monitor.id] === 'undefined') {
monitorsState[monitor.id] = {failedDays: []}
monitorsState[monitor.id] = { failedDays: [] }
}
console.log(`Checking ${monitor.name} ...`)
@ -43,15 +42,22 @@ export async function processCronTrigger(event) {
}
const checkResponse = await fetch(monitor.url, init)
const monitorOperational = checkResponse.status === (monitor.expectStatus || 200)
const monitorOperational =
checkResponse.status === (monitor.expectStatus || 200)
// Send Slack message on monitor change
if (monitorsState[monitor.id].operational !== monitorOperational && typeof SECRET_SLACK_WEBHOOK_URL !== 'undefined' && SECRET_SLACK_WEBHOOK_URL !== 'default-gh-action-secret') {
event.waitUntil(notifySlack(monitor, monitorOperational))
if (
monitorsState[monitor.id].operational !== monitorOperational &&
typeof SECRET_SLACK_WEBHOOK_URL !== 'undefined' &&
SECRET_SLACK_WEBHOOK_URL !== 'default-gh-action-secret'
) {
event.waitUntil(notifySlack(monitor, monitorOperational))
}
monitorsState[monitor.id].operational = checkResponse.status === (monitor.expectStatus || 200)
monitorsState[monitor.id].firstCheck = monitorsState[monitor.id].firstCheck || getDate()
monitorsState[monitor.id].operational =
checkResponse.status === (monitor.expectStatus || 200)
monitorsState[monitor.id].firstCheck =
monitorsState[monitor.id].firstCheck || getDate()
// Set monitorsOperational and push current day to failedDays
if (!monitorOperational) {
@ -72,11 +78,15 @@ export async function processCronTrigger(event) {
const loc = res.headers.get('cf-ray').split('-')[1]
monitorsStateMetadata.lastUpdate = {
loc,
time: Date.now()
time: Date.now(),
}
// Save monitorsState and monitorsStateMetadata to KV storage
await setKV('monitors_data', JSON.stringify(monitorsState), monitorsStateMetadata)
await setKV(
'monitors_data',
JSON.stringify(monitorsState),
monitorsStateMetadata,
)
return new Response('OK')
}

31
src/functions/helpers.js
View File

@ -1,8 +1,8 @@
import config from '../../config.yaml'
import {useEffect, useState} from 'react'
import { useEffect, useState } from 'react'
export async function getMonitors() {
return await getKVWithMetadata('monitors_data', "json")
return await getKVWithMetadata('monitors_data', 'json')
}
export async function setKV(key, value, metadata, expirationTtl) {
@ -23,11 +23,10 @@ export async function notifySlack(monitor, operational) {
type: 'section',
text: {
type: 'mrkdwn',
text: `Monitor *${monitor.name}* changed status to *${
operational
text: `Monitor *${monitor.name}* changed status to *${operational
? config.settings.monitorLabelOperational
: config.settings.monitorLabelNotOperational
}*`,
}*`,
},
},
{
@ -35,11 +34,9 @@ export async function notifySlack(monitor, operational) {
elements: [
{
type: 'mrkdwn',
text: `${
operational ? ':white_check_mark:' : ':x:'
} \`${monitor.method ? monitor.method : "GET"} ${monitor.url}\` - :eyes: <${
config.settings.url
}|Status Page>`,
text: `${operational ? ':white_check_mark:' : ':x:'} \`${monitor.method ? monitor.method : 'GET'
} ${monitor.url}\` - :eyes: <${config.settings.url
}|Status Page>`,
},
],
},
@ -59,24 +56,24 @@ export function useKeyPress(targetKey) {
function downHandler({ key }) {
if (key === targetKey) {
setKeyPressed(true);
setKeyPressed(true)
}
}
const upHandler = ({ key }) => {
if (key === targetKey) {
setKeyPressed(false);
setKeyPressed(false)
}
}
useEffect(() => {
window.addEventListener('keydown', downHandler);
window.addEventListener('keyup', upHandler);
window.addEventListener('keydown', downHandler)
window.addEventListener('keyup', upHandler)
return () => {
window.removeEventListener('keydown', downHandler);
window.removeEventListener('keyup', upHandler);
};
window.removeEventListener('keydown', downHandler)
window.removeEventListener('keyup', upHandler)
}
}, [])
return keyPressed