Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: enable package.json prettier plugin and apply consistent style on whole monorepo #26827

Draft
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented Feb 13, 2023

Previous Behavior

see related issues

New Behavior

  • see PR title
  • Note: plugin uses same algorithm as yarn/npm when adding deps

Related Issue(s)

🚨 NOTE: This PR is blocked as the plugin references node natives via node: protocol, which doesn't work in jest 26 jestjs/jest#11331

image

BLOCKED BY #18442

@Hotell Hotell changed the title Hotell/build/auto formatting 1 chore: enable package.json prettier plugin and apply consistent style on whole monorepo Feb 13, 2023
@codesandbox-ci
Copy link

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

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

@size-auditor
Copy link

size-auditor bot commented Feb 13, 2023

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-DatePicker 175.714 kB 179.159 kB ExceedsTolerance     3.445 kB
office-ui-fabric-react fluentui-react-TeachingBubble 194.04 kB 197.371 kB ExceedsTolerance     3.331 kB
office-ui-fabric-react fluentui-react-WeeklyDayPicker 96.963 kB 99.96 kB ExceedsTolerance     2.997 kB
office-ui-fabric-react fluentui-react-GroupedList 129.148 kB 132.108 kB ExceedsTolerance     2.96 kB
office-ui-fabric-react fluentui-react-Pickers 280.313 kB 283.236 kB ExceedsTolerance     2.923 kB
office-ui-fabric-react fluentui-react-Button 184.697 kB 187.606 kB ExceedsTolerance     2.909 kB
office-ui-fabric-react fluentui-react-Facepile 200.225 kB 203.133 kB ExceedsTolerance     2.908 kB
office-ui-fabric-react fluentui-react-SelectedItemsList 220.956 kB 223.861 kB ExceedsTolerance     2.905 kB
office-ui-fabric-react fluentui-react-TimePicker 226.957 kB 229.861 kB ExceedsTolerance     2.904 kB
office-ui-fabric-react fluentui-react-DetailsList 222.405 kB 225.307 kB ExceedsTolerance     2.902 kB
office-ui-fabric-react fluentui-react-FloatingPicker 230.512 kB 233.412 kB ExceedsTolerance     2.9 kB
office-ui-fabric-react fluentui-react-Pivot 178.658 kB 181.548 kB ExceedsTolerance     2.89 kB
office-ui-fabric-react fluentui-react-ContextualMenu 145.769 kB 148.658 kB ExceedsTolerance     2.889 kB
office-ui-fabric-react fluentui-react-ComboBox 238.016 kB 240.905 kB ExceedsTolerance     2.889 kB
office-ui-fabric-react fluentui-react-Breadcrumb 190.367 kB 193.255 kB ExceedsTolerance     2.888 kB
office-ui-fabric-react fluentui-react-Panel 188.861 kB 191.747 kB ExceedsTolerance     2.886 kB
office-ui-fabric-react fluentui-react-Nav 177.819 kB 180.705 kB ExceedsTolerance     2.886 kB
office-ui-fabric-react fluentui-react-SwatchColorPicker 180.202 kB 183.086 kB ExceedsTolerance     2.884 kB
office-ui-fabric-react fluentui-react-DocumentCard 205.206 kB 208.09 kB ExceedsTolerance     2.884 kB
office-ui-fabric-react fluentui-react-SearchBox 177.402 kB 180.286 kB ExceedsTolerance     2.884 kB
office-ui-fabric-react fluentui-react-MessageBar 178.785 kB 181.669 kB ExceedsTolerance     2.884 kB
office-ui-fabric-react fluentui-react-ButtonGrid 170.51 kB 173.394 kB ExceedsTolerance     2.884 kB
office-ui-fabric-react fluentui-react-Grid 170.51 kB 173.394 kB ExceedsTolerance     2.884 kB
office-ui-fabric-react fluentui-react-ShimmeredDetailsList 232.898 kB 235.781 kB ExceedsTolerance     2.883 kB
office-ui-fabric-react fluentui-react-CommandBar 191.398 kB 194.281 kB ExceedsTolerance     2.883 kB
office-ui-fabric-react fluentui-react-Dropdown 221.074 kB 223.953 kB ExceedsTolerance     2.879 kB
office-ui-fabric-react fluentui-react-Dialog 199.164 kB 202.043 kB ExceedsTolerance     2.879 kB
office-ui-fabric-react fluentui-react-SpinButton 181.226 kB 184.088 kB ExceedsTolerance     2.862 kB
office-ui-fabric-react fluentui-react-GroupedListV2 116.839 kB 119.581 kB ExceedsTolerance     2.742 kB
office-ui-fabric-react fluentui-react-Calendar 116.601 kB 119.252 kB ExceedsTolerance     2.651 kB
office-ui-fabric-react fluentui-react-Keytips 99.377 kB 101.556 kB ExceedsTolerance     2.179 kB
office-ui-fabric-react fluentui-react-KeytipLayer 96.64 kB 98.815 kB ExceedsTolerance     2.175 kB
office-ui-fabric-react fluentui-react-Keytip 75.463 kB 77.636 kB ExceedsTolerance     2.173 kB
office-ui-fabric-react fluentui-react-HoverCard 90.632 kB 92.657 kB ExceedsTolerance     2.025 kB
office-ui-fabric-react fluentui-react-ColorPicker 124.419 kB 126.404 kB ExceedsTolerance     1.985 kB
office-ui-fabric-react fluentui-react-PersonaCoin 108.31 kB 110.289 kB ExceedsTolerance     1.979 kB
office-ui-fabric-react fluentui-react-Persona 108.31 kB 110.289 kB ExceedsTolerance     1.979 kB
office-ui-fabric-react fluentui-react-Tooltip 80.896 kB 82.873 kB ExceedsTolerance     1.977 kB
office-ui-fabric-react fluentui-react-Rating 77.501 kB 79.406 kB ExceedsTolerance     1.905 kB
office-ui-fabric-react fluentui-react-ExtendedPicker 94.108 kB 95.791 kB ExceedsTolerance     1.683 kB
office-ui-fabric-react fluentui-react-TextField 77.42 kB 79.077 kB ExceedsTolerance     1.657 kB
office-ui-fabric-react fluentui-react-Modal 88.703 kB 90.359 kB ExceedsTolerance     1.656 kB
office-ui-fabric-react fluentui-react-ChoiceGroup 61.945 kB 63.479 kB ExceedsTolerance     1.534 kB
office-ui-fabric-react fluentui-react-ChoiceGroupOption 55.63 kB 57.158 kB ExceedsTolerance     1.528 kB
office-ui-fabric-react fluentui-react-Link 37.159 kB 38.684 kB ExceedsTolerance     1.525 kB
office-ui-fabric-react fluentui-react-Callout 78.039 kB 79.56 kB ExceedsTolerance     1.521 kB
office-ui-fabric-react fluentui-react-Stack 40.079 kB 41.509 kB ExceedsTolerance     1.43 kB
office-ui-fabric-react fluentui-react-Spinner 39.332 kB 40.762 kB ExceedsTolerance     1.43 kB
office-ui-fabric-react fluentui-react-Announced 36.132 kB 37.555 kB ExceedsTolerance     1.423 kB
office-ui-fabric-react fluentui-react-Text 35.631 kB 37.044 kB ExceedsTolerance     1.413 kB
office-ui-fabric-react fluentui-react-Shimmer 46.672 kB 47.972 kB ExceedsTolerance     1.3 kB
office-ui-fabric-react fluentui-react-ActivityItem 67.85 kB 69.079 kB ExceedsTolerance     1.229 kB
office-ui-fabric-react fluentui-react-PositioningContainer 68.379 kB 69.597 kB ExceedsTolerance     1.218 kB
office-ui-fabric-react fluentui-react-Coachmark 86.739 kB 87.957 kB ExceedsTolerance     1.218 kB
office-ui-fabric-react fluentui-react-PersonaPresence 54.943 kB 56.159 kB ExceedsTolerance     1.216 kB
office-ui-fabric-react fluentui-react-Layer 45.146 kB 46.352 kB ExceedsTolerance     1.206 kB
office-ui-fabric-react fluentui-react-Checkbox 56.593 kB 57.798 kB ExceedsTolerance     1.205 kB
office-ui-fabric-react fluentui-react-Icon 48.801 kB 50.005 kB ExceedsTolerance     1.204 kB
office-ui-fabric-react fluentui-react-Image 43.857 kB 45.059 kB ExceedsTolerance     1.202 kB
office-ui-fabric-react fluentui-react-Check 50.107 kB 51.308 kB ExceedsTolerance     1.201 kB
office-ui-fabric-react fluentui-react-Fabric 39.407 kB 40.607 kB ExceedsTolerance     1.2 kB
office-ui-fabric-react fluentui-react-Slider 54.142 kB 55.331 kB ExceedsTolerance     1.189 kB
office-ui-fabric-react fluentui-react-Label 36.002 kB 36.986 kB ExceedsBaseline     984 bytes
office-ui-fabric-react fluentui-react-FocusZone 52.873 kB 53.855 kB ExceedsBaseline     982 bytes
office-ui-fabric-react fluentui-react-Toggle 43.626 kB 44.608 kB ExceedsBaseline     982 bytes
office-ui-fabric-react fluentui-react-ScrollablePane 52.958 kB 53.939 kB ExceedsBaseline     981 bytes
office-ui-fabric-react fluentui-react-MarqueeSelection 70.998 kB 71.977 kB ExceedsBaseline     979 bytes
office-ui-fabric-react fluentui-react-Overlay 38.44 kB 39.418 kB ExceedsBaseline     978 bytes
office-ui-fabric-react fluentui-react-ProgressIndicator 37.103 kB 38.08 kB ExceedsBaseline     977 bytes
office-ui-fabric-react fluentui-react-Theme 41.491 kB 42.456 kB ExceedsBaseline     965 bytes
office-ui-fabric-react fluentui-react-OverflowSet 30.639 kB 31.537 kB ExceedsBaseline     898 bytes
office-ui-fabric-react fluentui-react-Sticky 31.299 kB 32.063 kB ExceedsBaseline     764 bytes
office-ui-fabric-react fluentui-react-Styling 43.708 kB 44.462 kB ExceedsBaseline     754 bytes
office-ui-fabric-react fluentui-react-Icons 65.376 kB 66.118 kB ExceedsBaseline     742 bytes
office-ui-fabric-react fluentui-react-Separator 33.04 kB 33.781 kB ExceedsBaseline     741 bytes
office-ui-fabric-react fluentui-react-FocusTrapZone 15.616 kB 16.124 kB ExceedsBaseline     508 bytes
office-ui-fabric-react fluentui-react-Popup 12.021 kB 12.289 kB ExceedsBaseline     268 bytes
office-ui-fabric-react fluentui-react-Utilities 71.283 kB 71.551 kB ExceedsBaseline     268 bytes
office-ui-fabric-react fluentui-react-Divider 17.49 kB 17.738 kB ExceedsBaseline     248 bytes
office-ui-fabric-react fluentui-react-Positioning 20.826 kB 21.073 kB ExceedsBaseline     247 bytes
office-ui-fabric-react fluentui-react-Selection 40.865 kB 41.11 kB ExceedsBaseline     245 bytes
office-ui-fabric-react fluentui-react-List 37.672 kB 37.914 kB ExceedsBaseline     242 bytes
office-ui-fabric-react fluentui-react-KeytipData 13.51 kB 13.75 kB ExceedsBaseline     240 bytes
office-ui-fabric-react fluentui-react-Viewport 22.837 kB 23.077 kB ExceedsBaseline     240 bytes
office-ui-fabric-react fluentui-react-ResizeGroup 13.275 kB 13.303 kB ExceedsBaseline     28 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 4c323e21d84381804fc746f68affe7071adf83d6 (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProvider mount 1672 2911 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1330 1339 5000
Button mount 961 971 5000
Field mount 2090 2103 5000
FluentProvider mount 1672 2911 5000 Possible regression
FluentProviderWithTheme mount 637 642 10
FluentProviderWithTheme virtual-rerender 1709 596 10
FluentProviderWithTheme virtual-rerender-with-unmount 640 647 10
InfoButton mount 564 570 5000
MakeStyles mount 1921 1942 50000
Persona mount 3082 3025 5000
SpinButton mount 2802 2540 5000

@@ -1,23 +1,17 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵 fluentuiv8 Open the Visual Regressions report to inspect the 2 screenshots

✅ There was 0 screenshots added, 2 screenshots removed, 1043 screenshots unchanged, 0 screenshots with different dimensions and 0 screenshots with visible difference.

unknown 2 screenshots
Image Name Diff(in Pixels) Image Type
Pivot - Overflow.Root.Narrow - Last tab selected.chromium.png 0 Removed
Pivot - Overflow.Root.Narrow - Overflow menu.chromium.png 0 Removed

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

⚠️ No perf measurements available

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

📊 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
3.194 kB
1.314 kB
react-accordion
Accordion (including children components)
85.872 kB
26.008 kB
react-alert
Alert
89.695 kB
22.255 kB
react-avatar
Avatar
53.088 kB
14.674 kB
react-avatar
AvatarGroup
15.42 kB
6.167 kB
react-avatar
AvatarGroupItem
69.306 kB
18.974 kB
react-badge
Badge
23.785 kB
7.541 kB
react-badge
CounterBadge
24.675 kB
7.825 kB
react-badge
PresenceBadge
25.801 kB
7.444 kB
react-button
Button
36.888 kB
9.412 kB
react-button
CompoundButton
44.063 kB
10.885 kB
react-button
MenuButton
41.568 kB
10.742 kB
react-button
SplitButton
49.997 kB
12.321 kB
react-button
ToggleButton
55.252 kB
11.331 kB
react-card
Card - All
83.376 kB
23.862 kB
react-card
Card
78.145 kB
22.401 kB
react-card
CardFooter
9.045 kB
3.806 kB
react-card
CardHeader
10.984 kB
4.509 kB
react-card
CardPreview
9.852 kB
4.159 kB
react-checkbox
Checkbox
33.091 kB
10.319 kB
react-checkbox
CheckboxField
39.996 kB
12.206 kB
react-combobox
Combobox (including child components)
85.255 kB
27.351 kB
react-combobox
ComboboxField
81.672 kB
27.142 kB
react-combobox
Dropdown (including child components)
83.942 kB
27.105 kB
react-components
react-components: Button, FluentProvider & webLightTheme
64.09 kB
17.544 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
201.738 kB
56.207 kB
react-components
react-components: FluentProvider & webLightTheme
35.049 kB
11.533 kB
react-dialog
Dialog (including children components)
89.719 kB
26.685 kB
react-divider
Divider
17.11 kB
6.18 kB
react-field
Field
17.673 kB
6.543 kB
react-image
Image
11.259 kB
4.473 kB
react-infobutton
InfoButton
126.948 kB
38.682 kB
react-input
Input
24.853 kB
8.136 kB
react-input
InputField
35.058 kB
11.096 kB
react-label
Label
9.822 kB
4.066 kB
react-link
Link
12.306 kB
5.073 kB
react-menu
Menu (including children components)
126.298 kB
38.663 kB
react-menu
Menu (including selectable components)
129.367 kB
39.176 kB
react-overflow
hooks only
11.214 kB
4.271 kB
react-persona
Persona
59.926 kB
16.564 kB
react-popover
Popover
114.021 kB
35.097 kB
react-portal
Portal
11.377 kB
4.179 kB
react-portal-compat
PortalCompatProvider
6.324 kB
2.129 kB
react-positioning
usePositioning
22.951 kB
8.521 kB
react-progress
ProgressBar
13.59 kB
5.24 kB
react-progress
ProgressField
23.885 kB
8.385 kB
react-provider
FluentProvider
17.116 kB
6.332 kB
react-radio
Radio
32.676 kB
10.616 kB
react-radio
RadioGroup
14.885 kB
5.933 kB
react-radio
RadioGroupField
24.963 kB
9.07 kB
react-select
Select
24.145 kB
8.271 kB
react-select
SelectField
33.384 kB
10.779 kB
react-slider
Slider
33.091 kB
10.555 kB
react-slider
SliderField
42.922 kB
13.465 kB
react-spinbutton
SpinButton
45.184 kB
13.043 kB
react-spinbutton
SpinButtonField
54.447 kB
15.634 kB
react-spinner
Spinner
20.62 kB
6.682 kB
react-switch
Switch
28.225 kB
8.755 kB
react-switch
SwitchField
35.01 kB
10.655 kB
react-table
DataGrid
142.965 kB
38.961 kB
react-table
Table (Primitives only)
43.776 kB
12.063 kB
react-table
Table as DataGrid
134.29 kB
34.471 kB
react-table
Table (Selection only)
82.208 kB
20.536 kB
react-table
Table (Sort only)
81.637 kB
20.386 kB
react-text
Text - Default
12.261 kB
4.819 kB
react-text
Text - Wrappers
15.571 kB
5.23 kB
react-textarea
Textarea
26.336 kB
8.585 kB
react-textarea
TextareaField
36.537 kB
11.504 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
30.908 kB
6.714 kB
react-theme
Teams: Light theme
17.776 kB
5.141 kB
react-tooltip
Tooltip
46.061 kB
16.131 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 4c323e21d84381804fc746f68affe7071adf83d6

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 1207 1176 5000
Breadcrumb mount 2967 2995 1000
Checkbox mount 2641 2659 5000
CheckboxBase mount 2333 2345 5000
ChoiceGroup mount 4444 4488 5000
ComboBox mount 1249 1292 1000
CommandBar mount 10343 9711 1000
ContextualMenu mount 14564 14782 1000
DefaultButton mount 3769 1366 5000
DetailsRow mount 3478 3457 5000
DetailsRowFast mount 3481 3456 5000
DetailsRowNoStyles mount 3340 3309 5000
Dialog mount 3093 3109 1000
DocumentCardTitle mount 577 580 1000
Dropdown mount 3225 3233 5000
FocusTrapZone mount 2036 2054 5000
FocusZone mount 1990 1991 5000
GroupedList mount 1928 2170 2
GroupedList virtual-rerender 2003 1150 2
GroupedList virtual-rerender-with-unmount 1658 1644 2
GroupedListV2 mount 574 578 2
GroupedListV2 virtual-rerender 546 546 2
GroupedListV2 virtual-rerender-with-unmount 556 568 2
IconButton mount 1931 1910 5000
Label mount 730 720 5000
Layer mount 4334 4344 5000
Link mount 837 825 5000
MenuButton mount 1687 1655 5000
MessageBar mount 2317 2351 5000
Nav mount 3252 3296 1000
OverflowSet mount 1368 1356 5000
Panel mount 2549 2570 1000
Persona mount 1320 1298 1000
Pivot mount 1633 1610 1000
PrimaryButton mount 1539 1527 5000
Rating mount 6999 7000 5000
SearchBox mount 1509 1514 5000
Shimmer mount 2915 2862 5000
Slider mount 2094 2086 5000
SpinButton mount 4716 4694 5000
Spinner mount 788 801 5000
SplitButton mount 3104 3089 5000
Stack mount 828 840 5000
StackWithIntrinsicChildren mount 2290 2287 5000
StackWithTextChildren mount 4722 4757 5000
SwatchColorPicker mount 10528 10434 5000
TagPicker mount 2642 2623 5000
TeachingBubble mount 92965 90751 5000
Text mount 798 809 5000
TextField mount 1592 1591 5000
ThemeProvider mount 1512 1543 5000
ThemeProvider virtual-rerender 1092 1074 5000
ThemeProvider virtual-rerender-with-unmount 2148 2175 5000
Toggle mount 1083 1120 5000
buttonNative mount 533 547 5000

@@ -1,23 +1,17 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵 FluentUI-v0 Open the Visual Regressions report to inspect the 3 screenshots

✅ There was 0 screenshots added, 0 screenshots removed, 1257 screenshots unchanged, 0 screenshots with different dimensions and 3 screenshots with visible difference.

unknown 3 screenshots
Image Name Diff(in Pixels) Image Type
Card.Card Example Context Menu.chromium.png 16562 Changed
Card.Card Example Expandable.chromium.png 17227 Changed
Card.Card Example Selectable Grid.chromium.png 113007 Changed

@Hotell Hotell added the Status: Blocked Resolution blocked by another issue label Feb 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Blocked Resolution blocked by another issue
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants