Release 2.8.5
This commit is contained in:
1 parent
019ebe5207
commit
0a79535916
7 files changed
+104
-34
No files matched your search
@@ -26,7 +26,7 @@ Don't fill the form below manually! Let a program create a report for you:
|
||||
|
||||
-->
|
||||
|
||||
**Prettier 2.8.4**
|
||||
**Prettier 2.8.5**
|
||||
[Playground link](https://prettier.io/playground/#.....)
|
||||
|
||||
```sh
|
||||
|
||||
@@ -20,7 +20,7 @@ BEFORE SUBMITTING AN ISSUE:
|
||||
|
||||
**Environments:**
|
||||
|
||||
- Prettier Version: 2.8.4
|
||||
- Prettier Version: 2.8.5
|
||||
- Running Prettier via: <!-- CLI, Node.js API, Browser API, etc. -->
|
||||
- Runtime: <!-- Node.js v14, Chrome v83, etc. -->
|
||||
- Operating System: <!-- Windows, Linux, macOS, etc. -->
|
||||
|
||||
@@ -1,3 +1,73 @@
|
||||
# 2.8.5
|
||||
|
||||
[diff](https://github.com/prettier/prettier/compare/2.8.4...2.8.5)
|
||||
|
||||
#### Support TypeScript 5.0 ([#14391](https://github.com/prettier/prettier/pull/14391) by [@fisker](https://github.com/fisker), [#13819](https://github.com/prettier/prettier/pull/13819) by [@fisker](https://github.com/fisker), [@sosukesuzuki](https://github.com/sosukesuzuki))
|
||||
|
||||
TypeScript 5.0 introduces two new syntactic features:
|
||||
|
||||
- `const` modifiers for type parameters
|
||||
- `export type *` declarations
|
||||
|
||||
#### Add missing parentheses for decorator ([#14393](https://github.com/prettier/prettier/pull/14393) by [@fisker](https://github.com/fisker))
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
```jsx
|
||||
// Input
|
||||
class Person {
|
||||
@(myDecoratorArray[0])
|
||||
greet() {}
|
||||
}
|
||||
|
||||
// Prettier 2.8.4
|
||||
class Person {
|
||||
@myDecoratorArray[0]
|
||||
greet() {}
|
||||
}
|
||||
|
||||
// Prettier 2.8.5
|
||||
class Person {
|
||||
@(myDecoratorArray[0])
|
||||
greet() {}
|
||||
}
|
||||
```
|
||||
|
||||
#### Add parentheses for `TypeofTypeAnnotation` to improve readability ([#14458](https://github.com/prettier/prettier/pull/14458) by [@fisker](https://github.com/fisker))
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
```tsx
|
||||
// Input
|
||||
type A = (typeof node.children)[];
|
||||
|
||||
// Prettier 2.8.4
|
||||
type A = typeof node.children[];
|
||||
|
||||
// Prettier 2.8.5
|
||||
type A = (typeof node.children)[];
|
||||
```
|
||||
|
||||
#### Support `max_line_length=off` when parsing `.editorconfig` ([#14516](https://github.com/prettier/prettier/pull/14516) by [@josephfrazier](https://github.com/josephfrazier))
|
||||
|
||||
If an .editorconfig file is in your project and it sets `max_line_length=off` for the file you're formatting,
|
||||
it will be interpreted as a `printWidth` of `Infinity` rather than being ignored
|
||||
(which previously resulted in the default `printWidth` of 80 being applied, if not overridden by Prettier-specific configuration).
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
```html
|
||||
<!-- Input -->
|
||||
<div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}/>
|
||||
|
||||
<!-- Prettier 2.8.4 -->
|
||||
<div
|
||||
className="HelloWorld"
|
||||
title={`You are visitor number ${num}`}
|
||||
onMouseOver={onMouseOver}
|
||||
/>;
|
||||
|
||||
<!-- Prettier 2.8.5 -->
|
||||
<div className="HelloWorld" title={`You are visitor number ${num}`} onMouseOver={onMouseOver} />;
|
||||
```
|
||||
|
||||
# 2.8.4
|
||||
|
||||
[diff](https://github.com/prettier/prettier/compare/2.8.3...2.8.4)
|
||||
|
||||
+15
-15
@@ -20,8 +20,8 @@ Required options:
|
||||
|
||||
- **`plugins`**: Unlike the `format` function from the [Node.js-based API](api.md#prettierformatsource--options), this function doesn’t load plugins automatically. The `plugins` option is required because all the parsers included in the Prettier package come as plugins (for reasons of file size). These plugins are files named
|
||||
|
||||
- `parser-*.js` in <https://unpkg.com/browse/prettier@2.8.4/> and
|
||||
- `parser-*.mjs` in <https://unpkg.com/browse/prettier@2.8.4/esm/>
|
||||
- `parser-*.js` in <https://unpkg.com/browse/prettier@2.8.5/> and
|
||||
- `parser-*.mjs` in <https://unpkg.com/browse/prettier@2.8.5/esm/>
|
||||
|
||||
You need to load the ones that you’re going to use and pass them to `prettier.format` using the `plugins` option.
|
||||
|
||||
@@ -32,8 +32,8 @@ See below for examples.
|
||||
### Global
|
||||
|
||||
```html
|
||||
<script src="https://unpkg.com/prettier@2.8.4/standalone.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.4/parser-graphql.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.5/standalone.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.5/parser-graphql.js"></script>
|
||||
<script>
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -48,8 +48,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import prettier from "https://unpkg.com/prettier@2.8.4/esm/standalone.mjs";
|
||||
import parserGraphql from "https://unpkg.com/prettier@2.8.4/esm/parser-graphql.mjs";
|
||||
import prettier from "https://unpkg.com/prettier@2.8.5/esm/standalone.mjs";
|
||||
import parserGraphql from "https://unpkg.com/prettier@2.8.5/esm/parser-graphql.mjs";
|
||||
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -62,8 +62,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
|
||||
|
||||
```js
|
||||
define([
|
||||
"https://unpkg.com/prettier@2.8.4/standalone.js",
|
||||
"https://unpkg.com/prettier@2.8.4/parser-graphql.js",
|
||||
"https://unpkg.com/prettier@2.8.5/standalone.js",
|
||||
"https://unpkg.com/prettier@2.8.5/parser-graphql.js",
|
||||
], (prettier, ...plugins) => {
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -88,8 +88,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
|
||||
### Worker
|
||||
|
||||
```js
|
||||
importScripts("https://unpkg.com/prettier@2.8.4/standalone.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.4/parser-graphql.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.5/standalone.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.5/parser-graphql.js");
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
plugins: prettierPlugins,
|
||||
@@ -102,8 +102,8 @@ If you want to format [embedded code](options.md#embedded-language-formatting),
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import prettier from "https://unpkg.com/prettier@2.8.4/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.4/esm/parser-babel.mjs";
|
||||
import prettier from "https://unpkg.com/prettier@2.8.5/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.5/esm/parser-babel.mjs";
|
||||
|
||||
console.log(
|
||||
prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
|
||||
@@ -119,9 +119,9 @@ The HTML code embedded in JavaScript stays unformatted because the `html` parser
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import prettier from "https://unpkg.com/prettier@2.8.4/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.4/esm/parser-babel.mjs";
|
||||
import parserHtml from "https://unpkg.com/prettier@2.8.4/esm/parser-html.mjs";
|
||||
import prettier from "https://unpkg.com/prettier@2.8.5/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.5/esm/parser-babel.mjs";
|
||||
import parserHtml from "https://unpkg.com/prettier@2.8.5/esm/parser-html.mjs";
|
||||
|
||||
console.log(
|
||||
prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "prettier",
|
||||
"version": "2.9.0-dev",
|
||||
"version": "2.8.5",
|
||||
"description": "Prettier is an opinionated code formatter",
|
||||
"bin": "./bin/prettier.js",
|
||||
"repository": "prettier/prettier",
|
||||
|
||||
@@ -21,8 +21,8 @@ Required options:
|
||||
|
||||
- **`plugins`**: Unlike the `format` function from the [Node.js-based API](api.md#prettierformatsource--options), this function doesn’t load plugins automatically. The `plugins` option is required because all the parsers included in the Prettier package come as plugins (for reasons of file size). These plugins are files named
|
||||
|
||||
- `parser-*.js` in <https://unpkg.com/browse/prettier@2.8.4/> and
|
||||
- `parser-*.mjs` in <https://unpkg.com/browse/prettier@2.8.4/esm/>
|
||||
- `parser-*.js` in <https://unpkg.com/browse/prettier@2.8.5/> and
|
||||
- `parser-*.mjs` in <https://unpkg.com/browse/prettier@2.8.5/esm/>
|
||||
|
||||
You need to load the ones that you’re going to use and pass them to `prettier.format` using the `plugins` option.
|
||||
|
||||
@@ -33,8 +33,8 @@ See below for examples.
|
||||
### Global
|
||||
|
||||
```html
|
||||
<script src="https://unpkg.com/prettier@2.8.4/standalone.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.4/parser-graphql.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.5/standalone.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.5/parser-graphql.js"></script>
|
||||
<script>
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -49,8 +49,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import prettier from "https://unpkg.com/prettier@2.8.4/esm/standalone.mjs";
|
||||
import parserGraphql from "https://unpkg.com/prettier@2.8.4/esm/parser-graphql.mjs";
|
||||
import prettier from "https://unpkg.com/prettier@2.8.5/esm/standalone.mjs";
|
||||
import parserGraphql from "https://unpkg.com/prettier@2.8.5/esm/parser-graphql.mjs";
|
||||
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -63,8 +63,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
|
||||
|
||||
```js
|
||||
define([
|
||||
"https://unpkg.com/prettier@2.8.4/standalone.js",
|
||||
"https://unpkg.com/prettier@2.8.4/parser-graphql.js",
|
||||
"https://unpkg.com/prettier@2.8.5/standalone.js",
|
||||
"https://unpkg.com/prettier@2.8.5/parser-graphql.js",
|
||||
], (prettier, ...plugins) => {
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -89,8 +89,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
|
||||
### Worker
|
||||
|
||||
```js
|
||||
importScripts("https://unpkg.com/prettier@2.8.4/standalone.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.4/parser-graphql.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.5/standalone.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.5/parser-graphql.js");
|
||||
prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
plugins: prettierPlugins,
|
||||
@@ -103,8 +103,8 @@ If you want to format [embedded code](options.md#embedded-language-formatting),
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import prettier from "https://unpkg.com/prettier@2.8.4/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.4/esm/parser-babel.mjs";
|
||||
import prettier from "https://unpkg.com/prettier@2.8.5/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.5/esm/parser-babel.mjs";
|
||||
|
||||
console.log(
|
||||
prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
|
||||
@@ -120,9 +120,9 @@ The HTML code embedded in JavaScript stays unformatted because the `html` parser
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import prettier from "https://unpkg.com/prettier@2.8.4/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.4/esm/parser-babel.mjs";
|
||||
import parserHtml from "https://unpkg.com/prettier@2.8.4/esm/parser-html.mjs";
|
||||
import prettier from "https://unpkg.com/prettier@2.8.5/esm/standalone.mjs";
|
||||
import parserBabel from "https://unpkg.com/prettier@2.8.5/esm/parser-babel.mjs";
|
||||
import parserHtml from "https://unpkg.com/prettier@2.8.5/esm/parser-html.mjs";
|
||||
|
||||
console.log(
|
||||
prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
|
||||
|
||||
@@ -52,7 +52,7 @@ Indent lines with tabs instead of spaces.
|
||||
|
||||
Setting `indent_style` in an [`.editorconfig` file](https://editorconfig.org/) will configure Prettier’s tab usage, unless overridden.
|
||||
|
||||
(Tabs will be used for _indentation_ but Prettier uses spaces to _align_ things, such as in ternaries.)
|
||||
(Tabs will be used for _indentation_ but Prettier uses spaces to _align_ things, such as in ternaries. This behavior is known as [SmartTabs](https://www.emacswiki.org/emacs/SmartTabs).)
|
||||
|
||||
## Semicolons
|
||||
|
||||
|
||||
Reference in new issue
Block a user