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

[RelativeCI] Allow drill down info for assets and other visualizations #20

Closed
jflayhart opened this issue Jan 25, 2021 · 2 comments
Closed

Comments

@jflayhart
Copy link

jflayhart commented Jan 25, 2021

It would be really nice to drilldown into WHAT (and even where) the offending asset(s) are with things like file size and file name, etc:

Screen Shot 2021-01-24 at 3 57 56 PM

Then to understand WHY it might be helpful to get more insight integrating a tool like webpack-bundle-analyzer into this GUI.

Just want a more wholesome look at what is wrong and "why" to help understand how to fix a large bundle.

@jflayhart jflayhart changed the title [RelativeCI] Allow drill down into assets and other visualizations [RelativeCI] Allow drill down info for assets and other visualizations Jan 25, 2021
@vio
Copy link
Member

vio commented Jan 25, 2021

Thanks @jflayhart! I think this issues are related:

  1. UI: Add navigation between sections bundle-stats#594
  2. UI - treemap charts bundle-stats#623
  3. UI: Packages - tree map graph bundle-stats#622

@vio
Copy link
Member

vio commented Mar 27, 2021

FYI, all the section links are done(rel relative-ci/bundle-stats#594):

Summary metric item - navigate to the corresponding view
Bundle size -> Totals tab
Initial JS size -> Assets tab - entries filtered by type JS and asset type initial
Initial CSS size -> Assets tab - entries filtered by type CSS and asset type initial
Cache invalidation -> Assets tab - entries filtered by changed flag
Asset count -> Assets tab - all entries
Chunk count -> Assets tab - all chunk entries
Modules -> Modules tab
Packages -> Packages tab - all packages
Duplicate packages -> Packages tab - packages filtered by duplicate flag
Duplicate package -> Packages tab - entries filtered by package name
Totals by type chart -> Assets tab - entries filtered by type -> #1212
Totals by type table -> Assets tab - entries filtered by type
Assets -> Modules tab - chunk view -> #1210
Packages -> Modules tab - entries filtered by package -> #1211

will consider this done for now, but feel free to open another issue if you are considering a specific case

@vio vio closed this as completed Mar 27, 2021
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

No branches or pull requests

2 participants