-
-
Notifications
You must be signed in to change notification settings - Fork 4.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(source-map-debug): Connect source map debug modal to backend (#5…
- Loading branch information
Showing
6 changed files
with
364 additions
and
176 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
171 changes: 171 additions & 0 deletions
171
static/app/components/events/interfaces/crashContent/exception/useSourceMapDebuggerData.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,171 @@ | ||
| import {FrameSourceMapDebuggerData} from 'sentry/components/events/interfaces/sourceMapsDebuggerModal'; | ||
| import {Event} from 'sentry/types/event'; | ||
| import {useApiQuery} from 'sentry/utils/queryClient'; | ||
| import useOrganization from 'sentry/utils/useOrganization'; | ||
|
|
||
| interface SourceMapDebugBlueThunderResponseFrame { | ||
| debug_id_process: { | ||
| debug_id: string | null; | ||
| uploaded_source_file_with_correct_debug_id: boolean; | ||
| uploaded_source_map_with_correct_debug_id: boolean; | ||
| }; | ||
| release_process: { | ||
| abs_path: string; | ||
| matching_source_file_names: string[]; | ||
| matching_source_map_name: string | null; | ||
| source_file_lookup_result: 'found' | 'wrong-dist' | 'unsuccessful'; | ||
| source_map_lookup_result: 'found' | 'wrong-dist' | 'unsuccessful'; | ||
| source_map_reference: string | null; | ||
| } | null; | ||
| } | ||
|
|
||
| interface SourceMapDebugBlueThunderResponse { | ||
| dist: string | null; | ||
| exceptions: { | ||
| frames: SourceMapDebugBlueThunderResponseFrame[]; | ||
| }[]; | ||
| has_debug_ids: boolean; | ||
| has_uploaded_some_artifact_with_a_debug_id: boolean; | ||
| project_has_some_artifact_bundle: boolean; | ||
| release: string | null; | ||
| release_has_some_artifact: boolean; | ||
| sdk_debug_id_support: 'not-supported' | 'unofficial-sdk' | 'needs-upgrade' | 'full'; | ||
| sdk_version: string | null; | ||
| } | ||
|
|
||
| export function useSourceMapDebuggerData(event: Event, projectSlug: string) { | ||
| const isSdkThatShouldShowSourceMapsDebugger = | ||
| !!event.sdk?.name.startsWith('sentry.javascript.'); | ||
| const organization = useOrganization({allowNull: true}); | ||
| const {data: sourceMapDebuggerData} = useApiQuery<SourceMapDebugBlueThunderResponse>( | ||
| [ | ||
| `/projects/${organization!.slug}/${projectSlug}/events/${ | ||
| event.id | ||
| }/source-map-debug-blue-thunder-edition/`, | ||
| ], | ||
| { | ||
| enabled: | ||
| isSdkThatShouldShowSourceMapsDebugger && | ||
| organization !== null && | ||
| organization.features.includes('source-maps-debugger-blue-thunder-edition'), | ||
| staleTime: Infinity, | ||
| retry: false, | ||
| refetchOnWindowFocus: false, | ||
| } | ||
| ); | ||
| return sourceMapDebuggerData; | ||
| } | ||
|
|
||
| function getDebugIdProgress( | ||
| sourceMapDebuggerData: SourceMapDebugBlueThunderResponse, | ||
| debuggerFrame: SourceMapDebugBlueThunderResponseFrame | ||
| ) { | ||
| let debugIdProgress = 0; | ||
| if (sourceMapDebuggerData.sdk_debug_id_support === 'full') { | ||
| debugIdProgress++; | ||
| } | ||
| if (debuggerFrame.debug_id_process.debug_id !== null) { | ||
| debugIdProgress++; | ||
| } | ||
| if (debuggerFrame.debug_id_process.uploaded_source_file_with_correct_debug_id) { | ||
| debugIdProgress++; | ||
| } | ||
| if (debuggerFrame.debug_id_process.uploaded_source_map_with_correct_debug_id) { | ||
| debugIdProgress++; | ||
| } | ||
| return {debugIdProgress, debugIdProgressPercent: debugIdProgress / 4}; | ||
| } | ||
|
|
||
| function getReleaseProgress( | ||
| sourceMapDebuggerData: SourceMapDebugBlueThunderResponse, | ||
| debuggerFrame: SourceMapDebugBlueThunderResponseFrame | ||
| ) { | ||
| let releaseProgress = 0; | ||
| if (sourceMapDebuggerData.release !== null) { | ||
| releaseProgress++; | ||
| } | ||
| if (sourceMapDebuggerData.release_has_some_artifact) { | ||
| releaseProgress++; | ||
| } | ||
| if (debuggerFrame.release_process?.source_file_lookup_result === 'found') { | ||
| releaseProgress++; | ||
| } | ||
| if (debuggerFrame.release_process?.source_map_lookup_result === 'found') { | ||
| releaseProgress++; | ||
| } | ||
| return {releaseProgress, releaseProgressPercent: releaseProgress / 4}; | ||
| } | ||
|
|
||
| function getScrapingProgress() { | ||
| const scrapingProgress = 0; | ||
|
|
||
| // TODO: Once we have data on scraping uncomment below and add logic to track progress. | ||
|
|
||
| // if (sourceResolutionResults.sourceFileScrapingStatus.status === 'found') { | ||
| // scrapingProgress++; | ||
| // } | ||
| // if (todo === 'found') { | ||
| // // We give this step a relative weight of 4/5ths because this is actually way | ||
| // // harder than step 1 and we want do deprioritize this tab over the others | ||
| // // because the scraping process comes with a few downsides that aren't immediately | ||
| // // obvious. | ||
| // scrapingProgress += 4; | ||
| // } | ||
| return {scrapingProgress, scrapingProgressPercent: scrapingProgress / 5}; | ||
| } | ||
|
|
||
| export function prepareSourceMapDebuggerFrameInformation( | ||
| sourceMapDebuggerData: SourceMapDebugBlueThunderResponse, | ||
| debuggerFrame: SourceMapDebugBlueThunderResponseFrame | ||
| ): FrameSourceMapDebuggerData { | ||
| const {debugIdProgressPercent, debugIdProgress} = getDebugIdProgress( | ||
| sourceMapDebuggerData, | ||
| debuggerFrame | ||
| ); | ||
| const {releaseProgressPercent, releaseProgress} = getReleaseProgress( | ||
| sourceMapDebuggerData, | ||
| debuggerFrame | ||
| ); | ||
| const {scrapingProgressPercent, scrapingProgress} = getScrapingProgress(); | ||
|
|
||
| const frameIsResolved = | ||
| debugIdProgressPercent === 1 || | ||
| releaseProgressPercent === 1 || | ||
| scrapingProgressPercent === 1; | ||
|
|
||
| return { | ||
| dist: sourceMapDebuggerData.dist, | ||
| eventHasDebugIds: sourceMapDebuggerData.has_debug_ids, | ||
| matchingSourceFileNames: | ||
| debuggerFrame.release_process?.matching_source_file_names ?? [], | ||
| release: sourceMapDebuggerData.release, | ||
| releaseHasSomeArtifact: sourceMapDebuggerData.release_has_some_artifact, | ||
| releaseSourceMapReference: | ||
| debuggerFrame.release_process?.source_map_reference ?? null, | ||
| sdkDebugIdSupport: sourceMapDebuggerData.sdk_debug_id_support, | ||
| sourceFileReleaseNameFetchingResult: | ||
| debuggerFrame.release_process?.source_file_lookup_result ?? 'unsuccessful', | ||
| sourceFileScrapingStatus: {status: 'none'}, | ||
| sourceMapReleaseNameFetchingResult: | ||
| debuggerFrame.release_process?.source_map_lookup_result ?? 'unsuccessful', | ||
| sourceMapScrapingStatus: {status: 'none'}, | ||
| stackFrameDebugId: debuggerFrame.debug_id_process.debug_id, | ||
| stackFramePath: debuggerFrame.release_process?.abs_path ?? null, | ||
| uploadedSomeArtifactWithDebugId: | ||
| sourceMapDebuggerData.has_uploaded_some_artifact_with_a_debug_id, | ||
| uploadedSourceFileWithCorrectDebugId: | ||
| debuggerFrame.debug_id_process.uploaded_source_file_with_correct_debug_id, | ||
| uploadedSourceMapWithCorrectDebugId: | ||
| debuggerFrame.debug_id_process.uploaded_source_map_with_correct_debug_id, | ||
| sdkVersion: sourceMapDebuggerData.sdk_version, | ||
| matchingSourceMapName: | ||
| debuggerFrame.release_process?.matching_source_map_name ?? null, | ||
| debugIdProgressPercent, | ||
| debugIdProgress, | ||
| releaseProgressPercent, | ||
| releaseProgress, | ||
| scrapingProgressPercent, | ||
| scrapingProgress, | ||
| frameIsResolved, | ||
| } satisfies FrameSourceMapDebuggerData; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.