feat(frontend): adds ability to export to flamegraph.com

[petethepig]

No description provided.

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
webapp/public/assets/app.js	353.89 KB (+0.05% 🔺)	7.1 s (+0.05% 🔺)	331 ms (+49.24% 🔺)	7.5 s

[codecov]

Codecov Report

Merging #799 (06164fa) into main (bee6483) will decrease coverage by 0.56%.
The diff coverage is 12.00%.

@@            Coverage Diff             @@
##             main     #799      +/-   ##
==========================================
- Coverage   73.09%   72.53%   -0.55%     
==========================================
  Files          65       65              
  Lines        2311     2337      +26     
  Branches      421      428       +7     
==========================================
+ Hits         1689     1695       +6     
- Misses        594      614      +20     
  Partials       28       28              

Impacted Files	Coverage Δ
webapp/javascript/components/ExportData.tsx	38.47% <12.00%> (-3.77%)	⬇️
...components/FlameGraph/FlameGraphComponent/color.ts	79.37% <0.00%> (+1.25%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bee6483...06164fa. Read the comment docs.

[pyroscopebot]

Screenshots

Throughput

Disk Usage

Memory

Upload Errors (Total)

Successful Uploads (Total)

CPU Utilization

Result

	main	pr	diff	threshold
throughput	218.10	211.21	-6.89 (-3.21%)	5%
total items processed	65964.00	63992.00	-1972.00 (-3.03%)	5%

Details

Name	Description	Query for main	Query for pr
throughput		rate(pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope-main:4040"}[5m])	rate(pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope:4040"}[5m])
total items processed		pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope-main:4040"}	pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope:4040"}

Generated by 🚫 dangerJS against 4becf65

[petethepig]

@eh-am curious how you think I should implement this. I was thinking about passing some callback (errorHandler) from the parent component to this component. That way we preserve its reusability.

[eh-am]

This is fine for now, but at some point the best of handling this is to lift this up to receive a exportFlamegraphComFunction, since each environment will have a different way of handling this, eg grafana.