[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:^$▼$-49.3KB^(-0.41%) - Total Gzip Change:^$▼$-15.3KB^(-0.37%)
Files: 190 total (0 added, 1 removed, 113 changed)

@mui/styles parsed:^$▼$-49.4KB^(removed) gzip:^$▼$-15.3KB^(removed)

Show 113 more bundle changes

@mui/lab parsed:^$▲$+2B^(0.00%) gzip:^$▼$-2B^(0.00%)
@mui/lab/LoadingButton parsed:^$▲$+2B^(0.00%) gzip:^$▲$+3B^(+0.01%)
@mui/lab/TabList parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/AccordionSummary parsed:^$▲$+2B^(0.00%) gzip:^$▲$+15B^(+0.05%)
@mui/material/Alert parsed:^$▲$+2B^(0.00%) gzip:^$▲$+3B^(+0.01%)
@mui/material/Autocomplete parsed:^$▲$+2B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/BottomNavigationAction parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/Breadcrumbs parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/Button parsed:^$▲$+2B^(0.00%) gzip:^$▲$+4B^(+0.01%)
@mui/material/ButtonBase parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/CardActionArea parsed:^$▲$+2B^(0.00%) gzip:^$▼$-2B^(-0.01%)
@mui/material/Checkbox parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/Chip parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/CircularProgress parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/CssBaseline parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/Fab parsed:^$▲$+2B^(0.00%) gzip:^$▼$-3B^(-0.01%)
@mui/material/FilledInput parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/GlobalStyles parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/IconButton parsed:^$▲$+2B^(0.00%) gzip:^$▲$+3B^(+0.01%)
@mui/material/Input parsed:^$▲$+2B^(0.00%) gzip:^$▼$-2B^(-0.01%)
@mui/material/InputBase parsed:^$▲$+2B^(0.00%) gzip:^$▼$-2B^(-0.01%)
@mui/material/LinearProgress parsed:^$▲$+2B^(0.00%) gzip:^$▼$-25B^(-0.09%)
@mui/material/ListItemButton parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/MenuItem parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/MobileStepper parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/NativeSelect parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/OutlinedInput parsed:^$▲$+2B^(0.00%) gzip:^$▲$+2B^(+0.01%)
@mui/material/Pagination parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/PaginationItem parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/Radio parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/ScopedCssBaseline parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/Select parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/Skeleton parsed:^$▲$+2B^(0.00%) gzip:^$▼$-1B^(0.00%)
@mui/material/SpeedDial parsed:^$▲$+2B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/SpeedDialAction parsed:^$▲$+2B^(0.00%) gzip:^$▲$+3B^(+0.01%)
@mui/material/StepButton parsed:^$▲$+2B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Switch parsed:^$▲$+2B^(0.00%) gzip:^$▼$-2B^(-0.01%)
@mui/material/Tab parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/TablePagination parsed:^$▲$+2B^(0.00%) gzip:^$▲$+2B^(0.00%)
@mui/material/TableSortLabel parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/Tabs parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/TabScrollButton parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/material/TextField parsed:^$▲$+2B^(0.00%) gzip:^$▲$+2B^(0.00%)
@mui/material/ToggleButton parsed:^$▲$+2B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/system parsed:^$▲$+2B^(0.00%) gzip: 0B^(0.00%)
@mui/utils parsed:^$▲$+2B^(+0.02%) gzip:^$▲$+3B^(+0.06%)
@mui/lab/Masonry parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/lab/TabPanel parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/lab/Timeline parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/lab/TimelineConnector parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/lab/TimelineDot parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/lab/TimelineItem parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/lab/TimelineSeparator parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Accordion parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/AccordionActions parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/AccordionDetails parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/AlertTitle parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/AppBar parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Avatar parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/AvatarGroup parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Backdrop parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/BottomNavigation parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Box parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/CardActions parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/CardContent parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/CardHeader parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Collapse parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Container parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Dialog parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/DialogActions parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/DialogContent parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/DialogContentText parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Divider parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Drawer parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/FormControl parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/FormGroup parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/FormHelperText parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/FormLabel parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Grid parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Icon parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ImageListItem parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ImageListItemBar parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/InputAdornment parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Link parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/List parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ListItem parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ListItemAvatar parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ListItemIcon parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ListItemSecondaryAction parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ListSubheader parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Menu parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/MenuList parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Modal parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Paper parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Popper parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/RadioGroup parsed: 0B^(0.00%) gzip:^$▲$+2B^(+0.01%)
@mui/material/Rating parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Snackbar parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/SnackbarContent parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Step parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/StepIcon parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/StepLabel parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Stepper parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/SvgIcon parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/SwipeableDrawer parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/Table parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/TableCell parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/TableContainer parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/TableFooter parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/material/ToggleButtonGroup parsed: 0B^(0.00%) gzip:^$▲$+1B^(0.00%)
@mui/system/createBox parsed: 0B^(0.00%) gzip:^$▲$+1B^(+0.01%)
@mui/system/createStyled parsed: 0B^(0.00%) gzip:^$▲$+1B^(+0.01%)

Details of bundle changes

Generated by 🚫 dangerJS against 86bf8b0

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

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

[code-infra] CReate bundle size package

335dc0b

Janpot added the scope: code-infra 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

Draft

Janpot added 2 commits April 25, 2025 12:35

use mui-public one

64c63ad

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

86bf8b0

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

[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

Janpot commented Apr 14, 2025 •

edited

Loading

mui-bot commented Apr 14, 2025 •

edited

Loading