Skip to content

Conversation

@Hotell
Copy link
Contributor

@Hotell Hotell commented Sep 25, 2023

Previous Behavior

see referenced issue

New Behavior

  • scripts-monorepo getDependencies now uses lerna v7 apis ( driven by nx under the hood )
  • getDependencies is used within @fluentui/scripts-projects-test to reduce duplication
    • this required some additional TS type gymnastics like manually declaring getDependencies.d.ts
  • obsolete node packages have been removed
  • lerna/utils types have been added to /typings project
  • refactored getDependencies and packProjectPackages apis

Related Issue(s)

@Hotell Hotell changed the title Hotell/nx/lerna 7 migration v2 feat(scripts-monorepo): migrate to lerna 7 apis Sep 25, 2023
@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 25, 2023

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 48f7e6f:

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

@size-auditor
Copy link

size-auditor bot commented Sep 25, 2023

Asset size changes

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

Baseline commit: 86dd76990e3da5af1f2b6b04a3aec46141d5a653 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 25, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 651 643 5000
Button mount 327 331 5000
Field mount 1114 1499 5000
FluentProvider mount 709 706 5000
FluentProviderWithTheme mount 76 82 10
FluentProviderWithTheme virtual-rerender 67 65 10
FluentProviderWithTheme virtual-rerender-with-unmount 71 70 10
InfoButton mount 19 11 5000
MakeStyles mount 921 966 50000
Persona mount 1750 1978 5000
SpinButton mount 1388 1385 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 25, 2023

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AttachmentSlotsPerf.default 648 597 1.09:1
FlexMinimalPerf.default 160 147 1.09:1
ImageMinimalPerf.default 221 205 1.08:1
ButtonSlotsPerf.default 328 306 1.07:1
DividerMinimalPerf.default 209 196 1.07:1
ChatDuplicateMessagesPerf.default 153 145 1.06:1
ChatWithPopoverPerf.default 198 186 1.06:1
DropdownManyItemsPerf.default 395 377 1.05:1
LabelMinimalPerf.default 226 216 1.05:1
RefMinimalPerf.default 108 103 1.05:1
TooltipMinimalPerf.default 1302 1244 1.05:1
AvatarMinimalPerf.default 104 100 1.04:1
BoxMinimalPerf.default 198 190 1.04:1
HeaderMinimalPerf.default 203 196 1.04:1
ItemLayoutMinimalPerf.default 702 674 1.04:1
AlertMinimalPerf.default 152 147 1.03:1
TableMinimalPerf.default 233 227 1.03:1
EmbedMinimalPerf.default 1871 1836 1.02:1
ListNestedPerf.default 322 315 1.02:1
SplitButtonMinimalPerf.default 2275 2223 1.02:1
TextMinimalPerf.default 193 190 1.02:1
ListCommonPerf.default 371 368 1.01:1
ProviderMinimalPerf.default 204 201 1.01:1
SegmentMinimalPerf.default 195 193 1.01:1
SkeletonMinimalPerf.default 195 193 1.01:1
AttachmentMinimalPerf.default 78 78 1:1
ButtonMinimalPerf.default 81 81 1:1
CardMinimalPerf.default 306 306 1:1
DatepickerMinimalPerf.default 3515 3513 1:1
DropdownMinimalPerf.default 1415 1417 1:1
MenuButtonMinimalPerf.default 952 949 1:1
RadioGroupMinimalPerf.default 263 262 1:1
StatusMinimalPerf.default 388 387 1:1
TextAreaMinimalPerf.default 282 282 1:1
CarouselMinimalPerf.default 251 254 0.99:1
ChatMinimalPerf.default 423 428 0.99:1
DialogMinimalPerf.default 434 439 0.99:1
ListMinimalPerf.default 302 306 0.99:1
MenuMinimalPerf.default 488 495 0.99:1
PopupMinimalPerf.default 339 342 0.99:1
TableManyItemsPerf.default 1116 1124 0.99:1
AnimationMinimalPerf.default 293 298 0.98:1
ButtonOverridesMissPerf.default 638 649 0.98:1
CheckboxMinimalPerf.default 1100 1124 0.98:1
RosterPerf.default 1522 1549 0.98:1
SliderMinimalPerf.default 725 739 0.98:1
IconMinimalPerf.default 380 389 0.98:1
ToolbarMinimalPerf.default 521 530 0.98:1
TreeMinimalPerf.default 453 464 0.98:1
GridMinimalPerf.default 183 189 0.97:1
ListWith60ListItems.default 359 370 0.97:1
LoaderMinimalPerf.default 194 200 0.97:1
CustomToolbarPrototype.default 1469 1510 0.97:1
HeaderSlotsPerf.default 447 466 0.96:1
InputMinimalPerf.default 512 535 0.96:1
LayoutMinimalPerf.default 192 201 0.96:1
PortalMinimalPerf.default 80 83 0.96:1
ProviderMergeThemesPerf.default 636 668 0.95:1
VideoMinimalPerf.default 439 460 0.95:1
FormMinimalPerf.default 207 221 0.94:1
AccordionMinimalPerf.default 76 82 0.93:1
ReactionMinimalPerf.default 199 218 0.91:1
TreeWith60ListItems.default 80 98 0.82:1

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 25, 2023

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 25, 2023

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 625 633 5000
Breadcrumb mount 1740 1668 1000
Checkbox mount 1686 1693 5000
CheckboxBase mount 1487 1466 5000
ChoiceGroup mount 2926 2933 5000
ComboBox mount 650 659 1000
CommandBar mount 6247 6268 1000
ContextualMenu mount 14845 14941 1000
DefaultButton mount 751 741 5000
DetailsRow mount 2218 2164 5000
DetailsRowFast mount 2204 2181 5000
DetailsRowNoStyles mount 2012 2024 5000
Dialog mount 2631 2615 1000
DocumentCardTitle mount 231 232 1000
Dropdown mount 2017 1959 5000
FocusTrapZone mount 1102 1129 5000
FocusZone mount 1057 1070 5000
GroupedList mount 41185 41954 2
GroupedList virtual-rerender 19802 19547 2
GroupedList virtual-rerender-with-unmount 50204 50510 2
GroupedListV2 mount 221 223 2
GroupedListV2 virtual-rerender 218 210 2
GroupedListV2 virtual-rerender-with-unmount 220 237 2
IconButton mount 1077 1061 5000
Label mount 333 332 5000
Layer mount 2755 2733 5000
Link mount 398 394 5000
MenuButton mount 970 960 5000
MessageBar mount 21121 21298 5000
Nav mount 1952 1887 1000
OverflowSet mount 764 775 5000
Panel mount 1778 1755 1000
Persona mount 713 734 1000
Pivot mount 850 878 1000
PrimaryButton mount 843 824 5000
Rating mount 4497 4588 5000
SearchBox mount 914 900 5000
Shimmer mount 1798 1884 5000
Slider mount 1338 1329 5000
SpinButton mount 2820 2848 5000
Spinner mount 383 376 5000
SplitButton mount 1798 1803 5000
Stack mount 393 402 5000
StackWithIntrinsicChildren mount 839 852 5000
StackWithTextChildren mount 2569 2564 5000
SwatchColorPicker mount 6039 6154 5000
TagPicker mount 1435 1452 5000
Text mount 352 369 5000
TextField mount 915 943 5000
ThemeProvider mount 834 824 5000
ThemeProvider virtual-rerender 586 585 5000
ThemeProvider virtual-rerender-with-unmount 1247 1262 5000
Toggle mount 606 594 5000
buttonNative mount 193 193 5000

@Hotell Hotell force-pushed the hotell/nx/lerna-7-migration-v2 branch 2 times, most recently from 5d6f271 to 62bc126 Compare September 26, 2023 11:15
@fabricteam
Copy link
Collaborator

fabricteam commented Sep 26, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
330 B
global-context
createContextSelector
537 B
342 B
priority-overflow
createOverflowManager
4.162 kB
1.735 kB
react-accordion
Accordion (including children components)
91.684 kB
28.007 kB
react-alert
Alert
83.172 kB
23.078 kB
react-avatar
Avatar
49.185 kB
15.491 kB
react-avatar
AvatarGroup
18.716 kB
7.458 kB
react-avatar
AvatarGroupItem
63.841 kB
19.834 kB
react-badge
Badge
25.921 kB
8.354 kB
react-badge
CounterBadge
26.822 kB
8.657 kB
react-badge
PresenceBadge
24.327 kB
8.867 kB
react-button
Button
38.892 kB
10.882 kB
react-button
CompoundButton
46.247 kB
12.375 kB
react-button
MenuButton
43.666 kB
12.26 kB
react-button
SplitButton
51.68 kB
13.845 kB
react-button
ToggleButton
55.938 kB
12.783 kB
react-card
Card - All
91.484 kB
26.485 kB
react-card
Card
86.31 kB
24.946 kB
react-card
CardFooter
12.074 kB
5.034 kB
react-card
CardHeader
14.323 kB
5.8 kB
react-card
CardPreview
13.031 kB
5.404 kB
react-checkbox
Checkbox
35.959 kB
11.852 kB
react-combobox
Combobox (including child components)
90.121 kB
29.441 kB
react-combobox
Dropdown (including child components)
88.561 kB
29.081 kB
react-components
react-components: Button, FluentProvider & webLightTheme
68.748 kB
19.742 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.308 kB
59.248 kB
react-components
react-components: FluentProvider & webLightTheme
40.866 kB
13.546 kB
react-datepicker-compat
DatePicker Compat
210.557 kB
58.665 kB
react-dialog
Dialog (including children components)
88.365 kB
26.344 kB
react-divider
Divider
19.836 kB
7.392 kB
react-field
Field
21.443 kB
8.194 kB
react-image
Image
14.752 kB
5.875 kB
react-infobutton
InfoButton
128.917 kB
40.599 kB
react-infobutton
InfoLabel
132.608 kB
41.776 kB
react-input
Input
25.97 kB
8.77 kB
react-jsx-runtime
Classic Pragma
1.049 kB
531 B
react-jsx-runtime
JSX Dev Runtime
2.874 kB
1.307 kB
react-jsx-runtime
JSX Runtime
3.46 kB
1.542 kB
react-label
Label
13.159 kB
5.416 kB
react-link
Link
15.983 kB
6.492 kB
react-menu
Menu (including children components)
138.822 kB
42.876 kB
react-menu
Menu (including selectable components)
141.508 kB
43.389 kB
react-overflow
hooks only
12.419 kB
4.687 kB
react-persona
Persona
56.076 kB
17.369 kB
react-popover
Popover
117.662 kB
37.118 kB
react-portal
Portal
12.255 kB
4.504 kB
react-portal-compat
PortalCompatProvider
6.503 kB
2.22 kB
react-positioning
usePositioning
25.137 kB
9.109 kB
react-progress
ProgressBar
16.448 kB
6.545 kB
react-provider
FluentProvider
21.411 kB
7.972 kB
react-radio
Radio
29.72 kB
9.802 kB
react-radio
RadioGroup
14.355 kB
5.913 kB
react-select
Select
27.692 kB
9.849 kB
react-slider
Slider
36.87 kB
12.141 kB
react-spinbutton
SpinButton
35.857 kB
11.426 kB
react-spinner
Spinner
22.412 kB
8.118 kB
react-switch
Switch
32.179 kB
10.437 kB
react-table
DataGrid
155.989 kB
43.497 kB
react-table
Table (Primitives only)
42.788 kB
13.359 kB
react-table
Table as DataGrid
129.257 kB
34.79 kB
react-table
Table (Selection only)
74.624 kB
20.096 kB
react-table
Table (Sort only)
73.231 kB
19.694 kB
react-tags
InteractionTag
14.342 kB
5.736 kB
react-tags
Tag
29.065 kB
9.081 kB
react-tags
TagGroup
72.581 kB
21.631 kB
react-text
Text - Default
15.766 kB
6.23 kB
react-text
Text - Wrappers
18.944 kB
6.551 kB
react-textarea
Textarea
30.03 kB
10.129 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
34.611 kB
7.295 kB
react-theme
Teams: Light theme
19.282 kB
5.486 kB
react-toast
Toast (including Toaster)
91.201 kB
27.314 kB
react-tooltip
Tooltip
50.859 kB
17.955 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 86dd76990e3da5af1f2b6b04a3aec46141d5a653

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 26, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@Hotell Hotell force-pushed the hotell/nx/lerna-7-migration-v2 branch 2 times, most recently from e065e3e to 1c0f21c Compare September 29, 2023 11:02
@Hotell Hotell force-pushed the hotell/nx/lerna-7-migration-v2 branch 2 times, most recently from d11c689 to 5ed899b Compare October 2, 2023 15:06
@Hotell Hotell force-pushed the hotell/nx/lerna-7-migration-v2 branch from 5ed899b to 7a37bcd Compare October 4, 2023 10:03
@Hotell Hotell force-pushed the hotell/nx/lerna-7-migration-v2 branch from 959be6c to 2d26928 Compare October 4, 2023 12:20
@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@Hotell Hotell marked this pull request as ready for review October 4, 2023 14:17
@Hotell Hotell requested review from a team as code owners October 4, 2023 14:17
@tudorpopams tudorpopams self-requested a review October 5, 2023 12:25
@Hotell Hotell merged commit f669675 into microsoft:master Oct 11, 2023
@Hotell Hotell deleted the hotell/nx/lerna-7-migration-v2 branch October 11, 2023 07:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: replace @lerna/project,package-graph with nx graph resolution

4 participants