Skip to content

[deploy preview] Add a tab selector#5068

Closed
canova wants to merge 14 commits into
firefox-devtools:mainfrom
canova:tab-selector
Closed

[deploy preview] Add a tab selector#5068
canova wants to merge 14 commits into
firefox-devtools:mainfrom
canova:tab-selector

Conversation

@canova

@canova canova commented Jul 31, 2024

Copy link
Copy Markdown
Member

This PR adds a tab selector on the top left corner, inside the "Full Range" breadcrumbs root. By clicking that, you can select a different tab and this will change the amount of global tracks and local tracks you'll get. Allowing web developers to see only the tracks that they are interested in. Note that this doesn't filter the samples or markers, it filters only the tracks.

There are few things I would like to fix still but I'm happy to get feedback on the UX and the UI. Please let me know what you think!

Deploy preview

cc @julienw @AdamBrouwersHarries @mstange @fqueze

@julienw

julienw commented Aug 5, 2024

Copy link
Copy Markdown
Contributor

The UI looks good to me!
I'd just add some hover on the dropdown so that the affordance is good.

canova added a commit that referenced this pull request Aug 13, 2024
This is the second PR of #5068. 

It doesn't depend on the first PR, so you can review it independently.
Also it's some refactoring and minor code changes without visible UI/UX
changes. Previous and new tests should cover all the behaviors.

Previously `extractProfileFilterPageData` was only working on the active
tab view and was returning early for the full view, with this change it
should be possible to run it in the full view as well.

Similarly, I don't think it needs a deploy preview as it doesn't change
anything, but let me know if you think otherwise.
canova added a commit that referenced this pull request Aug 20, 2024
This is the third PR of #5068.

Previously we were only generating page information for the
selected/active tab. But for the tab selector to work, we need page
information of all tabs. So this PR makes sure that we extract the data
for all of them.
Again, this is not a user visible change.
canova added a commit that referenced this pull request Aug 21, 2024
…ant threads per tab (#5087)

This is the fourth PR of #5068.

This PR creates a `getTabToThreadIndexesMap` selector to be used in the
next patches. It is useful to quickly get which tab uses which threads
in the timeline, as well as gathering the CPU activity scores per tab to
be able to sort the tab selector list. Also added some tests to check
the behavior.
@canova

canova commented Nov 18, 2024

Copy link
Copy Markdown
Member Author

We have landed all the individual pieces and enabled the tab selector. Let's close this one.

@canova canova closed this Nov 18, 2024
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.

2 participants