Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[deploy preview] Experimental UI for flows #5190

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

mstange
Copy link
Contributor

@mstange mstange commented Nov 6, 2024

Deploy preview

Fixes #5178, to a degree.

This adds a flow panel at the bottom of the marker chart.

The panel shows a row per flow once a marker with flow fields is clicked. Clicking a row in the panel makes that flow the active flow and shows its associated flows in the panel. Hovering markers in the flow panel shows a tooltip and arrows.

This PR also adds the following functions that can be called from the console:

  • printFlows()
  • printFlow(1234) (called with flow indexes, for example those from the "incoming context flows" printed by printFlows())
  • selectMarkerOnThread(1234, 56) (called with the marker index and the thread index)

Those aren't that useful anymore; we used them before this PR had any UI.

Copy link

codecov bot commented Nov 6, 2024

Codecov Report

Attention: Patch coverage is 4.89297% with 311 lines in your changes missing coverage. Please review.

Project coverage is 87.60%. Comparing base (a458f7b) to head (127fa1b).
Report is 2 commits behind head on main.

Files with missing lines Patch % Lines
src/profile-logic/marker-data.js 0.00% 215 Missing and 43 partials ⚠️
src/actions/profile-view.js 0.00% 20 Missing and 6 partials ⚠️
src/utils/window-console.js 15.78% 15 Missing and 1 partial ⚠️
src/selectors/flow.js 21.42% 10 Missing and 1 partial ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #5190      +/-   ##
==========================================
- Coverage   88.57%   87.60%   -0.97%     
==========================================
  Files         308      309       +1     
  Lines       28028    28352     +324     
  Branches     7587     7658      +71     
==========================================
+ Hits        24826    24839      +13     
- Misses       2985     3245     +260     
- Partials      217      268      +51     

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

@mstange mstange force-pushed the get-flows branch 4 times, most recently from 8ccc7a6 to def0728 Compare November 7, 2024 01:52
This changeset changes the type definition for marker schema
field types and for the marker schema itself, to include the new
field types 'flow-id' and 'terminating-flow-id'. It also has some
minimal changes to treat the new field types as if they were unique-string
fields.
Somewhat unrelated to flows, it also adds an optional `isStackBased`
field to the marker schema type, which is currently unused. This is
for firefox-devtools#3141 .

Additionally, it increments the version of the two profile formats,
so that profiles with the new field types won't be loaded by
older front-ends.
@mstange mstange force-pushed the get-flows branch 2 times, most recently from b42888f to 127fa1b Compare November 8, 2024 03:12
@mstange mstange changed the title [deploy preview] flow stuff [deploy preview] Experimental UI for flows Nov 20, 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.

Add UI for flows
1 participant