123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- import type {Location, Query} from 'history';
- import {t} from 'sentry/locale';
- import type {TableDataRow} from 'sentry/utils/discover/discoverQuery';
- import type EventView from 'sentry/utils/discover/eventView';
- import type {QueryFieldValue} from 'sentry/utils/discover/fields';
- import {decodeScalar} from 'sentry/utils/queryString';
- import type {DomainView} from 'sentry/views/insights/pages/useFilters';
- import type {SpanOperationBreakdownFilter} from '../filter';
- import {filterToField} from '../filter';
- import {getTransactionSummaryBaseUrl, TransactionFilterOptions} from '../utils';
- export enum EventsDisplayFilterName {
- P50 = 'p50',
- P75 = 'p75',
- P95 = 'p95',
- P99 = 'p99',
- P100 = 'p100',
- }
- export type PercentileValues = Record<EventsDisplayFilterName, number>;
- export type EventsDisplayFilter = {
- label: string;
- name: EventsDisplayFilterName;
- query?: string[][];
- sort?: {field: string; kind: 'desc' | 'asc'};
- };
- export type EventsFilterOptions = {
- [name in EventsDisplayFilterName]: EventsDisplayFilter;
- };
- export type EventsFilterPercentileValues = {
- [name in Exclude<EventsDisplayFilterName, EventsDisplayFilterName.P100>]: number;
- };
- export function getEventsFilterOptions(
- spanOperationBreakdownFilter: SpanOperationBreakdownFilter,
- percentileValues?: EventsFilterPercentileValues
- ): EventsFilterOptions {
- const {p99, p95, p75, p50} = percentileValues
- ? percentileValues
- : {p99: 0, p95: 0, p75: 0, p50: 0};
- return {
- [EventsDisplayFilterName.P50]: {
- name: EventsDisplayFilterName.P50,
- query: p50 ? [['transaction.duration', `<=${p50.toFixed(0)}`]] : undefined,
- sort: {
- kind: 'desc',
- field: filterToField(spanOperationBreakdownFilter) || 'transaction.duration',
- },
- label: t('p50'),
- },
- [EventsDisplayFilterName.P75]: {
- name: EventsDisplayFilterName.P75,
- query: p75 ? [['transaction.duration', `<=${p75.toFixed(0)}`]] : undefined,
- sort: {
- kind: 'desc',
- field: filterToField(spanOperationBreakdownFilter) || 'transaction.duration',
- },
- label: t('p75'),
- },
- [EventsDisplayFilterName.P95]: {
- name: EventsDisplayFilterName.P95,
- query: p95 ? [['transaction.duration', `<=${p95.toFixed(0)}`]] : undefined,
- sort: {
- kind: 'desc',
- field: filterToField(spanOperationBreakdownFilter) || 'transaction.duration',
- },
- label: t('p95'),
- },
- [EventsDisplayFilterName.P99]: {
- name: EventsDisplayFilterName.P99,
- query: p99 ? [['transaction.duration', `<=${p99.toFixed(0)}`]] : undefined,
- sort: {
- kind: 'desc',
- field: filterToField(spanOperationBreakdownFilter) || 'transaction.duration',
- },
- label: t('p99'),
- },
- [EventsDisplayFilterName.P100]: {
- name: EventsDisplayFilterName.P100,
- label: t('p100'),
- },
- };
- }
- export function eventsRouteWithQuery({
- orgSlug,
- transaction,
- projectID,
- query,
- view,
- }: {
- orgSlug: string;
- query: Query;
- transaction: string;
- projectID?: string | string[];
- view?: DomainView;
- }) {
- const pathname = `${getTransactionSummaryBaseUrl(orgSlug, view)}/events/`;
- return {
- pathname,
- query: {
- transaction,
- project: projectID,
- environment: query.environment,
- statsPeriod: query.statsPeriod,
- start: query.start,
- end: query.end,
- query: query.query,
- },
- };
- }
- function stringToFilter(option: string) {
- if (
- Object.values(EventsDisplayFilterName).includes(option as EventsDisplayFilterName)
- ) {
- return option as EventsDisplayFilterName;
- }
- return EventsDisplayFilterName.P100;
- }
- export function decodeEventsDisplayFilterFromLocation(location: Location) {
- return stringToFilter(
- decodeScalar(location.query.showTransactions, EventsDisplayFilterName.P100)
- );
- }
- export function filterEventsDisplayToLocationQuery(
- option: EventsDisplayFilterName,
- spanOperationBreakdownFilter: SpanOperationBreakdownFilter
- ) {
- const eventsFilterOptions = getEventsFilterOptions(spanOperationBreakdownFilter);
- const kind = eventsFilterOptions[option].sort?.kind;
- const field = eventsFilterOptions[option].sort?.field;
- const query: {showTransactions: string; sort?: string} = {
- showTransactions: option,
- };
- if (kind && field) {
- query.sort = `${kind === 'desc' ? '-' : ''}${field}`;
- }
- return query;
- }
- export function mapShowTransactionToPercentile(
- showTransaction
- ): EventsDisplayFilterName | undefined {
- switch (showTransaction) {
- case TransactionFilterOptions.OUTLIER:
- return EventsDisplayFilterName.P100;
- case TransactionFilterOptions.SLOW:
- return EventsDisplayFilterName.P95;
- default:
- return undefined;
- }
- }
- export function mapPercentileValues(percentileData?: TableDataRow | null) {
- return {
- p100: percentileData?.['p100()'],
- p99: percentileData?.['p99()'],
- p95: percentileData?.['p95()'],
- p75: percentileData?.['p75()'],
- p50: percentileData?.['p50()'],
- } as PercentileValues;
- }
- export function getPercentilesEventView(eventView: EventView): EventView {
- const percentileColumns: QueryFieldValue[] = [
- {
- kind: 'function',
- function: ['p100', '', undefined, undefined],
- },
- {
- kind: 'function',
- function: ['p99', '', undefined, undefined],
- },
- {
- kind: 'function',
- function: ['p95', '', undefined, undefined],
- },
- {
- kind: 'function',
- function: ['p75', '', undefined, undefined],
- },
- {
- kind: 'function',
- function: ['p50', '', undefined, undefined],
- },
- ];
- return eventView.withColumns(percentileColumns);
- }
|