init: @fluentui/babel-preset-global-context by ling1726 · Pull Request #23366 · microsoft/fluentui

ling1726 · 2022-06-02T10:27:36Z

Autogenerates a new node package for global context babel preset

codesandbox-ci · 2022-06-02T10:40:16Z

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

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

fabricteam · 2022-06-02T10:47:30Z

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

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
Avatar	mount	889	862	5000
Button	mount	559	562	5000
FluentProvider	mount	1854	1838	5000
FluentProviderWithTheme	mount	282	274	10
FluentProviderWithTheme	virtual-rerender	245	244	10
FluentProviderWithTheme	virtual-rerender-with-unmount	295	291	10
MakeStyles	mount	1598	1605	50000

size-auditor · 2022-06-02T10:47:41Z

Asset size changes

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

Baseline commit: 7e6f55ee798947113ab44ece27cf899b01d9527f (build)

fabricteam · 2022-06-02T10:52:26Z

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

⚠️ 1 potential perf regressions detected

Potential regressions comparing to master

Scenario	Current PR Ticks	Baseline Ticks	Ratio	Regression Analysis
AlertMinimalPerf.default	191	219	0.87:1	analysis

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
ButtonSlotsPerf.default	462	397	1.16:1
DropdownManyItemsPerf.default	572	491	1.16:1
PortalMinimalPerf.default	146	127	1.15:1
DividerMinimalPerf.default	298	261	1.14:1
ListWith60ListItems.default	518	456	1.14:1
ButtonOverridesMissPerf.default	1254	1122	1.12:1
RadioGroupMinimalPerf.default	362	322	1.12:1
HeaderMinimalPerf.default	292	262	1.11:1
LabelMinimalPerf.default	314	283	1.11:1
DialogMinimalPerf.default	633	576	1.1:1
PopupMinimalPerf.default	524	475	1.1:1
TableMinimalPerf.default	341	311	1.1:1
AccordionMinimalPerf.default	127	117	1.09:1
TreeWith60ListItems.default	128	117	1.09:1
ImageMinimalPerf.default	295	272	1.08:1
ButtonMinimalPerf.default	147	138	1.07:1
ChatWithPopoverPerf.default	295	275	1.07:1
ListCommonPerf.default	500	466	1.07:1
ProviderMergeThemesPerf.default	1010	950	1.06:1
ReactionMinimalPerf.default	323	304	1.06:1
TextAreaMinimalPerf.default	377	356	1.06:1
ChatMinimalPerf.default	579	550	1.05:1
ItemLayoutMinimalPerf.default	985	939	1.05:1
SegmentMinimalPerf.default	292	279	1.05:1
TooltipMinimalPerf.default	913	871	1.05:1
CheckboxMinimalPerf.default	2132	2049	1.04:1
DropdownMinimalPerf.default	2424	2335	1.04:1
GridMinimalPerf.default	282	271	1.04:1
SplitButtonMinimalPerf.default	3602	3458	1.04:1
HeaderSlotsPerf.default	604	587	1.03:1
ProviderMinimalPerf.default	305	296	1.03:1
SliderMinimalPerf.default	1411	1366	1.03:1
FormMinimalPerf.default	308	303	1.02:1
VideoMinimalPerf.default	528	516	1.02:1
LayoutMinimalPerf.default	287	284	1.01:1
LoaderMinimalPerf.default	510	506	1.01:1
AnimationMinimalPerf.default	453	452	1:1
FlexMinimalPerf.default	211	211	1:1
InputMinimalPerf.default	987	983	1:1
ListNestedPerf.default	404	403	1:1
TextMinimalPerf.default	247	249	0.99:1
MenuButtonMinimalPerf.default	1376	1401	0.98:1
StatusMinimalPerf.default	522	530	0.98:1
TreeMinimalPerf.default	649	664	0.98:1
DatepickerMinimalPerf.default	4415	4537	0.97:1
IconMinimalPerf.default	495	510	0.97:1
ToolbarMinimalPerf.default	740	759	0.97:1
AvatarMinimalPerf.default	150	156	0.96:1
ChatDuplicateMessagesPerf.default	223	232	0.96:1
TableManyItemsPerf.default	1516	1587	0.96:1
EmbedMinimalPerf.default	3192	3360	0.95:1
MenuMinimalPerf.default	673	707	0.95:1
AttachmentSlotsPerf.default	802	853	0.94:1
CardMinimalPerf.default	434	462	0.94:1
CarouselMinimalPerf.default	365	387	0.94:1
CustomToolbarPrototype.default	2111	2267	0.93:1
RefMinimalPerf.default	176	191	0.92:1
BoxMinimalPerf.default	253	277	0.91:1
ListMinimalPerf.default	382	419	0.91:1
SkeletonMinimalPerf.default	253	282	0.9:1
RosterPerf.default	834	934	0.89:1
AttachmentMinimalPerf.default	105	119	0.88:1

fabricteam · 2022-06-02T10:54:44Z

📊 Bundle size report

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
`global-context` createContext	`533 B` `341 B`
`global-context` createContextSelector	`554 B` `348 B`
`priority-overflow` createOverflowManager	`2.936 kB` `1.212 kB`
`react-accordion` Accordion (including children components)	`74.947 kB` `22.722 kB`
`react-avatar` Avatar	`45.538 kB` `13.298 kB`
`react-badge` Badge	`20.929 kB` `6.554 kB`
`react-badge` CounterBadge	`21.833 kB` `6.861 kB`
`react-badge` PresenceBadge	`22.23 kB` `6.673 kB`
`react-button` Button	`32.846 kB` `8.967 kB`
`react-button` CompoundButton	`39.753 kB` `10.201 kB`
`react-button` MenuButton	`35.018 kB` `9.72 kB`
`react-button` SplitButton	`42.259 kB` `11.016 kB`
`react-button` ToggleButton	`47.329 kB` `10.519 kB`
`react-card` Card - All	`61.945 kB` `17.662 kB`
`react-card` Card	`57.23 kB` `16.48 kB`
`react-card` CardFooter	`7.737 kB` `3.264 kB`
`react-card` CardHeader	`9.302 kB` `3.779 kB`
`react-card` CardPreview	`7.709 kB` `3.286 kB`
`react-combobox` Combobox	`61.28 kB` `20.925 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`183.617 kB` `50.924 kB`
`react-components` react-components: FluentProvider & webLightTheme	`33.988 kB` `11.108 kB`
`react-divider` Divider	`15.485 kB` `5.534 kB`
`react-image` Image	`9.956 kB` `3.922 kB`
`react-input` Input	`22.009 kB` `7.194 kB`
`react-label` Label	`8.514 kB` `3.526 kB`
`react-link` Link	`11.358 kB` `4.58 kB`
`react-menu` Menu (including children components)	`113.39 kB` `34.372 kB`
`react-menu` Menu (including selectable components)	`116.565 kB` `34.825 kB`
`react-overflow` hooks only	`10.792 kB` `4.124 kB`
`react-popover` Popover	`103.625 kB` `31.506 kB`
`react-portal` Portal	`6.302 kB` `2.188 kB`
`react-positioning` usePositioning	`23.846 kB` `8.29 kB`
`react-provider` FluentProvider	`14.037 kB` `5.307 kB`
`react-radio` Radio	`29.397 kB` `10.049 kB`
`react-radio` RadioGroup	`13.595 kB` `5.42 kB`
`react-select` Select	`18.252 kB` `6.511 kB`
`react-slider` Slider	`25.173 kB` `8.12 kB`
`react-spinbutton` SpinButton	`41.967 kB` `11.816 kB`
`react-spinner` Spinner	`18.15 kB` `5.989 kB`
`react-switch` Switch	`25.37 kB` `8.208 kB`
`react-text` Text - Default	`10.848 kB` `4.239 kB`
`react-text` Text - Wrappers	`14.158 kB` `4.659 kB`
`react-textarea` Textarea	`21.057 kB` `7.079 kB`
`react-theme` Single theme token import	`69 B` `89 B`
`react-theme` Teams: all themes	`31.363 kB` `7.043 kB`
`react-theme` Teams: Light theme	`19.806 kB` `5.699 kB`
`react-tooltip` Tooltip	`43.56 kB` `14.994 kB`
`react-utilities` SSRProvider	`189 B` `161 B`

_{🤖 This report was generated against 7e6f55ee798947113ab44ece27cf899b01d9527f}

fabricteam · 2022-06-02T11:05:39Z

Perf Analysis (`@fluentui/react`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
BaseButton	mount	1022	1025	5000
Breadcrumb	mount	2944	2929	1000
Checkbox	mount	1709	1770	5000
CheckboxBase	mount	1504	1492	5000
ChoiceGroup	mount	5341	5533	5000
ComboBox	mount	1058	1039	1000
CommandBar	mount	11325	11190	1000
ContextualMenu	mount	12702	12652	1000
DefaultButton	mount	1320	1328	5000
DetailsRow	mount	4168	4312	5000
DetailsRowFast	mount	4302	4167	5000
DetailsRowNoStyles	mount	3994	4049	5000
Dialog	mount	2432	2488	1000
DocumentCardTitle	mount	195	202	1000
Dropdown	mount	3713	3726	5000
FocusTrapZone	mount	1981	1963	5000
FocusZone	mount	1997	1941	5000
IconButton	mount	2016	1981	5000
Label	mount	397	397	5000
Layer	mount	3256	3267	5000
Link	mount	512	530	5000
MenuButton	mount	1732	1753	5000
MessageBar	mount	2318	2372	5000
Nav	mount	3657	3652	1000
OverflowSet	mount	1219	1250	5000
Panel	mount	2292	2329	1000
Persona	mount	1127	1147	1000
Pivot	mount	1578	1710	1000
PrimaryButton	mount	1452	1465	5000
Rating	mount	8942	8900	5000
SearchBox	mount	1607	1574	5000
Shimmer	mount	2889	2857	5000
Slider	mount	2178	2201	5000
SpinButton	mount	5917	5608	5000
Spinner	mount	465	455	5000
SplitButton	mount	3524	3532	5000
Stack	mount	612	612	5000
StackWithIntrinsicChildren	mount	2781	2757	5000
StackWithTextChildren	mount	6140	6200	5000
SwatchColorPicker	mount	13012	12918	5000
TagPicker	mount	3263	3238	5000
TeachingBubble	mount	100516	104225	5000
Text	mount	497	524	5000
TextField	mount	1633	1621	5000
ThemeProvider	mount	1362	1273	5000
ThemeProvider	virtual-rerender	673	672	5000
ThemeProvider	virtual-rerender-with-unmount	2188	2118	5000
Toggle	mount	923	962	5000
buttonNative	mount	178	142	5000

* init: @fluentui/babel-preset-global-context Autogenerates a new node package for global context babel preset * remove unnecessary * remove unnecessary deps

init: @fluentui/babel-preset-global-context

93df651

Autogenerates a new node package for global context babel preset

ling1726 marked this pull request as ready for review June 2, 2022 10:27

ling1726 requested review from a team, JustSlone and jurokapsiar as code owners June 2, 2022 10:27

msft-fluent-ui-bot assigned ling1726 Jun 2, 2022

github-actions Bot added this to the June Project Cycle Q2 2022 milestone Jun 2, 2022

ling1726 added 2 commits June 2, 2022 12:30

remove unnecessary

9f38431

remove unnecessary deps

ea4c0b7

Hotell approved these changes Jun 2, 2022

View reviewed changes

ling1726 enabled auto-merge (squash) June 2, 2022 11:12

ling1726 merged commit 143f4ac into microsoft:master Jun 2, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

init: @fluentui/babel-preset-global-context#23366

init: @fluentui/babel-preset-global-context#23366
ling1726 merged 3 commits into
microsoft:masterfrom
ling1726:feat/babel-preset-global-context

ling1726 commented Jun 2, 2022 •

edited by Hotell

Loading

Uh oh!

codesandbox-ci Bot commented Jun 2, 2022

Uh oh!

fabricteam commented Jun 2, 2022

Uh oh!

size-auditor Bot commented Jun 2, 2022

Uh oh!

fabricteam commented Jun 2, 2022

Uh oh!

fabricteam commented Jun 2, 2022

Uh oh!

fabricteam commented Jun 2, 2022

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

ling1726 commented Jun 2, 2022 • edited by Hotell Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codesandbox-ci Bot commented Jun 2, 2022

Uh oh!

fabricteam commented Jun 2, 2022

Perf Analysis (@fluentui/react-components)

Uh oh!

size-auditor Bot commented Jun 2, 2022

Asset size changes

Uh oh!

fabricteam commented Jun 2, 2022

Perf Analysis (@fluentui/react-northstar)

Potential regressions comparing to master

Uh oh!

fabricteam commented Jun 2, 2022

📊 Bundle size report

Uh oh!

fabricteam commented Jun 2, 2022

Perf Analysis (@fluentui/react)

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

ling1726 commented Jun 2, 2022 •

edited by Hotell

Loading

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

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

Perf Analysis (`@fluentui/react`)