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

chore: updates .devcontainer to follow new format #28990

Conversation

bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Aug 25, 2023

Previous Behavior

New Behavior

Updates .devcontainer to follow new schema https://containers.dev/supporting#visual-studio-code

Related Issue(s)

  • Fixes #

@github-actions github-actions bot added this to the August Project Cycle Q4 2023 milestone Aug 25, 2023
@bsunderhus bsunderhus self-assigned this Aug 25, 2023
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 66 61 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 75 75 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 578 619 5000
Button mount 313 310 5000
Field mount 1094 1129 5000
FluentProvider mount 697 689 5000
FluentProviderWithTheme mount 83 75 10
FluentProviderWithTheme virtual-rerender 66 61 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 75 75 10 Possible regression
InfoButton mount 12 18 5000
MakeStyles mount 854 850 50000
Persona mount 1754 1681 5000
SpinButton mount 1363 1346 5000

@codesandbox-ci
Copy link

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 3c386e6:

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

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FormMinimalPerf.default 225 206 1.09:1
LoaderMinimalPerf.default 193 177 1.09:1
RefMinimalPerf.default 109 100 1.09:1
AccordionMinimalPerf.default 83 77 1.08:1
AlertMinimalPerf.default 158 148 1.07:1
AttachmentMinimalPerf.default 88 82 1.07:1
AvatarMinimalPerf.default 114 107 1.07:1
ChatDuplicateMessagesPerf.default 157 147 1.07:1
ListNestedPerf.default 329 308 1.07:1
DividerMinimalPerf.default 203 191 1.06:1
ListWith60ListItems.default 383 360 1.06:1
TextMinimalPerf.default 201 189 1.06:1
ChatMinimalPerf.default 430 409 1.05:1
GridMinimalPerf.default 198 188 1.05:1
InputMinimalPerf.default 551 524 1.05:1
PortalMinimalPerf.default 81 77 1.05:1
ListMinimalPerf.default 302 290 1.04:1
SegmentMinimalPerf.default 204 196 1.04:1
SkeletonMinimalPerf.default 197 190 1.04:1
ChatWithPopoverPerf.default 190 184 1.03:1
DialogMinimalPerf.default 449 434 1.03:1
EmbedMinimalPerf.default 1884 1829 1.03:1
HeaderSlotsPerf.default 465 452 1.03:1
ItemLayoutMinimalPerf.default 736 718 1.03:1
CustomToolbarPrototype.default 1496 1456 1.03:1
BoxMinimalPerf.default 197 194 1.02:1
CardMinimalPerf.default 308 303 1.02:1
DatepickerMinimalPerf.default 3640 3578 1.02:1
HeaderMinimalPerf.default 207 202 1.02:1
SplitButtonMinimalPerf.default 2299 2259 1.02:1
CarouselMinimalPerf.default 263 260 1.01:1
CheckboxMinimalPerf.default 1135 1126 1.01:1
LabelMinimalPerf.default 216 214 1.01:1
RosterPerf.default 1502 1482 1.01:1
ProviderMinimalPerf.default 198 197 1.01:1
DropdownManyItemsPerf.default 389 389 1:1
DropdownMinimalPerf.default 1412 1406 1:1
MenuMinimalPerf.default 500 502 1:1
PopupMinimalPerf.default 348 349 1:1
ProviderMergeThemesPerf.default 664 661 1:1
RadioGroupMinimalPerf.default 267 266 1:1
TableMinimalPerf.default 237 236 1:1
TextAreaMinimalPerf.default 285 285 1:1
TooltipMinimalPerf.default 1270 1268 1:1
AnimationMinimalPerf.default 291 294 0.99:1
MenuButtonMinimalPerf.default 947 953 0.99:1
StatusMinimalPerf.default 397 400 0.99:1
IconMinimalPerf.default 382 384 0.99:1
TableManyItemsPerf.default 1117 1123 0.99:1
TreeMinimalPerf.default 469 475 0.99:1
TreeWith60ListItems.default 88 89 0.99:1
VideoMinimalPerf.default 448 453 0.99:1
AttachmentSlotsPerf.default 629 645 0.98:1
ButtonOverridesMissPerf.default 630 646 0.98:1
ImageMinimalPerf.default 227 232 0.98:1
ListCommonPerf.default 364 371 0.98:1
SliderMinimalPerf.default 740 754 0.98:1
ButtonSlotsPerf.default 315 326 0.97:1
LayoutMinimalPerf.default 195 202 0.97:1
ToolbarMinimalPerf.default 525 546 0.96:1
FlexMinimalPerf.default 144 151 0.95:1
ReactionMinimalPerf.default 204 216 0.94:1
ButtonMinimalPerf.default 82 88 0.93:1

@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

@fabricteam
Copy link
Collaborator

📊 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.688 kB
26.917 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.101 kB
28.273 kB
react-combobox
Dropdown (including child components)
85.555 kB
27.926 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.786 kB
57.921 kB
react-components
react-components: FluentProvider & webLightTheme
37.787 kB
12.387 kB
react-datepicker-compat
DatePicker Compat
207.372 kB
57.465 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.55 kB
39.359 kB
react-infobutton
InfoLabel
129.221 kB
40.532 kB
react-input
Input
23.237 kB
7.688 kB
react-jsx-runtime
Classic Pragma
1.049 kB
531 B
react-jsx-runtime
JSX Dev Runtime
2.752 kB
1.277 kB
react-jsx-runtime
JSX Runtime
3.27 kB
1.519 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.737 kB
41.647 kB
react-menu
Menu (including selectable components)
138.423 kB
42.149 kB
react-overflow
hooks only
12.419 kB
4.687 kB
react-persona
Persona
53.905 kB
16.371 kB
react-popover
Popover
114.822 kB
36 kB
react-portal
Portal
12.255 kB
4.504 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-positioning
usePositioning
25.137 kB
9.109 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.773 kB
10.216 kB
react-spinner
Spinner
19.668 kB
7.024 kB
react-switch
Switch
29.092 kB
9.217 kB
react-table
DataGrid
152.991 kB
42.325 kB
react-table
Table (Primitives only)
39.638 kB
12.129 kB
react-table
Table as DataGrid
126.247 kB
33.617 kB
react-table
Table (Selection only)
71.617 kB
18.915 kB
react-table
Table (Sort only)
70.236 kB
18.516 kB
react-tags-preview
InteractionTag
11.031 kB
4.528 kB
react-tags-preview
Tag
28.65 kB
9.018 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
48.1 kB
16.875 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against a37c90201e40ee2b5cfa4372355788c244060e56

@size-auditor
Copy link

size-auditor bot commented Aug 25, 2023

Asset size changes

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

Baseline commit: a37c90201e40ee2b5cfa4372355788c244060e56 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 615 653 5000
Breadcrumb mount 1640 1643 1000
Checkbox mount 1692 1707 5000
CheckboxBase mount 1492 1533 5000
ChoiceGroup mount 2999 2926 5000
ComboBox mount 656 665 1000
CommandBar mount 6195 6154 1000
ContextualMenu mount 12595 12413 1000
DefaultButton mount 745 751 5000
DetailsRow mount 2168 2205 5000
DetailsRowFast mount 2148 2188 5000
DetailsRowNoStyles mount 1989 2004 5000
Dialog mount 2755 2638 1000
DocumentCardTitle mount 225 235 1000
Dropdown mount 2012 1973 5000
FocusTrapZone mount 1130 1105 5000
FocusZone mount 1066 1077 5000
GroupedList mount 41360 41291 2
GroupedList virtual-rerender 19611 19726 2
GroupedList virtual-rerender-with-unmount 50578 50435 2
GroupedListV2 mount 218 223 2
GroupedListV2 virtual-rerender 204 216 2
GroupedListV2 virtual-rerender-with-unmount 231 227 2
IconButton mount 1105 1080 5000
Label mount 331 340 5000
Layer mount 2723 2717 5000
Link mount 398 383 5000
MenuButton mount 927 921 5000
MessageBar mount 21797 21582 5000
Nav mount 1914 1919 1000
OverflowSet mount 786 776 5000
Panel mount 1788 1774 1000
Persona mount 727 734 1000
Pivot mount 846 842 1000
PrimaryButton mount 829 858 5000
Rating mount 4563 4578 5000
SearchBox mount 935 903 5000
Shimmer mount 1782 1846 5000
Slider mount 1338 1328 5000
SpinButton mount 2847 2890 5000
Spinner mount 384 388 5000
SplitButton mount 1779 1839 5000
Stack mount 402 409 5000
StackWithIntrinsicChildren mount 841 861 5000
StackWithTextChildren mount 2578 2617 5000
SwatchColorPicker mount 6056 6170 5000
TagPicker mount 1472 1432 5000
Text mount 366 384 5000
TextField mount 935 911 5000
ThemeProvider mount 832 823 5000
ThemeProvider virtual-rerender 595 576 5000
ThemeProvider virtual-rerender-with-unmount 1287 1264 5000
Toggle mount 596 621 5000
buttonNative mount 190 179 5000

@bsunderhus bsunderhus marked this pull request as ready for review August 27, 2023 12:52
@bsunderhus bsunderhus requested a review from a team as a code owner August 27, 2023 12:52
@bsunderhus bsunderhus merged commit f194f87 into microsoft:master Aug 28, 2023
23 checks passed
@bsunderhus bsunderhus deleted the devcontainer/chore--updates-devcontainer-to-new-format branch August 28, 2023 09:07
bsunderhus added a commit to bsunderhus/fluentui that referenced this pull request Aug 28, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 28, 2023
* master: (23 commits)
  feat: add closeOnIframeFocus prop to Popover (microsoft#28881)
  chore: updates .devcontainer to follow new format (microsoft#28990)
  Line Chart and Area Chart - Component tests (microsoft#28235)
  applying package updates
  28576 small button is using 3px border radius (microsoft#28589)
  In PeoplePicker, we can now use arrow keys to move cursor around microsoft#28655 (microsoft#28975)
  chore: Migrate bot config to yml (microsoft#28981)
  fix(react-card): CardHeader grid layout ignoring line-height of content (microsoft#28968)
  fix(react-tags-preview): tag with secondary text has no top border under windows high contrast (microsoft#28963)
  applying package updates
  feat(Stack): Add deprecated flag to render null when receiving a falsy value (microsoft#28978)
  feat(react-infobutton): Add inline prop to InfoButton and make it inline by default (microsoft#28605)
  fix(Dialog): Add displayName for dialog footer and content (microsoft#28939)
  Revert "Keytips: Align keytipData with visible instance for dupes" (microsoft#28977)
  Vertical stacked bar chart - Component tests (microsoft#28594)
  docs: update drawer spec to be inline with changes to component (microsoft#28934)
  Table/DataGrid: fix visuals for overflow (microsoft#28940)
  Focus indicator bug in bar charts (microsoft#28414)
  Pie chart focus spacing (microsoft#28504)
  applying package updates
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 28, 2023
* master: (24 commits)
  feat(react-motion): add useMotion hook (microsoft#28699)
  feat: add closeOnIframeFocus prop to Popover (microsoft#28881)
  chore: updates .devcontainer to follow new format (microsoft#28990)
  Line Chart and Area Chart - Component tests (microsoft#28235)
  applying package updates
  28576 small button is using 3px border radius (microsoft#28589)
  In PeoplePicker, we can now use arrow keys to move cursor around microsoft#28655 (microsoft#28975)
  chore: Migrate bot config to yml (microsoft#28981)
  fix(react-card): CardHeader grid layout ignoring line-height of content (microsoft#28968)
  fix(react-tags-preview): tag with secondary text has no top border under windows high contrast (microsoft#28963)
  applying package updates
  feat(Stack): Add deprecated flag to render null when receiving a falsy value (microsoft#28978)
  feat(react-infobutton): Add inline prop to InfoButton and make it inline by default (microsoft#28605)
  fix(Dialog): Add displayName for dialog footer and content (microsoft#28939)
  Revert "Keytips: Align keytipData with visible instance for dupes" (microsoft#28977)
  Vertical stacked bar chart - Component tests (microsoft#28594)
  docs: update drawer spec to be inline with changes to component (microsoft#28934)
  Table/DataGrid: fix visuals for overflow (microsoft#28940)
  Focus indicator bug in bar charts (microsoft#28414)
  Pie chart focus spacing (microsoft#28504)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 28, 2023
* master: (24 commits)
  feat(react-motion): add useMotion hook (microsoft#28699)
  feat: add closeOnIframeFocus prop to Popover (microsoft#28881)
  chore: updates .devcontainer to follow new format (microsoft#28990)
  Line Chart and Area Chart - Component tests (microsoft#28235)
  applying package updates
  28576 small button is using 3px border radius (microsoft#28589)
  In PeoplePicker, we can now use arrow keys to move cursor around microsoft#28655 (microsoft#28975)
  chore: Migrate bot config to yml (microsoft#28981)
  fix(react-card): CardHeader grid layout ignoring line-height of content (microsoft#28968)
  fix(react-tags-preview): tag with secondary text has no top border under windows high contrast (microsoft#28963)
  applying package updates
  feat(Stack): Add deprecated flag to render null when receiving a falsy value (microsoft#28978)
  feat(react-infobutton): Add inline prop to InfoButton and make it inline by default (microsoft#28605)
  fix(Dialog): Add displayName for dialog footer and content (microsoft#28939)
  Revert "Keytips: Align keytipData with visible instance for dupes" (microsoft#28977)
  Vertical stacked bar chart - Component tests (microsoft#28594)
  docs: update drawer spec to be inline with changes to component (microsoft#28934)
  Table/DataGrid: fix visuals for overflow (microsoft#28940)
  Focus indicator bug in bar charts (microsoft#28414)
  Pie chart focus spacing (microsoft#28504)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 28, 2023
* master: (26 commits)
  chore: Make triage bot add needs triage label to new issues (microsoft#28994)
  fix(react-tags-preview): use regular icon for dismiss (microsoft#28958)
  feat(react-motion): add useMotion hook (microsoft#28699)
  feat: add closeOnIframeFocus prop to Popover (microsoft#28881)
  chore: updates .devcontainer to follow new format (microsoft#28990)
  Line Chart and Area Chart - Component tests (microsoft#28235)
  applying package updates
  28576 small button is using 3px border radius (microsoft#28589)
  In PeoplePicker, we can now use arrow keys to move cursor around microsoft#28655 (microsoft#28975)
  chore: Migrate bot config to yml (microsoft#28981)
  fix(react-card): CardHeader grid layout ignoring line-height of content (microsoft#28968)
  fix(react-tags-preview): tag with secondary text has no top border under windows high contrast (microsoft#28963)
  applying package updates
  feat(Stack): Add deprecated flag to render null when receiving a falsy value (microsoft#28978)
  feat(react-infobutton): Add inline prop to InfoButton and make it inline by default (microsoft#28605)
  fix(Dialog): Add displayName for dialog footer and content (microsoft#28939)
  Revert "Keytips: Align keytipData with visible instance for dupes" (microsoft#28977)
  Vertical stacked bar chart - Component tests (microsoft#28594)
  docs: update drawer spec to be inline with changes to component (microsoft#28934)
  Table/DataGrid: fix visuals for overflow (microsoft#28940)
  ...
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.

3 participants