import {DateTimeObject, getSeriesApiInterval} from 'sentry/components/charts/utils';
import {DATA_CATEGORY_INFO} from 'sentry/constants';
import {DataCategoryInfo} from 'sentry/types';
import {formatBytesBase10} from 'sentry/utils';
import {parsePeriodToHours} from 'sentry/utils/dates';
const MILLION = 10 ** 6;
const BILLION = 10 ** 9;
const GIGABYTE = 10 ** 9;
type FormatOptions = {
/**
* Truncate 1234 => 1.2k or 1,234,000 to 1.23M
*/
isAbbreviated?: boolean;
/**
* Convert attachments to use the most appropriate unit KB/MB/GB/TB/etc.
* Otherwise, it will default to GB
*/
useUnitScaling?: boolean;
};
/**
* This expects usage values/quantities for the data categories that we sell.
*
* Note: usageQuantity for Attachments should be in BYTES
*/
export function formatUsageWithUnits(
usageQuantity: number = 0,
dataCategory: DataCategoryInfo['plural'],
options: FormatOptions = {isAbbreviated: false, useUnitScaling: false}
) {
if (dataCategory !== DATA_CATEGORY_INFO.attachment.plural) {
return options.isAbbreviated
? abbreviateUsageNumber(usageQuantity)
: usageQuantity.toLocaleString();
}
if (options.useUnitScaling) {
return formatBytesBase10(usageQuantity);
}
const usageGb = usageQuantity / GIGABYTE;
return options.isAbbreviated
? `${abbreviateUsageNumber(usageGb)} GB`
: `${usageGb.toLocaleString(undefined, {maximumFractionDigits: 2})} GB`;
}
/**
* Good default for "formatUsageWithUnits"
*/
export function getFormatUsageOptions(
dataCategory: DataCategoryInfo['plural']
): FormatOptions {
return {
isAbbreviated: dataCategory !== DATA_CATEGORY_INFO.attachment.plural,
useUnitScaling: dataCategory === DATA_CATEGORY_INFO.attachment.plural,
};
}
/**
* Instead of using this function directly, use formatReservedWithUnits or
* formatUsageWithUnits with options.isAbbreviated to true instead.
*
* This function display different precision for billion/million/thousand to
* provide clarity on usage of errors/transactions/attachments to the user.
*
* If you are not displaying usage numbers, it might be better to use
* `formatAbbreviatedNumber` in 'sentry/utils/formatters'
*/
export function abbreviateUsageNumber(n: number) {
if (n >= BILLION) {
return (n / BILLION).toLocaleString(undefined, {maximumFractionDigits: 2}) + 'B';
}
if (n >= MILLION) {
return (n / MILLION).toLocaleString(undefined, {maximumFractionDigits: 1}) + 'M';
}
if (n >= 1000) {
return (n / 1000).toFixed().toLocaleString() + 'K';
}
// Do not show decimals
return n.toFixed().toLocaleString();
}
/**
* We want to display datetime in UTC in the following situations:
*
* 1) The user selected an absolute date range with UTC
* 2) The user selected a wide date range with 1d interval
*
* When the interval is 1d, we need to use UTC because the 24 hour range might
* shift forward/backward depending on the user's timezone, or it might be
* displayed as a day earlier/later
*/
export function isDisplayUtc(datetime: DateTimeObject): boolean {
if (datetime.utc) {
return true;
}
const interval = getSeriesApiInterval(datetime);
const hours = parsePeriodToHours(interval);
return hours >= 24;
}
/**
* HACK(dlee): client-side pagination
*/
export function getOffsetFromCursor(cursor?: string) {
const offset = Number(cursor?.split(':')[1]);
return isNaN(offset) ? 0 : offset;
}
/**
* HACK(dlee): client-side pagination
*/
export function getPaginationPageLink({
numRows,
pageSize,
offset,
}: {
numRows: number;
offset: number;
pageSize: number;
}) {
const prevOffset = offset - pageSize;
const nextOffset = offset + pageSize;
return `; rel="previous"; results="${prevOffset >= 0}"; cursor="0:${Math.max(
0,
prevOffset
)}:1", ; rel="next"; results="${
nextOffset < numRows
}"; cursor="0:${nextOffset}:0"`;
}