Skip to content

USWDS - Dependencies: Update prettier 3.4.2#6257

Merged
thisisdano merged 3 commits into
developfrom
cm-update-prettier-3.4.2
Dec 17, 2024
Merged

USWDS - Dependencies: Update prettier 3.4.2#6257
thisisdano merged 3 commits into
developfrom
cm-update-prettier-3.4.2

Conversation

@mahoneycm

Copy link
Copy Markdown
Contributor

Summary

Update Prettier to 3.4.2 and format Scss.

Breaking change

This is not a breaking change.

Related issue

Closes #6256

Related pull requests

#6255

Preview link

Preview link →

Problem statement

Prettier has released new minor versions: 3.4.x.

After updating, Prettier has introduced changes to how it formats scss and when it breaks content onto new lines.

Solution

Update Prettier and run formatted code.

Testing and review

  1. Inspect code changes
  2. Confirm all changes are related to spacing and not changing any styles
  3. Compare output CSS from develop and this branch using a tool like diffchecker
  4. Confirm CSS remains unchanged.

Dependency updates

Dependency name Previous version New version
Prettier 3.3.3 3.4.2

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM. Can we pull in the latest from develop and run again?

@amyleadem amyleadem left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM!

  • Confirm 3.4.2 is the latest version of prettier
  • Confirm no visual regressions on affected components
  • Confirm code changes are only related to spacing/formatting
  • Confirm I can run npm install, npm start, npm run test without error
  • Confirm no new changes when running npm run prettier

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM!

Comment on lines +258 to +259
#{radius($theme-card-border-radius)} -
#{units($theme-card-border-width)}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I like this change, more readable!

@thisisdano thisisdano left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Good legibility improvements throughout

Comment on lines +207 to +208
) /
-2

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This change feels less intuitive, but 🤷‍♀️

@thisisdano thisisdano merged commit da92186 into develop Dec 17, 2024
@thisisdano thisisdano deleted the cm-update-prettier-3.4.2 branch December 17, 2024 21:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

USWDS - Dependencies: Update Prettier

4 participants