urls.tsx 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. import type {Location, LocationDescriptorObject} from 'history';
  2. import type {Organization, OrganizationSummary} from 'sentry/types/organization';
  3. import {getTraceDetailsUrl} from 'sentry/views/performance/traceDetails/utils';
  4. import {getTimeStampFromTableDateField} from '../dates';
  5. import {getTransactionDetailsUrl} from '../performance/urls';
  6. import {normalizeUrl} from '../withDomainRequired';
  7. import type {EventData} from './eventView';
  8. import EventView from './eventView';
  9. /**
  10. * Create a slug that can be used with discover details views
  11. * or as a reference event for event-stats requests
  12. */
  13. export function generateEventSlug(eventData: EventData): string {
  14. const id = eventData.id || eventData.latest_event;
  15. const projectSlug = eventData.project || eventData['project.name'];
  16. return `${projectSlug}:${id}`;
  17. }
  18. /**
  19. * Create a URL to an event details view.
  20. */
  21. export function eventDetailsRoute({
  22. eventSlug,
  23. orgSlug,
  24. }: {
  25. eventSlug: string;
  26. orgSlug: string;
  27. }): string {
  28. return normalizeUrl(`/organizations/${orgSlug}/discover/${eventSlug}/`);
  29. }
  30. /**
  31. * Return a URL to the trace view or the event details view depending on the
  32. * feature flag.
  33. *
  34. * TODO Abdullah Khan: Add link to new trace view doc explaining why we route to the traceview.
  35. */
  36. export function generateLinkToEventInTraceView({
  37. organization,
  38. isHomepage,
  39. location,
  40. spanId,
  41. projectSlug,
  42. timestamp,
  43. traceSlug,
  44. eventId,
  45. transactionName,
  46. eventView,
  47. type = 'performance',
  48. }: {
  49. eventId: string;
  50. location: Location;
  51. organization: Pick<Organization, 'slug' | 'features'>;
  52. projectSlug: string;
  53. timestamp: string | number;
  54. traceSlug: string;
  55. eventView?: EventView;
  56. isHomepage?: boolean;
  57. spanId?: string;
  58. transactionName?: string;
  59. type?: 'performance' | 'discover';
  60. }) {
  61. const _eventView = eventView ?? EventView.fromLocation(location);
  62. const dateSelection = _eventView.normalizeDateSelection(location);
  63. const normalizedTimestamp = getTimeStampFromTableDateField(timestamp);
  64. const eventSlug = generateEventSlug({id: eventId, project: projectSlug});
  65. if (organization.features.includes('trace-view-v1')) {
  66. return getTraceDetailsUrl(
  67. organization,
  68. String(traceSlug),
  69. dateSelection,
  70. location.query,
  71. normalizedTimestamp,
  72. eventId,
  73. spanId
  74. );
  75. }
  76. if (type === 'performance') {
  77. return getTransactionDetailsUrl(
  78. organization.slug,
  79. eventSlug,
  80. transactionName,
  81. location.query,
  82. spanId
  83. );
  84. }
  85. const target: LocationDescriptorObject = {
  86. pathname: eventDetailsRoute({
  87. orgSlug: organization.slug,
  88. eventSlug,
  89. }),
  90. query: {..._eventView.generateQueryStringObject(), homepage: isHomepage},
  91. };
  92. if (spanId) {
  93. target.hash = `span-${spanId}`;
  94. }
  95. return target;
  96. }
  97. /**
  98. * Create a URL target to event details with an event view in the query string.
  99. */
  100. export function eventDetailsRouteWithEventView({
  101. orgSlug,
  102. eventSlug,
  103. eventView,
  104. isHomepage,
  105. }: {
  106. eventSlug: string;
  107. eventView: EventView;
  108. orgSlug: string;
  109. isHomepage?: boolean;
  110. }) {
  111. const pathname = eventDetailsRoute({
  112. orgSlug,
  113. eventSlug,
  114. });
  115. return {
  116. pathname,
  117. query: {...eventView.generateQueryStringObject(), homepage: isHomepage},
  118. };
  119. }
  120. /**
  121. * Get the URL for the discover entry page which changes based on organization
  122. * feature flags.
  123. */
  124. export function getDiscoverLandingUrl(organization: OrganizationSummary): string {
  125. if (organization.features.includes('discover-query')) {
  126. return `/organizations/${organization.slug}/discover/homepage/`;
  127. }
  128. return `/organizations/${organization.slug}/discover/results/`;
  129. }
  130. export function getDiscoverQueriesUrl(organization: OrganizationSummary): string {
  131. return `/organizations/${organization.slug}/discover/queries/`;
  132. }