Skip to content

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

Merged
Hotell merged 2 commits into
microsoft:masterfrom
Hotell:bundle-size/migrate-to-monosize-3
Jan 29, 2024
Merged

chore(react-northstar): setup monosize for measuring bundle size which will replace-size auditor bot#30383
Hotell merged 2 commits into
microsoft:masterfrom
Hotell:bundle-size/migrate-to-monosize-3

Conversation

@Hotell

@Hotell Hotell commented Jan 24, 2024

Copy link
Copy Markdown
Contributor

Previous Behavior

New Behavior

this adds following to react-northstar project:

  • monosize setup
  • create monosize fixtures based on deprecated bundle-size dynamically generated fixuters

Related Issue(s)

@codesandbox-ci

codesandbox-ci Bot commented Jan 24, 2024

Copy link
Copy Markdown

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 f4d4c23:

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

@fabricteam

fabricteam commented Jan 24, 2024

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
PortalMinimalPerf.default 92 80 1.15:1
AvatarMinimalPerf.default 117 107 1.09:1
LabelMinimalPerf.default 229 213 1.08:1
ChatMinimalPerf.default 469 438 1.07:1
ButtonMinimalPerf.default 95 90 1.06:1
ButtonSlotsPerf.default 310 292 1.06:1
DialogMinimalPerf.default 460 434 1.06:1
ChatDuplicateMessagesPerf.default 163 155 1.05:1
RefMinimalPerf.default 111 106 1.05:1
TextAreaMinimalPerf.default 306 292 1.05:1
BoxMinimalPerf.default 199 192 1.04:1
GridMinimalPerf.default 209 201 1.04:1
DatepickerMinimalPerf.default 3734 3640 1.03:1
StatusMinimalPerf.default 412 399 1.03:1
IconMinimalPerf.default 406 396 1.03:1
TreeWith60ListItems.default 90 87 1.03:1
AttachmentSlotsPerf.default 637 622 1.02:1
DividerMinimalPerf.default 201 198 1.02:1
SplitButtonMinimalPerf.default 2302 2257 1.02:1
DropdownManyItemsPerf.default 403 398 1.01:1
LayoutMinimalPerf.default 201 199 1.01:1
PopupMinimalPerf.default 354 349 1.01:1
TextMinimalPerf.default 195 194 1.01:1
CustomToolbarPrototype.default 1488 1473 1.01:1
ToolbarMinimalPerf.default 548 541 1.01:1
AlertMinimalPerf.default 164 164 1:1
CarouselMinimalPerf.default 259 258 1:1
ChatWithPopoverPerf.default 202 203 1:1
CheckboxMinimalPerf.default 1146 1146 1:1
FormMinimalPerf.default 223 223 1:1
LoaderMinimalPerf.default 189 189 1:1
MenuButtonMinimalPerf.default 963 959 1:1
RosterPerf.default 1559 1560 1:1
ProviderMinimalPerf.default 205 204 1:1
ReactionMinimalPerf.default 212 212 1:1
ButtonOverridesMissPerf.default 640 645 0.99:1
DropdownMinimalPerf.default 1426 1436 0.99:1
HeaderMinimalPerf.default 207 209 0.99:1
ImageMinimalPerf.default 229 231 0.99:1
ItemLayoutMinimalPerf.default 714 722 0.99:1
TableManyItemsPerf.default 1103 1113 0.99:1
AccordionMinimalPerf.default 81 83 0.98:1
EmbedMinimalPerf.default 1903 1937 0.98:1
FlexMinimalPerf.default 159 163 0.98:1
InputMinimalPerf.default 531 544 0.98:1
ListMinimalPerf.default 301 306 0.98:1
MenuMinimalPerf.default 508 517 0.98:1
ProviderMergeThemesPerf.default 657 668 0.98:1
TreeMinimalPerf.default 474 483 0.98:1
HeaderSlotsPerf.default 471 488 0.97:1
ListWith60ListItems.default 360 372 0.97:1
SegmentMinimalPerf.default 189 194 0.97:1
SkeletonMinimalPerf.default 196 202 0.97:1
SliderMinimalPerf.default 743 763 0.97:1
TooltipMinimalPerf.default 1265 1304 0.97:1
AnimationMinimalPerf.default 316 329 0.96:1
RadioGroupMinimalPerf.default 256 266 0.96:1
AttachmentMinimalPerf.default 81 85 0.95:1
ListCommonPerf.default 376 400 0.94:1
TableMinimalPerf.default 240 254 0.94:1
VideoMinimalPerf.default 452 481 0.94:1
CardMinimalPerf.default 317 345 0.92:1
ListNestedPerf.default 315 343 0.92:1

@fabricteam

fabricteam commented Jan 24, 2024

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
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

🤖 This report was generated against 2ca494a0955af92ab3259c6fb08aa02125aee867

@fabricteam

fabricteam commented Jan 24, 2024

Copy link
Copy Markdown
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@size-auditor

size-auditor Bot commented Jan 24, 2024

Copy link
Copy Markdown

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 2ca494a0955af92ab3259c6fb08aa02125aee867 (build)

@Hotell
Hotell force-pushed the bundle-size/migrate-to-monosize-3 branch from 2af6b44 to f4d4c23 Compare January 25, 2024 14:18
@Hotell
Hotell marked this pull request as ready for review January 26, 2024 10:51
@Hotell
Hotell requested review from a team as code owners January 26, 2024 10:51
@Hotell
Hotell merged commit 3a6233a into microsoft:master Jan 29, 2024
@Hotell
Hotell deleted the bundle-size/migrate-to-monosize-3 branch January 29, 2024 12:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants