Skip to content

chore: migrate to nx 13.8.1#21751

Merged
Hotell merged 8 commits intomicrosoft:masterfrom
Hotell:hotell/nx/migrate-to-13-8
Feb 18, 2022
Merged

chore: migrate to nx 13.8.1#21751
Hotell merged 8 commits intomicrosoft:masterfrom
Hotell:hotell/nx/migrate-to-13-8

Conversation

@Hotell
Copy link
Contributor

@Hotell Hotell commented Feb 15, 2022

Current Behavior

graph TD;
  A["@fluentui/nx-workspace-tools"] --> B["@fluentui/react-button"]
  A --> C["@fluentui/react-text"]
Loading

New Behavior

  • pipeline works (react-combobox, react-toolbar is bootstrapped properly)
  • Fixed dep graph resolution:
graph TD;
  A["@fluentui/nx-workspace-tools"]
  B["@fluentui/react-button"]
  C["@fluentui/react-text"]
Loading
  • added CI check to mitigate this in the future

Related Issue(s)

nrwl/nx#8938

Fixes #21811

NOTE 🚨 (Solved):

the TypeScript parsing issue underneath is even more tricky as the behaviour between CI and Local is non deterministic ( I was getting different AST parsing results between CI and Local 💣 - but in the end it looks like CI was correct )

Update: I turned off nx daemon on local machine as I thought that might be the root cause of different results between local and CI. Unfortunately the non deterministic behaviour is still present even after turning deamon off.

Update 2: I was able to correctly reproduce it on local, so now we can be assured it is deterministic on both CI and Local. Issue was in the end with daemon being turned on and myself running into weird state of cache graph during consecutive test runs. As an extended check, the node script that I added to CI will always remove the cache so one can have consistent repro on Local machine.

Update 3: So after additional debugging it turns out the root cause was yarn workspace 🍿.

  • when I run node tools/check-dep-graph.js the output will be consistent with CI
  • when I run yarn workspace @fluentui/nx-workspace-tools check-graph I will get inconsistent output ( no errors with repro 😶‍🌫️)

yarn workspaces changes cwd, I did that with nx executor as well - with nx changing cwd works as expected, not with yarn workspace

⬇⬇⬇

for reasons described I moved the check to nx workspace.json target so we have deterministic check

@codesandbox-ci
Copy link

codesandbox-ci bot commented Feb 15, 2022

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

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

@size-auditor
Copy link

size-auditor bot commented Feb 15, 2022

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-northstar-SplitButton 192.383 kB 192.459 kB ExceedsBaseline     76 bytes
office-ui-fabric-react fluentui-react-northstar-MenuButton 176.116 kB 176.191 kB ExceedsBaseline     75 bytes
office-ui-fabric-react fluentui-react-northstar-Menu 141.098 kB 141.172 kB ExceedsBaseline     74 bytes
office-ui-fabric-react fluentui-react-northstar-Chat 165.438 kB 165.512 kB ExceedsBaseline     74 bytes
office-ui-fabric-react fluentui-react-northstar-Dropdown 211.097 kB 211.17 kB ExceedsBaseline     73 bytes
office-ui-fabric-react fluentui-react-northstar-Tooltip 119.952 kB 120.024 kB ExceedsBaseline     72 bytes
office-ui-fabric-react fluentui-react-northstar-Popup 146.166 kB 146.238 kB ExceedsBaseline     72 bytes
office-ui-fabric-react fluentui-react-northstar-Datepicker 201.273 kB 201.343 kB ExceedsBaseline     70 bytes
office-ui-fabric-react fluentui-react-northstar-Toolbar 188.603 kB 188.672 kB ExceedsBaseline     69 bytes
office-ui-fabric-react fluentui-react-ShimmeredDetailsList 226.195 kB 226.239 kB ExceedsBaseline     44 bytes
office-ui-fabric-react fluentui-react-DocumentCard 201.731 kB 201.764 kB ExceedsBaseline     33 bytes
office-ui-fabric-react fluentui-react-SwatchColorPicker 177.276 kB 177.301 kB ExceedsBaseline     25 bytes
office-ui-fabric-react fluentui-react-Pickers 272.481 kB 272.506 kB ExceedsBaseline     25 bytes
office-ui-fabric-react fluentui-react-DetailsList 215.589 kB 215.613 kB ExceedsBaseline     24 bytes
office-ui-fabric-react fluentui-react-Grid 167.588 kB 167.609 kB ExceedsBaseline     21 bytes
office-ui-fabric-react fluentui-react-ButtonGrid 167.588 kB 167.609 kB ExceedsBaseline     21 bytes
office-ui-fabric-react fluentui-react-CommandBar 187.893 kB 187.912 kB ExceedsBaseline     19 bytes
office-ui-fabric-react fluentui-react-FloatingPicker 226.937 kB 226.955 kB ExceedsBaseline     18 bytes
office-ui-fabric-react fluentui-react-Pivot 175.655 kB 175.67 kB ExceedsBaseline     15 bytes
office-ui-fabric-react fluentui-react-Facepile 196.993 kB 197.008 kB ExceedsBaseline     15 bytes
office-ui-fabric-react fluentui-react-SpinButton 178.258 kB 178.273 kB ExceedsBaseline     15 bytes
office-ui-fabric-react fluentui-react-Breadcrumb 186.947 kB 186.962 kB ExceedsBaseline     15 bytes
office-ui-fabric-react fluentui-react-SelectedItemsList 216.295 kB 216.31 kB ExceedsBaseline     15 bytes
office-ui-fabric-react fluentui-react-Fabric 40.459 kB 40.473 kB ExceedsBaseline     14 bytes
office-ui-fabric-react fluentui-react-ColorPicker 123.985 kB 123.998 kB ExceedsBaseline     13 bytes
office-ui-fabric-react fluentui-react-PersonaCoin 107.999 kB 108.012 kB ExceedsBaseline     13 bytes
office-ui-fabric-react fluentui-react-Persona 107.999 kB 108.012 kB ExceedsBaseline     13 bytes
office-ui-fabric-react fluentui-react-ResponsiveMode 8.611 kB 8.623 kB ExceedsBaseline     12 bytes
office-ui-fabric-react fluentui-react-Shimmer 47.184 kB 47.196 kB ExceedsBaseline     12 bytes
office-ui-fabric-react fluentui-react-northstar-RadioGroup 95.208 kB 95.22 kB ExceedsBaseline     12 bytes
office-ui-fabric-react fluentui-react-TeachingBubble 191.449 kB 191.46 kB ExceedsBaseline     11 bytes
office-ui-fabric-react fluentui-react-ResizeGroup 13.132 kB 13.143 kB ExceedsBaseline     11 bytes
office-ui-fabric-react fluentui-react-northstar-Skeleton 89.004 kB 89.014 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-northstar-Text 85.3 kB 85.31 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-northstar-TextArea 85.428 kB 85.438 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-GroupedList 120.654 kB 120.664 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-ActivityItem 68.358 kB 68.368 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-Text 35.515 kB 35.525 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-TextField 77.951 kB 77.961 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-Check 50.763 kB 50.773 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-Checkbox 56.228 kB 56.238 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-ChoiceGroup 61.577 kB 61.587 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-ChoiceGroupOption 56.186 kB 56.196 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-Layer 44.107 kB 44.117 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-Coachmark 87.472 kB 87.482 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-PositioningContainer 68.505 kB 68.515 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-Rating 75.507 kB 75.517 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-PersonaPresence 55.599 kB 55.609 kB ExceedsBaseline     10 bytes
office-ui-fabric-react fluentui-react-northstar-Layout 86.643 kB 86.652 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-Dialog 196.324 kB 196.333 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-northstar-Video 86.593 kB 86.602 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-Styling 43.354 kB 43.363 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-Panel 186.791 kB 186.8 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-SearchBox 174.392 kB 174.401 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-Nav 174.95 kB 174.959 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-WeeklyDayPicker 96.843 kB 96.852 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-MessageBar 175.42 kB 175.429 kB ExceedsBaseline     9 bytes
office-ui-fabric-react fluentui-react-northstar-Image 84.701 kB 84.709 kB ExceedsBaseline     8 bytes
office-ui-fabric-react fluentui-react-Utilities 69.105 kB 69.113 kB ExceedsBaseline     8 bytes
office-ui-fabric-react fluentui-react-northstar-Box 86.514 kB 86.522 kB ExceedsBaseline     8 bytes
office-ui-fabric-react fluentui-react-northstar-Grid 81.52 kB 81.527 kB ExceedsBaseline     7 bytes
office-ui-fabric-react fluentui-react-Button 181.634 kB 181.641 kB ExceedsBaseline     7 bytes
office-ui-fabric-react fluentui-react-Stack 39.158 kB 39.165 kB ExceedsBaseline     7 bytes
office-ui-fabric-react fluentui-react-ContextualMenu 143.121 kB 143.128 kB ExceedsBaseline     7 bytes
office-ui-fabric-react fluentui-react-Modal 88.922 kB 88.929 kB ExceedsBaseline     7 bytes
office-ui-fabric-react fluentui-react-northstar-Alert 99.617 kB 99.623 kB ExceedsBaseline     6 bytes
office-ui-fabric-react fluentui-react-northstar-Pill 95.275 kB 95.281 kB ExceedsBaseline     6 bytes
office-ui-fabric-react fluentui-react-northstar-Loader 90.05 kB 90.056 kB ExceedsBaseline     6 bytes
office-ui-fabric-react fluentui-react-northstar-Header 85.997 kB 86.003 kB ExceedsBaseline     6 bytes
office-ui-fabric-react fluentui-react-northstar-Segment 87.532 kB 87.538 kB ExceedsBaseline     6 bytes
office-ui-fabric-react fluentui-react-northstar-Embed 93.179 kB 93.185 kB ExceedsBaseline     6 bytes
office-ui-fabric-react fluentui-react-northstar-Carousel 117.763 kB 117.768 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-northstar-Input 100.144 kB 100.149 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-northstar-Form 104.573 kB 104.578 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-northstar-ItemLayout 89.649 kB 89.654 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-northstar-SvgIcon 37.52 kB 37.525 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-northstar-Reaction 88.726 kB 88.731 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-northstar-Accordion 97.489 kB 97.494 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-ThemeGenerator 11.858 kB 11.863 kB ExceedsBaseline     5 bytes
office-ui-fabric-react fluentui-react-MarqueeSelection 68.636 kB 68.64 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Slider 53.781 kB 53.785 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-ProgressIndicator 37.762 kB 37.766 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Label 89.351 kB 89.355 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-List 100.853 kB 100.857 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Overlay 39.128 kB 39.132 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Spinner 40.01 kB 40.014 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Divider 87.958 kB 87.962 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Label 36.69 kB 36.694 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Dialog 124.317 kB 124.321 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Slider 96.16 kB 96.164 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Status 87.721 kB 87.725 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Table 92.589 kB 92.593 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Icon 49.474 kB 49.478 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Checkbox 91.644 kB 91.648 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Tree 101.726 kB 101.73 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Announced 36.821 kB 36.825 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Attachment 98.772 kB 98.776 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Toggle 43.389 kB 43.393 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-FocusZone 52.891 kB 52.895 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Button 94.909 kB 94.913 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Breadcrumb 91.37 kB 91.374 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Card 94.337 kB 94.341 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-Image 43.722 kB 43.725 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-DatePicker 173.644 kB 173.647 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-ExtendedPicker 91.058 kB 91.061 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-Separator 32.92 kB 32.923 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-Link 36.187 kB 36.19 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-ScrollablePane 53.594 kB 53.597 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-Sticky 31.999 kB 32.002 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-northstar-Avatar 90.935 kB 90.938 kB ExceedsBaseline     3 bytes
office-ui-fabric-react fluentui-react-Popup 11.976 kB 11.978 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-northstar-Animation 57.411 kB 57.413 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-Icons 65.091 kB 65.093 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-Selection 38.526 kB 38.528 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-Autofill 15.705 kB 15.707 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-List 37.876 kB 37.878 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-northstar-Portal 58.682 kB 58.684 kB ExceedsBaseline     2 bytes
office-ui-fabric-react fluentui-react-northstar-Flex 48.71 kB 48.711 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Tooltip 80.599 kB 80.6 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-northstar-Debug 10.76 kB 10.761 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Theme 40.638 kB 40.639 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Color 7.437 kB 7.438 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-HoverCard 91.445 kB 91.446 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-OverflowSet 30.415 kB 30.416 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Keytips 99.482 kB 99.483 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Divider 17.397 kB 17.398 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-KeytipLayer 96.732 kB 96.733 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-KeytipData 13.41 kB 13.411 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Keytip 75.57 kB 75.571 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Positioning 20.729 kB 20.73 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Callout 78.849 kB 78.85 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-FocusTrapZone 16.177 kB 16.178 kB ExceedsBaseline     1 bytes
office-ui-fabric-react fluentui-react-Dropdown 217.989 kB 217.968 kB BelowBaseline     -21 bytes
office-ui-fabric-react fluentui-react-TimePicker 222.62 kB 222.585 kB BelowBaseline     -35 bytes
office-ui-fabric-react fluentui-react-ComboBox 233.13 kB 233.095 kB BelowBaseline     -35 bytes
office-ui-fabric-react fluentui-react-northstar-Provider 93.421 kB 93.356 kB BelowBaseline     -65 bytes

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

Baseline commit: 498292bcf77d1198f79440e8fbdb7e3277b1d08e (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Feb 15, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)
72.819 kB
22.036 kB
72.777 kB
22.028 kB
-42 B
-8 B
react-button
MenuButton
29.594 kB
8.601 kB
29.61 kB
8.605 kB
16 B
4 B
react-combobox
Combobox
23.741 kB
9.039 kB
6.775 kB
2.88 kB
-16.966 kB
-6.159 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
171.222 kB
47.923 kB
171.284 kB
47.951 kB
62 B
28 B
react-menu
Menu (including children components)
102.969 kB
31.702 kB
103.004 kB
31.719 kB
35 B
17 B
react-menu
Menu (including selectable components)
105.324 kB
32.067 kB
105.359 kB
32.081 kB
35 B
14 B
react-popover
Popover
95.841 kB
29.229 kB
95.913 kB
29.25 kB
72 B
21 B
react-portal
Portal
6.249 kB
2.163 kB
6.267 kB
2.168 kB
18 B
5 B
react-positioning
usePopper
22.828 kB
7.951 kB
22.864 kB
7.978 kB
36 B
27 B
react-tooltip
Tooltip
42.352 kB
14.569 kB
42.407 kB
14.6 kB
55 B
31 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-avatar
Avatar
44.89 kB
13.02 kB
react-badge
Badge
20.831 kB
6.533 kB
react-badge
CounterBadge
21.699 kB
6.827 kB
react-badge
PresenceBadge
21.785 kB
6.507 kB
react-button
Button
27.942 kB
8.029 kB
react-button
CompoundButton
33.206 kB
8.991 kB
react-button
SplitButton
36.085 kB
9.813 kB
react-button
ToggleButton
37.24 kB
8.633 kB
react-card
Card - All
53.159 kB
15.254 kB
react-card
Card
48.852 kB
14.072 kB
react-card
CardFooter
7.615 kB
3.23 kB
react-card
CardHeader
8.893 kB
3.675 kB
react-card
CardPreview
7.588 kB
3.255 kB
react-components
react-components: FluentProvider & webLightTheme
32.479 kB
10.625 kB
react-divider
Divider
15.256 kB
5.511 kB
react-image
Image
10.067 kB
3.934 kB
react-input
Input
21.5 kB
7.116 kB
react-label
Label
8.303 kB
3.472 kB
react-link
Link
11.064 kB
4.487 kB
react-provider
FluentProvider
13.962 kB
5.231 kB
react-select
Select
7.716 kB
3.24 kB
react-slider
Slider
22.928 kB
7.747 kB
react-spinner
Spinner
6.773 kB
2.879 kB
react-switch
Switch
25.381 kB
8.201 kB
react-text
Text - Default
10.755 kB
4.212 kB
react-text
Text - Wrappers
14.067 kB
4.558 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
29.426 kB
6.551 kB
react-theme
Teams: Light theme
18.42 kB
5.27 kB
react-utilities
SSRProvider
189 B
161 B
🤖 This report was generated against 498292bcf77d1198f79440e8fbdb7e3277b1d08e

@Hotell Hotell force-pushed the hotell/nx/migrate-to-13-8 branch from c3356d3 to a61f63a Compare February 15, 2022 12:20
@Hotell Hotell added this to the February Project Cycle Q1 2022 milestone Feb 15, 2022
@Hotell Hotell force-pushed the hotell/nx/migrate-to-13-8 branch from a61f63a to d189ae6 Compare February 15, 2022 12:44
@fabricteam
Copy link
Collaborator

fabricteam commented Feb 15, 2022

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 740 699 5000
BaseButton mount 767 781 5000
Breadcrumb mount 2002 2034 1000
ButtonNext mount 370 361 5000
Checkbox mount 1198 1152 5000
CheckboxBase mount 1111 1122 5000
ChoiceGroup mount 3668 3777 5000
ComboBox mount 849 796 1000
CommandBar mount 8129 8108 1000
ContextualMenu mount 15107 14585 1000
DefaultButton mount 931 937 5000
DetailsRow mount 3237 2894 5000
DetailsRowFast mount 2932 3068 5000
DetailsRowNoStyles mount 2825 2891 5000
Dialog mount 1923 1913 1000
DocumentCardTitle mount 154 173 1000
Dropdown mount 2732 2662 5000
FluentProviderNext mount 1593 1676 5000
FluentProviderWithTheme mount 142 133 10
FluentProviderWithTheme virtual-rerender 111 90 10
FluentProviderWithTheme virtual-rerender-with-unmount 153 174 10
FocusTrapZone mount 1659 1522 5000
FocusZone mount 1515 1407 5000
IconButton mount 1396 1354 5000
Label mount 299 337 5000
Layer mount 2388 2380 5000
Link mount 390 383 5000
MakeStyles mount 1415 1403 50000
MenuButton mount 1269 1162 5000
MessageBar mount 1510 1738 5000
Nav mount 2512 2862 1000
OverflowSet mount 938 965 5000
Panel mount 1863 1719 1000
Persona mount 748 745 1000
Pivot mount 1190 1253 1000
PrimaryButton mount 1034 1082 5000
Rating mount 6148 6171 5000
SearchBox mount 1061 1058 5000
Shimmer mount 2101 1956 5000
Slider mount 1725 1708 5000
SpinButton mount 4067 4314 5000
Spinner mount 388 358 5000
SplitButton mount 2592 2664 5000
Stack mount 477 474 5000
StackWithIntrinsicChildren mount 1975 2007 5000
StackWithTextChildren mount 4386 4345 5000
SwatchColorPicker mount 9329 9314 5000
TagPicker mount 2109 2062 5000
TeachingBubble mount 10873 10905 5000
Text mount 355 388 5000
TextField mount 1239 1239 5000
ThemeProvider mount 1012 1039 5000
ThemeProvider virtual-rerender 477 555 5000
ThemeProvider virtual-rerender-with-unmount 1615 1659 5000
Toggle mount 711 626 5000
buttonNative mount 127 128 5000

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FlexMinimalPerf.default 253 215 1.18:1
MenuMinimalPerf.default 724 622 1.16:1
CardMinimalPerf.default 492 433 1.14:1
HeaderMinimalPerf.default 316 280 1.13:1
ProviderMergeThemesPerf.default 1474 1306 1.13:1
CarouselMinimalPerf.default 400 357 1.12:1
PopupMinimalPerf.default 527 479 1.1:1
ButtonSlotsPerf.default 467 427 1.09:1
RadioGroupMinimalPerf.default 374 342 1.09:1
PortalMinimalPerf.default 162 152 1.07:1
SliderMinimalPerf.default 1439 1347 1.07:1
SegmentMinimalPerf.default 302 286 1.06:1
AvatarMinimalPerf.default 155 148 1.05:1
BoxMinimalPerf.default 295 281 1.05:1
HeaderSlotsPerf.default 641 611 1.05:1
LayoutMinimalPerf.default 296 281 1.05:1
MenuButtonMinimalPerf.default 1317 1260 1.05:1
LoaderMinimalPerf.default 597 576 1.04:1
ToolbarMinimalPerf.default 803 770 1.04:1
TreeWith60ListItems.default 137 132 1.04:1
AttachmentMinimalPerf.default 123 119 1.03:1
ChatDuplicateMessagesPerf.default 241 233 1.03:1
ImageMinimalPerf.default 321 311 1.03:1
ListNestedPerf.default 477 464 1.03:1
TextMinimalPerf.default 308 298 1.03:1
DropdownMinimalPerf.default 2443 2394 1.02:1
TableMinimalPerf.default 359 352 1.02:1
AnimationMinimalPerf.default 426 422 1.01:1
InputMinimalPerf.default 1027 1018 1.01:1
ListMinimalPerf.default 411 407 1.01:1
ListWith60ListItems.default 504 499 1.01:1
SkeletonMinimalPerf.default 305 303 1.01:1
TableManyItemsPerf.default 1526 1510 1.01:1
DialogMinimalPerf.default 577 576 1:1
DropdownManyItemsPerf.default 516 514 1:1
ProviderMinimalPerf.default 923 925 1:1
RefMinimalPerf.default 203 204 1:1
CustomToolbarPrototype.default 3274 3266 1:1
VideoMinimalPerf.default 523 522 1:1
CheckboxMinimalPerf.default 2160 2185 0.99:1
ListCommonPerf.default 485 492 0.99:1
TextAreaMinimalPerf.default 424 429 0.99:1
TooltipMinimalPerf.default 884 895 0.99:1
ItemLayoutMinimalPerf.default 914 935 0.98:1
SplitButtonMinimalPerf.default 3508 3567 0.98:1
AlertMinimalPerf.default 231 237 0.97:1
LabelMinimalPerf.default 306 316 0.97:1
FormMinimalPerf.default 300 311 0.96:1
RosterPerf.default 1001 1044 0.96:1
ChatMinimalPerf.default 593 625 0.95:1
DatepickerMinimalPerf.default 4324 4581 0.94:1
EmbedMinimalPerf.default 3137 3355 0.94:1
TreeMinimalPerf.default 628 665 0.94:1
ButtonOverridesMissPerf.default 1301 1421 0.92:1
StatusMinimalPerf.default 509 553 0.92:1
AccordionMinimalPerf.default 119 131 0.91:1
IconMinimalPerf.default 461 514 0.9:1
ChatWithPopoverPerf.default 291 328 0.89:1
ButtonMinimalPerf.default 127 144 0.88:1
DividerMinimalPerf.default 270 308 0.88:1
GridMinimalPerf.default 260 294 0.88:1
ReactionMinimalPerf.default 281 320 0.88:1
AttachmentSlotsPerf.default 794 909 0.87:1

@Hotell Hotell force-pushed the hotell/nx/migrate-to-13-8 branch 2 times, most recently from 6368253 to db719dd Compare February 15, 2022 17:21
@Hotell Hotell marked this pull request as ready for review February 15, 2022 17:29
@Hotell Hotell requested a review from a team as a code owner February 15, 2022 17:29
@ling1726 ling1726 closed this Feb 16, 2022
@ling1726 ling1726 reopened this Feb 16, 2022
@ling1726 ling1726 closed this Feb 17, 2022
@ling1726 ling1726 reopened this Feb 17, 2022
"lint": "just-scripts lint",
"start": "yarn storybook",
"test": "jest",
"test": "jest --passWithNoTests",
Copy link
Contributor

Choose a reason for hiding this comment

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

is this already configured in the migration generator ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

ofc - I didnt do anything by hand for react-combobox

yarn.lock Outdated
source-map "~0.6.1"
source-map-support "~0.5.12"

terser@^5.7.2:
Copy link
Contributor

Choose a reason for hiding this comment

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

is it possible to dedupe terser version ? it's being duped because of pinned 5.7.1 version

version "3.5.1"
resolved "https://registry.yarnpkg.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-3.5.1.tgz#e4dbf492a20dca9caab60086ddacb703afc2b726"
integrity sha512-n5CMlUUj+N5pjBhBACLq4jdr9cPTitySCjIosoQm0zwK99gmrcTGAfY9CwxRFT9+9OleNWXPRUcxsKP4AYExxQ==
tsconfig-paths-webpack-plugin@3.5.2:
Copy link
Contributor

Choose a reason for hiding this comment

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

we should just bump the tsconfig-paths-webpack-plugin to dedupe

version "0.5.16"
resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==
source-map-support@^0.5.16, source-map-support@^0.5.17, source-map-support@^0.5.5, source-map-support@^0.5.6, source-map-support@~0.5.12, source-map-support@~0.5.20:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

version "8.2.1"
resolved "https://registry.yarnpkg.com/open/-/open-8.2.1.tgz#82de42da0ccbf429bc12d099dad2e0975e14e8af"
integrity sha512-rXILpcQlkF/QuFez2BJDf3GsqpjGKbkUUToAIGo9A0Q6ZkoSGogZJulrUdwRkrAsoQvoZsrjCYt8+zblOk7JQQ==
open@^8.0.9, open@^8.4.0:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

version "27.4.6"
resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.4.6.tgz#5d2d93db419566cb680752ca0792780e71b3273e"
integrity sha512-gHWJF/6Xi5CTG5QCvROr6GcmpIqNYpDJyc8A1h/DyXqH1tD6SnRCM0d3U5msV31D2LB/U+E0M+W4oyvKV44oNw==
jest-worker@^27.2.2, jest-worker@^27.4.5, jest-worker@^27.4.6:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

version "8.2.1"
resolved "https://registry.yarnpkg.com/open/-/open-8.2.1.tgz#82de42da0ccbf429bc12d099dad2e0975e14e8af"
integrity sha512-rXILpcQlkF/QuFez2BJDf3GsqpjGKbkUUToAIGo9A0Q6ZkoSGogZJulrUdwRkrAsoQvoZsrjCYt8+zblOk7JQQ==
open@^8.0.9, open@^8.4.0:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

version "0.5.16"
resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==
source-map-support@^0.5.16, source-map-support@^0.5.17, source-map-support@^0.5.5, source-map-support@^0.5.6, source-map-support@~0.5.12, source-map-support@~0.5.20:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

version "5.1.4"
resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.1.4.tgz#c369cf8a47aa9922bd0d8a94fe3d3da11a7678a1"
integrity sha512-C2WkFwstHDhVEmsmlCxrXUtVklS+Ir1A7twrYzrDrQQOIMOaVAYykaoo/Aq1K0QRkMoY2hhvDQY1cm4jnIMFwA==
terser-webpack-plugin@5.3.1, terser-webpack-plugin@^5.0.3, terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.3.0:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

version "5.7.1"
resolved "https://registry.yarnpkg.com/terser/-/terser-5.7.1.tgz#2dc7a61009b66bb638305cb2a824763b116bf784"
integrity sha512-b3e+d5JbHAe/JSjwsC3Zn55wsBIM7AsHLjKxT31kGCldgbpFePaFo+PiddtO6uwRZWRw7sPXmAN8dTW61xmnSg==
terser@5.10.0, terser@^5.3.4, terser@^5.5.1, terser@^5.7.2:
Copy link
Contributor Author

Choose a reason for hiding this comment

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

deduped

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bootstraping package without create-package breaks workspace

4 participants