✨ Add component for downloading the static report

[ibolton336]

• Adds a download button to handle downloading the analysis report with custom headers driven by props passed in
• Uses the Fetch API to allow setting custom headers. Converts the received data to a blob & then creates an object URL from that blob. Then we can use that URL with a temporary anchor <a> element to trigger the download with a localized loading state.
• This approach allows us to bin any custom headers we were adding in the proxy and just use the fetch api to set the custom headers.

[codecov]

Codecov Report

Patch coverage has no change and project coverage change: +0.02% 🎉

Comparison is base (3c4d31e) 43.04% compared to head (ba8beec) 43.07%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1312      +/-   ##
==========================================
+ Coverage   43.04%   43.07%   +0.02%     
==========================================
  Files         145      145              
  Lines        4330     4325       -5     
  Branches      999      998       -1     
==========================================
- Hits         1864     1863       -1     
+ Misses       2454     2450       -4     
  Partials       12       12              

Flag	Coverage Δ
client	43.07% <ø> (+0.02%)	⬆️
server	∅ <ø> (∅)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed	Coverage Δ
client/src/app/api/rest.ts	55.29% <ø> (+0.51%)	⬆️

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[mturley]

Looking good, and I'm fine with merging as-is, but I wonder if it's worth trying this tweak

[mturley]

Oh wow, this is very clever but I'm surprised it's necessary. I think we've used the file-saver library in the past to achieve the same thing, but tbh this might be more elegant.

I wonder if you even need to do the fetch in JS... could we just have the href of this anchor element be the URL we're fetching and let the click event do all the work? If that works that would mean the browser handles the whole download and can show progress natively instead of having it appear as a delayed instant-download.