import {useMemo} from 'react'; import type {Location} from 'history'; import * as qs from 'query-string'; import type {Client} from 'sentry/api'; import {normalizeDateTimeParams} from 'sentry/components/organizations/pageFilters/parse'; import type {PageFilters} from 'sentry/types'; import type { TraceFullDetailed, TraceSplitResults, } from 'sentry/utils/performance/quickTrace/types'; import {useApiQuery, type UseApiQueryResult} from 'sentry/utils/queryClient'; import {decodeScalar} from 'sentry/utils/queryString'; import useOrganization from 'sentry/utils/useOrganization'; import usePageFilters from 'sentry/utils/usePageFilters'; import {useParams} from 'sentry/utils/useParams'; export function fetchTrace( api: Client, params: { orgSlug: string; query: string; traceId: string; } ): Promise> { return api.requestPromise( `/organizations/${params.orgSlug}/events-trace/${params.traceId}/?${params.query}` ); } const DEFAULT_TIMESTAMP_LIMIT = 10_000; const DEFAULT_LIMIT = 1_000; export function getTraceQueryParams( query: Location['query'], filters: Partial = {}, options: {limit?: number} = {} ): { eventId: string | undefined; limit: number; timestamp: string | undefined; useSpans: number; pageEnd?: string | undefined; pageStart?: string | undefined; statsPeriod?: string | undefined; } { const normalizedParams = normalizeDateTimeParams(query, { allowAbsolutePageDatetime: true, }); const statsPeriod = decodeScalar(normalizedParams.statsPeriod); const timestamp = decodeScalar(normalizedParams.timestamp); let decodedLimit: string | number | undefined = options.limit ?? decodeScalar(normalizedParams.limit); if (typeof decodedLimit === 'string') { decodedLimit = parseInt(decodedLimit, 10); } const eventId = decodeScalar(normalizedParams.eventId); if (timestamp) { decodedLimit = decodedLimit ?? DEFAULT_TIMESTAMP_LIMIT; } else { decodedLimit = decodedLimit ?? DEFAULT_LIMIT; } const limit = decodedLimit; const otherParams: Record = { end: normalizedParams.pageEnd, start: normalizedParams.pageStart, statsPeriod: statsPeriod || filters.datetime?.period, }; // We prioritize timestamp over statsPeriod as it makes the query more specific, faster // and not prone to time drift issues. if (timestamp) { delete otherParams.statsPeriod; } const queryParams = {...otherParams, limit, timestamp, eventId, useSpans: 1}; for (const key in queryParams) { if ( queryParams[key] === '' || queryParams[key] === null || queryParams[key] === undefined ) { delete queryParams[key]; } } return queryParams; } type UseTraceParams = { limit?: number; }; const DEFAULT_OPTIONS = {}; export function useTrace( options: Partial = DEFAULT_OPTIONS ): UseApiQueryResult, any> { const filters = usePageFilters(); const organization = useOrganization(); const params = useParams<{traceSlug?: string}>(); const queryParams = useMemo(() => { const query = qs.parse(location.search); return getTraceQueryParams(query, filters.selection, options); // eslint-disable-next-line react-hooks/exhaustive-deps }, [options]); return useApiQuery( [ `/organizations/${organization.slug}/events-trace/${params.traceSlug ?? ''}/`, {query: queryParams}, ], { staleTime: Infinity, enabled: !!params.traceSlug && !!organization.slug, } ); }