☂️ Prettier Formatting compatibility

[MichaReiser]

Description

Rome formatter's goal is to match Prettier's formatting as closely as possible where reasonable, and we have no good reasons to deviate.

This umbrella task tracks the syntaxes that Rome formats differently than prettier.

Statements

• Put closing curly on new line for empty blocks. #2406
• Switch-case block body placement #2407
• Variable declarator formatting #2423
• 🐛 loop/if with empty statement body #2448
• Preserve new-lines after directives #2437

Module Items

• Empty import/export assertions #2440
• Named imports formatting #2441

Expressions

• Only add quotes around object properties where needed #2405
• Object literal & type line break after { #2408
• Formatting long conditional expressions & types #2411
• Long sequence expressions #2413
• Break first binary expression group exceeding line width #2414
• Call expression arguments formatting #2421
• Parenthesized binary expression #2427
• Static member expressions #2430
• Computed member expressions #2431
• Break long object literal members over two lines #2425
• Parenthesize expressions #2449
• Fix regression on call arguments with will_break #2720
• Reformat issue on call arguments #2815

Assignment

• Assignment of array/object literals #2410
• Nested assignments #2416
• Function and class expression assignment #2417
• Object pattern formatting #2424

Functions

• Destructuring arguments #2439

TypeScript

• Semicolon vs colons in TypeScript types #2404
• No trailing commas for tuple types #2418 (on hold)
• ConstructorSignatureMembers: Add a space between the new keyword and parameters #2419
• Format interface members on separate lines #2420

Literals

• Normalize Big-Int literals #2426
• Normalize numeric literals #2442
• Preferred string quotes #2443
• Wrap string literal statements in parentheses #2436
• Remove unnecessary escapes from string literals #2444
• Sort regular expression flags #2445
• Template literal formatting #2446

Infrastructure

• Rome prints over configured line width #2415
• Range formatting #2450
• Conditional groups / Alternatives #2529
• Groups that always break #2532
• Merge grouping in one single primitive #2533
• Make the formatter language aware #2546
• Document infrastructure and behavior of the printer #2550
• 📎 Comments Formatting #2664
• Bug Inline comment spacing  #2814

Report of all tests that Rome formats differently than Prettier (created on the 12th of April 22).

[MichaReiser]

I haven't gone through the TypeScript reports yet. Something we should do in the near future

[hustcer]

Any update on this issue after the latest 0.7.0 release?

[ematipico]

Any update on this issue after the latest 0.7.0 release?

The current update is exactly what you see in the description of the issue. Many tasks have been closed and the compatibility is getting closer. The main things to close the gap are parenthesis and member chain.

[harrytran998]

Happy when I see only 10 checkboxes 😂. Your team has worked really hard! 🙏

[MichaReiser]

Closing in favour of #3046 and #3047