Prettier Blog

Prettier 3.2: Support JSONC and Angular’s ICU expression

2024-01-12T06:00:00.000Z

This release includes new features such as adding a JSONC parser, adding Angular’s ICU expressions, and many bug fixes.

We are still seeking feedback for the --experimental-ternaries option released in Prettier 3.1. Please read A curious case of the ternaries and respond via the Google Forms link provided.

Additionally, we recommend reading Prettier's CLI: A Performance Deep Dive by Fabio Spampinato. This faster CLI is slated to be released as version 4.0.

Prettier's CLI: A Performance Deep Dive

2023-11-30T06:00:00.000Z

Hey, I'm Fabio and I've been contracted by the Prettier team to speed up Prettier's command line interface (CLI). In this post we'll take a look at the optimizations I've discovered, the process that lead to finding them, some exciting numbers comparing the current CLI with the new one, and some guesses about what could be optimized next.

$20k Bounty was Claimed!

2023-11-27T06:00:00.000Z

Prettier, a JavaScript code formatter, has seen an incredible adoption thanks to its careful handling of the very, very, long tail of ways people can write code. At this point, the formatting logic has been solid and after our work on ternaries lands, it will be in a happy state.

This means that we can now focus on the next important aspect: Performance. Prettier has never been fast per se, but fast enough for most use cases. This has always felt unsatisfying so we wanted to do something about it. What better way than a friendly competition.

On November 9th, we put up a $10k bounty for any project written in Rust that would pass 95% of Prettier test suite. Guillermo Rauch, CEO of Vercel, matched it to bring it to $20k and napi.rs added another $2.5k. The folks at Algora even made an amazing landing page for it.

A curious case of the ternaries

2023-11-13T06:00:00.000Z

Ternary formatting has always been a challenge, and we're finally addressing it in v3.1.0 with the introduction of a novel formatting style.

Read on for our journey and the motivation behind this change, along with early developer feedback and an overview of the "curious ternaries" style.

Please give the --experimental-ternaries option a try and let us know what you think!

For a quick tl;dr, see the release post.

Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax!

2023-11-13T06:00:00.000Z

This release adds indentation back to nested ternaries along with a new --experimental-ternaries flag to try a more novel "curious ternary" format that scales better to deeply nested conditionals. We are keen for your feedback on the experimental format before it rolls out as the default behavior later this year!

We have also added support for the control flow syntax in Angular v17. For details on the syntax, please read the official Angular release post.

Prettier 3.0: Hello, ECMAScript Modules!

2023-07-05T06:00:00.000Z

We are excited to announce the release of the new version of Prettier!

We have made the migration to using ECMAScript Modules for all our source code. This change has significantly improved the development experience for the Prettier team. Please rest assured that when using Prettier as a library, you can still use it as CommonJS as well.

This update comes with several breaking changes. One notable example is the alteration in markdown formatting - spaces are no longer inserted between Latin characters and Chinese or Japanese characters. We'd like to extend our gratitude to Tatsunori Uchino, who has made significant contributions to Prettier over the past year, particularly with this feature. Additionally, the default value of trailingComma has been changed to "all".

Another important change in this release is the significant overhaul of the plugin interface. Prettier now supports plugins written using ECMAScript Modules and async parsers. If you're a plugin developer, please exercise caution while updating. You can find the migration guide here. As always, we welcome bug reports and feedback!

This release also includes numerous formatting improvements and bug fixes.

If you appreciate Prettier and would like to support our work, please consider sponsoring us directly via our OpenCollective or by sponsoring the projects we depend on, such as typescript-eslint, remark, and Babel. Thank you for your continued support!

Prettier 2.8: improve --cache CLI option and TypeScript 4.9 satisfies operator!

2022-11-23T06:00:00.000Z

This release includes improvements to the --cache option added in 2.7. A new --cache-location option has been added, and a bug that saved the cache even when --write wasn't specified has been fixed.

We're also adding support for TypeScript 4.9 satisfies operator!

If you enjoy Prettier and would like to support our work, consider sponsoring us directly via our OpenCollective or by sponsoring the projects we depend on, including typescript-eslint, remark, and Babel.

The Prettier team plans to release 3.0 within the next few months. If you are a plugin developer, get ready for the migration. Visit the migration guide and issue #13606 for more information.

Prettier 2.7: new --cache CLI option and TypeScript 4.7 syntax!

2022-06-14T06:00:00.000Z

This release includes a new --cache CLI option. Enabling this option will use some attributes as cache keys and format files only if they have changed. This could dramatically improve CLI performance.

We've also added support formatting for TypeScript 4.7 syntax!

Prettier 2.6: new singleAttributePerLine option and new JavaScript features!

2022-03-16T06:00:00.000Z

This release includes a new singleAttributePerLine option. This is an option to print only one attribute per line in Vue SFC templates, HTML, and JSX. Per our Option Philosophy, we would prefer not to add such an option. However, there are many users who want this feature, and major style guides like Airbnb’s JavaScript Style Guide and Vue’s style guide recommend the single attribute per line style. A PR to add this feature was opened in October 2019, and both it and the corresponding issue have received a significant amount of support from users. For us it was a hard decision to add this option. We hope the addition of this option will benefit many users without significantly harming our principles.

We've also added support formatting for some new JavaScript syntax proposals via Babel.

Prettier begins paying maintainers

2022-01-06T06:00:00.000Z

Prettier, an opinionated code formatter for JavaScript and many web languages, has been accepting donations at OpenCollective since 2019 and thanks to many generous donations we now have $50,000 in the bank! As a result, we are now able to pay the two active maintainers $1,500/month each. This funding will ensure that they will be able to continue consistent maintenance of Prettier into the future.

Prettier 2.5: TypeScript 4.5 and MDX v2 comment syntax!

2021-11-25T06:00:00.000Z

This release adds support for TypeScript 4.5's new syntax and MDX v2 comment syntax!

Prettier 2.4: new bracketSameLine option and TypeScript 4.4 support!

2021-09-09T06:00:00.000Z

This release renames the jsxBracketSameLine option to bracketSameLine, which supports HTML, Vue, and Angular in addition to JSX. The old name has been deprecated.

We’ve also added support for TypeScript 4.4, including new syntax features such as class static blocks.

Prettier 2.3. In which assignments are consistent, short keys non-breaking, and Handlebars official

2021-05-09T06:00:00.000Z

This release focuses on fixing long-standing issues in the JavaScript printer. Be warned that, unfortunately, reformatting a project with the new version might result in quite a big diff. If you don’t use ignoreRevsFile to hide such wholesale changes from git blame, it might be about time.

A remarkable milestone is the long-awaited release of the Ember / Handlebars formatter. It’s supposed to be the last formatter included directly in the core library. In the future, for sustainability, languages should be added only by plugins.

We are grateful to our financial contributors: Salesforce, Indeed, Frontend Masters, Airbnb, Shogun Labs, Skyscanner, Konstantin Pschera, and many others who help us keep going. If you enjoy Prettier and would like to support our work, head to our OpenCollective. Please consider also supporting the projects Prettier depends on, such as typescript-eslint, remark, and Babel.

Most of the changes in this release are thanks to the hard work of Fisker Cheung, Georgii Dolzhykov, and Sosuke Suzuki, along with many other contributors.

And just a reminder, when Prettier is installed or updated, it’s strongly recommended to specify the exact version in package.json: "2.3.0", not "^2.3.0".

Prettier for Ruby goes v1.0 🎉

2020-12-11T06:00:00.000Z

After 1500 commits and 50 releases since July 2018, we're happy to announce that we've just released v1.0 of Prettier for Ruby. In this blog post, we'd like to give a short overview of how the plugin works, its philosophy, and what to expect in the future.

Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles

2020-11-20T06:00:00.000Z

This release supports new JavaScript parsers espree and meriyah, supports TypeScript 4.1, ships ESM standalone bundles for modern browsers, and includes many bug fixes and improvements!

Prettier 2.1: new --embedded-language-formatting option and new JavaScript/TypeScript features!

2020-08-24T06:00:00.000Z

This release adds a new --embedded-language-formatting option, supports new JavaScript/TypeScript features, and includes many bug fixes and improvements!

Prettier 2.0 “2020”

2020-03-21T06:00:00.000Z

Better defaults, a better CLI and better heuristics. Oh, and TypeScript 3.8.

After a long and careful consideration, we decided to change the default values for the trailingComma, arrowParens, and endOfLine options. We made the CLI more intuitive. And we've finally dropped support for Node versions older than 10, which had grown to become a huge maintenance hassle and an obstacle for contributors. Read below in details.

Prettier 1.19: Long awaited Vue option, TypeScript 3.7 and new JavaScript features

2019-11-09T06:00:00.000Z

This release adds the long awaited --vue-indent-script-and-style option, support for TypeScript 3.7 and some cutting edge JavaScript syntax. Not to mention a whole bunch of bug fixes and improvements!

Prettier 1.18: Lots of fixes and OpenCollective

2019-06-06T06:00:00.000Z

This release doesn't include shiny new features, but has lots of fixes for JavaScript, specially JSX and template literals, TypeScript and Markdown.

It's also a good opportunity to remind that Prettier is now accepting donations! If you enjoy Prettier and would like to support our work, head to our OpenCollective.

Prettier 1.17: More quotes options and support for shared configs

2019-04-12T06:00:00.000Z

This release brings long-requested flexibility to quotes around object properties, allows Prettier configuration to be shared in the form of packages, adds a LWC parser, adds support for new GraphQL syntax and fixes lots of formatting bugs.

Prettier 1.16: HTML improvements and better CRLF handling

2019-01-20T06:00:00.000Z

This release improves HTML formatting and contains better CRLF handling, new syntax features, and fixes several bugs.

Prettier 1.15: HTML, Vue, Angular and MDX Support

2018-11-07T06:00:00.000Z

This release adds support for HTML, Vue, Angular and MDX. It also respects decorator position, adds an option for JSX single quotes, allows parser inference via shebang, adds support for several new syntax features, and has a few formatting tweaks.

Prettier 1.14: YAML Support

2018-07-29T06:00:00.000Z

This release adds YAML support, pragma (i.e. /** @prettier */) support for every language, and improves performance on large files. It also adds support for several new syntax features, and has a few formatting tweaks to make your code even prettier. ✨

Prettier 1.13: Conquering the web!

2018-05-27T06:00:00.000Z

This releases adds support for several new syntax features, formatting fixes and first-class support for working in the browser.

Prettier 1.12: Fixes, Features, and Formatting, Oh My!

2018-04-11T06:00:00.000Z

Hello everyone, and welcome to Prettier 1.12.0! This release contains a lot of bugfixes, formatting adjustments, new features for our plugin API, and new Markdown features.

Prettier for PHP 0.1: First alpha release 🎉

2018-04-09T06:00:00.000Z

After more than 200 merged pull requests since mid December 2017, we're happy to announce the first alpha release of Prettier for PHP. In this blog post, we'd like to give a short overview of how the plugin works, its philosophy, and what to expect in the future.

Prettier 1.11: CSS fixes and new TypeScript feature support

2018-02-26T06:00:00.000Z

This release features a ton of CSS formatting fixes as well as support for some new TypeScript features, in addition to some general bugfixes for other languages.

Since the last release, the Prettier website has gotten an all-new design thanks to @orta!

Facebook is 💯% Prettier

Another exciting announcement is that all the JavaScript files in the Facebook codebase have now been converted to Prettier! What's mind-blowing is that there hasn't been a concerted push to convert the codebase to Prettier, we just added the tooling in place and documentation on how to migrate a folder to Prettier and people just started converting their piece of the codebase.

In 8 months, 75% of the codebase was organically converted and last week we did a final push to convert the rest and enforce that every file from now on is using Prettier! It shows that Prettier is robust to support all the crazy edge cases you can imagine and also that it provides a lot of value given the crazy adoption rate.

Prettier 1.10: One Year of Prettier 🎂

2018-01-10T06:00:00.000Z

Happy Prettier-versary! It's pretty incredible that Prettier was only released a year ago and has already seen such a massive adoption and great number of contributors. For this special release, we're going to do a small retrospective around the project.

It's also an exciting release in itself because Prettier now has partial support for .vue files and the internals have been refactored such that there's a proper plugin API in order to support different languages!

Prettier 1.9: JSX Fragments, EditorConfig and Arrow Parens

2017-12-05T06:00:00.000Z

This release adds an option for arrow function parens in arguments, support for the new JSX fragment syntax (<>), support for .editorconfig files, and nice additions to our GraphQL and Markdown support.

Prettier 1.8: Markdown Support

2017-11-07T06:00:00.000Z

This release adds Markdown support, a new --insert-pragma flag, fixes a number of formatting issues, adds support for some new experimental operators, and improves our editor integration support.

Prettier 1.7: JSX tweaks, Pragma, TypeScript and CSS fixes

2017-09-15T06:00:00.000Z

This release features some bugfixes and tweaks around JSX, TypeScript, CSS, and JavaScript formatting, as well as a couple new features.

Prettier 1.6: Config File, JSX

2017-08-29T06:00:00.000Z

This release adds configuration file support to Prettier, as well as some significant enhancements to JSX printing.

Prettier 1.5: GraphQL, CSS-in-JS & JSON

2017-06-28T06:00:00.000Z

This release adds GraphQL formatting support, CSS-in-JS (including styled-components), and JSON support to Prettier.

Prettier 1.4: TypeScript and CSS support

2017-06-03T06:00:00.000Z

This release introduces support for TypeScript, CSS, Less, and SCSS languages to Prettier!

Prettier 1.3

2017-05-03T06:00:00.000Z

This post provides an update to Facebook's adoption or Prettier, outlines our progress on TypeScript, and details some of the improvements and fixes included in the 1.3.0 release of Prettier.

Prettier 1.2

2017-04-20T06:00:00.000Z

1.0 is not the end of prettier, we're going to continue to work on the long tail of formatting issues in order to make it an awesome JavaScript code formatter. You should expect minor version releases like this one to change small things and edge cases but nothing major or controversial.

Releasing Prettier 1.0

2017-04-13T06:00:00.000Z

This post was written by vjeux and edited by jlongster, and originally published here

We officially announced prettier over two months ago as a way to solve the problem of wasting time formatting your code. It started as an experiment but it clearly resonated with a lot of people, amassing ~7000 GitHub stars and over 100,000 monthly npm downloads in just two months.