useSpanTransactionMetrics.tsx 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. import {Location} from 'history';
  2. import {defined} from 'sentry/utils';
  3. import EventView from 'sentry/utils/discover/eventView';
  4. import {Sort} from 'sentry/utils/discover/fields';
  5. import {DiscoverDatasets} from 'sentry/utils/discover/types';
  6. import {MutableSearch} from 'sentry/utils/tokenizeSearch';
  7. import {useLocation} from 'sentry/utils/useLocation';
  8. import {MetricsFilters, SpanMetricsField} from 'sentry/views/starfish/types';
  9. import {useWrappedDiscoverQuery} from 'sentry/views/starfish/utils/useSpansQuery';
  10. const {SPAN_SELF_TIME} = SpanMetricsField;
  11. export type SpanTransactionMetrics = {
  12. 'avg(http.response_content_length)': number;
  13. 'avg(span.self_time)': number;
  14. 'http_error_count()': number;
  15. 'spm()': number;
  16. 'sum(span.self_time)': number;
  17. 'time_spent_percentage()': number;
  18. transaction: string;
  19. 'transaction.method': string;
  20. };
  21. export const useSpanTransactionMetrics = (
  22. filters: MetricsFilters,
  23. sorts?: Sort[],
  24. cursor?: string,
  25. extraFields?: string[],
  26. enabled: boolean = true,
  27. referrer = 'api.starfish.span-transaction-metrics'
  28. ) => {
  29. const location = useLocation();
  30. const eventView = getEventView(location, filters, sorts, extraFields);
  31. return useWrappedDiscoverQuery<SpanTransactionMetrics[]>({
  32. eventView,
  33. initialData: [],
  34. enabled,
  35. limit: 25,
  36. referrer,
  37. cursor,
  38. });
  39. };
  40. function getEventView(
  41. location: Location,
  42. filters: MetricsFilters = {},
  43. sorts?: Sort[],
  44. extraFields = [] as string[]
  45. ) {
  46. const search = new MutableSearch('');
  47. Object.entries(filters).forEach(([key, value]) => {
  48. if (!defined(value)) {
  49. return;
  50. }
  51. if (Array.isArray(value)) {
  52. search.addFilterValues(key, value);
  53. } else {
  54. search.addFilterValue(key, value);
  55. }
  56. });
  57. const eventView = EventView.fromNewQueryWithLocation(
  58. {
  59. name: '',
  60. query: search.formatString(),
  61. fields: [
  62. 'transaction',
  63. 'transaction.method',
  64. 'spm()',
  65. `sum(${SPAN_SELF_TIME})`,
  66. `avg(${SPAN_SELF_TIME})`,
  67. 'time_spent_percentage()',
  68. 'http_error_count()',
  69. ...extraFields,
  70. ],
  71. orderby: '-time_spent_percentage',
  72. dataset: DiscoverDatasets.SPANS_METRICS,
  73. version: 2,
  74. },
  75. location
  76. );
  77. if (sorts) {
  78. eventView.sorts = sorts;
  79. }
  80. return eventView;
  81. }