chore: migrate from nx 15.6.3 to 15.9.5 #28032

Hotell · 2023-05-29T15:10:01Z

New Behavior

scaffold migrations:

nx now uses per library/app project.json instead global workspace.json as source of truth for every project within monorepo
v8 and v9 npmignore was updated (via generators) to not ship project.json to npm
- migrate-converged-pkg and migrate-v8-pkg generators have been updated to achieve this as part of this PR

api migrations

nx devkit:

deprecated createTreeWithEmptyV1Workspace was replaced with createTreeWithEmptyWorkspace
deprecated readWorkspaceConfiguration was replaced with readNxJson
thanks to jest 29 and fixes within generators implementation - generator tests will now fail if there are unhandled promises ( via await )

packages migration:

tslib
- migrated to 2.5.0 to properly dedupe ( why not latest 2.5.3 ? tslib >=2.5.1 regression - increases bundle size caused by noop Object.create; statements tslib#212 )
jest
- as nx is on jest 29 we got rid of 2 jest dupes in our node modules 🏆

Related Issue(s)

Follows chore: migrate from nx 13 to 15.6.3 #27885

fabricteam · 2023-05-29T15:15:36Z

📊 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.248 kB` `1.671 kB`
`react-accordion` Accordion (including children components)	`88.246 kB` `26.712 kB`
`react-alert` Alert	`82.552 kB` `21.771 kB`
`react-avatar` Avatar	`47.7 kB` `14.504 kB`
`react-avatar` AvatarGroup	`15.682 kB` `6.306 kB`
`react-avatar` AvatarGroupItem	`63.876 kB` `18.984 kB`
`react-badge` Badge	`23.591 kB` `7.264 kB`
`react-badge` CounterBadge	`24.493 kB` `7.565 kB`
`react-badge` PresenceBadge	`22.213 kB` `7.872 kB`
`react-button` Button	`36.778 kB` `9.51 kB`
`react-button` CompoundButton	`43.932 kB` `10.99 kB`
`react-button` MenuButton	`40.965 kB` `10.705 kB`
`react-button` SplitButton	`49.197 kB` `12.27 kB`
`react-button` ToggleButton	`55.06 kB` `11.446 kB`
`react-card` Card - All	`89.11 kB` `25.236 kB`
`react-card` Card	`83.764 kB` `23.685 kB`
`react-card` CardFooter	`9.229 kB` `3.9 kB`
`react-card` CardHeader	`11.402 kB` `4.683 kB`
`react-card` CardPreview	`10.034 kB` `4.248 kB`
`react-checkbox` Checkbox	`33.164 kB` `10.699 kB`
`react-combobox` Combobox (including child components)	`86.98 kB` `28.084 kB`
`react-combobox` Dropdown (including child components)	`85.321 kB` `27.675 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`65.162 kB` `17.952 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`210.395 kB` `58.717 kB`
`react-components` react-components: FluentProvider & webLightTheme	`36.395 kB` `11.996 kB`
`react-datepicker-compat` DatePicker Compat	`221.924 kB` `59.118 kB`
`react-dialog` Dialog (including children components)	`92.138 kB` `27.487 kB`
`react-divider` Divider	`17.477 kB` `6.357 kB`
`react-field` Field	`18.003 kB` `6.931 kB`
`react-image` Image	`11.55 kB` `4.627 kB`
`react-infobutton` InfoButton	`131.191 kB` `40.269 kB`
`react-infobutton` InfoLabel	`134.656 kB` `41.338 kB`
`react-input` Input	`24.219 kB` `7.781 kB`
`react-label` Label	`10.175 kB` `4.243 kB`
`react-link` Link	`12.375 kB` `5.113 kB`
`react-menu` Menu (including children components)	`132.388 kB` `40.52 kB`
`react-menu` Menu (including selectable components)	`135.152 kB` `41.012 kB`
`react-overflow` hooks only	`12.505 kB` `4.626 kB`
`react-persona` Persona	`54.621 kB` `16.435 kB`
`react-popover` Popover	`119.781 kB` `36.844 kB`
`react-portal` Portal	`11.82 kB` `4.391 kB`
`react-portal-compat` PortalCompatProvider	`6.473 kB` `2.196 kB`
`react-positioning` usePositioning	`24.249 kB` `8.856 kB`
`react-progress` ProgressBar	`13.927 kB` `5.488 kB`
`react-provider` FluentProvider	`18.115 kB` `6.719 kB`
`react-radio` Radio	`26.952 kB` `8.608 kB`
`react-radio` RadioGroup	`11.362 kB` `4.753 kB`
`react-select` Select	`24.915 kB` `8.708 kB`
`react-slider` Slider	`34.358 kB` `11.107 kB`
`react-spinbutton` SpinButton	`33.452 kB` `10.296 kB`
`react-spinner` Spinner	`21.363 kB` `7.021 kB`
`react-switch` Switch	`29.472 kB` `9.226 kB`
`react-table` DataGrid	`156.306 kB` `42.785 kB`
`react-table` Table (Primitives only)	`44.652 kB` `12.468 kB`
`react-table` Table as DataGrid	`131.96 kB` `33.791 kB`
`react-table` Table (Selection only)	`77.561 kB` `19.178 kB`
`react-table` Table (Sort only)	`76.891 kB` `18.989 kB`
`react-tags` Tag	`23.153 kB` `7.922 kB`
`react-text` Text - Default	`12.563 kB` `4.972 kB`
`react-text` Text - Wrappers	`15.713 kB` `5.293 kB`
`react-textarea` Textarea	`27.69 kB` `9.125 kB`
`react-theme` Single theme token import	`69 B` `89 B`
`react-theme` Teams: all themes	`31.987 kB` `6.85 kB`
`react-theme` Teams: Light theme	`18.121 kB` `5.194 kB`
`react-tooltip` Tooltip	`47.319 kB` `16.618 kB`
`react-utilities` SSRProvider	`180 B` `159 B`

_{🤖 This report was generated against 1c7e6451a11fb9c59e344df616394a320e8031c4}

fabricteam · 2023-05-30T10:45:02Z

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

⚠️ 1 potential perf regressions detected

Potential regressions comparing to master

Scenario	Current PR Ticks	Baseline Ticks	Ratio	Regression Analysis
AttachmentMinimalPerf.default	80	83	0.96:1	analysis

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
GridMinimalPerf.default	205	184	1.11:1
ButtonSlotsPerf.default	325	296	1.1:1
PortalMinimalPerf.default	85	79	1.08:1
ButtonMinimalPerf.default	90	84	1.07:1
DividerMinimalPerf.default	210	199	1.06:1
ImageMinimalPerf.default	233	220	1.06:1
FormMinimalPerf.default	231	221	1.05:1
ListNestedPerf.default	322	306	1.05:1
AccordionMinimalPerf.default	82	79	1.04:1
MenuMinimalPerf.default	505	487	1.04:1
SkeletonMinimalPerf.default	204	196	1.04:1
ChatDuplicateMessagesPerf.default	154	150	1.03:1
CheckboxMinimalPerf.default	1162	1127	1.03:1
DialogMinimalPerf.default	449	435	1.03:1
SliderMinimalPerf.default	752	733	1.03:1
TableManyItemsPerf.default	1144	1115	1.03:1
TreeWith60ListItems.default	89	86	1.03:1
CarouselMinimalPerf.default	264	260	1.02:1
ChatMinimalPerf.default	437	428	1.02:1
DropdownMinimalPerf.default	1449	1416	1.02:1
HeaderMinimalPerf.default	207	202	1.02:1
HeaderSlotsPerf.default	477	467	1.02:1
ItemLayoutMinimalPerf.default	730	716	1.02:1
ReactionMinimalPerf.default	216	211	1.02:1
TableMinimalPerf.default	242	237	1.02:1
TreeMinimalPerf.default	487	476	1.02:1
AttachmentSlotsPerf.default	641	634	1.01:1
EmbedMinimalPerf.default	1871	1860	1.01:1
LayoutMinimalPerf.default	212	210	1.01:1
MenuButtonMinimalPerf.default	956	950	1.01:1
PopupMinimalPerf.default	351	348	1.01:1
ProviderMergeThemesPerf.default	666	659	1.01:1
SplitButtonMinimalPerf.default	2295	2270	1.01:1
TextMinimalPerf.default	189	188	1.01:1
TooltipMinimalPerf.default	1299	1283	1.01:1
DatepickerMinimalPerf.default	3646	3631	1:1
ListMinimalPerf.default	308	308	1:1
RosterPerf.default	1552	1547	1:1
TextAreaMinimalPerf.default	292	292	1:1
CustomToolbarPrototype.default	1477	1479	1:1
VideoMinimalPerf.default	438	436	1:1
AnimationMinimalPerf.default	292	295	0.99:1
BoxMinimalPerf.default	202	205	0.99:1
InputMinimalPerf.default	550	558	0.99:1
ToolbarMinimalPerf.default	543	546	0.99:1
AlertMinimalPerf.default	158	162	0.98:1
ButtonOverridesMissPerf.default	656	671	0.98:1
DropdownManyItemsPerf.default	391	401	0.98:1
ListCommonPerf.default	386	394	0.98:1
LoaderMinimalPerf.default	195	198	0.98:1
ProviderMinimalPerf.default	194	197	0.98:1
RadioGroupMinimalPerf.default	253	257	0.98:1
SegmentMinimalPerf.default	191	195	0.98:1
ChatWithPopoverPerf.default	187	192	0.97:1
ListWith60ListItems.default	365	376	0.97:1
StatusMinimalPerf.default	393	405	0.97:1
AvatarMinimalPerf.default	102	106	0.96:1
IconMinimalPerf.default	391	410	0.95:1
CardMinimalPerf.default	295	314	0.94:1
LabelMinimalPerf.default	210	223	0.94:1
FlexMinimalPerf.default	149	161	0.93:1
RefMinimalPerf.default	103	111	0.93:1

codesandbox-ci · 2023-05-30T14:26:34Z

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

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

fabricteam · 2023-05-31T09:54:23Z

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

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
Avatar	mount	618	601	5000
Button	mount	291	304	5000
Field	mount	1076	1014	5000
FluentProvider	mount	634	653	5000
FluentProviderWithTheme	mount	79	75	10
FluentProviderWithTheme	virtual-rerender	61	67	10
FluentProviderWithTheme	virtual-rerender-with-unmount	75	73	10
InfoButton	mount	9	10	5000
MakeStyles	mount	837	822	50000
Persona	mount	1678	1641	5000
SpinButton	mount	1334	1337	5000

fabricteam · 2023-05-31T10:03:18Z

🕵 FluentUI-v0 No visual regressions between this PR and main

fabricteam · 2023-05-31T10:04:14Z

🕵 fluentuiv9 No visual regressions between this PR and main

fabricteam · 2023-05-31T10:07:21Z

Perf Analysis (`@fluentui/react`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
BaseButton	mount	642	645	5000
Breadcrumb	mount	1682	1710	1000
Checkbox	mount	1690	1680	5000
CheckboxBase	mount	1495	1470	5000
ChoiceGroup	mount	2941	2941	5000
ComboBox	mount	647	664	1000
CommandBar	mount	6254	6224	1000
ContextualMenu	mount	12082	13072	1000
DefaultButton	mount	767	745	5000
DetailsRow	mount	2165	2182	5000
DetailsRowFast	mount	2206	2187	5000
DetailsRowNoStyles	mount	2010	2038	5000
Dialog	mount	2679	2628	1000
DocumentCardTitle	mount	236	235	1000
Dropdown	mount	2014	1996	5000
FocusTrapZone	mount	1137	1111	5000
FocusZone	mount	1056	1058	5000
GroupedList	mount	41766	41773	2
GroupedList	virtual-rerender	19926	19881	2
GroupedList	virtual-rerender-with-unmount	50584	51027	2
GroupedListV2	mount	227	221	2
GroupedListV2	virtual-rerender	210	214	2
GroupedListV2	virtual-rerender-with-unmount	222	221	2
IconButton	mount	1078	1071	5000
Label	mount	342	335	5000
Layer	mount	2713	2748	5000
Link	mount	391	393	5000
MenuButton	mount	932	925	5000
MessageBar	mount	21710	21592	5000
Nav	mount	1917	1942	1000
OverflowSet	mount	789	796	5000
Panel	mount	1768	1758	1000
Persona	mount	775	750	1000
Pivot	mount	856	866	1000
PrimaryButton	mount	846	851	5000
Rating	mount	4576	4545	5000
SearchBox	mount	911	882	5000
Shimmer	mount	1922	1889	5000
Slider	mount	1356	1334	5000
SpinButton	mount	2839	2893	5000
Spinner	mount	385	378	5000
SplitButton	mount	1838	1819	5000
Stack	mount	410	401	5000
StackWithIntrinsicChildren	mount	836	854	5000
StackWithTextChildren	mount	2613	2616	5000
SwatchColorPicker	mount	6193	6170	5000
TagPicker	mount	1448	1433	5000
Text	mount	374	362	5000
TextField	mount	939	944	5000
ThemeProvider	mount	828	850	5000
ThemeProvider	virtual-rerender	576	587	5000
ThemeProvider	virtual-rerender-with-unmount	1302	1296	5000
Toggle	mount	617	611	5000
buttonNative	mount	191	189	5000

packages/react-components/react-portal/src/components/Portal/usePortal.test.ts

size-auditor · 2023-06-21T13:37:26Z

Asset size changes

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

Baseline commit: 1c7e6451a11fb9c59e344df616394a320e8031c4 (build)

brandonthomas

Virtualizer package changes look fine to me.

scripts/generators/create-package/index.ts

scripts/storybook/src/utils.spec.js

tools/generators/add-codeowners.spec.ts

… migration

…son with tags and source root

.github/CODEOWNERS

Hotell · 2023-06-27T13:53:41Z

pipeline is passing + approvals from v-build - admin merged

msft-fluent-ui-bot assigned micahgodbolt May 29, 2023

github-actions bot added this to the May Project Cycle Q2 2023 milestone May 29, 2023

Hotell changed the title ~~Hotell/build/nx/migrate to 15 x~~ chore: migrate from nx 15.6.3 to 15.9.5 May 29, 2023

Hotell mentioned this pull request May 30, 2023

chore: migrate to TS 4.5 #27936

Merged

Hotell force-pushed the hotell/build/nx/migrate-to-15-x branch from 29cb1b6 to 85e8799 Compare May 30, 2023 14:14

Hotell force-pushed the hotell/build/nx/migrate-to-15-x branch 2 times, most recently from 87a3b78 to 45fb47c Compare May 31, 2023 08:55

Hotell commented May 31, 2023

View reviewed changes

packages/react-components/react-portal/src/components/Portal/usePortal.test.ts Outdated Show resolved Hide resolved

Hotell added the Status: Blocked Resolution blocked by another issue label Jun 1, 2023

Hotell unassigned micahgodbolt Jun 1, 2023

Hotell force-pushed the hotell/build/nx/migrate-to-15-x branch from f6e8278 to 17c6413 Compare June 21, 2023 13:10

github-actions bot modified the milestones: May Project Cycle Q2 2023, June Project Cycle Q2 2023 Jun 21, 2023

microsoft deleted a comment from size-auditor bot Jun 21, 2023

Hotell marked this pull request as ready for review June 22, 2023 15:31

Hotell requested review from a team, GeoffCoxMSFT and sopranopillow as code owners June 22, 2023 15:31

Hotell added Area: Build System and removed Status: Blocked Resolution blocked by another issue labels Jun 22, 2023

AtishayMsft approved these changes Jun 23, 2023

View reviewed changes

brandonthomas approved these changes Jun 23, 2023

View reviewed changes

layershifter reviewed Jun 23, 2023

View reviewed changes

scripts/generators/create-package/index.ts Outdated Show resolved Hide resolved

layershifter reviewed Jun 23, 2023

View reviewed changes

scripts/storybook/src/utils.spec.js Outdated Show resolved Hide resolved

layershifter reviewed Jun 23, 2023

View reviewed changes

tools/generators/add-codeowners.spec.ts Show resolved Hide resolved

layershifter approved these changes Jun 23, 2023

View reviewed changes

JustSlone approved these changes Jun 23, 2023

View reviewed changes

Hotell force-pushed the hotell/build/nx/migrate-to-15-x branch from 16f1b3b to b229996 Compare June 26, 2023 11:45

TristanWatanabe approved these changes Jun 26, 2023

View reviewed changes

Hotell added 12 commits June 27, 2023 13:11

chore: migrate to nx 15.9.4

1a78505

chore: apply nx migrations

9d9f538

chore: update nxignore and codeowners to reflect nx migrations

c10f6c8

fix(tools): update unhandled async calls and make all test pass after…

4efe049

… migration

fix: accomodate nx workspace.json replaced by project.json in all apis

58e4c37

feat(tools): update v8,v9 migration generators to update npmignore

ea818bd

fix: make in memory transpilation work again

e604a39

chore: update all v9 .npmignore to exclude project.json

7404fa7

chore: update all v8 .npmignore to exclude project.json and project.j…

44e22df

…son with tags and source root

generate changefiles

17c16d1

chore: pin tslib to 2.5.0 as higher version adds +3kb to v8 bundle

f7b278e

chore: remove leftover commented code

e4f2fe2

Hotell force-pushed the hotell/build/nx/migrate-to-15-x branch from b229996 to e4f2fe2 Compare June 27, 2023 11:14

fabricteam reviewed Jun 27, 2023

View reviewed changes

.github/CODEOWNERS Show resolved Hide resolved

Hotell merged commit fbe878e into microsoft:master Jun 27, 2023

Hotell deleted the hotell/build/nx/migrate-to-15-x branch June 27, 2023 13:53

This was referenced Jun 29, 2023

chore: remove test-bundles which doesnt exist anymore - leftover of bad rebase #28374

Merged

fix(scripts/generators): make sure to flush nx Tree outside nx context in order to write changes on physical file system #28396

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore: migrate from nx 15.6.3 to 15.9.5 #28032

chore: migrate from nx 15.6.3 to 15.9.5 #28032

Hotell commented May 29, 2023 •

edited

Loading

fabricteam commented May 29, 2023 •

edited

Loading

fabricteam commented May 30, 2023 •

edited

Loading

codesandbox-ci bot commented May 30, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

size-auditor bot commented Jun 21, 2023 •

edited

Loading

brandonthomas left a comment

Hotell commented Jun 27, 2023

chore: migrate from nx 15.6.3 to 15.9.5 #28032

chore: migrate from nx 15.6.3 to 15.9.5 #28032

Conversation

Hotell commented May 29, 2023 • edited Loading

New Behavior

scaffold migrations:

api migrations

packages migration:

Related Issue(s)

fabricteam commented May 29, 2023 • edited Loading

📊 Bundle size report

fabricteam commented May 30, 2023 • edited Loading

Perf Analysis (@fluentui/react-northstar)

Potential regressions comparing to master

codesandbox-ci bot commented May 30, 2023 • edited Loading

fabricteam commented May 31, 2023 • edited Loading

Perf Analysis (@fluentui/react-components)

fabricteam commented May 31, 2023 • edited Loading

🕵 FluentUI-v0 No visual regressions between this PR and main

fabricteam commented May 31, 2023 • edited Loading

🕵 fluentuiv9 No visual regressions between this PR and main

fabricteam commented May 31, 2023 • edited Loading

Perf Analysis (@fluentui/react)

size-auditor bot commented Jun 21, 2023 • edited Loading

Asset size changes

brandonthomas left a comment

Choose a reason for hiding this comment

Hotell commented Jun 27, 2023

Hotell commented May 29, 2023 •

edited

Loading

fabricteam commented May 29, 2023 •

edited

Loading

fabricteam commented May 30, 2023 •

edited

Loading

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

codesandbox-ci bot commented May 30, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

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

fabricteam commented May 31, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

fabricteam commented May 31, 2023 •

edited

Loading

Perf Analysis (`@fluentui/react`)

size-auditor bot commented Jun 21, 2023 •

edited

Loading