feat: remove bundle-size-auditor package including its usage and replace it with monosize on ci by Hotell · Pull Request #30405 · microsoft/fluentui

Hotell · 2024-01-26T11:49:48Z

Pre-requirements:

chore(react): setup monosize for measuring bundle size which will replace size-auditor bot #30382
chore(react-northstar): setup monosize for measuring bundle size which will replace-size auditor bot #30383

New Behavior

this adds following to react project:

repo: removes bundle-size-auditor package
ci: removes lightrail nad bundle-size-auditor from bundle size pipelines

Related Issue(s)

Implements partially [Feature]: migrate bundling measurements from SizeAuditor to monosize #27933

fabricteam · 2024-01-26T12:02:47Z

Perf Analysis (`@fluentui/react-components`)

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
FluentProviderWithTheme	mount	89	79	10	Possible regression

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	626	626	5000
Button	mount	294	302	5000
Field	mount	1148	1136	5000
FluentProvider	mount	705	676	5000
FluentProviderWithTheme	mount	89	79	10	Possible regression
FluentProviderWithTheme	virtual-rerender	61	63	10
FluentProviderWithTheme	virtual-rerender-with-unmount	80	72	10
MakeStyles	mount	835	860	50000
Persona	mount	1798	1722	5000
SpinButton	mount	1364	1356	5000

codesandbox-ci · 2024-01-26T12:06:25Z

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 7595f42:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

fabricteam · 2024-01-26T12:06:57Z

🕵 fluentuiv8 No visual regressions between this PR and main

fabricteam · 2024-01-26T12:07:57Z

Perf Analysis (`@fluentui/react-northstar`)

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
AttachmentMinimalPerf.default	89	79	1.13:1
AccordionMinimalPerf.default	90	81	1.11:1
ButtonMinimalPerf.default	96	87	1.1:1
ButtonSlotsPerf.default	348	321	1.08:1
SkeletonMinimalPerf.default	215	199	1.08:1
FormMinimalPerf.default	234	218	1.07:1
LoaderMinimalPerf.default	194	181	1.07:1
TextAreaMinimalPerf.default	309	289	1.07:1
ChatDuplicateMessagesPerf.default	152	143	1.06:1
DividerMinimalPerf.default	219	207	1.06:1
GridMinimalPerf.default	208	196	1.06:1
HeaderMinimalPerf.default	218	207	1.05:1
RosterPerf.default	1610	1540	1.05:1
ProviderMinimalPerf.default	214	204	1.05:1
TextMinimalPerf.default	202	193	1.05:1
AttachmentSlotsPerf.default	670	645	1.04:1
ImageMinimalPerf.default	229	220	1.04:1
LabelMinimalPerf.default	225	216	1.04:1
ProviderMergeThemesPerf.default	659	636	1.04:1
CarouselMinimalPerf.default	255	248	1.03:1
DialogMinimalPerf.default	461	447	1.03:1
InputMinimalPerf.default	557	542	1.03:1
SliderMinimalPerf.default	763	742	1.03:1
CardMinimalPerf.default	310	305	1.02:1
ChatWithPopoverPerf.default	202	199	1.02:1
RefMinimalPerf.default	111	109	1.02:1
TableMinimalPerf.default	240	235	1.02:1
TooltipMinimalPerf.default	1296	1267	1.02:1
TreeMinimalPerf.default	500	490	1.02:1
AnimationMinimalPerf.default	304	301	1.01:1
BoxMinimalPerf.default	202	200	1.01:1
ButtonOverridesMissPerf.default	659	651	1.01:1
DropdownManyItemsPerf.default	403	399	1.01:1
ListWith60ListItems.default	383	379	1.01:1
MenuMinimalPerf.default	520	517	1.01:1
PortalMinimalPerf.default	89	88	1.01:1
RadioGroupMinimalPerf.default	266	263	1.01:1
ReactionMinimalPerf.default	218	216	1.01:1
TableManyItemsPerf.default	1128	1120	1.01:1
CustomToolbarPrototype.default	1529	1510	1.01:1
AvatarMinimalPerf.default	109	109	1:1
DatepickerMinimalPerf.default	3790	3804	1:1
ItemLayoutMinimalPerf.default	723	723	1:1
PopupMinimalPerf.default	357	356	1:1
IconMinimalPerf.default	392	392	1:1
VideoMinimalPerf.default	447	448	1:1
CheckboxMinimalPerf.default	1149	1163	0.99:1
EmbedMinimalPerf.default	1887	1907	0.99:1
FlexMinimalPerf.default	158	159	0.99:1
HeaderSlotsPerf.default	479	482	0.99:1
MenuButtonMinimalPerf.default	966	976	0.99:1
StatusMinimalPerf.default	399	405	0.99:1
ToolbarMinimalPerf.default	549	553	0.99:1
DropdownMinimalPerf.default	1420	1442	0.98:1
ListCommonPerf.default	391	401	0.98:1
ListMinimalPerf.default	315	321	0.98:1
SplitButtonMinimalPerf.default	2266	2305	0.98:1
AlertMinimalPerf.default	154	159	0.97:1
ChatMinimalPerf.default	444	460	0.97:1
TreeWith60ListItems.default	84	87	0.97:1
LayoutMinimalPerf.default	198	206	0.96:1
ListNestedPerf.default	319	331	0.96:1
SegmentMinimalPerf.default	188	202	0.93:1

fabricteam · 2024-01-26T12:11:29Z

🕵 FluentUIV0 No visual regressions between this PR and main

fabricteam · 2024-01-26T12:13:12Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`keyboard-key` keyboard-key package	`0 B` `0 B`	`3.746 kB` `1.928 kB`	🆕 New entry
`react` ActivityItem	`0 B` `0 B`	`68.833 kB` `22.613 kB`	🆕 New entry
`react` Announced	`0 B` `0 B`	`36.473 kB` `12.628 kB`	🆕 New entry
`react` Autofill	`0 B` `0 B`	`15.365 kB` `4.743 kB`	🆕 New entry
`react` Breadcrumb	`0 B` `0 B`	`196.061 kB` `58.75 kB`	🆕 New entry
`react` Button	`0 B` `0 B`	`190.138 kB` `55.024 kB`	🆕 New entry
`react` ButtonGrid	`0 B` `0 B`	`175.896 kB` `53.242 kB`	🆕 New entry
`react` Calendar	`0 B` `0 B`	`118.756 kB` `36.101 kB`	🆕 New entry
`react` Callout	`0 B` `0 B`	`80.844 kB` `26.56 kB`	🆕 New entry
`react` Check	`0 B` `0 B`	`51.062 kB` `17.152 kB`	🆕 New entry
`react` Checkbox	`0 B` `0 B`	`57.791 kB` `19.17 kB`	🆕 New entry
`react` ChoiceGroup	`0 B` `0 B`	`63.339 kB` `20.824 kB`	🆕 New entry
`react` ChoiceGroupOption	`0 B` `0 B`	`56.601 kB` `18.695 kB`	🆕 New entry
`react` Coachmark	`0 B` `0 B`	`89.633 kB` `28.377 kB`	🆕 New entry
`react` Color	`0 B` `0 B`	`7.737 kB` `3.106 kB`	🆕 New entry
`react` ColorPicker	`0 B` `0 B`	`129.962 kB` `40.577 kB`	🆕 New entry
`react` ComboBox	`0 B` `0 B`	`245.333 kB` `70.505 kB`	🆕 New entry
`react` CommandBar	`0 B` `0 B`	`197.373 kB` `58.465 kB`	🆕 New entry
`react` ContextualMenu	`0 B` `0 B`	`150.945 kB` `46.975 kB`	🆕 New entry
`react` DatePicker	`0 B` `0 B`	`180.181 kB` `54.902 kB`	🆕 New entry
`react` DateTimeUtilities	`0 B` `0 B`	`5.244 kB` `1.849 kB`	🆕 New entry
`react` DetailsList	`0 B` `0 B`	`225.886 kB` `64.647 kB`	🆕 New entry
`react` Dialog	`0 B` `0 B`	`205.272 kB` `61.429 kB`	🆕 New entry
`react` Divider	`0 B` `0 B`	`17.63 kB` `6.234 kB`	🆕 New entry
`react` DocumentCard	`0 B` `0 B`	`211.058 kB` `62.788 kB`	🆕 New entry
`react` DragDrop	`0 B` `0 B`	`8.343 kB` `2.724 kB`	🆕 New entry
`react` DraggableZone	`0 B` `0 B`	`33.345 kB` `11.166 kB`	🆕 New entry
`react` Dropdown	`0 B` `0 B`	`227.71 kB` `66.862 kB`	🆕 New entry
`react` ExtendedPicker	`0 B` `0 B`	`94.987 kB` `27.297 kB`	🆕 New entry
`react` Fabric	`0 B` `0 B`	`39.75 kB` `13.688 kB`	🆕 New entry
`react` Facepile	`0 B` `0 B`	`205.97 kB` `61.664 kB`	🆕 New entry
`react` FloatingPicker	`0 B` `0 B`	`236.211 kB` `67.362 kB`	🆕 New entry
`react` FocusTrapZone	`0 B` `0 B`	`15.831 kB` `5.54 kB`	🆕 New entry
`react` FocusZone	`0 B` `0 B`	`53.259 kB` `16.869 kB`	🆕 New entry
`react` Grid	`0 B` `0 B`	`175.896 kB` `53.242 kB`	🆕 New entry
`react` GroupedList	`0 B` `0 B`	`131.636 kB` `39.657 kB`	🆕 New entry
`react` GroupedListV2	`0 B` `0 B`	`119.324 kB` `36.822 kB`	🆕 New entry
`react` HoverCard	`0 B` `0 B`	`93.713 kB` `29.775 kB`	🆕 New entry
`react` Icon	`0 B` `0 B`	`49.74 kB` `16.603 kB`	🆕 New entry
`react` Icons	`0 B` `0 B`	`65.829 kB` `24.211 kB`	🆕 New entry
`react` Image	`0 B` `0 B`	`44.79 kB` `15.024 kB`	🆕 New entry
`react` Keytip	`0 B` `0 B`	`78.572 kB` `25.817 kB`	🆕 New entry
`react` KeytipData	`0 B` `0 B`	`13.585 kB` `4.418 kB`	🆕 New entry
`react` KeytipLayer	`0 B` `0 B`	`100.406 kB` `31.12 kB`	🆕 New entry
`react` Keytips	`0 B` `0 B`	`103.159 kB` `32.062 kB`	🆕 New entry
`react` Label	`0 B` `0 B`	`36.347 kB` `12.639 kB`	🆕 New entry
`react` Layer	`0 B` `0 B`	`45.683 kB` `15.585 kB`	🆕 New entry
`react` Link	`0 B` `0 B`	`37.673 kB` `12.993 kB`	🆕 New entry
`react` List	`0 B` `0 B`	`38.136 kB` `12.004 kB`	🆕 New entry
`react` MarqueeSelection	`0 B` `0 B`	`72.119 kB` `21.676 kB`	🆕 New entry
`react` MessageBar	`0 B` `0 B`	`184.685 kB` `55.518 kB`	🆕 New entry
`react` Modal	`0 B` `0 B`	`90.409 kB` `29.213 kB`	🆕 New entry
`react` Nav	`0 B` `0 B`	`183.42 kB` `55.087 kB`	🆕 New entry
`react` OverflowSet	`0 B` `0 B`	`31.044 kB` `10.593 kB`	🆕 New entry
`react` Overlay	`0 B` `0 B`	`38.784 kB` `13.401 kB`	🆕 New entry
`react` Panel	`0 B` `0 B`	`194.924 kB` `58.335 kB`	🆕 New entry
`react` Persona	`0 B` `0 B`	`111.683 kB` `35.57 kB`	🆕 New entry
`react` PersonaCoin	`0 B` `0 B`	`111.683 kB` `35.57 kB`	🆕 New entry
`react` PersonaPresence	`0 B` `0 B`	`55.928 kB` `18.715 kB`	🆕 New entry
`react` Pickers	`0 B` `0 B`	`287.581 kB` `80.6 kB`	🆕 New entry
`react` Pivot	`0 B` `0 B`	`184.23 kB` `55.818 kB`	🆕 New entry
`react` Popup	`0 B` `0 B`	`12.032 kB` `4.114 kB`	🆕 New entry
`react` Positioning	`0 B` `0 B`	`21.821 kB` `7.334 kB`	🆕 New entry
`react` PositioningContainer	`0 B` `0 B`	`70.754 kB` `22.84 kB`	🆕 New entry
`react` ProgressIndicator	`0 B` `0 B`	`37.498 kB` `12.906 kB`	🆕 New entry
`react` Rating	`0 B` `0 B`	`78.989 kB` `25.18 kB`	🆕 New entry
`react` ResizeGroup	`0 B` `0 B`	`13.286 kB` `4.365 kB`	🆕 New entry
`react` ResponsiveMode	`0 B` `0 B`	`8.078 kB` `2.95 kB`	🆕 New entry
`react` ScrollablePane	`0 B` `0 B`	`53.538 kB` `17.113 kB`	🆕 New entry
`react` SearchBox	`0 B` `0 B`	`182.96 kB` `55.094 kB`	🆕 New entry
`react` SelectableOption	`0 B` `0 B`	`724 B` `413 B`	🆕 New entry
`react` SelectedItemsList	`0 B` `0 B`	`226.637 kB` `66.316 kB`	🆕 New entry
`react` Selection	`0 B` `0 B`	`41.202 kB` `11.839 kB`	🆕 New entry
`react` Separator	`0 B` `0 B`	`33.397 kB` `11.529 kB`	🆕 New entry
`react` Shimmer	`0 B` `0 B`	`47.265 kB` `15.632 kB`	🆕 New entry
`react` ShimmeredDetailsList	`0 B` `0 B`	`236.654 kB` `67.42 kB`	🆕 New entry
`react` Slider	`0 B` `0 B`	`55.575 kB` `18.574 kB`	🆕 New entry
`react` SpinButton	`0 B` `0 B`	`186.639 kB` `56.2 kB`	🆕 New entry
`react` Spinner	`0 B` `0 B`	`39.691 kB` `13.815 kB`	🆕 New entry
`react` Stack	`0 B` `0 B`	`40.761 kB` `13.931 kB`	🆕 New entry
`react` Sticky	`0 B` `0 B`	`32.064 kB` `10.324 kB`	🆕 New entry
`react` Styling	`0 B` `0 B`	`44.812 kB` `14.688 kB`	🆕 New entry
`react` SwatchColorPicker	`0 B` `0 B`	`186.144 kB` `56.719 kB`	🆕 New entry
`react` TeachingBubble	`0 B` `0 B`	`199.982 kB` `59.339 kB`	🆕 New entry
`react` Text	`0 B` `0 B`	`35.931 kB` `12.486 kB`	🆕 New entry
`react` TextField	`0 B` `0 B`	`78.587 kB` `24.642 kB`	🆕 New entry
`react` Theme	`0 B` `0 B`	`42.456 kB` `13.773 kB`	🆕 New entry
`react` ThemeGenerator	`0 B` `0 B`	`12.34 kB` `4.106 kB`	🆕 New entry
`react` TimePicker	`0 B` `0 B`	`235.175 kB` `68.285 kB`	🆕 New entry
`react` Toggle	`0 B` `0 B`	`44.17 kB` `15.346 kB`	🆕 New entry
`react` Tooltip	`0 B` `0 B`	`84.203 kB` `27.268 kB`	🆕 New entry
`react` Utilities	`0 B` `0 B`	`71.851 kB` `21.843 kB`	🆕 New entry
`react` Viewport	`0 B` `0 B`	`22.945 kB` `7.292 kB`	🆕 New entry
`react` WeeklyDayPicker	`0 B` `0 B`	`98.762 kB` `30.828 kB`	🆕 New entry
`react` WindowProvider	`0 B` `0 B`	`1.059 kB` `541 B`	🆕 New entry
`react-northstar` Accordion	`0 B` `0 B`	`85.357 kB` `26.509 kB`	🆕 New entry
`react-northstar` Alert	`0 B` `0 B`	`87.425 kB` `26.91 kB`	🆕 New entry
`react-northstar` Animation	`0 B` `0 B`	`55.304 kB` `17.834 kB`	🆕 New entry
`react-northstar` Attachment	`0 B` `0 B`	`86.819 kB` `26.7 kB`	🆕 New entry
`react-northstar` Avatar	`0 B` `0 B`	`80.254 kB` `24.634 kB`	🆕 New entry
`react-northstar` Box	`0 B` `0 B`	`75.223 kB` `23.814 kB`	🆕 New entry
`react-northstar` Breadcrumb	`0 B` `0 B`	`79.889 kB` `24.707 kB`	🆕 New entry
`react-northstar` Button	`0 B` `0 B`	`83.135 kB` `25.957 kB`	🆕 New entry
`react-northstar` Card	`0 B` `0 B`	`82.674 kB` `25.027 kB`	🆕 New entry
`react-northstar` Carousel	`0 B` `0 B`	`105.15 kB` `31.882 kB`	🆕 New entry
`react-northstar` Chat	`0 B` `0 B`	`152.326 kB` `45.963 kB`	🆕 New entry
`react-northstar` Checkbox	`0 B` `0 B`	`79.782 kB` `25.085 kB`	🆕 New entry
`react-northstar` Datepicker	`0 B` `0 B`	`184.887 kB` `56.167 kB`	🆕 New entry
`react-northstar` Debug	`0 B` `0 B`	`8.801 kB` `3.594 kB`	🆕 New entry
`react-northstar` Design	`0 B` `0 B`	`36.564 kB` `12.07 kB`	🆕 New entry
`react-northstar` Dialog	`0 B` `0 B`	`112.02 kB` `33.638 kB`	🆕 New entry
`react-northstar` Divider	`0 B` `0 B`	`76.594 kB` `24.137 kB`	🆕 New entry
`react-northstar` Dropdown	`0 B` `0 B`	`196.43 kB` `59.442 kB`	🆕 New entry
`react-northstar` Embed	`0 B` `0 B`	`81.446 kB` `25.42 kB`	🆕 New entry
`react-northstar` Flex	`0 B` `0 B`	`47.702 kB` `15.45 kB`	🆕 New entry
`react-northstar` Form	`0 B` `0 B`	`92.492 kB` `28.881 kB`	🆕 New entry
`react-northstar` Grid	`0 B` `0 B`	`70.555 kB` `22.283 kB`	🆕 New entry
`react-northstar` Header	`0 B` `0 B`	`74.731 kB` `23.476 kB`	🆕 New entry
`react-northstar` Image	`0 B` `0 B`	`73.566 kB` `23.339 kB`	🆕 New entry
`react-northstar` Input	`0 B` `0 B`	`88.31 kB` `27.784 kB`	🆕 New entry
`react-northstar` ItemLayout	`0 B` `0 B`	`78.206 kB` `24.458 kB`	🆕 New entry
`react-northstar` Label	`0 B` `0 B`	`77.895 kB` `24.415 kB`	🆕 New entry
`react-northstar` Layout	`0 B` `0 B`	`75.368 kB` `23.806 kB`	🆕 New entry
`react-northstar` List	`0 B` `0 B`	`88.472 kB` `27.57 kB`	🆕 New entry
`react-northstar` Loader	`0 B` `0 B`	`78.591 kB` `24.745 kB`	🆕 New entry
`react-northstar` Menu	`0 B` `0 B`	`126.85 kB` `39.875 kB`	🆕 New entry
`react-northstar` MenuButton	`0 B` `0 B`	`161.254 kB` `48.881 kB`	🆕 New entry
`react-northstar` Pill	`0 B` `0 B`	`83.697 kB` `26.077 kB`	🆕 New entry
`react-northstar` Popup	`0 B` `0 B`	`133.56 kB` `41.486 kB`	🆕 New entry
`react-northstar` Portal	`0 B` `0 B`	`58.294 kB` `18.855 kB`	🆕 New entry
`react-northstar` Provider	`0 B` `0 B`	`93.114 kB` `29.626 kB`	🆕 New entry
`react-northstar` RadioGroup	`0 B` `0 B`	`83.25 kB` `26.056 kB`	🆕 New entry
`react-northstar` Reaction	`0 B` `0 B`	`77.255 kB` `24.138 kB`	🆕 New entry
`react-northstar` Segment	`0 B` `0 B`	`76.184 kB` `23.899 kB`	🆕 New entry
`react-northstar` Skeleton	`0 B` `0 B`	`77.74 kB` `24.21 kB`	🆕 New entry
`react-northstar` Slider	`0 B` `0 B`	`84.235 kB` `26.744 kB`	🆕 New entry
`react-northstar` SplitButton	`0 B` `0 B`	`176.487 kB` `52.632 kB`	🆕 New entry
`react-northstar` Status	`0 B` `0 B`	`76.247 kB` `24.059 kB`	🆕 New entry
`react-northstar` SvgIcon	`0 B` `0 B`	`36.819 kB` `11.744 kB`	🆕 New entry
`react-northstar` Table	`0 B` `0 B`	`80.765 kB` `25.159 kB`	🆕 New entry
`react-northstar` Text	`0 B` `0 B`	`74.089 kB` `23.522 kB`	🆕 New entry
`react-northstar` TextArea	`0 B` `0 B`	`74.223 kB` `23.501 kB`	🆕 New entry
`react-northstar` Toolbar	`0 B` `0 B`	`173.3 kB` `52.087 kB`	🆕 New entry
`react-northstar` Tooltip	`0 B` `0 B`	`108.23 kB` `34.491 kB`	🆕 New entry
`react-northstar` Tree	`0 B` `0 B`	`87.83 kB` `27.223 kB`	🆕 New entry
`react-northstar` Video	`0 B` `0 B`	`75.379 kB` `23.794 kB`	🆕 New entry

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
`global-context` createContext	`510 B` `328 B`
`global-context` createContextSelector	`537 B` `339 B`
`priority-overflow` createOverflowManager	`4.447 kB` `1.853 kB`
`react-accordion` Accordion (including children components)	`93.962 kB` `28.706 kB`
`react-alert` Alert	`83.737 kB` `23.474 kB`
`react-avatar` Avatar	`50.175 kB` `15.944 kB`
`react-avatar` AvatarGroup	`19.704 kB` `7.796 kB`
`react-avatar` AvatarGroupItem	`64.831 kB` `20.274 kB`
`react-badge` Badge	`26.905 kB` `8.729 kB`
`react-badge` CounterBadge	`27.806 kB` `9.024 kB`
`react-badge` PresenceBadge	`25.311 kB` `9.306 kB`
`react-button` Button	`39.513 kB` `11.169 kB`
`react-button` CompoundButton	`46.874 kB` `12.661 kB`
`react-button` MenuButton	`44.292 kB` `12.542 kB`
`react-button` SplitButton	`52.306 kB` `14.134 kB`
`react-button` ToggleButton	`56.559 kB` `13.068 kB`
`react-calendar-compat` Calendar Compat	`142.28 kB` `37.196 kB`
`react-card` Card - All	`94.653 kB` `27.242 kB`
`react-card` Card	`89.477 kB` `25.731 kB`
`react-card` CardFooter	`13.064 kB` `5.385 kB`
`react-card` CardHeader	`15.307 kB` `6.143 kB`
`react-card` CardPreview	`14.015 kB` `5.752 kB`
`react-checkbox` Checkbox	`34.863 kB` `11.881 kB`
`react-combobox` Combobox (including child components)	`97.512 kB` `31.492 kB`
`react-combobox` Dropdown (including child components)	`98.733 kB` `31.486 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`69.901 kB` `20.261 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`210.849 kB` `60.149 kB`
`react-components` react-components: FluentProvider & webLightTheme	`42.388 kB` `14.103 kB`
`react-datepicker-compat` DatePicker Compat	`214.281 kB` `60.101 kB`
`react-dialog` Dialog (including children components)	`95.522 kB` `28.482 kB`
`react-divider` Divider	`20.82 kB` `7.763 kB`
`react-field` Field	`22.544 kB` `8.61 kB`
`react-image` Image	`15.736 kB` `6.228 kB`
`react-infobutton` InfoButton	`133.126 kB` `41.896 kB`
`react-infobutton` InfoLabel	`136.931 kB` `43.104 kB`
`react-input` Input	`26.887 kB` `9.118 kB`
`react-jsx-runtime` Classic Pragma	`1.057 kB` `530 B`
`react-jsx-runtime` JSX Dev Runtime	`3.783 kB` `1.648 kB`
`react-jsx-runtime` JSX Runtime	`4.377 kB` `1.881 kB`
`react-label` Label	`14.266 kB` `5.828 kB`
`react-link` Link	`17.082 kB` `6.911 kB`
`react-menu` Menu (including children components)	`143.149 kB` `43.815 kB`
`react-menu` Menu (including selectable components)	`145.835 kB` `44.323 kB`
`react-message-bar` MessageBar (all components)	`25.181 kB` `9.039 kB`
`react-overflow` hooks only	`12.862 kB` `4.827 kB`
`react-persona` Persona	`57.066 kB` `17.821 kB`
`react-popover` Popover	`121.32 kB` `38.288 kB`
`react-portal` Portal	`12.788 kB` `4.67 kB`
`react-portal-compat` PortalCompatProvider	`7.099 kB` `2.385 kB`
`react-positioning` usePositioning	`26.336 kB` `9.515 kB`
`react-progress` ProgressBar	`17.428 kB` `6.898 kB`
`react-provider` FluentProvider	`22.928 kB` `8.472 kB`
`react-radio` Radio	`32.159 kB` `10.064 kB`
`react-radio` RadioGroup	`15.345 kB` `6.263 kB`
`react-select` Select	`28.609 kB` `10.205 kB`
`react-slider` Slider	`39.15 kB` `12.769 kB`
`react-spinbutton` SpinButton	`36.774 kB` `11.788 kB`
`react-spinner` Spinner	`23.517 kB` `8.512 kB`
`react-switch` Switch	`34.347 kB` `11.009 kB`
`react-table` DataGrid	`157.48 kB` `43.924 kB`
`react-table` Table (Primitives only)	`44.493 kB` `13.921 kB`
`react-table` Table as DataGrid	`130.438 kB` `35.166 kB`
`react-table` Table (Selection only)	`75.482 kB` `20.352 kB`
`react-table` Table (Sort only)	`74.148 kB` `19.96 kB`
`react-tags` InteractionTag	`15.259 kB` `6.058 kB`
`react-tags` Tag	`29.982 kB` `9.439 kB`
`react-tags` TagGroup	`74.404 kB` `22.31 kB`
`react-text` Text - Default	`16.705 kB` `6.569 kB`
`react-text` Text - Wrappers	`19.878 kB` `6.896 kB`
`react-textarea` Textarea	`30.947 kB` `10.476 kB`
`react-theme` Single theme token import	`69 B` `89 B`
`react-theme` Teams: all themes	`34.616 kB` `7.317 kB`
`react-theme` Teams: Light theme	`19.287 kB` `5.498 kB`
`react-timepicker-compat` TimePicker	`99.346 kB` `32.925 kB`
`react-toast` Toast (including Toaster)	`93.274 kB` `28.044 kB`
`react-tooltip` Tooltip	`53.689 kB` `18.964 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against 491d0cb952b14057711ff36348da50db92eaf78d}

fabricteam · 2024-01-26T12:17:03Z

🕵 fluentuiv9 No visual regressions between this PR and main

fabricteam · 2024-01-26T12:18:23Z

Perf Analysis (`@fluentui/react`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
BaseButton	mount	633	632	5000
Breadcrumb	mount	1678	1672	1000
Checkbox	mount	1681	1705	5000
CheckboxBase	mount	1484	1459	5000
ChoiceGroup	mount	2922	2888	5000
ComboBox	mount	671	673	1000
CommandBar	mount	6334	6230	1000
ContextualMenu	mount	11588	11362	1000
DefaultButton	mount	739	750	5000
DetailsRow	mount	2181	2153	5000
DetailsRowFast	mount	2197	2204	5000
DetailsRowNoStyles	mount	1990	2028	5000
Dialog	mount	2621	2682	1000
DocumentCardTitle	mount	234	233	1000
Dropdown	mount	2013	2063	5000
FocusTrapZone	mount	1147	1138	5000
FocusZone	mount	1084	1067	5000
GroupedList	mount	41916	42236	2
GroupedList	virtual-rerender	19834	20106	2
GroupedList	virtual-rerender-with-unmount	50733	50344	2
GroupedListV2	mount	230	222	2
GroupedListV2	virtual-rerender	216	210	2
GroupedListV2	virtual-rerender-with-unmount	227	218	2
IconButton	mount	1085	1109	5000
Label	mount	330	327	5000
Layer	mount	2743	2778	5000
Link	mount	383	383	5000
MenuButton	mount	958	964	5000
MessageBar	mount	21599	21564	5000
Nav	mount	1992	1995	1000
OverflowSet	mount	807	779	5000
Panel	mount	1827	1765	1000
Persona	mount	751	741	1000
Pivot	mount	849	859	1000
PrimaryButton	mount	848	853	5000
Rating	mount	4604	4654	5000
SearchBox	mount	883	939	5000
Shimmer	mount	1887	1832	5000
Slider	mount	1337	1318	5000
SpinButton	mount	2926	2902	5000
Spinner	mount	392	388	5000
SplitButton	mount	1847	1797	5000
Stack	mount	402	401	5000
StackWithIntrinsicChildren	mount	855	859	5000
StackWithTextChildren	mount	2631	2640	5000
SwatchColorPicker	mount	6304	6253	5000
TagPicker	mount	1457	1475	5000
Text	mount	368	362	5000
TextField	mount	938	944	5000
ThemeProvider	mount	828	843	5000
ThemeProvider	virtual-rerender	583	599	5000
ThemeProvider	virtual-rerender-with-unmount	1282	1254	5000
Toggle	mount	613	625	5000
buttonNative	mount	187	195	5000

…th monosize on ci

TristanWatanabe

🚀

github-actions bot added this to the January Project Cycle Q1 2024 milestone Jan 26, 2024

Hotell changed the title ~~Bundle size/migrate to monosize 4~~ chore: remove bundle-size-auditor package including its usage and replace it with monosize on ci Jan 26, 2024

Hotell changed the title ~~chore: remove bundle-size-auditor package including its usage and replace it with monosize on ci~~ feat: remove bundle-size-auditor package including its usage and replace it with monosize on ci Jan 26, 2024

Hotell added Area: Build System Fluent UI react-northstar (v0) Work related to Fluent UI V0 Fluent UI react (v8) Issues about @fluentui/react (v8) CI labels Jan 26, 2024

Hotell mentioned this pull request Jan 26, 2024

[Feature]: migrate bundling measurements from SizeAuditor to monosize #27933

Closed

10 tasks

Hotell marked this pull request as ready for review January 26, 2024 12:57

Hotell requested review from a team, JustSlone, jurokapsiar and tudorpopams as code owners January 26, 2024 12:57

layershifter approved these changes Jan 26, 2024

View reviewed changes

JustSlone approved these changes Jan 26, 2024

View reviewed changes

ling1726 approved these changes Jan 26, 2024

View reviewed changes

Hotell added 2 commits January 29, 2024 17:40

chore: remove bundle-size-auditor package,its usage and replace it wi…

1b8eef3

…th monosize on ci

change file

7595f42

Hotell force-pushed the bundle-size/migrate-to-monosize-4 branch from 947c2f2 to 7595f42 Compare January 29, 2024 16:40

Hotell enabled auto-merge (squash) January 29, 2024 16:44

TristanWatanabe approved these changes Jan 29, 2024

View reviewed changes

Hotell disabled auto-merge January 30, 2024 11:54

Hotell merged commit 77bc3fe into microsoft:master Jan 30, 2024

Hotell deleted the bundle-size/migrate-to-monosize-4 branch January 30, 2024 11:54

Hotell mentioned this pull request Jan 30, 2024

chore: remove sizeauditor lightrail config #30425

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: remove bundle-size-auditor package including its usage and replace it with monosize on ci#30405

feat: remove bundle-size-auditor package including its usage and replace it with monosize on ci#30405
Hotell merged 2 commits intomicrosoft:masterfrom
Hotell:bundle-size/migrate-to-monosize-4

Hotell commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

codesandbox-ci bot commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

fabricteam commented Jan 26, 2024 •

edited

Loading

Uh oh!

TristanWatanabe left a comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Conversation

Hotell commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Pre-requirements:

New Behavior

Related Issue(s)

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Perf Analysis (@fluentui/react-components)

Uh oh!

codesandbox-ci bot commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🕵 fluentuiv8 No visual regressions between this PR and main

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Perf Analysis (@fluentui/react-northstar)

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🕵 FluentUIV0 No visual regressions between this PR and main

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Bundle size report

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🕵 fluentuiv9 No visual regressions between this PR and main

Uh oh!

fabricteam commented Jan 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Perf Analysis (@fluentui/react)

Uh oh!

TristanWatanabe left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Hotell commented Jan 26, 2024 •

edited

Loading

fabricteam commented Jan 26, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react-components`)

codesandbox-ci bot commented Jan 26, 2024 •

edited

Loading

fabricteam commented Jan 26, 2024 •

edited

Loading

fabricteam commented Jan 26, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react-northstar`)

fabricteam commented Jan 26, 2024 •

edited

Loading

fabricteam commented Jan 26, 2024 •

edited

Loading

fabricteam commented Jan 26, 2024 •

edited

Loading

fabricteam commented Jan 26, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react`)