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

Fix minor unaddressed TS 4 upgrade PR comments #18027

Merged
merged 2 commits into from
May 4, 2021

Conversation

ecraig12345
Copy link
Member

Pull request checklist

Description of changes

Fix some minor unaddressed comments on #17932:

  • Move API Extractor dep to the root to ensure correct versions throughout the repo
  • Remove some unnecessary nohoist and versionGroups settings
  • Remove an unnecessary cast that was added in ComboBox

Also made a minor fix to the scrub script to make it work with outdated repo builds (when I started on this branch's changes in an old worktree, the script failed because jest couldn't find a build of some newer local helper).

@ecraig12345 ecraig12345 requested a review from a team as a code owner May 4, 2021 01:56
@ecraig12345 ecraig12345 requested a review from a team May 4, 2021 01:56
"@fluentui/web-components/@microsoft/eslint-config-fast-dna",
"@fluentui/web-components/@storybook/**",
"@fluentui/web-components/build",
Copy link
Member Author

Choose a reason for hiding this comment

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

This is not a package

"@fluentui/web-components/ts-loader",
"@fluentui/web-components/ts-loader/**",
"@fluentui/web-components/ts-node",
"@fluentui/web-components/ts-node/**",
"@fluentui/web-components/typescript",
"@fluentui/web-components/typescript/**",
Copy link
Member Author

Choose a reason for hiding this comment

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

typescript has no dependencies

@@ -184,14 +182,6 @@
"scripts/package.json"
],
"versionGroups": [
{
Copy link
Member Author

Choose a reason for hiding this comment

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

This is unneeded because test-bundles no longer uses a different webpack version

@ecraig12345 ecraig12345 enabled auto-merge (squash) May 4, 2021 01:57
@ecraig12345 ecraig12345 mentioned this pull request May 4, 2021
5 tasks
@size-auditor
Copy link

size-auditor bot commented May 4, 2021

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-ComboBox 229.394 kB 229.396 kB ExceedsBaseline     2 bytes

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

Baseline commit: 59030f591ce877aea56eee6d2b0fb57dec652935 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented May 4, 2021

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 7542dfd:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 940 927 5000
BaseButton mount 963 973 5000
Breadcrumb mount 2639 2664 1000
ButtonNext mount 571 583 5000
Checkbox mount 1705 1639 5000
CheckboxBase mount 1398 1421 5000
ChoiceGroup mount 5066 5085 5000
ComboBox mount 1012 1022 1000
CommandBar mount 10399 10891 1000
ContextualMenu mount 6393 6371 1000
DefaultButton mount 1222 1247 5000
DetailsRow mount 3913 3960 5000
DetailsRowFast mount 3842 3865 5000
DetailsRowNoStyles mount 3667 3666 5000
Dialog mount 2259 2223 1000
DocumentCardTitle mount 152 165 1000
Dropdown mount 3452 3422 5000
FocusTrapZone mount 1811 1910 5000
FocusZone mount 1851 1822 5000
IconButton mount 1914 1890 5000
Label mount 337 362 5000
Layer mount 1905 1932 5000
Link mount 484 489 5000
MakeStyles mount 1843 1837 50000
MenuButton mount 1577 1576 5000
MessageBar mount 2112 2038 5000
Nav mount 3467 3450 1000
OverflowSet mount 1062 1060 5000
Panel mount 2093 2119 1000
Persona mount 847 874 1000
Pivot mount 1508 1456 1000
PrimaryButton mount 1376 1365 5000
Rating mount 8190 8276 5000
SearchBox mount 1415 1414 5000
Shimmer mount 2726 2720 5000
Slider mount 2056 2109 5000
SpinButton mount 5196 5176 5000
Spinner mount 437 431 5000
SplitButton mount 3282 3327 5000
Stack mount 529 544 5000
StackWithIntrinsicChildren mount 1678 1694 5000
StackWithTextChildren mount 4976 5030 5000
SwatchColorPicker mount 10803 10608 5000
Tabs mount 1453 1430 1000
TagPicker mount 2551 2588 5000
TeachingBubble mount 12201 12252 5000
Text mount 439 443 5000
TextField mount 1444 1501 5000
ThemeProvider mount 1192 1197 5000
ThemeProvider virtual-rerender 584 588 5000
ThemeProviderNext mount 8699 8758 5000
Toggle mount 873 827 5000
buttonNative mount 109 109 5000

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AttachmentMinimalPerf.default 184 167 1.1:1
PortalMinimalPerf.default 176 161 1.09:1
AvatarMinimalPerf.default 215 200 1.08:1
RefMinimalPerf.default 253 235 1.08:1
TableMinimalPerf.default 450 418 1.08:1
HeaderMinimalPerf.default 410 384 1.07:1
LabelMinimalPerf.default 438 409 1.07:1
DividerMinimalPerf.default 401 380 1.06:1
ButtonMinimalPerf.default 192 183 1.05:1
SegmentMinimalPerf.default 390 370 1.05:1
ButtonSlotsPerf.default 636 613 1.04:1
DropdownManyItemsPerf.default 758 728 1.04:1
HeaderSlotsPerf.default 843 808 1.04:1
ListWith60ListItems.default 692 667 1.04:1
TreeWith60ListItems.default 192 185 1.04:1
AnimationMinimalPerf.default 427 415 1.03:1
ItemLayoutMinimalPerf.default 1393 1348 1.03:1
ReactionMinimalPerf.default 423 412 1.03:1
TextAreaMinimalPerf.default 564 550 1.03:1
AttachmentSlotsPerf.default 1253 1231 1.02:1
ButtonOverridesMissPerf.default 1787 1751 1.02:1
ChatWithPopoverPerf.default 402 394 1.02:1
EmbedMinimalPerf.default 4370 4294 1.02:1
FlexMinimalPerf.default 313 307 1.02:1
ImageMinimalPerf.default 419 409 1.02:1
LayoutMinimalPerf.default 396 387 1.02:1
LoaderMinimalPerf.default 727 710 1.02:1
ProviderMinimalPerf.default 1066 1045 1.02:1
SkeletonMinimalPerf.default 393 387 1.02:1
BoxMinimalPerf.default 386 384 1.01:1
CarouselMinimalPerf.default 497 492 1.01:1
ChatMinimalPerf.default 668 662 1.01:1
DialogMinimalPerf.default 785 781 1.01:1
InputMinimalPerf.default 1315 1307 1.01:1
PopupMinimalPerf.default 774 763 1.01:1
RadioGroupMinimalPerf.default 482 475 1.01:1
SliderMinimalPerf.default 1639 1625 1.01:1
CustomToolbarPrototype.default 3953 3928 1.01:1
ToolbarMinimalPerf.default 1023 1013 1.01:1
TreeMinimalPerf.default 844 834 1.01:1
CardMinimalPerf.default 617 615 1:1
ChatDuplicateMessagesPerf.default 302 303 1:1
DatepickerMinimalPerf.default 5678 5699 1:1
ListNestedPerf.default 606 607 1:1
ProviderMergeThemesPerf.default 1674 1682 1:1
SplitButtonMinimalPerf.default 3985 3971 1:1
IconMinimalPerf.default 683 683 1:1
TooltipMinimalPerf.default 1024 1029 1:1
AccordionMinimalPerf.default 157 158 0.99:1
ButtonUseCssNestingPerf.default 1117 1124 0.99:1
CheckboxMinimalPerf.default 2863 2900 0.99:1
DropdownMinimalPerf.default 3132 3169 0.99:1
GridMinimalPerf.default 372 376 0.99:1
MenuMinimalPerf.default 916 928 0.99:1
MenuButtonMinimalPerf.default 1678 1689 0.99:1
TableManyItemsPerf.default 2061 2077 0.99:1
VideoMinimalPerf.default 681 691 0.99:1
FormMinimalPerf.default 457 468 0.98:1
TextMinimalPerf.default 376 382 0.98:1
ButtonUseCssPerf.default 857 887 0.97:1
ListMinimalPerf.default 542 559 0.97:1
ListCommonPerf.default 680 711 0.96:1
AlertMinimalPerf.default 287 301 0.95:1
RosterPerf.default 1236 1317 0.94:1
StatusMinimalPerf.default 747 792 0.94:1

@@ -122,7 +122,11 @@ async function run() {

// do these before deleting node_nodules
console.log('\nClearing Jest cache...');
spawn(os.platform() === 'win32' ? 'npx.cmd' : 'npx', ['jest', '--clearCache']);
try {
Copy link
Member

Choose a reason for hiding this comment

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

I have never seen this script being used, can we just remove it ?

Copy link
Contributor

Choose a reason for hiding this comment

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

+1, this is a ticking bomb IMHO for anyone not familiar with this monorepo setup - removing untracked files etc should be done manually by git by current user.

Copy link
Contributor

Choose a reason for hiding this comment

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

lets discuss this during @microsoft/fluentui-react-build sync

Copy link
Member Author

@ecraig12345 ecraig12345 May 4, 2021

Choose a reason for hiding this comment

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

This is never run automatically, and it explicitly requires confirmation when you start the script. It's intended to help recover the repo from a bad state, in a way compatible with Windows (IIRC git clean -fdx sometimes incorrectly handles symlinks on Windows), and that handles a couple caches that are outside the repo. In my experience this can be quite important at times, and not a "time bomb" for the reasons mentioned above.

@ecraig12345 ecraig12345 merged commit 5d7ea6c into microsoft:master May 4, 2021
@ecraig12345 ecraig12345 deleted the ts4-follow branch May 4, 2021 16:50
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.

6 participants