[code-infra] Create bundle size package #45911

Janpot · 2025-04-14T13:01:21Z

Extract a package for bundle size checking.

As a baseline in this PR we do

To explain the new strategy for storing snapshots: it will allow us to craft a comparison table just by providing PR number. We will fetch the pr info via api. From that result we can get head.sha and base.sha. we use those to get the two S3 urls to compare. We have the AWS secrets available on PRs so we may as well use them. This method of retrieval will be much easier than the one using circleci artifacts (circleci doesn't set cors policy on their API, which forces us to build a proxy that does).

we're changing the S3 urls as follows:

add a repository segment, so that we can use this bucket for multiple projects
remove base ref, redundant information and potential source of conflict, we can just fetch by sha alone. We're adding the branch as a tag.

new bundle size app

mui-bot · 2025-04-14T14:28:56Z

Netlify deploy preview

https://deploy-preview-45911--material-ui.netlify.app/

Bundle size report

Total Size Change:^{${\tiny{\color{green}▼}}$}-45.2KB^(-0.38%) - Total Gzip Change:^{${\tiny{\color{green}▼}}$}-13.5KB^(-0.33%)
Files: 190 total (0 added, 1 removed, 182 changed)

@mui/styles parsed:^{${\tiny{\color{blue}▼}}$}-49.4KB^(removed) gzip:^{${\tiny{\color{blue}▼}}$}-15.3KB^(removed)

Show 182 more bundle changes

@mui/material/SpeedDialAction parsed:^{${\tiny{\color{red}▲}}$}+53B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+25B^(+0.06%)
@mui/material/Popper parsed:^{${\tiny{\color{red}▲}}$}+51B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+17B^(+0.05%)
@mui/material/Tooltip parsed:^{${\tiny{\color{red}▲}}$}+51B^(+0.05%) gzip:^{${\tiny{\color{red}▲}}$}+17B^(+0.04%)
@mui/material/Tab parsed:^{${\tiny{\color{red}▲}}$}+48B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/Select parsed:^{${\tiny{\color{red}▲}}$}+39B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.03%)
@mui/material/TablePagination parsed:^{${\tiny{\color{red}▲}}$}+39B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+17B^(+0.03%)
@mui/material/TextField parsed:^{${\tiny{\color{red}▲}}$}+39B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+18B^(+0.04%)
@mui/lab parsed:^{${\tiny{\color{red}▲}}$}+35B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.03%)
@mui/material parsed:^{${\tiny{\color{red}▲}}$}+35B^(+0.01%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.01%)
@mui/material/Autocomplete parsed:^{${\tiny{\color{red}▲}}$}+35B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.02%)
@mui/material/SpeedDial parsed:^{${\tiny{\color{red}▲}}$}+35B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.04%)
@mui/material/NativeSelect parsed:^{${\tiny{\color{red}▲}}$}+34B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+19B^(+0.06%)
@mui/lab/Masonry parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.05%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.03%)
@mui/material/Accordion parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.05%)
@mui/material/Backdrop parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+15B^(+0.06%)
@mui/material/Collapse parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.04%)
@mui/material/Dialog parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.02%)
@mui/material/Drawer parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.02%)
@mui/material/Fade parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+16B^(+0.08%)
@mui/material/Grow parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+17B^(+0.08%)
@mui/material/Menu parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.03%)
@mui/material/Modal parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.02%)
@mui/material/Popover parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+15B^(+0.04%)
@mui/material/Slide parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.07%)
@mui/material/Snackbar parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.05%)
@mui/material/StepContent parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/SwipeableDrawer parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.02%)
@mui/material/Zoom parsed:^{${\tiny{\color{red}▲}}$}+33B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+16B^(+0.08%)
@mui/material/CssBaseline parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.03%)
@mui/material/FilledInput parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.02%)
@mui/material/GlobalStyles parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.05%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.02%)
@mui/material/Input parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+3B^(+0.01%)
@mui/material/InputBase parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.02%)
@mui/material/OutlinedInput parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.05%)
@mui/material/ScopedCssBaseline parsed:^{${\tiny{\color{red}▲}}$}+28B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/PigmentStack parsed:^{${\tiny{\color{red}▲}}$}+26B^(+0.74%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.77%)
@mui/lab/LoadingButton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+15B^(+0.05%)
@mui/lab/TabList parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.02%)
@mui/material/AccordionSummary parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.05%)
@mui/material/Alert parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.04%)
@mui/material/BottomNavigationAction parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.04%)
@mui/material/Breadcrumbs parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.04%)
@mui/material/Button parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+16B^(+0.05%)
@mui/material/ButtonBase parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.04%)
@mui/material/CardActionArea parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/Checkbox parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.03%)
@mui/material/Chip parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.03%)
@mui/material/CircularProgress parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.03%)
@mui/material/Fab parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.03%)
@mui/material/IconButton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.04%)
@mui/material/LinearProgress parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+3B^(+0.01%)
@mui/material/ListItemButton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.04%)
@mui/material/MenuItem parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/MobileStepper parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.03%)
@mui/material/Pagination parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.02%)
@mui/material/PaginationItem parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.02%)
@mui/material/Radio parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.04%)
@mui/material/Skeleton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.03%)
@mui/material/StepButton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.04%)
@mui/material/Switch parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.03%)
@mui/material/TableSortLabel parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.03%)
@mui/material/Tabs parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.01%)
@mui/material/TabScrollButton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.02%)
@mui/material/ToggleButton parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.04%)
@mui/system parsed:^{${\tiny{\color{red}▲}}$}+24B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.02%)
@mui/lab/TabContext parsed:^{${\tiny{\color{red}▲}}$}+22B^(+2.26%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+1.71%)
@mui/lab/TabPanel parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/lab/Timeline parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/lab/TimelineConnector parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.04%)
@mui/lab/TimelineContent parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/lab/TimelineDot parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/lab/TimelineItem parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.03%)
@mui/lab/TimelineOppositeContent parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/lab/TimelineSeparator parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.04%)
@mui/material/AccordionActions parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/AccordionDetails parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/AlertTitle parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/AppBar parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/Avatar parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/AvatarGroup parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/Badge parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/BottomNavigation parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/Box parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.04%)
@mui/material/ButtonGroup parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/Card parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/CardActions parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/CardContent parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/CardHeader parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.02%)
@mui/material/CardMedia parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/Container parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/DefaultPropsProvider parsed:^{${\tiny{\color{red}▲}}$}+22B^(+1.62%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+1.41%)
@mui/material/DialogActions parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/DialogContent parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/DialogContentText parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/DialogTitle parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+3B^(+0.01%)
@mui/material/Divider parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/FormControl parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/FormControlLabel parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/FormGroup parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/FormHelperText parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/FormLabel parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/Grid parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.05%)
@mui/material/GridLegacy parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/Icon parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/ImageList parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/material/ImageListItem parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/ImageListItemBar parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/InitColorSchemeScript parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.80%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.75%)
@mui/material/InputAdornment parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+4B^(+0.02%)
@mui/material/InputLabel parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/Link parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/List parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/ListItem parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/ListItemAvatar parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/material/ListItemIcon parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.05%)
@mui/material/ListItemSecondaryAction parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/ListItemText parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.02%)
@mui/material/ListSubheader parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.06%)
@mui/material/MenuList parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.04%)
@mui/material/Paper parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/PigmentContainer parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.23%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.14%)
@mui/material/PigmentGrid parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.19%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.12%)
@mui/material/Portal parsed:^{${\tiny{\color{red}▲}}$}+22B^(+1.55%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+1.52%)
@mui/material/RadioGroup parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/Rating parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+4B^(+0.01%)
@mui/material/Slider parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.02%)
@mui/material/SnackbarContent parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/SpeedDialIcon parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/Stack parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.06%)
@mui/material/Step parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/material/StepConnector parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/StepIcon parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/StepLabel parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/Stepper parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/SvgIcon parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/Table parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/material/TableBody parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/TableCell parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.04%)
@mui/material/TableContainer parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/TableFooter parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/TableHead parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.04%)
@mui/material/TableRow parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.05%)
@mui/material/TextareaAutosize parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.63%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.51%)
@mui/material/ToggleButtonGroup parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+14B^(+0.06%)
@mui/material/Toolbar parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+12B^(+0.05%)
@mui/material/Typography parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+4B^(+0.02%)
@mui/material/Unstable_TrapFocus parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.54%) gzip:^{${\tiny{\color{red}▲}}$}+11B^(+0.65%)
@mui/private-theming parsed:^{${\tiny{\color{red}▲}}$}+22B^(+2.44%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.38%)
@mui/system/createBox parsed:^{${\tiny{\color{red}▲}}$}+22B^(+0.06%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.07%)
@mui/utils parsed:^{${\tiny{\color{red}▲}}$}+13B^(+0.10%) gzip:^{${\tiny{\color{red}▲}}$}+4B^(+0.08%)
@mui/lab/CalendarPicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.23%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.36%)
@mui/lab/CalendarPickerSkeleton parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.10%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.28%)
@mui/lab/ClockPicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.26%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+1.56%)
@mui/lab/DatePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.31%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.41%)
@mui/lab/DateRangePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.26%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.40%)
@mui/lab/DateRangePickerDay parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.16%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.31%)
@mui/lab/DateTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.28%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.40%)
@mui/lab/DesktopDatePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.26%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/DesktopDateRangePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.22%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+1.19%)
@mui/lab/DesktopDateTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.24%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.38%)
@mui/lab/DesktopTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.26%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/LocalizationProvider parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.25%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/MobileDatePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.27%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/MobileDateRangePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.23%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/MobileDateTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.25%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/MobileTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.27%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.40%)
@mui/lab/MonthPicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.18%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.30%)
@mui/lab/PickersDay parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.18%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+1.48%)
@mui/lab/StaticDatePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.27%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.40%)
@mui/lab/StaticDateRangePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.23%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/StaticDateTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.25%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.39%)
@mui/lab/StaticTimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.27%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+1.20%)
@mui/lab/TimePicker parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.31%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.41%)
@mui/lab/TreeItem parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.34%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+1.43%)
@mui/lab/TreeView parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.34%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+1.63%)
@mui/lab/useAutocomplete parsed:^{${\tiny{\color{red}▲}}$}+11B^(+0.09%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.14%)
@mui/material/ClickAwayListener parsed:^{${\tiny{\color{red}▲}}$}+11B^(+0.47%) gzip:^{${\tiny{\color{red}▲}}$}+9B^(+0.87%)
@mui/material/NoSsr parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.72%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+2.06%)
@mui/material/styles#createTheme parsed:^{${\tiny{\color{red}▲}}$}+11B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+6B^(+0.04%)
@mui/material/useMediaQuery parsed:^{${\tiny{\color{red}▲}}$}+11B^(+0.08%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+0.14%)
@mui/material/useScrollTrigger parsed:^{${\tiny{\color{red}▲}}$}+11B^(+1.11%) gzip:^{${\tiny{\color{red}▲}}$}+8B^(+1.44%)
@mui/system/createStyled parsed:^{${\tiny{\color{red}▲}}$}+11B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+5B^(+0.03%)

Details of bundle changes

Generated by 🚫 dangerJS against 733ff2a

commit 54328c9 Author: MUI bot <[email protected]> Date: Wed Apr 23 13:02:21 2025 +0200 Update renderMarkdownReport.js commit a7a84dd Author: MUI bot <[email protected]> Date: Wed Apr 23 12:52:14 2025 +0200 Update renderMarkdownReport.js commit d5a4f41 Author: MUI bot <[email protected]> Date: Wed Apr 23 12:50:09 2025 +0200 Update renderMarkdownReport.js commit 3add681 Author: MUI bot <[email protected]> Date: Wed Apr 23 12:48:56 2025 +0200 Update renderMarkdownReport.js commit 6d59d4d Author: MUI bot <[email protected]> Date: Wed Apr 23 12:33:44 2025 +0200 Update renderMarkdownReport.js commit 2760edc Author: MUI bot <[email protected]> Date: Wed Apr 23 11:44:44 2025 +0200 Update index.js commit c0feb51 Author: MUI bot <[email protected]> Date: Wed Apr 23 10:55:33 2025 +0200 Update renderMarkdownReport.js commit 33673c4 Author: MUI bot <[email protected]> Date: Wed Apr 23 10:53:31 2025 +0200 Update dangerFileContent.ts commit a48e2c5 Author: MUI bot <[email protected]> Date: Wed Apr 23 10:52:54 2025 +0200 hgf commit a66d7a5 Author: MUI bot <[email protected]> Date: Wed Apr 23 10:36:11 2025 +0200 Update renderMarkdownReport.js commit f86dac1 Author: MUI bot <[email protected]> Date: Wed Apr 23 10:35:25 2025 +0200 Update renderMarkdownReport.js commit 802da05 Author: MUI bot <[email protected]> Date: Wed Apr 23 10:23:04 2025 +0200 Update renderMarkdownReport.js commit 5d34f9e Author: MUI bot <[email protected]> Date: Wed Apr 23 10:01:17 2025 +0200 Update fetchSnapshot.js commit 32c6f0e Author: MUI bot <[email protected]> Date: Tue Apr 22 20:35:18 2025 +0200 refactor commit d181d0b Author: MUI bot <[email protected]> Date: Tue Apr 22 18:22:40 2025 +0200 Update dangerFileContent.ts commit 54faf15 Author: MUI bot <[email protected]> Date: Tue Apr 22 18:22:17 2025 +0200 Update dangerFileContent.ts commit fd28d71 Author: MUI bot <[email protected]> Date: Tue Apr 22 18:21:59 2025 +0200 circleciBuildNumber commit eb65bf0 Author: MUI bot <[email protected]> Date: Tue Apr 22 18:08:55 2025 +0200 Update dangerFileContent.ts commit 4de9e83 Author: MUI bot <[email protected]> Date: Tue Apr 22 18:07:37 2025 +0200 Update renderMarkdownReport.js commit 7d83034 Author: MUI bot <[email protected]> Date: Tue Apr 22 17:44:25 2025 +0200 frefer commit 3578d19 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:52:25 2025 +0200 Update renderMarkdownReport.js commit edf282d Author: MUI bot <[email protected]> Date: Tue Apr 22 16:41:09 2025 +0200 Update renderMarkdownReport.js commit 7e5637f Author: MUI bot <[email protected]> Date: Tue Apr 22 16:40:31 2025 +0200 Update renderMarkdownReport.js commit a2830e1 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:39:15 2025 +0200 Update renderMarkdownReport.js commit b3d918c Author: MUI bot <[email protected]> Date: Tue Apr 22 16:38:35 2025 +0200 add in front for less visual clutter commit 11af718 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:38:05 2025 +0200 reduce amount of triangles commit e15e249 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:28:49 2025 +0200 Update dangerFileContent.ts commit d67a4b3 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:28:25 2025 +0200 frwefre commit c4fa1c5 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:19:43 2025 +0200 Update renderMarkdownReport.js commit ce11999 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:17:47 2025 +0200 Update renderMarkdownReport.js commit ea00540 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:16:39 2025 +0200 Update renderMarkdownReport.js commit 10c680f Author: MUI bot <[email protected]> Date: Tue Apr 22 16:16:21 2025 +0200 Update renderMarkdownReport.js commit ff49d9b Author: MUI bot <[email protected]> Date: Tue Apr 22 16:15:49 2025 +0200 remove loadComparison commit 41daac9 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:15:08 2025 +0200 refactor commit 3ae5757 Author: MUI bot <[email protected]> Date: Tue Apr 22 16:01:43 2025 +0200 fix url commit a6d5b75 Author: MUI bot <[email protected]> Date: Tue Apr 22 15:48:56 2025 +0200 WIP

commit 0fd6675 Author: MUI bot <[email protected]> Date: Wed Apr 23 16:11:36 2025 +0200 Update config.yml commit 760ceed Author: MUI bot <[email protected]> Date: Wed Apr 23 15:50:18 2025 +0200 @aws-sdk/credential-providers commit 2a5fe14 Author: MUI bot <[email protected]> Date: Wed Apr 23 15:39:24 2025 +0200 Update README.md commit dc04212 Author: MUI bot <[email protected]> Date: Wed Apr 23 15:30:25 2025 +0200 fixes commit c9f5fb3 Author: MUI bot <[email protected]> Date: Wed Apr 23 15:03:31 2025 +0200 Update pnpm-lock.yaml commit 6a4d0f5 Author: MUI bot <[email protected]> Date: Wed Apr 23 14:49:32 2025 +0200 upload functionality

oliviertassinari · 2025-04-30T14:00:00Z

bundle-size/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@mui/bundle-size",


Per https://www.notion.so/mui-org/engineering-mui-utils-purpose-9a9fc9da3a004864b6c4e1f4d1f24f95?pvs=4#101cbfe7b660800f9d59c9204ece4ec7?

Suggested change

"name": "@mui/bundle-size",

"name": "@mui/internal-bundle-size",

This is not publishable, nor a dependency of other packages. it's only here to allow us to have it able to declare its own dependencies. I think the naming conventions shouldn't apply, or we should create a new category of naming. In testing there are more such packages, e.g. to be able have typescript tests run on build artifacts instead of aliases. We've been naming some of those with @mui/test-, in apps folder they are named with @app/. How do you feel about this?

Ok, I'm just removing the name altogether, problem solved 🙂

https://www.notion.so/mui-org/engineering-mui-utils-purpose-9a9fc9da3a004864b6c4e1f4d1f24f95?pvs=4#d1699bb48f0f4ef58ca831d1ee9772ec

Ah right, ok, my bad, I agree, it's a different class. I propose this then:

https://www.notion.so/mui-org/engineering-mui-utils-purpose-9a9fc9da3a004864b6c4e1f4d1f24f95?pvs=4#d1699bb48f0f4ef58ca831d1ee9772ec

For example, if we apply this in https://github.com/mui/mui-private/pull/867/files#diff-cdf978f995619066e7c5a60f61cb6d14debaa5f59943afdffe682a9ea53b091aR16

this would become @mui/private-chat-uikit. cc @hasdfa.

I'm just removing the name altogether, problem solved

Oh yeah, if it has no dependents, even better 👍

this would become @mui/private-chat-uikit.

If it's marked as private in package.json, why does it need another marker in the name? I don't see the benefit, the goal with internal is to signal something to people that want to install it, but private packages aren't published in the first place.
Even with internal packages, it's not like we can ignore semver, our own packages depend on them with a caret range, so they must remain backwards compatible for a whole major anyway. So the signal serves little purpose to end users other than "there won't be guaranteed continuity across majors".

[code-infra] CReate bundle size package

335dc0b

Janpot added the scope: code-infra Specific to the core-infra product label Apr 14, 2025

fix up types

c2da768

Janpot added 11 commits April 14, 2025 17:32

Merge remote-tracking branch 'upstream/master' into bundle-size-pkg

d036baa

Update create.js

47e60cb

Update CLAUDE.md

7efa56b

Merge remote-tracking branch 'upstream/master' into bundle-size-pkg

fc7e76d

Update config.yml

bc77a55

Update pnpm-lock.yaml

4ced693

Update config.yml

6f80625

Update config.yml

ab6b4fe

Update config.yml

5aeb6ad

Update config.yml

5b8bc79

Update config.yml

15e99f3

Janpot marked this pull request as ready for review April 22, 2025 09:42

Janpot added 2 commits April 22, 2025 11:50

Merge remote-tracking branch 'upstream/master' into bundle-size-pkg

eaf7467

mv

a072dcf

zannager requested a review from DiegoAndai April 22, 2025 10:59

Janpot removed the request for review from DiegoAndai April 23, 2025 14:16

Janpot added 4 commits April 23, 2025 16:19

Merge branch 'master' into bundle-size-pkg

07176cd

update doc

cef1258

fsh

ce33c25

Janpot requested a review from a team April 23, 2025 15:12

Janpot mentioned this pull request Apr 25, 2025

[code-infra] bring bundle size checker to mui-public mui/mui-public#310

Merged

Janpot added 3 commits April 25, 2025 12:35

use mui-public one

64c63ad

Merge remote-tracking branch 'upstream/master' into bundle-size-pkg

86bf8b0

reorg

ffc3fd3

oliviertassinari reviewed Apr 30, 2025

View reviewed changes

Janpot added 8 commits May 7, 2025 14:49

Update pnpm-lock.yaml

ab44a45

Update pnpm-lock.yaml

f768595

Merge remote-tracking branch 'upstream/master' into bundle-size-pkg

8ba3b81

allow overrides again

acee3ca

Update pnpm-lock.yaml

ef636d6

externals handling

4481301

Update bundle-size-checker.config.mjs

e8cc857

Update pnpm-lock.yaml

733ff2a

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[code-infra] Create bundle size package #45911

[code-infra] Create bundle size package #45911

Janpot commented Apr 14, 2025 •

edited

Loading

mui-bot commented Apr 14, 2025 •

edited

Loading

oliviertassinari Apr 30, 2025

Janpot May 7, 2025 •

edited

Loading

Janpot May 8, 2025

oliviertassinari May 8, 2025 •

edited

Loading

Janpot May 9, 2025 •

edited

Loading

	"name": "@mui/bundle-size",
	"name": "@mui/internal-bundle-size",

[code-infra] Create bundle size package #45911

Are you sure you want to change the base?

[code-infra] Create bundle size package #45911

Conversation

Janpot commented Apr 14, 2025 • edited Loading

mui-bot commented Apr 14, 2025 • edited Loading

Netlify deploy preview

Bundle size report

oliviertassinari Apr 30, 2025

Choose a reason for hiding this comment

Janpot May 7, 2025 • edited Loading

Choose a reason for hiding this comment

Janpot May 8, 2025

Choose a reason for hiding this comment

oliviertassinari May 8, 2025 • edited Loading

Choose a reason for hiding this comment

Janpot May 9, 2025 • edited Loading

Choose a reason for hiding this comment

Janpot commented Apr 14, 2025 •

edited

Loading

mui-bot commented Apr 14, 2025 •

edited

Loading

Janpot May 7, 2025 •

edited

Loading

oliviertassinari May 8, 2025 •

edited

Loading

Janpot May 9, 2025 •

edited

Loading