Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
4.3 kB · 153 lines
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154import { UTCDate } from "@date-fns/utc";import { endOfDay, isSameDay, startOfDay } from "date-fns";
export function formatMilliseconds(ms: number) { if (ms > 1000) { return `${Intl.NumberFormat("en-US", { style: "unit", unit: "second", maximumFractionDigits: 2, }).format(ms / 1000)}`; }
return `${Intl.NumberFormat("en-US", { style: "unit", unit: "millisecond", }).format(ms)}`;}
export function formatMillisecondsRange(min: number, max: number) { if ((min > 1000 && max > 1000) || (min < 1000 && max < 1000)) { return `${formatNumber(min / 1000)} - ${formatMilliseconds(max)}`; }
return `${formatMilliseconds(min)} - ${formatMilliseconds(max)}`;}
export function formatPercentage(value: number) { if (Number.isNaN(value)) return "100%"; return `${Intl.NumberFormat("en-US", { style: "percent", minimumFractionDigits: 2, maximumFractionDigits: 2, }).format(value)}`;}
export function formatNumber( value: number, options?: Intl.NumberFormatOptions,) { return `${Intl.NumberFormat("en-US", options).format(value)}`;}
// TODO: think of supporting custom formats
// All status-page timestamps render in UTC for consistency across viewers; the// StatusTimestamp hover card surfaces the viewer's local timezone on demand.
export function formatDate( date: Date, options?: Intl.DateTimeFormatOptions & { locale?: string },) { const { locale, ...rest } = options ?? {}; return date.toLocaleDateString(locale, { year: "numeric", month: "long", day: "numeric", ...rest, // last so callers can't override away from UTC (the "(UTC)" label depends on it) timeZone: "UTC", });}
export function formatDateTime(date: Date, locale?: string) { return date.toLocaleDateString(locale, { month: "long", day: "numeric", hour: "numeric", minute: "numeric", timeZone: "UTC", });}
export function formatTime(date: Date, locale?: string) { return date.toLocaleTimeString(locale, { hour: "numeric", minute: "numeric", timeZone: "UTC", });}
/** * Returns the start/end of a closed range as separate strings, collapsing the * `to` side to a time-only render when `from` and `to` fall on the same day. * Use `formatDateRange` for open-ended cases (`Until …` / `Since …`). */export function formatDateRangeParts( from: Date, to: Date, locale?: string,): { from: string; to: string } { if (isSameDay(new UTCDate(from), new UTCDate(to))) { return { from: formatDateTime(from, locale), to: formatTime(to, locale), }; } const isFromStartDay = startOfDay(new UTCDate(from)).getTime() === from.getTime(); const isToEndDay = endOfDay(new UTCDate(to)).getTime() === to.getTime(); if (isFromStartDay && isToEndDay) { return { from: formatDate(from, { locale }), to: formatDate(to, { locale }), }; } return { from: formatDateTime(from, locale), to: formatDateTime(to, locale), };}
export function formatDateRange(from?: Date, to?: Date, locale?: string) { const sameDay = from && to && isSameDay(new UTCDate(from), new UTCDate(to)); const isFromStartDay = from && startOfDay(new UTCDate(from)).getTime() === from.getTime(); const isToEndDay = to && endOfDay(new UTCDate(to)).getTime() === to.getTime();
if (sameDay) { if (from.getTime() === to.getTime()) { return formatDateTime(from, locale); } if (from && to) { return `${formatDateTime(from, locale)} - ${formatTime(to, locale)}`; } }
if (from && to) { if (isFromStartDay && isToEndDay) { return `${formatDate(from, { locale })} - ${formatDate(to, { locale })}`; } return `${formatDateTime(from, locale)} - ${formatDateTime(to, locale)}`; }
if (to) { return `Until ${formatDateTime(to, locale)}`; }
if (from) { return `Since ${formatDateTime(from, locale)}`; }
return "All time";}
export function formatDateForInput(date: Date): string { const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, "0"); const day = String(date.getDate()).padStart(2, "0"); const hours = String(date.getHours()).padStart(2, "0"); const minutes = String(date.getMinutes()).padStart(2, "0");
return `${year}-${month}-${day}T${hours}:${minutes}`;}