feat(frontend): allow to export flamegraph json

[eh-am]

Not optimal but it works.
Currently scoped to single flamegraphs (ie. singel view, comparison diff but NOT diff view, since we don't support importing that yet).

Had to store the raw response from /render in the store since that's what adhoc expects. Yadda yadda deltaDiffWrapper is troublesome.

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
webapp/public/assets/app.js	317.1 KB (+0.09% 🔺)	6.4 s (+0.09% 🔺)	808 ms (+2.96% 🔺)	7.2 s

[codecov]

Codecov Report

Merging #616 (b8bece3) into main (1533b5c) will not change coverage.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##             main     #616   +/-   ##
=======================================
  Coverage   76.28%   76.28%           
=======================================
  Files          43       43           
  Lines        1454     1454           
  Branches      284      284           
=======================================
  Hits         1109     1109           
  Misses        313      313           
  Partials       32       32           

Impacted Files	Coverage Δ
...mponents/FlameGraph/FlameGraphComponent/Header.tsx	88.89% <100.00%> (ø)

---

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 1533b5c...b8bece3. Read the comment docs.

[pyroscopebot]

Parameters

Details

Name	Value
BENCH_RUN_FOR	10m
PYROBENCH_RAND_SEED	2306912
PYROBENCH_PROFILE_WIDTH	20
PYROBENCH_PROFILE_DEPTH	20
PYROBENCH_PROFILE_SYMBOL_LENGTH	30
PYROBENCH_APPS	20
PYROBENCH_CLIENTS	20
PYROBENCH_REQUESTS	10000

Result

	main	pr	diff	threshold
throughput	146.45	146.56	0.11 (0.08%)	5%
total items processed	122382.00	121919.00	-463.00 (-0.38%)	5%

Details

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

Screenshots

Throughput

Disk Usage

Memory

Upload Errors (Total)

Successful Uploads (Total)

CPU Utilization

Generated by 🚫 dangerJS against 029487f

[petethepig]

for large files, could we do use something like this? https://github.com/eligrey/FileSaver.js

[eh-am]

Good idea, I'm going to be bold here and leave as it is until it become a problem though. I believe our flamegraphs are small enough for that to become an issue.

[petethepig]

Love it! How hard would it be to also add pprof export option? You can use the same render url and set format=pprof to make it work. I guess a slight complication is that you might also have to replace from and until parameters (because default ones are relative to now).

[Rperry2174]

After looking more at this I'm wondering would it be easier to add in the "metadata" that you were mentioning as part of this PR? We could also do separately if that's going to complicate things somewhere else

[eh-am]

@petethepig @Rperry2174 Let's do pprof in a diff PR, since that requires updates to the metadata.