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(scripts): make lint errors reporting propagate to STDOUT during pre-commit (lint-staged exec) #26212

Merged

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented Jan 6, 2023

Previous Behavior

  • if linting fails on pre-commit any eslint error stdout is consumed by subprocess and nothing is printed to user besides FAILURE
  • if you touched/created cypress.config.ts within your package/pr pre-commit linting will fail on import/no-extraneous-dependencies rule violation.

New Behavior

  • linting failures during pre-commit are propagated to STDOUT thus reported by eslint
  • if you touched/created cypress.config.ts within your package/pr pre-commit linting will pass (cypress.config.ts is now part of devdependecy globs for import rule configuration)

Related Issue(s)

@github-actions github-actions bot added this to the January Project Cycle Q1 2023 milestone Jan 6, 2023
@Hotell Hotell changed the title Hotell/build/scripts/fix lint staged fix(scripts): fix lint staged Jan 6, 2023
@Hotell Hotell changed the title fix(scripts): fix lint staged fix(scripts): make lint errors reporting propagate to STDOUT during pre-commit (lint-staged exec) Jan 6, 2023
@fabricteam
Copy link
Collaborator

fabricteam commented Jan 6, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
554 B
348 B
priority-overflow
createOverflowManager
3.153 kB
1.299 kB
react-accordion
Accordion (including children components)
80.097 kB
24.712 kB
react-alert
Alert
84.612 kB
21.445 kB
react-avatar
Avatar
51.515 kB
14.449 kB
react-avatar
AvatarGroup
15.42 kB
6.167 kB
react-avatar
AvatarGroupItem
67.733 kB
18.746 kB
react-badge
Badge
23.78 kB
7.542 kB
react-badge
CounterBadge
24.67 kB
7.825 kB
react-badge
PresenceBadge
24.437 kB
7.189 kB
react-button
Button
33.354 kB
8.779 kB
react-button
CompoundButton
40.384 kB
10.127 kB
react-button
MenuButton
38.043 kB
10.096 kB
react-button
SplitButton
45.488 kB
11.501 kB
react-button
ToggleButton
49.184 kB
10.875 kB
react-card
Card - All
77.975 kB
22.496 kB
react-card
Card
72.92 kB
21.108 kB
react-card
CardFooter
9.04 kB
3.807 kB
react-card
CardHeader
10.805 kB
4.443 kB
react-card
CardPreview
9.847 kB
4.159 kB
react-checkbox
Checkbox
29.081 kB
9.258 kB
react-checkbox
CheckboxField
35.51 kB
11.026 kB
react-combobox
Combobox (including child components)
79.945 kB
25.57 kB
react-combobox
ComboboxField
77.141 kB
25.532 kB
react-combobox
Dropdown (including child components)
79.179 kB
25.499 kB
react-components
react-components: Button, FluentProvider & webLightTheme
59.888 kB
16.652 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
188.928 kB
53.088 kB
react-components
react-components: FluentProvider & webLightTheme
34.379 kB
11.322 kB
react-dialog
Dialog (including children components)
83.459 kB
24.913 kB
react-divider
Divider
16.938 kB
6.103 kB
react-image
Image
11.259 kB
4.473 kB
react-infobutton
InfoButton
119.696 kB
35.914 kB
react-input
Input
24.617 kB
8.059 kB
react-input
InputField
33.839 kB
10.73 kB
react-label
Label
9.817 kB
4.067 kB
react-link
Link
12.285 kB
5.063 kB
react-menu
Menu (including children components)
119.484 kB
36.932 kB
react-menu
Menu (including selectable components)
122.553 kB
37.452 kB
react-overflow
hooks only
11.004 kB
4.188 kB
react-persona
Persona
57.552 kB
16.102 kB
react-popover
Popover
105.432 kB
32.464 kB
react-portal
Portal
11.12 kB
4.096 kB
react-portal-compat
PortalCompatProvider
6.069 kB
2.053 kB
react-positioning
usePositioning
20.856 kB
7.766 kB
react-progress
ProgressBar
13.578 kB
5.235 kB
react-progress
ProgressField
22.892 kB
8.057 kB
react-provider
FluentProvider
16.446 kB
6.127 kB
react-radio
Radio
32.247 kB
10.468 kB
react-radio
RadioGroup
14.718 kB
5.886 kB
react-radio
RadioGroupField
24.024 kB
8.796 kB
react-select
Select
23.902 kB
8.187 kB
react-select
SelectField
32.162 kB
10.406 kB
react-slider
Slider
32.52 kB
10.357 kB
react-slider
SliderField
41.544 kB
13.046 kB
react-spinbutton
SpinButton
44.933 kB
12.97 kB
react-spinbutton
SpinButtonField
53.229 kB
15.232 kB
react-spinner
Spinner
20.445 kB
6.621 kB
react-switch
Switch
33.865 kB
10.735 kB
react-switch
SwitchField
40.176 kB
12.514 kB
react-text
Text - Default
12.261 kB
4.819 kB
react-text
Text - Wrappers
15.571 kB
5.23 kB
react-textarea
Textarea
26.156 kB
8.508 kB
react-textarea
TextareaField
35.38 kB
11.157 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
30.908 kB
6.714 kB
react-theme
Teams: Light theme
17.776 kB
5.141 kB
react-tooltip
Tooltip
43.387 kB
15.18 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 3f806f907d1e5389101750b21a751bdb8c45a736

@size-auditor
Copy link

size-auditor bot commented Jan 6, 2023

Asset size changes

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

Baseline commit: 3f806f907d1e5389101750b21a751bdb8c45a736 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 6, 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 8a4e6cf:

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

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1708 1728 5000
Button mount 1173 1144 5000
FluentProvider mount 2031 2003 5000
FluentProviderWithTheme mount 733 733 10
FluentProviderWithTheme virtual-rerender 694 690 10
FluentProviderWithTheme virtual-rerender-with-unmount 732 734 10
MakeStyles mount 2380 2350 50000
Persona mount 4016 4084 5000
SpinButton mount 3305 3358 5000

@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 Open the Visual Regressions report to inspect the 4 screenshots

✅ There was 4 screenshots added, 0 screenshots removed, 1041 screenshots unchanged, 0 screenshots with different dimensions and 0 screenshots with visible difference.

unknown 4 screenshots
Image Name Diff(in Pixels) Image Type
Pivot - Overflow.Root.Narrow - Last tab selected.chromium.png 0 Added
Pivot - Overflow.Root.Narrow - Overflow menu.chromium.png 0 Added
Pivot - Overflow.Tabs - RTL.Narrow - Last tab selected.chromium.png 0 Added
Pivot - Overflow.Tabs - RTL.Narrow - Overflow menu.chromium.png 0 Added

@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 1210 1170 5000
Breadcrumb mount 2798 2856 1000
Checkbox mount 2624 2672 5000
CheckboxBase mount 2364 2368 5000
ChoiceGroup mount 4285 4299 5000
ComboBox mount 1167 1144 1000
CommandBar mount 9261 9252 1000
ContextualMenu mount 10195 10097 1000
DefaultButton mount 1375 1338 5000
DetailsRow mount 3408 3361 5000
DetailsRowFast mount 3380 3378 5000
DetailsRowNoStyles mount 3213 3253 5000
Dialog mount 2924 2937 1000
DocumentCardTitle mount 568 587 1000
Dropdown mount 3122 3150 5000
FocusTrapZone mount 1961 1927 5000
FocusZone mount 1962 1984 5000
GroupedList mount 1822 2053 2
GroupedList virtual-rerender 1088 1108 2
GroupedList virtual-rerender-with-unmount 1584 1596 2
GroupedListV2 mount 565 571 2
GroupedListV2 virtual-rerender 544 549 2
GroupedListV2 virtual-rerender-with-unmount 558 567 2
IconButton mount 1801 1797 5000
Label mount 744 750 5000
Layer mount 4180 4178 5000
Link mount 863 843 5000
MenuButton mount 1609 1636 5000
MessageBar mount 2336 2344 5000
Nav mount 3086 3075 1000
OverflowSet mount 1396 1421 5000
Panel mount 2490 2484 1000
Persona mount 1297 1284 1000
Pivot mount 1506 1528 1000
PrimaryButton mount 1493 1496 5000
Rating mount 6994 6940 5000
SearchBox mount 1505 1498 5000
Shimmer mount 2894 2927 5000
Slider mount 2107 2097 5000
SpinButton mount 4258 4271 5000
Spinner mount 834 835 5000
SplitButton mount 2839 2842 5000
Stack mount 863 863 5000
StackWithIntrinsicChildren mount 2209 2260 5000
StackWithTextChildren mount 4912 4913 5000
SwatchColorPicker mount 9406 9398 5000
TagPicker mount 2331 2307 5000
TeachingBubble mount 74626 76518 5000
Text mount 814 822 5000
TextField mount 1581 1549 5000
ThemeProvider mount 1426 1442 5000
ThemeProvider virtual-rerender 1132 1150 5000
ThemeProvider virtual-rerender-with-unmount 1989 1993 5000
Toggle mount 1134 1139 5000
buttonNative mount 525 526 5000

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

⚠️ No perf measurements available

@fabricteam
Copy link
Collaborator

🕵 FluentUI-v0 Open the Visual Regressions report to inspect the 2 screenshots

✅ There was 0 screenshots added, 0 screenshots removed, 1258 screenshots unchanged, 0 screenshots with different dimensions and 2 screenshots with visible difference.

unknown 2 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.Checkbox Example Checked Mixed.chromium.png 72 Changed
Checkbox.Checkbox Example.chromium.png 51 Changed

@Hotell Hotell marked this pull request as ready for review January 6, 2023 13:51
@Hotell Hotell requested a review from a team as a code owner January 6, 2023 13:51
@Hotell Hotell merged commit 96c5a1c into microsoft:master Jan 9, 2023
@Hotell Hotell deleted the hotell/build/scripts/fix-lint-staged branch January 9, 2023 10:38
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jan 10, 2023
* master: (29 commits)
  applying package updates
  fix: web component menu layering bug (microsoft#26260)
  Azure Theme: reduced spin button height to match TextField / DropDowns at 24px height (microsoft#26265)
  Update styling for contentBefore and contentAfter input slots (microsoft#26115)
  chore: Update Switch to use griffel reset styles (microsoft#26007)
  Fix: Allow root slot refs to merge with focus refs in Slider (microsoft#26243)
  applying package updates
  revert: MenuItem root slot only supports div (microsoft#26261)
  perf: Don't render Checkbox icon when unchecked (microsoft#26248)
  fix: Select disabled state hover style, Combobox disabled state open on chevron click (microsoft#26068)
  applying package updates
  chore: add more temporary codeowner rools for tooling config files (microsoft#26255)
  fix: stops using ARIAButton types for MenuItem root (microsoft#26257)
  refactor: Cleanup unused code (microsoft#26219)
  fix: MenuList props should win over context props (microsoft#26252)
  feat(react-tree):  Actions positioning and behaviour (microsoft#26113)
  BREAKING(TableCellLayout): `wrapper` slot renamed to `content` (microsoft#26220)
  fix(scripts): make lint errors reporting propagate to STDOUT during pre-commit (lint-staged exec) (microsoft#26212)
  fix: Minimum visible overflow items should be respected (microsoft#26194)
  docs: Fix typos in react-table docs (microsoft#26213)
  ...
q1b pushed a commit to q1b/fluentui that referenced this pull request Jan 24, 2023
…re-commit (lint-staged exec) (microsoft#26212)

* fix(eslint-plugin): add cypress.config to config files glob to fix linting

* fix(scripts): make lint errors reporting propagate to STDOUT

* generate change-file
Hotell added a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
…re-commit (lint-staged exec) (microsoft#26212)

* fix(eslint-plugin): add cypress.config to config files glob to fix linting

* fix(scripts): make lint errors reporting propagate to STDOUT

* generate change-file
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.

5 participants