Feature: true ping, rename old ping to siteMonitor (#2215)
shamoon
1 year ago
committed by
GitHub
parent
0c8c759f8a
commit
792f768a7f
@ -0,0 +1,63 @@
|
||||
import { useTranslation } from "react-i18next";
|
||||
import useSWR from "swr";
|
||||
|
||||
export default function SiteMonitor({ group, service, style }) {
|
||||
const { t } = useTranslation();
|
||||
const { data, error } = useSWR(`/api/siteMonitor?${new URLSearchParams({ group, service }).toString()}`, {
|
||||
refreshInterval: 30000,
|
||||
});
|
||||
|
||||
let colorClass = "text-black/20 dark:text-white/40 opacity-20";
|
||||
let backgroundClass = "bg-theme-500/10 dark:bg-theme-900/50 px-1.5 py-0.5";
|
||||
let statusTitle = t("siteMonitor.http_status");
|
||||
let statusText = "";
|
||||
|
||||
if (error) {
|
||||
colorClass = "text-rose-500";
|
||||
statusText = t("siteMonitor.error");
|
||||
statusTitle += ` ${t("siteMonitor.error")}`;
|
||||
} else if (!data) {
|
||||
statusText = t("siteMonitor.response");
|
||||
statusTitle += ` ${t("siteMonitor.not_available")}`;
|
||||
} else if (data.status > 403) {
|
||||
colorClass = "text-rose-500/80";
|
||||
statusTitle += ` ${data.status}`;
|
||||
|
||||
if (style === "basic") {
|
||||
statusText = t("siteMonitor.down");
|
||||
} else {
|
||||
statusText = data.status;
|
||||
}
|
||||
} else if (data) {
|
||||
const responseTime = t("common.ms", {
|
||||
value: data.latency,
|
||||
style: "unit",
|
||||
unit: "millisecond",
|
||||
maximumFractionDigits: 0,
|
||||
});
|
||||
statusTitle += ` ${data.status} (${responseTime})`;
|
||||
colorClass = "text-emerald-500/80";
|
||||
|
||||
if (style === "basic") {
|
||||
statusText = t("siteMonitor.up");
|
||||
} else {
|
||||
statusText = responseTime;
|
||||
colorClass += " lowercase";
|
||||
}
|
||||
}
|
||||
|
||||
if (style === "dot") {
|
||||
backgroundClass = "p-4";
|
||||
colorClass = colorClass.replace(/text-/g, "bg-").replace(/\/\d\d/g, "");
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
className={`w-auto text-center rounded-b-[3px] overflow-hidden site-monitor-status ${backgroundClass}`}
|
||||
title={statusTitle}
|
||||
>
|
||||
{style !== "dot" && <div className={`font-bold uppercase text-[8px] ${colorClass}`}>{statusText}</div>}
|
||||
{style === "dot" && <div className={`rounded-full h-3 w-3 ${colorClass}`} />}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,52 @@
|
||||
import { performance } from "perf_hooks";
|
||||
|
||||
import { getServiceItem } from "utils/config/service-helpers";
|
||||
import createLogger from "utils/logger";
|
||||
import { httpProxy } from "utils/proxy/http";
|
||||
|
||||
const logger = createLogger("siteMonitor");
|
||||
|
||||
export default async function handler(req, res) {
|
||||
const { group, service } = req.query;
|
||||
const serviceItem = await getServiceItem(group, service);
|
||||
if (!serviceItem) {
|
||||
logger.debug(`No service item found for group ${group} named ${service}`);
|
||||
return res.status(400).send({
|
||||
error: "Unable to find service, see log for details.",
|
||||
});
|
||||
}
|
||||
|
||||
const { siteMonitor: monitorURL } = serviceItem;
|
||||
|
||||
if (!monitorURL) {
|
||||
logger.debug("No http monitor URL specified");
|
||||
return res.status(400).send({
|
||||
error: "No http monitor URL given",
|
||||
});
|
||||
}
|
||||
|
||||
try {
|
||||
let startTime = performance.now();
|
||||
let [status] = await httpProxy(monitorURL, {
|
||||
method: "HEAD",
|
||||
});
|
||||
let endTime = performance.now();
|
||||
|
||||
if (status > 403) {
|
||||
// try one more time as a GET in case HEAD is rejected for whatever reason
|
||||
startTime = performance.now();
|
||||
[status] = await httpProxy(monitorURL);
|
||||
endTime = performance.now();
|
||||
}
|
||||
|
||||
return res.status(200).json({
|
||||
status,
|
||||
latency: endTime - startTime,
|
||||
});
|
||||
} catch (e) {
|
||||
logger.debug("Error attempting http monitor: %s", e);
|
||||
return res.status(400).send({
|
||||
error: "Error attempting http monitor, see logs.",
|
||||
});
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue