import cronstrue from 'cronstrue'; import {t, tn} from 'sentry/locale'; import type {Organization, SelectValue} from 'sentry/types'; import {shouldUse24Hours} from 'sentry/utils/dates'; import type {ColorOrAlias} from 'sentry/utils/theme'; import type {MonitorConfig} from 'sentry/views/monitors/types'; import {CheckInStatus, ScheduleType} from 'sentry/views/monitors/types'; export function makeMonitorListQueryKey( organization: Organization, params: Record ) { const {query, project, environment, cursor, sort, asc} = params; return [ `/organizations/${organization.slug}/monitors/`, { query: { cursor, query, project, environment, includeNew: true, per_page: 20, sort, asc, }, }, ] as const; } export function makeMonitorDetailsQueryKey( organization: Organization, projectId: string, monitorSlug: string, query?: Record ) { return [ `/projects/${organization.slug}/${projectId}/monitors/${monitorSlug}/`, {query}, ] as const; } export function crontabAsText(crontabInput: string | null): string | null { if (!crontabInput) { return null; } let parsedSchedule: string; try { parsedSchedule = cronstrue.toString(crontabInput, { verbose: false, use24HourTimeFormat: shouldUse24Hours(), }); } catch (_e) { return null; } return parsedSchedule; } export function scheduleAsText(config: MonitorConfig) { // Crontab format uses cronstrue if (config.schedule_type === ScheduleType.CRONTAB) { const parsedSchedule = crontabAsText(config.schedule); return parsedSchedule ?? t('Unknown schedule'); } if (config.schedule_type === ScheduleType.INTERVAL) { // Interval format is simpler const [value, timeUnit] = config.schedule; if (timeUnit === 'minute') { return tn('Every minute', 'Every %s minutes', value); } if (timeUnit === 'hour') { return tn('Every hour', 'Every %s hours', value); } if (timeUnit === 'day') { return tn('Every day', 'Every %s days', value); } if (timeUnit === 'week') { return tn('Every week', 'Every %s weeks', value); } if (timeUnit === 'month') { return tn('Every month', 'Every %s months', value); } if (timeUnit === 'year') { return tn('Every year', 'Every %s years', value); } } return t('Unknown schedule'); } export const statusToText: Record = { [CheckInStatus.OK]: t('Okay'), [CheckInStatus.ERROR]: t('Failed'), [CheckInStatus.IN_PROGRESS]: t('In Progress'), [CheckInStatus.MISSED]: t('Missed'), [CheckInStatus.TIMEOUT]: t('Timed Out'), }; interface TickStyle { /** * The color of the tooltip label */ labelColor: ColorOrAlias; /** * The color of the tick */ tickColor: ColorOrAlias; /** * Use a cross hatch fill for the tick instead of a solid color. The tick * color will be used as the border color */ hatchTick?: ColorOrAlias; } export const tickStyle: Record = { [CheckInStatus.ERROR]: { labelColor: 'red400', tickColor: 'red300', }, [CheckInStatus.TIMEOUT]: { labelColor: 'red400', tickColor: 'red300', hatchTick: 'red200', }, [CheckInStatus.OK]: { labelColor: 'green400', tickColor: 'green300', }, [CheckInStatus.MISSED]: { labelColor: 'yellow400', tickColor: 'yellow300', }, [CheckInStatus.IN_PROGRESS]: { labelColor: 'disabled', tickColor: 'disabled', }, }; export const getScheduleIntervals = (n: number): SelectValue[] => [ {value: 'minute', label: tn('minute', 'minutes', n)}, {value: 'hour', label: tn('hour', 'hours', n)}, {value: 'day', label: tn('day', 'days', n)}, {value: 'week', label: tn('week', 'weeks', n)}, {value: 'month', label: tn('month', 'months', n)}, {value: 'year', label: tn('year', 'years', n)}, ];