Skip to content

Conversation

@Hotell
Copy link
Contributor

@Hotell Hotell commented Jan 2, 2024

Previous Behavior

New Behavior

Release announcements:

Additional package migrations:

API changes:

  • npmScope is no longer provided by readNxJson API. This PR introduces 2 new custom APIs
    • to get npmScope getWorkspaceConfig
    • to get "normalized" project name getProjectNameWithoutScope
  • registerTsProject import path changed. Also there is new API, so this PR migrates to use the non deprecated version
  • build-in nx move generator fixed bugs from past iterations and also now fully embraces ProjectNameAndRootFormat. our custom move generator needed to be updated as using derived wont work if projects name use our npm scope. This will be refactored later on ( normalizing all project names to not include npm scope )

Related Issue(s)

  • Fixes #

@Hotell Hotell changed the title chore: migrate to nx 17 chore: migrate to nx 17.2 Jan 2, 2024
@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 2, 2024

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 1d5f4f4:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 2, 2024

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 627 617 5000
Button mount 304 306 5000
Field mount 1141 1148 5000
FluentProvider mount 711 697 5000
FluentProviderWithTheme mount 78 83 10
FluentProviderWithTheme virtual-rerender 64 63 10
FluentProviderWithTheme virtual-rerender-with-unmount 75 67 10
MakeStyles mount 884 872 50000
Persona mount 1715 1698 5000
SpinButton mount 1389 1359 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 2, 2024

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AccordionMinimalPerf.default 94 79 1.19:1
AttachmentMinimalPerf.default 93 82 1.13:1
LoaderMinimalPerf.default 198 180 1.1:1
ChatWithPopoverPerf.default 210 192 1.09:1
ChatDuplicateMessagesPerf.default 170 158 1.08:1
HeaderMinimalPerf.default 218 201 1.08:1
RefMinimalPerf.default 113 106 1.07:1
SegmentMinimalPerf.default 210 197 1.07:1
ButtonMinimalPerf.default 91 86 1.06:1
ListNestedPerf.default 337 318 1.06:1
ProviderMinimalPerf.default 213 201 1.06:1
GridMinimalPerf.default 194 184 1.05:1
InputMinimalPerf.default 553 525 1.05:1
ItemLayoutMinimalPerf.default 731 694 1.05:1
IconMinimalPerf.default 395 376 1.05:1
ButtonOverridesMissPerf.default 665 639 1.04:1
ImageMinimalPerf.default 227 218 1.04:1
ListCommonPerf.default 399 382 1.04:1
ButtonSlotsPerf.default 328 317 1.03:1
MenuButtonMinimalPerf.default 973 947 1.03:1
TextAreaMinimalPerf.default 300 292 1.03:1
TreeMinimalPerf.default 480 467 1.03:1
VideoMinimalPerf.default 466 453 1.03:1
AttachmentSlotsPerf.default 665 649 1.02:1
DialogMinimalPerf.default 445 435 1.02:1
HeaderSlotsPerf.default 473 462 1.02:1
PopupMinimalPerf.default 362 355 1.02:1
RadioGroupMinimalPerf.default 267 263 1.02:1
TableManyItemsPerf.default 1115 1088 1.02:1
CustomToolbarPrototype.default 1538 1514 1.02:1
AvatarMinimalPerf.default 111 110 1.01:1
CardMinimalPerf.default 310 306 1.01:1
ChatMinimalPerf.default 435 431 1.01:1
DropdownMinimalPerf.default 1417 1407 1.01:1
FlexMinimalPerf.default 153 152 1.01:1
LayoutMinimalPerf.default 198 197 1.01:1
ListMinimalPerf.default 320 318 1.01:1
MenuMinimalPerf.default 502 497 1.01:1
SliderMinimalPerf.default 742 733 1.01:1
StatusMinimalPerf.default 399 395 1.01:1
TableMinimalPerf.default 234 232 1.01:1
BoxMinimalPerf.default 190 190 1:1
DatepickerMinimalPerf.default 3902 3921 1:1
DropdownManyItemsPerf.default 402 401 1:1
TooltipMinimalPerf.default 1269 1268 1:1
AnimationMinimalPerf.default 297 301 0.99:1
CheckboxMinimalPerf.default 1130 1140 0.99:1
FormMinimalPerf.default 222 225 0.99:1
RosterPerf.default 1557 1576 0.99:1
CarouselMinimalPerf.default 256 260 0.98:1
DividerMinimalPerf.default 208 212 0.98:1
EmbedMinimalPerf.default 1855 1892 0.98:1
ProviderMergeThemesPerf.default 650 664 0.98:1
ReactionMinimalPerf.default 218 222 0.98:1
AlertMinimalPerf.default 150 154 0.97:1
SplitButtonMinimalPerf.default 2273 2340 0.97:1
SkeletonMinimalPerf.default 192 201 0.96:1
ToolbarMinimalPerf.default 531 552 0.96:1
PortalMinimalPerf.default 82 86 0.95:1
TextMinimalPerf.default 188 197 0.95:1
ListWith60ListItems.default 343 369 0.93:1
TreeWith60ListItems.default 85 93 0.91:1
LabelMinimalPerf.default 216 239 0.9:1

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 2, 2024

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
328 B
global-context
createContextSelector
537 B
339 B
priority-overflow
createOverflowManager
4.447 kB
1.853 kB
react-accordion
Accordion (including children components)
93.891 kB
28.677 kB
react-alert
Alert
83.737 kB
23.474 kB
react-avatar
Avatar
50.175 kB
15.944 kB
react-avatar
AvatarGroup
19.704 kB
7.796 kB
react-avatar
AvatarGroupItem
64.831 kB
20.274 kB
react-badge
Badge
26.905 kB
8.729 kB
react-badge
CounterBadge
27.806 kB
9.024 kB
react-badge
PresenceBadge
25.311 kB
9.306 kB
react-button
Button
39.513 kB
11.169 kB
react-button
CompoundButton
46.874 kB
12.661 kB
react-button
MenuButton
44.292 kB
12.542 kB
react-button
SplitButton
52.306 kB
14.134 kB
react-button
ToggleButton
56.559 kB
13.068 kB
react-calendar-compat
Calendar Compat
142.165 kB
37.153 kB
react-card
Card - All
94.685 kB
27.248 kB
react-card
Card
89.509 kB
25.733 kB
react-card
CardFooter
13.064 kB
5.385 kB
react-card
CardHeader
15.307 kB
6.143 kB
react-card
CardPreview
14.015 kB
5.752 kB
react-checkbox
Checkbox
34.746 kB
11.902 kB
react-combobox
Combobox (including child components)
95.057 kB
30.655 kB
react-combobox
Dropdown (including child components)
93.643 kB
30.333 kB
react-components
react-components: Button, FluentProvider & webLightTheme
69.901 kB
20.261 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
209.786 kB
59.864 kB
react-components
react-components: FluentProvider & webLightTheme
42.388 kB
14.103 kB
react-datepicker-compat
DatePicker Compat
213.54 kB
59.889 kB
react-dialog
Dialog (including children components)
95.452 kB
28.456 kB
react-divider
Divider
20.82 kB
7.763 kB
react-field
Field
22.427 kB
8.573 kB
react-image
Image
15.736 kB
6.228 kB
react-infobutton
InfoButton
132.618 kB
41.704 kB
react-infobutton
InfoLabel
136.305 kB
42.845 kB
react-input
Input
26.887 kB
9.118 kB
react-jsx-runtime
Classic Pragma
1.057 kB
530 B
react-jsx-runtime
JSX Dev Runtime
3.783 kB
1.648 kB
react-jsx-runtime
JSX Runtime
4.377 kB
1.881 kB
react-label
Label
14.149 kB
5.759 kB
react-link
Link
17.082 kB
6.911 kB
react-menu
Menu (including children components)
141.971 kB
43.521 kB
react-menu
Menu (including selectable components)
144.657 kB
44.03 kB
react-message-bar
MessageBar (all components)
25.181 kB
9.039 kB
react-overflow
hooks only
12.837 kB
4.818 kB
react-persona
Persona
57.066 kB
17.821 kB
react-popover
Popover
120.812 kB
38.11 kB
react-portal
Portal
12.788 kB
4.67 kB
react-portal-compat
PortalCompatProvider
7.099 kB
2.385 kB
react-positioning
usePositioning
25.767 kB
9.308 kB
react-progress
ProgressBar
17.428 kB
6.898 kB
react-provider
FluentProvider
22.928 kB
8.472 kB
react-radio
Radio
32.042 kB
10.046 kB
react-radio
RadioGroup
15.345 kB
6.263 kB
react-select
Select
28.609 kB
10.205 kB
react-slider
Slider
39.15 kB
12.769 kB
react-spinbutton
SpinButton
36.774 kB
11.788 kB
react-spinner
Spinner
23.402 kB
8.467 kB
react-switch
Switch
34.23 kB
10.995 kB
react-table
DataGrid
156.347 kB
43.735 kB
react-table
Table (Primitives only)
43.899 kB
13.781 kB
react-table
Table as DataGrid
129.567 kB
35 kB
react-table
Table (Selection only)
74.744 kB
20.215 kB
react-table
Table (Sort only)
73.351 kB
19.806 kB
react-tags
InteractionTag
15.259 kB
6.058 kB
react-tags
Tag
29.982 kB
9.439 kB
react-tags
TagGroup
74.334 kB
22.284 kB
react-text
Text - Default
16.705 kB
6.569 kB
react-text
Text - Wrappers
19.878 kB
6.896 kB
react-textarea
Textarea
30.947 kB
10.476 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
34.616 kB
7.317 kB
react-theme
Teams: Light theme
19.287 kB
5.498 kB
react-timepicker-compat
TimePicker
96.894 kB
32.105 kB
react-timepicker-compat-preview
TimePicker
96.894 kB
32.105 kB
react-toast
Toast (including Toaster)
93.203 kB
28.026 kB
react-tooltip
Tooltip
53.252 kB
18.806 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against 3b10c5e8637ad42b0943ab8e1f0a47804483d3b5

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 2, 2024

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 615 626 5000
Breadcrumb mount 1672 1660 1000
Checkbox mount 1674 1679 5000
CheckboxBase mount 1515 1498 5000
ChoiceGroup mount 2989 2942 5000
ComboBox mount 655 638 1000
CommandBar mount 6175 6177 1000
ContextualMenu mount 12236 12409 1000
DefaultButton mount 741 761 5000
DetailsRow mount 2176 2166 5000
DetailsRowFast mount 2209 2205 5000
DetailsRowNoStyles mount 2010 2007 5000
Dialog mount 2827 2669 1000
DocumentCardTitle mount 214 224 1000
Dropdown mount 1989 1960 5000
FocusTrapZone mount 1125 1138 5000
FocusZone mount 1067 1077 5000
GroupedList mount 41923 41984 2
GroupedList virtual-rerender 20093 20171 2
GroupedList virtual-rerender-with-unmount 51256 56605 2
GroupedListV2 mount 224 221 2
GroupedListV2 virtual-rerender 210 209 2
GroupedListV2 virtual-rerender-with-unmount 223 218 2
IconButton mount 1126 1082 5000
Label mount 329 341 5000
Layer mount 2724 2706 5000
Link mount 382 390 5000
MenuButton mount 931 915 5000
MessageBar mount 21383 21313 5000
Nav mount 1974 1909 1000
OverflowSet mount 776 789 5000
Panel mount 1798 1843 1000
Persona mount 721 728 1000
Pivot mount 889 854 1000
PrimaryButton mount 836 840 5000
Rating mount 4632 4631 5000
SearchBox mount 918 928 5000
Shimmer mount 1898 1875 5000
Slider mount 1342 1341 5000
SpinButton mount 2844 2866 5000
Spinner mount 379 375 5000
SplitButton mount 1859 1854 5000
Stack mount 406 426 5000
StackWithIntrinsicChildren mount 864 861 5000
StackWithTextChildren mount 2584 2574 5000
SwatchColorPicker mount 6110 6104 5000
TagPicker mount 1488 1485 5000
Text mount 372 372 5000
TextField mount 952 924 5000
ThemeProvider mount 834 837 5000
ThemeProvider virtual-rerender 581 587 5000
ThemeProvider virtual-rerender-with-unmount 1276 1285 5000
Toggle mount 607 603 5000
buttonNative mount 192 203 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 2, 2024

🕵 fluentuiv9 No visual regressions between this PR and main

@github-actions github-actions bot added this to the January Project Cycle Q1 2024 milestone Jan 2, 2024
@size-auditor
Copy link

size-auditor bot commented Jan 2, 2024

Asset size changes

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

Baseline commit: 3b10c5e8637ad42b0943ab8e1f0a47804483d3b5 (build)

@Hotell Hotell force-pushed the nx/migration/17_2 branch from 7fe073d to 8a5b79a Compare January 3, 2024 09:09
@Hotell Hotell marked this pull request as ready for review January 3, 2024 10:32
@Hotell Hotell requested a review from a team as a code owner January 3, 2024 10:32
@Hotell Hotell force-pushed the nx/migration/17_2 branch from 5cae454 to 6f59130 Compare January 5, 2024 14:57
@Hotell Hotell force-pushed the nx/migration/17_2 branch from 6f59130 to 1d5f4f4 Compare January 8, 2024 11:19
@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@Hotell Hotell merged commit 03a5780 into microsoft:master Jan 8, 2024
@Hotell Hotell deleted the nx/migration/17_2 branch January 8, 2024 16:45
Leolewin pushed a commit to Leolewin/fluentui that referenced this pull request Jan 9, 2024
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jan 10, 2024
* master: (166 commits)
  Remove v0 dependency from v0 compat package (microsoft#30276)
  applying package updates
  Disallow `window` and `document` access for `@fluentui/react` and related packages. (microsoft#30063)
  Update Rating api and stories (microsoft#30092)
  TeachingPopover: Minor style changes (microsoft#30270)
  feat(scripts-gulp): replace lerna with nx (microsoft#30266)
  ci: remove canary and nightly functionality from northstar (microsoft#30264)
  List: Re-initialize on mount in React 18. (microsoft#29881)
  feat(scripts-monorepo): replace lerna/utils with pure nx apis (microsoft#30178)
  chore: remove react-timepicker-compat-preview (microsoft#30263)
  applying package updates
  feat(TimePicker-compat): stable release  (microsoft#30217)
  feat: Implement onPositioningEnd callback (microsoft#30177)
  applying package updates
  v8 registerIcons compat (microsoft#30003)
  Adding Planner, ToDoItem and updated Project filetype icons. Updating FabricCDN url to latest datecode. (microsoft#30079)
  Scaffolds more Nav components (microsoft#30227)
  chore: migrate to nx 17.2 (microsoft#30187)
  applying package updates
  feat: Update position when target or container dimensions change (microsoft#30179)
  ...
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.

4 participants