Skip to content

Conversation

@bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Aug 16, 2023

New Behavior

  1. bumps version of esbuild-loader to v3.2.0
  2. updates cypress configuration to use local package ./tsconfig.cy.json instead of global tsconfig
  3. adds local tsconfig.cy.json to @fluentui/react-examples
  4. adds local tsconfig.cy.json to @fluentui/react-tree

Reason

esbuild-loader@3.0.0 introduces support for using the tsconfig path directly and it'll also respect extends

Heads up ‼️

This PR makes it mandatory to have a tsconfig.cy.json file in the root of the package that wants to use our current baseConfig with @fluentui/scripts-cypress

@bsunderhus bsunderhus requested a review from a team as a code owner August 16, 2023 11:04
@github-actions github-actions bot added this to the August Project Cycle Q4 2023 milestone Aug 16, 2023
@bsunderhus bsunderhus marked this pull request as draft August 16, 2023 11:06
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 12 10 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 613 630 5000
Button mount 315 313 5000
Field mount 1096 1133 5000
FluentProvider mount 685 702 5000
FluentProviderWithTheme mount 87 83 10
FluentProviderWithTheme virtual-rerender 70 71 10
FluentProviderWithTheme virtual-rerender-with-unmount 79 79 10
InfoButton mount 12 10 5000 Possible regression
MakeStyles mount 849 866 50000
Persona mount 1738 1651 5000
SpinButton mount 1342 1354 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 16, 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 1cbfcdf:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2023

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
IconMinimalPerf.default 398 344 1.16:1
PortalMinimalPerf.default 92 82 1.12:1
AvatarMinimalPerf.default 115 107 1.07:1
HeaderMinimalPerf.default 216 201 1.07:1
ListNestedPerf.default 327 307 1.07:1
CarouselMinimalPerf.default 267 252 1.06:1
TextMinimalPerf.default 197 186 1.06:1
LayoutMinimalPerf.default 207 198 1.05:1
AttachmentMinimalPerf.default 79 76 1.04:1
CheckboxMinimalPerf.default 1185 1139 1.04:1
ButtonOverridesMissPerf.default 671 654 1.03:1
GridMinimalPerf.default 195 189 1.03:1
HeaderSlotsPerf.default 470 456 1.03:1
ImageMinimalPerf.default 232 225 1.03:1
ItemLayoutMinimalPerf.default 730 712 1.03:1
ListWith60ListItems.default 379 368 1.03:1
MenuButtonMinimalPerf.default 955 924 1.03:1
ProviderMergeThemesPerf.default 676 657 1.03:1
ReactionMinimalPerf.default 218 211 1.03:1
ChatWithPopoverPerf.default 192 189 1.02:1
FlexMinimalPerf.default 157 154 1.02:1
FormMinimalPerf.default 220 215 1.02:1
PopupMinimalPerf.default 354 348 1.02:1
SplitButtonMinimalPerf.default 2309 2254 1.02:1
AlertMinimalPerf.default 162 160 1.01:1
ButtonSlotsPerf.default 307 304 1.01:1
DatepickerMinimalPerf.default 3605 3573 1.01:1
DropdownManyItemsPerf.default 385 382 1.01:1
EmbedMinimalPerf.default 1859 1842 1.01:1
LabelMinimalPerf.default 216 214 1.01:1
SegmentMinimalPerf.default 199 197 1.01:1
SkeletonMinimalPerf.default 196 195 1.01:1
SliderMinimalPerf.default 722 714 1.01:1
TableMinimalPerf.default 238 235 1.01:1
TooltipMinimalPerf.default 1294 1282 1.01:1
ChatMinimalPerf.default 428 426 1:1
DividerMinimalPerf.default 202 203 1:1
RosterPerf.default 1500 1502 1:1
TableManyItemsPerf.default 1106 1105 1:1
TreeWith60ListItems.default 87 87 1:1
VideoMinimalPerf.default 426 426 1:1
AttachmentSlotsPerf.default 629 636 0.99:1
DropdownMinimalPerf.default 1412 1428 0.99:1
InputMinimalPerf.default 535 538 0.99:1
TextAreaMinimalPerf.default 278 281 0.99:1
AnimationMinimalPerf.default 292 297 0.98:1
BoxMinimalPerf.default 189 193 0.98:1
CardMinimalPerf.default 305 312 0.98:1
DialogMinimalPerf.default 439 447 0.98:1
MenuMinimalPerf.default 484 495 0.98:1
CustomToolbarPrototype.default 1454 1483 0.98:1
TreeMinimalPerf.default 457 467 0.98:1
ListCommonPerf.default 380 391 0.97:1
ListMinimalPerf.default 294 304 0.97:1
ProviderMinimalPerf.default 192 198 0.97:1
RadioGroupMinimalPerf.default 255 263 0.97:1
RefMinimalPerf.default 109 112 0.97:1
StatusMinimalPerf.default 382 393 0.97:1
AccordionMinimalPerf.default 82 85 0.96:1
ButtonMinimalPerf.default 86 90 0.96:1
ToolbarMinimalPerf.default 527 549 0.96:1
LoaderMinimalPerf.default 174 183 0.95:1
ChatDuplicateMessagesPerf.default 140 152 0.92:1

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2023

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 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)
88.592 kB
26.885 kB
react-alert
Alert
81.836 kB
22.031 kB
react-avatar
Avatar
47.01 kB
14.502 kB
react-avatar
AvatarGroup
16.116 kB
6.431 kB
react-avatar
AvatarGroupItem
61.789 kB
18.912 kB
react-badge
Badge
23.183 kB
7.254 kB
react-badge
CounterBadge
24.084 kB
7.553 kB
react-badge
PresenceBadge
22.14 kB
7.867 kB
react-button
Button
37.078 kB
9.751 kB
react-button
CompoundButton
44.427 kB
11.234 kB
react-button
MenuButton
41.464 kB
11.001 kB
react-button
SplitButton
49.499 kB
12.555 kB
react-button
ToggleButton
54.124 kB
11.65 kB
react-card
Card - All
88.335 kB
25.271 kB
react-card
Card
83.177 kB
23.742 kB
react-card
CardFooter
9.338 kB
3.932 kB
react-card
CardHeader
11.59 kB
4.716 kB
react-card
CardPreview
10.297 kB
4.317 kB
react-checkbox
Checkbox
32.872 kB
10.652 kB
react-combobox
Combobox (including child components)
87.075 kB
28.263 kB
react-combobox
Dropdown (including child components)
85.435 kB
27.903 kB
react-components
react-components: Button, FluentProvider & webLightTheme
66.614 kB
18.512 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
203.017 kB
57.615 kB
react-components
react-components: FluentProvider & webLightTheme
37.787 kB
12.387 kB
react-datepicker-compat
DatePicker Compat
207.101 kB
57.398 kB
react-dialog
Dialog (including children components)
86.738 kB
26.341 kB
react-divider
Divider
17.098 kB
6.303 kB
react-field
Field
18.295 kB
6.978 kB
react-image
Image
12.029 kB
4.783 kB
react-infobutton
InfoButton
125.224 kB
39.235 kB
react-infobutton
InfoLabel
128.894 kB
40.413 kB
react-input
Input
23.237 kB
7.688 kB
react-label
Label
10.423 kB
4.31 kB
react-link
Link
13.254 kB
5.397 kB
react-menu
Menu (including children components)
135.069 kB
41.401 kB
react-menu
Menu (including selectable components)
137.755 kB
41.898 kB
react-overflow
hooks only
12.419 kB
4.687 kB
react-persona
Persona
53.905 kB
16.371 kB
react-popover
Popover
114.577 kB
35.925 kB
react-portal
Portal
12.255 kB
4.504 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-positioning
usePositioning
25.111 kB
9.1 kB
react-progress
ProgressBar
13.718 kB
5.476 kB
react-provider
FluentProvider
18.332 kB
6.817 kB
react-radio
Radio
26.617 kB
8.601 kB
react-radio
RadioGroup
11.622 kB
4.833 kB
react-select
Select
24.599 kB
8.651 kB
react-slider
Slider
34.134 kB
11.039 kB
react-spinbutton
SpinButton
32.681 kB
10.209 kB
react-spinner
Spinner
19.577 kB
7.008 kB
react-switch
Switch
29.092 kB
9.217 kB
react-table
DataGrid
152.77 kB
42.242 kB
react-table
Table (Primitives only)
39.638 kB
12.129 kB
react-table
Table as DataGrid
126.224 kB
33.612 kB
react-table
Table (Selection only)
71.594 kB
18.91 kB
react-table
Table (Sort only)
70.213 kB
18.511 kB
react-tags-preview
InteractionTag
11.031 kB
4.528 kB
react-tags-preview
Tag
25.407 kB
8.398 kB
react-tags-preview
TagGroup
69.607 kB
20.482 kB
react-text
Text - Default
13.043 kB
5.129 kB
react-text
Text - Wrappers
16.215 kB
5.447 kB
react-textarea
Textarea
27.302 kB
9.047 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)
87.69 kB
26.037 kB
react-tooltip
Tooltip
47.916 kB
16.838 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 566f22496db20046fbc9ab898580ccf64600fb6b

@size-auditor
Copy link

size-auditor bot commented Aug 16, 2023

Asset size changes

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

Baseline commit: 566f22496db20046fbc9ab898580ccf64600fb6b (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2023

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 622 619 5000
Breadcrumb mount 1656 1663 1000
Checkbox mount 1681 1688 5000
CheckboxBase mount 1449 1469 5000
ChoiceGroup mount 3007 2982 5000
ComboBox mount 641 637 1000
CommandBar mount 6163 6130 1000
ContextualMenu mount 12118 12287 1000
DefaultButton mount 729 722 5000
DetailsRow mount 2176 2157 5000
DetailsRowFast mount 2197 2156 5000
DetailsRowNoStyles mount 1980 1954 5000
Dialog mount 2769 2613 1000
DocumentCardTitle mount 228 227 1000
Dropdown mount 1977 2044 5000
FocusTrapZone mount 1119 1166 5000
FocusZone mount 1036 1036 5000
GroupedList mount 41162 41098 2
GroupedList virtual-rerender 19625 19812 2
GroupedList virtual-rerender-with-unmount 50334 50346 2
GroupedListV2 mount 226 211 2
GroupedListV2 virtual-rerender 212 199 2
GroupedListV2 virtual-rerender-with-unmount 224 221 2
IconButton mount 1065 1077 5000
Label mount 334 335 5000
Layer mount 2689 2691 5000
Link mount 375 384 5000
MenuButton mount 920 908 5000
MessageBar mount 21099 21177 5000
Nav mount 1921 1939 1000
OverflowSet mount 776 762 5000
Panel mount 1782 1829 1000
Persona mount 716 750 1000
Pivot mount 837 848 1000
PrimaryButton mount 834 846 5000
Rating mount 4601 4642 5000
SearchBox mount 933 919 5000
Shimmer mount 1899 1873 5000
Slider mount 1331 1306 5000
SpinButton mount 2883 2893 5000
Spinner mount 382 387 5000
SplitButton mount 1822 1794 5000
Stack mount 409 399 5000
StackWithIntrinsicChildren mount 834 858 5000
StackWithTextChildren mount 2557 2620 5000
SwatchColorPicker mount 6083 5976 5000
TagPicker mount 1487 1458 5000
Text mount 379 360 5000
TextField mount 925 933 5000
ThemeProvider mount 832 817 5000
ThemeProvider virtual-rerender 579 575 5000
ThemeProvider virtual-rerender-with-unmount 1250 1285 5000
Toggle mount 605 603 5000
buttonNative mount 189 198 5000

@bsunderhus bsunderhus force-pushed the esbuild-loader/bump-version-3.2.0 branch 4 times, most recently from 4835dc8 to 6fef74a Compare August 16, 2023 13:22
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2023

🕵 fluentuiv8 No visual regressions between this PR and main

@bsunderhus bsunderhus force-pushed the esbuild-loader/bump-version-3.2.0 branch from 6fef74a to d93edb3 Compare August 16, 2023 17:12
@bsunderhus bsunderhus force-pushed the esbuild-loader/bump-version-3.2.0 branch from d93edb3 to 1cbfcdf Compare August 16, 2023 17:15
@bsunderhus bsunderhus marked this pull request as ready for review August 17, 2023 09:30
@bsunderhus bsunderhus requested review from a team as code owners August 17, 2023 09:30
@bsunderhus bsunderhus merged commit 8329d0a into microsoft:master Aug 22, 2023
@bsunderhus bsunderhus deleted the esbuild-loader/bump-version-3.2.0 branch August 22, 2023 09:07
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 22, 2023
* master:
  chore: updates generator to use new slot API (microsoft#28916)
  chore: bumps version of esbuild-loader to v3.2.0 (microsoft#28878)
  chore(react-nav-preview): migrates to use new slot API (microsoft#28917)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 23, 2023
* master: (27 commits)
  feat: Add documentKeyboardEvent to OnVisibleChangeData when Tooltip is hidden via Escape (microsoft#28951)
  RFC: Component CSS Transitions/Animations on mount/unmount (microsoft#27328)
  8.0 Azure Theme: Details list row focus contrast a11y bug fix  (microsoft#28966)
  chore: update CODEOWNERS to some components to tag the current owner (microsoft#28949)
  fix(react-popover): Only apply modal attributes if the PopoverSurface traps focus (microsoft#28613)
  feat(react-table, react-components): export DataGridContextProvider (microsoft#28955)
  chore: decrease bundle size & adds fixtures (microsoft#28962)
  feat(react-utilities): create useAnimationFrame hook (microsoft#28948)
  fix(react-utilities): `useOnClickOutside` should consider text selection from inside to outside as inside click (microsoft#28765)
  docs(react-accordion): Added subcomponents to index story (microsoft#28956)
  applying package updates
  bugfix: ensure interop between assertSlots and old API (microsoft#28957)
  chore: rename imports from react-tree to react-components (microsoft#28946)
  applying package updates
  fix: Autofill queries the inputElement ownerDocument instead of document (microsoft#27312)
  Accordion : updated styles for accordion header cursor (microsoft#28850)
  Additional VR tests Charting Library (microsoft#28777)
  feat(react-motion): create react-motion-preview package scaffolding (microsoft#28947)
  chore: updates generator to use new slot API (microsoft#28916)
  chore: bumps version of esbuild-loader to v3.2.0 (microsoft#28878)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants