Skip to content

Conversation

@fqueze
Copy link
Contributor

@fqueze fqueze commented Nov 6, 2025

  • show the file size
  • show the file name (new 'fileName' meta field)
  • show the sampling interval with correct size units
  • hide empty sections

Example profile with the fileName field: https://share.firefox.dev/4qL68wH
Deploy preview: https://deploy-preview-5657--perf-html.netlify.app/public/1hf6rzbjx1dspn1v4eqcgnybtzzczf2f889ce10/stack-chart/

@fqueze fqueze requested a review from a team as a code owner November 6, 2025 11:32
@codecov
Copy link

codecov bot commented Nov 6, 2025

Codecov Report

❌ Patch coverage is 68.91892% with 23 lines in your changes missing coverage. Please review.
✅ Project coverage is 85.58%. Comparing base (b78d35c) to head (c642a4d).
⚠️ Report is 4 commits behind head on main.

Files with missing lines Patch % Lines
src/components/app/MenuButtons/MetaInfo.tsx 68.91% 18 Missing and 5 partials ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #5657      +/-   ##
==========================================
- Coverage   85.63%   85.58%   -0.06%     
==========================================
  Files         312      312              
  Lines       30867    30918      +51     
  Branches     8488     8532      +44     
==========================================
+ Hits        26434    26462      +28     
- Misses       4009     4026      +17     
- Partials      424      430       +6     

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

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Comment on lines 261 to 268
{meta.endTime && meta.startTime !== undefined ? (
<div className="metaInfoRow">
<span className="metaInfoLabel">
<Localized id="MenuButtons--metaInfo--file-size">
File size:
</Localized>
</span>
{formatBytes(meta.endTime - meta.startTime)}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think I'd prefer a separate fileSize property over this. Yes it's somewhat consistent but it's also quite strange to read.

Comment on lines 251 to 259
{meta.fileName ? (
<div className="metaInfoRow">
<span className="metaInfoLabel">
<Localized id="MenuButtons--metaInfo--file-name">
File name:
</Localized>
</span>
{meta.fileName}
</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How would you feel about showing File name for all types of profiles, if the property is present?

Comment on lines 354 to 360
{meta.product ||
meta.profilingStartTime ||
meta.updateChannel ||
meta.appBuildID ||
meta.debug !== undefined ||
meta.extensions ||
meta.arguments ? (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a long check, same with the "shouldShowPlatformSection" check below. Please break up this function into multiple this._renderXYZ() functions, one per section. Then we can have this check as an early return.

@fqueze fqueze force-pushed the size-profile-info branch from 0f0b78b to c642a4d Compare November 6, 2025 21:01
@fqueze fqueze requested a review from mstange November 6, 2025 21:01
Copy link
Contributor

@mstange mstange left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice, thanks!

@fqueze fqueze enabled auto-merge (squash) November 6, 2025 22:27
@fqueze fqueze merged commit c7066b0 into firefox-devtools:main Nov 6, 2025
13 of 14 checks passed
@canova canova mentioned this pull request Nov 12, 2025
canova added a commit that referenced this pull request Nov 12, 2025
Changes:

[Nazım Can Altınova] Use getEmptySourceTable instead of constructing the
table manually (#5641)
[Florian Quèze] Source view for marker stacks (#5633)
[Nazım Can Altınova] Add fallback to funcTable.lineNumber when computing
line timings (#5644)
[Florian Quèze] Show the marker keys instead of the labels in marker
tooltips when alt is pressed. (#5625)
[Francesco Lodolo] Add GitHub workflow to check Fluent reference files
(#5647)
[Nazım Can Altınova] Switch from Gitpod to GitHub Codespaces (#5653)
[Nazım Can Altınova] Migrate from CircleCI to GitHub Actions (#5654)
[Nazım Can Altınova] Run the CI in the production branch and on every
pull request (#5661)
[Nazım Can Altınova] Convert l10n-sync.js from Flow comment types to
JSDoc comments for Typescript (#5659)
[Florian Quèze] Display correct unit in Stack Chart tooltips for size
profiles. (#5658)
[Florian Quèze] Hide track management UI in single track profiles.
(#5656)
[Florian Quèze] Rename hiddenTrackCount to trackCount. (#5665)
[Florian Quèze] Cleanup the profile info panel for size profiles (show
file size and name, hide empty sections). (#5657)
[Markus Stange] Use valibot for symbolication API response validation
(#5666)
[Nazım Can Altınova] Make sure to fetch the full git history for
l10n-sync job in CI (#5667)
[Nazım Can Altınova] Do not switch to call tree when clicking the
activity graph while on sample based panels (#5672)

And thanks to our localizers:

be: Mikalai Udodau
de: Michael Köhler
el: Jim Spentzos
en-GB: Ian Neal
es-CL: ravmn
fr: Théo Chevalier
fy-NL: Fjoerfoks
ia: Melo46
it: Francesco Lodolo [:flod]
nl: Mark Heijl
pt-BR: Marcelo Ghelman
ru: berry, Valery Ledovskoy
sv-SE: Andreas Pettersson
tr: Grk
zh-CN: Olvcpr423, wxie
zh-TW: Pin-guang Chen
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants