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 website bundling and manifest generation issues #17771

Merged
merged 2 commits into from
Apr 10, 2021

Conversation

ecraig12345
Copy link
Member

@ecraig12345 ecraig12345 commented Apr 9, 2021

Fix two issues which only became obvious in the release build or on the real site, and add one minor optimization.

Previous PR accidentally broke the case where a base CDN URL is not provided to create-site-manifests and it should use the default instead.

In #17568 I removed both the webpack config output.publicPath setting and the __webpack_public_path__ runtime setting, because both appeared to be unused. Turns out output.publicPath was actually unused (it appears to be a relic from when the whole site was hosted on the sharepoint CDN), but setting __webpack_public_path__ is necessary to make loading chunks on the live site work since the chunk files are hosted on a different domain. So now that's back with a nice explanatory comment.

The minor optimization is removing the whatwg-fetch polyfill from the site, since I realized it's redundant with react-app-polyfill/ie11 which we include automatically.

(part of #14691)

@size-auditor
Copy link

size-auditor bot commented Apr 10, 2021

Asset size changes

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

Baseline commit: 4e5a243010c67069e4aeef715863cf3abc9dc319 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Apr 10, 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 8d3dddd:

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

@ecraig12345 ecraig12345 requested a review from a team as a code owner April 10, 2021 00:33
@fabricteam
Copy link
Collaborator

fabricteam commented Apr 10, 2021

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 955 912 5000
BaseButton mount 978 929 5000
Breadcrumb mount 43775 43724 5000
ButtonNext mount 633 613 5000
Checkbox mount 1646 1698 5000
CheckboxBase mount 1383 1374 5000
ChoiceGroup mount 4977 5068 5000
ComboBox mount 1004 993 1000
CommandBar mount 10340 10228 1000
ContextualMenu mount 6320 6293 1000
DefaultButton mount 1195 1237 5000
DetailsRow mount 3892 3811 5000
DetailsRowFast mount 3805 3789 5000
DetailsRowNoStyles mount 3618 3684 5000
Dialog mount 1555 1517 1000
DocumentCardTitle mount 1802 1795 1000
Dropdown mount 3389 3351 5000
FocusTrapZone mount 1818 1800 5000
FocusZone mount 1806 1838 5000
IconButton mount 1839 1863 5000
Label mount 345 398 5000
Layer mount 1906 1891 5000
Link mount 498 464 5000
MakeStyles mount 1833 1829 50000
MenuButton mount 1552 1551 5000
MessageBar mount 2037 2070 5000
Nav mount 3401 3424 1000
OverflowSet mount 1061 1083 5000
Panel mount 1491 1435 1000
Persona mount 884 886 1000
Pivot mount 1457 1430 1000
PrimaryButton mount 1371 1343 5000
Rating mount 8279 8209 5000
SearchBox mount 1390 1473 5000
Shimmer mount 2666 2679 5000
Slider mount 1984 2040 5000
SpinButton mount 5269 5165 5000
Spinner mount 419 405 5000
SplitButton mount 3303 3348 5000
Stack mount 562 534 5000
StackWithIntrinsicChildren mount 1648 1667 5000
StackWithTextChildren mount 4922 4946 5000
SwatchColorPicker mount 10629 10742 5000
Tabs mount 1466 1454 1000
TagPicker mount 2986 2997 5000
TeachingBubble mount 12169 12035 5000
Text mount 438 435 5000
TextField mount 1487 1475 5000
ThemeProvider mount 1235 1200 5000
ThemeProvider virtual-rerender 613 593 5000
ThemeProviderNext mount 15841 15733 5000
Toggle mount 856 847 5000
buttonNative mount 115 121 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🦄 Avatar.Fluent 0.18 0.51 0.35:1 2000 367
🦄 Button.Fluent 0.12 0.22 0.55:1 5000 620
🔧 Checkbox.Fluent 0.65 0.39 1.67:1 1000 648
🎯 Dialog.Fluent 0.16 0.23 0.7:1 5000 808
🔧 Dropdown.Fluent 3.12 0.42 7.43:1 1000 3121
🔧 Icon.Fluent 0.14 0.06 2.33:1 5000 683
🦄 Image.Fluent 0.09 0.14 0.64:1 5000 433
🔧 Slider.Fluent 1.64 0.48 3.42:1 1000 1643
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 386
🦄 Tooltip.Fluent 0.16 0.93 0.17:1 5000 777

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AlertMinimalPerf.default 333 303 1.1:1
ImageMinimalPerf.default 439 408 1.08:1
ListNestedPerf.default 643 594 1.08:1
TreeWith60ListItems.default 221 205 1.08:1
ButtonUseCssPerf.default 912 856 1.07:1
AccordionMinimalPerf.default 179 169 1.06:1
LabelMinimalPerf.default 466 440 1.06:1
PortalMinimalPerf.default 187 176 1.06:1
ReactionMinimalPerf.default 441 417 1.06:1
AttachmentMinimalPerf.default 192 183 1.05:1
HeaderMinimalPerf.default 412 393 1.05:1
MenuMinimalPerf.default 1007 955 1.05:1
TableMinimalPerf.default 469 448 1.05:1
TextMinimalPerf.default 395 377 1.05:1
Dialog.Fluent 808 769 1.05:1
AnimationMinimalPerf.default 465 446 1.04:1
ChatMinimalPerf.default 697 672 1.04:1
FlexMinimalPerf.default 316 304 1.04:1
FormMinimalPerf.default 475 458 1.04:1
StatusMinimalPerf.default 772 740 1.04:1
CustomToolbarPrototype.default 4052 3906 1.04:1
AvatarMinimalPerf.default 228 222 1.03:1
ChatDuplicateMessagesPerf.default 323 314 1.03:1
DividerMinimalPerf.default 413 401 1.03:1
DropdownMinimalPerf.default 3235 3156 1.03:1
GridMinimalPerf.default 388 375 1.03:1
RefMinimalPerf.default 252 244 1.03:1
AttachmentSlotsPerf.default 1223 1201 1.02:1
BoxMinimalPerf.default 407 398 1.02:1
ButtonMinimalPerf.default 209 205 1.02:1
CardMinimalPerf.default 639 627 1.02:1
ChatWithPopoverPerf.default 431 422 1.02:1
CheckboxMinimalPerf.default 2932 2883 1.02:1
ItemLayoutMinimalPerf.default 1417 1387 1.02:1
ListCommonPerf.default 737 723 1.02:1
ListMinimalPerf.default 582 571 1.02:1
SegmentMinimalPerf.default 401 393 1.02:1
SkeletonMinimalPerf.default 424 414 1.02:1
TreeMinimalPerf.default 883 862 1.02:1
Image.Fluent 433 424 1.02:1
Tooltip.Fluent 777 765 1.02:1
ButtonSlotsPerf.default 608 603 1.01:1
CarouselMinimalPerf.default 515 509 1.01:1
HeaderSlotsPerf.default 857 847 1.01:1
InputMinimalPerf.default 1318 1308 1.01:1
LoaderMinimalPerf.default 751 745 1.01:1
MenuButtonMinimalPerf.default 1671 1662 1.01:1
ProviderMinimalPerf.default 1042 1030 1.01:1
TextAreaMinimalPerf.default 536 529 1.01:1
Button.Fluent 620 613 1.01:1
ButtonUseCssNestingPerf.default 1159 1162 1:1
DropdownManyItemsPerf.default 788 791 1:1
EmbedMinimalPerf.default 4326 4347 1:1
ListWith60ListItems.default 717 715 1:1
RosterPerf.default 1306 1300 1:1
IconMinimalPerf.default 666 665 1:1
TableManyItemsPerf.default 2135 2133 1:1
ToolbarMinimalPerf.default 1031 1031 1:1
VideoMinimalPerf.default 692 689 1:1
Avatar.Fluent 367 368 1:1
Dropdown.Fluent 3121 3122 1:1
ButtonOverridesMissPerf.default 1803 1830 0.99:1
DatepickerMinimalPerf.default 47387 47809 0.99:1
ProviderMergeThemesPerf.default 1671 1693 0.99:1
RadioGroupMinimalPerf.default 481 488 0.99:1
SplitButtonMinimalPerf.default 3991 4034 0.99:1
Checkbox.Fluent 648 653 0.99:1
TooltipMinimalPerf.default 1014 1031 0.98:1
Icon.Fluent 683 699 0.98:1
LayoutMinimalPerf.default 415 426 0.97:1
Slider.Fluent 1643 1699 0.97:1
Text.Fluent 386 396 0.97:1
DialogMinimalPerf.default 766 794 0.96:1
PopupMinimalPerf.default 730 757 0.96:1
SliderMinimalPerf.default 1628 1690 0.96:1

@ecraig12345 ecraig12345 changed the title Fix baseCDNUrl validation to allow using the default Fix website bundling and manifest generation issues Apr 10, 2021
@ecraig12345 ecraig12345 added this to In progress in Version 8 via automation Apr 10, 2021
@ecraig12345 ecraig12345 merged commit e67afa3 into microsoft:master Apr 10, 2021
Version 8 automation moved this from In progress to Done Apr 10, 2021
@ecraig12345 ecraig12345 deleted the manifests-again branch April 10, 2021 02:51
@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-docsite-components@v8.1.7 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/public-docsite@v8.1.7 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/public-docsite-setup@v0.3.1 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/public-docsite-resources@v8.0.31 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-examples@v8.15.1 has been released which incorporates this pull request.:tada:

Handy links:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Version 8
  
Done or removed
Development

Successfully merging this pull request may close these issues.

None yet

5 participants