Display diff stats on Rapid Diffs

Stanislav Lashmanovrequested to merge
slashmanov/rapid-diffs-stats into master

What does this MR do and why?

This is a last part of Implement Rapid Diffs App controls (stats, sett... (#499296 - closed).

This MR displays diff stats on Rapid Diffs pages. It is using existing Vuex store to fetch and process metadata.

The Vuex approach will be refactored in future MRs to:

  1. Store state in our own Pinia stores
  2. Use Rapid Diffs metadata endpoint to fetch the data

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Enable rapid_diffs feature flag
  2. Go to any merge request with changes
  3. Select Changes tab
  4. Add ?rapid_diffs=true to the URL, follow it
  5. Observe diff stats to be shown on the page

Merge request reports