testea/test-repo
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add 2.1 blog post (#8932)

Browse Source 
* Add draft for 2.1 blog post

* Update cspell.json

* Update website/blog/2020-08-04-2.1.0.md

Co-authored-by: Chris Brody <chris.brody+brodybits@gmail.com>

* Update website/blog/2020-08-04-2.1.0.md

Co-authored-by: Chris Brody <chris.brody+brodybits@gmail.com>

* Update website/blog/2020-08-04-2.1.0.md

Co-authored-by: Chris Brody <chris.brody+brodybits@gmail.com>

* Update website/blog/2020-08-04-2.1.0.md

Co-authored-by: Chris Brody <chris.brody+brodybits@gmail.com>

* Update website/blog/2020-08-04-2.1.0.md

Co-authored-by: Chris Brody <chris.brody+brodybits@gmail.com>

* Update changelogs

* Add author to cspell ignore patterns

* Update cspell.json

* Fix original changelog

* Run draft script

* Update

* Fix TypeScript on Highlights

* Fix heading

* Fix author

* Fix changelog for 8410

* Fix syntax highlight

* Move changelog for 7844 to /scss

* Update website/blog/2020-08-21-2.1.0.md

Co-authored-by: ExE Boss <3889017+ExE-Boss@users.noreply.github.com>

* Remove changelog_unreleased

* Update filename

* Replace to actual version manually

Co-authored-by: Chris Brody <chris.brody+brodybits@gmail.com>
Co-authored-by: fisker Cheung <lionkay@gmail.com>
Co-authored-by: ExE Boss <3889017+ExE-Boss@users.noreply.github.com>
This commit is contained in:
Sosuke SuzukiChris BrodyExE Bossfisker Cheung
 authored and GitHub committed 2020-08-24 20:36:52 +09:00
1 parent cef4bcafc7
commit 18b4cabc0c
88 files changed
+2325 -2172
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

changelog_unreleased/angular/pr-8253.md
-16
View File
@@ -1,16 +0,0 @@
#### Fix optional chaining with computed properties and handling of `this` ([#8253](https://github.com/prettier/prettier/pull/8253) by [@thorn0](https://github.com/thorn0), [#7942](https://github.com/prettier/prettier/pull/8253) by [@fisker](https://github.com/fisker), fixes in [`angular-estree-parser`](https://github.com/ikatyang/angular-estree-parser) by [@ikatyang](https://github.com/ikatyang))
<!-- prettier-ignore -->
```html
<!-- Input -->
{{ a?.b[c] }}
{{ a ( this )}}
<!-- Prettier stable -->
{{ (a?.b)[c] }}
{{ a ( this )}}
<!-- Prettier master -->
{{ a?.b[c] }}
{{ a(this) }}
```
changelog_unreleased/angular/pr-8254.md
-13
View File
@@ -1,13 +0,0 @@
#### Preserve parentheses around pipes in objects literals for compatibility with AngularJS 1.x ([#8254](https://github.com/prettier/prettier/pull/8254) by [@thorn0](https://github.com/thorn0))
<!-- prettier-ignore -->
```html
<!-- Input -->
<div ng-style="{ 'color': ('#222' | darken)}"></div>
<!-- Prettier stable -->
<div ng-style="{ color: '#222' | darken }"></div>
<!-- Prettier master -->
<div ng-style="{ 'color': ('#222' | darken)}"></div>
```
changelog_unreleased/api/pr-7875.md
-27
View File
@@ -1,27 +0,0 @@
#### Add --embedded-language-formatting={auto,off} option ([#7875](https://github.com/prettier/prettier/pull/7875) by [@bakkot](https://github.com/bakkot), [#8825](https://github.com/prettier/prettier/pull/8825) by [@fisker](https://github.com/fiskers))
When Prettier identifies cases where it looks like you've placed some code it knows how to format within a string in another file, like in a tagged template in JavaScript with a tag named `html` or in code blocks in Markdown, it will by default try to format that code.
Sometimes this behavior is undesirable, since it can change the behavior of your code. This option allows you to switch between the default behavior (`auto`) and disabling this feature entirely (`off`). It applies to all languages where Prettier recognizes embedded code, not just JavaScript.
<!-- prettier-ignore -->
```js
// Input
html`
<p>
I am expecting this to come out exactly like it went in.
`;
// using --embedded-language-formatting=auto (or omitting this option)
html`
<p>
I am expecting this to come out exactly like it went in.
</p>
`;
// using --embedded-language-formatting=off
html`
<p>
I am expecting this to come out exactly like it went in.
`;
```
changelog_unreleased/api/pr-8390.md
-16
View File
@@ -1,16 +0,0 @@
#### Add plugins' parsers to the `parser` option ([#8390](https://github.com/prettier/prettier/pull/8390) by [@thorn0](https://github.com/thorn0))
When a plugin defines a language, the parsers specified for this language are now automatically added to the list of valid values of the `parser` option.
This might be useful for editor integrations or other applications that need a list of available parsers.
```bash
npm install --save-dev --save-exact prettier @prettier/plugin-php
```
```js
const hasPhpParser = prettier
.getSupportInfo()
.options.find((option) => option.name === "parser")
.choices.map((choice) => choice.value)
.includes("php"); // false in Prettier stable, true in Prettier master
```
changelog_unreleased/api/pr-8551.md
-29
View File
@@ -1,29 +0,0 @@
#### Fix `prettier.getFileInfo()` ([#8548](https://github.com/prettier/prettier/pull/8548), [#8551](https://github.com/prettier/prettier/pull/8551), [#8585](https://github.com/prettier/prettier/pull/8585) by [@fisker](https://github.com/fisker))
- When passing `{resolveConfig: true}`, the `inferredParser` should be the parser resolved from config file, previous version might returns wrong result for files supported by builtin parsers.
- When passing `{resolveConfig: true}` and `{ignorePath: "a/file/in/different/dir"}`, the `inferredParser` result might incorrect.
- If given `filePath` is ignored, the `inferredParser` is always `null` now.
<!-- prettier-ignore -->
```console
$ echo {"parser":"flow"}>.prettierrc
$ node -p "require('prettier').getFileInfo.sync('./foo.js', {resolveConfig: true})"
# Prettier stable
# { ignored: false, inferredParser: 'babel' }
# Prettier master
# { ignored: false, inferredParser: 'flow' }
```
<!-- prettier-ignore -->
```console
$ echo ignored.js>>.prettierignore
$ node -p "require('prettier').getFileInfo.sync('./ignored.js')"
# Prettier stable
# { ignored: true, inferredParser: 'babel' }
# Prettier master
# { ignored: true, inferredParser: null }
```
changelog_unreleased/api/pr-8591.md
-3
View File
@@ -1,3 +0,0 @@
#### Fix resolve editorConfig for files in deep directory ([#8591](https://github.com/prettier/prettier/pull/8591) by [@fisker](https://github.com/fisker))
Previous version can't find `.editorconfig` for files in deep directory (depth great than 9 to project root, see #5705).
changelog_unreleased/api/pr-8890.md
-7
View File
@@ -1,7 +0,0 @@
#### Support `.cjs` and `.json5` configuration files ([#8890](https://github.com/prettier/prettier/pull/8890), [#8957](https://github.com/prettier/prettier/pull/8957) by [@fisker](https://github.com/fisker))
Added new format of configuration files:
- `.prettierrc.json5`
- `.prettierrc.cjs`
- `prettier.config.cjs`
changelog_unreleased/api/pr-8936.md
-28
View File
@@ -1,28 +0,0 @@
#### Fix wrong range format on files with BOM ([#8936](https://github.com/prettier/prettier/pull/8936) by [@fisker](https://github.com/fisker))
When files have BOM, in previous version, the real range is wrongly calculated.
<!-- prettier-ignore -->
```js
const text = "\uFEFF" + "foo = 1.0000;bar = 1.0000;";
// ^^^^^^^^^^^^^ Range
const result = require("prettier")
.format(text, {
parser: "babel",
rangeStart: 1,
rangeEnd: 13,
})
// Visualize BOM
.replace("\uFEFF", "<<BOM>>")
// Visualize EOL
.replace("\n", "<<EOL>>");
console.log(result);
// Prettier stable
// -> <<BOM>>foo = 1.0;<<EOL>>bar = 1.0;
// ^^^^^^^^^ This part should not be formatted
// Prettier master
// -> <<BOM>>foo = 1.0;bar = 1.0000;
```
changelog_unreleased/cli/pr-8098.md
-15
View File
@@ -1,15 +0,0 @@
#### Fix filenames contains CJK or emoji not correctly ignored ([#8098](https://github.com/prettier/prettier/pull/8098) by [@fisker](https://github.com/fisker))
```console
// Prettier stable
$ echo "dir" > .prettierignore
$ prettier **/*.js -l
dir/😁.js
dir/中文.js
not-ignored.js
// Prettier master
$ echo "dir" > .prettierignore
$ prettier **/*.js -l
not-ignored.js
```
changelog_unreleased/cli/pr-8586.md
-17
View File
@@ -1,17 +0,0 @@
#### `--file-info` respect the `.prettierrc` and `--no-config` ([#8586](https://github.com/prettier/prettier/pull/8586), [#8830](https://github.com/prettier/prettier/pull/8830) by [@fisker](https://github.com/fisker))
```console
$ echo {"parser":"ninja"}>.prettierrc
# Prettier stable
$ prettier --file-info file.js
# { "ignored": false, "inferredParser": "babel" }
$ prettier --file-info file.js --no-config
# { "ignored": false, "inferredParser": "babel" }
# Prettier master
$ prettier --file-info file.js
# { "ignored": false, "inferredParser": "ninja" }
$ prettier --file-info file.js --no-config
# { "ignored": false, "inferredParser": "babel" }
```
changelog_unreleased/cli/pr-8829.md
-14
View File
@@ -1,14 +0,0 @@
#### Added `--ignore-unknown`(alias `-u`) flag ([#8829](https://github.com/prettier/prettier/pull/8829) by [@fisker](https://github.com/fisker))
```console
# Prettier stable
npx prettier * --check
Checking formatting...
foo.unknown[error] No parser could be inferred for file: foo.unknown
All matched files use Prettier code style!
# Prettier master
npx prettier * --check --ignore-unknown
Checking formatting...
All matched files use Prettier code style!
```
changelog_unreleased/cli/pr-8833.md
-14
View File
@@ -1,14 +0,0 @@
#### Add `-w` alias for `--write` option ([#8833](https://github.com/prettier/prettier/pull/8833) by [@fisker](https://github.com/fisker))
```console
# Prettier stable
$ prettier index.js -w
[warn] Ignored unknown option -w. Did you mean -_?
"use strict";
module.exports = require("./src/index");
# Prettier master
$ prettier index.js -w
index.js 30ms
```
changelog_unreleased/cli/pr-8934.md
-11
View File
@@ -1,11 +0,0 @@
#### Stop suggesting `-_` for unknown options ([#8934](https://github.com/prettier/prettier/pull/8934) by [@fisker](https://github.com/fisker))
```console
# Prettier stable
$ prettier foo.js -a
[warn] Ignored unknown option -a. Did you mean -_?
# Prettier master
$ prettier foo.js -a
[warn] Ignored unknown option -a. Did you mean -c?
```
changelog_unreleased/css/pr-7009.md
-22
View File
@@ -1,22 +0,0 @@
#### Do not break code with a comment at the end of an at-rule ([#7009](https://github.com/prettier/prettier/pull/7009) by [@evilebottnawi](https://github.com/evilebottnawi))
<!-- prettier-ignore -->
```scss
/* Input */
@at-root .foo
// .bar
{
}
/* Prettier stable */
@at-root .foo
// .bar {
}
/* Prettier master */
@at-root .foo
// .bar
{
}
```
changelog_unreleased/css/pr-7592.md
-49
View File
@@ -1,49 +0,0 @@
#### Fix url() unquoted content manipulation ([#7592](https://github.com/prettier/prettier/pull/7592) by [@mattiacci](https://github.com/mattiacci))
Improve the handling of unquoted URL content in CSS/SCSS/Less. This doesn't
address the underlying parsing issues, but at least ensures Prettier doesn't
modify URLs.
<!-- prettier-ignore -->
```css
/* Input */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);
@import url(//fonts.googleapis.com/css?family=#{ get-font-family('Roboto') }:100,300,500,700,900&display=swap);
.validUnquotedUrls{
background: url(data/+0ThisShouldNotBeLowerCased);
background: url(https://foo/A*3I8oSY6AKRMAAAAAAAAAAABkARQnAQ);
background: url(https://example.com/some/quite,long,url,with,commas.jpg);
}
/* Prettier stable */
@import url(
https://fonts.googleapis.com/css?family=Roboto:100,
300,
400,
500,
700,
900&display=swap
);
@import url(
//fonts.googleapis.com/css?family=#{get-font-family("Roboto")}:100,
300,
500,
700,
900&display=swap
);
.validUnquotedUrls {
background: url(data/+0thisshouldnotbelowercased);
background: url(https://foo/A*3i8osy6akrmaaaaaaaaaaabkarqnaq);
background: url(https://example.com/some/quite, long, url, with, commas.jpg);
}
/* Prettier master */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);
@import url(//fonts.googleapis.com/css?family=#{ get-font-family('Roboto') }:100,300,500,700,900&display=swap);
.validUnquotedUrls{
background: url(data/+0ThisShouldNotBeLowerCased);
background: url(https://foo/A*3I8oSY6AKRMAAAAAAAAAAABkARQnAQ);
background: url(https://example.com/some/quite,long,url,with,commas.jpg);
}
```
changelog_unreleased/css/pr-7844.md
-29
View File
@@ -1,29 +0,0 @@
#### Fix extra indentation of lines following comments in scss ([#7844](https://github.com/prettier/prettier/pull/7844) by [@boyenn](https://github.com/boyenn))
Previously, Prettier would place extra indentation of lines following comments within SCSS maps
Prettier now no longer places these indentations
<!-- prettier-ignore -->
```css
/* Input */
$my-map: (
'foo': 1, // Foo
'bar': 2, // Bar
);
/* Prettier stable */
$my-map: (
"foo": 1,
// Foo
"bar": 2,
// Bar
);
/* Prettier master */
$my-map: (
"foo": 1,
// Foo
"bar": 2,
// Bar
);
```
changelog_unreleased/css/pr-8535.md
-20
View File
@@ -1,20 +0,0 @@
#### Incorrect whitespace added after escaped colon in css grid line name ([#8535](https://github.com/prettier/prettier/pull/8535) by [@boyenn](https://github.com/boyenn))
<!-- prettier-ignore -->
```css
/* Input */
.grid {
grid-template-rows:
[row-1-00\:00] auto;
}
/* Prettier stable */
.grid {
grid-template-rows: [row-1-00\: 00] auto;
}
/* Prettier master */
.grid {
grid-template-rows: [row-1-00\:00] auto;
}
```
changelog_unreleased/css/pr-8545.md
-37
View File
@@ -1,37 +0,0 @@
#### Add support for @supports selector(<custom-selector>) ([#8545](https://github.com/prettier/prettier/pull/8545) by [@boyenn](https://github.com/boyenn))
<!-- prettier-ignore -->
```css
/* Input */
@supports selector(:focus-visible) {
button:focus {
outline: none;
}
button:focus-visible {
outline: 2px solid orange;
}
}
/* Prettier stable */
@supports selector(: focus-visible) {
button:focus {
outline: none;
}
button:focus-visible {
outline: 2px solid orange;
}
}
/* Prettier master */
@supports selector(:focus-visible) {
button:focus {
outline: none;
}
button:focus-visible {
outline: 2px solid orange;
}
}
```
changelog_unreleased/css/pr-8567.md
-28
View File
@@ -1,28 +0,0 @@
#### Improve Prettier handling of arbitrary arguments ([#8567](https://github.com/prettier/prettier/pull/8567), [#8566](https://github.com/prettier/prettier/pull/8566) by [@boyenn](https://github.com/boyenn))
Prettier no longer unexpectedly add extra space after function when passing arbitrary arguments.
Prettier no longer breaks code when inline number lists are used as arbitrary arguments.
<!-- prettier-ignore -->
```css
/* Input */
body {
test: function($list...);
foo: bar(returns-list($list)...);
background-color: rgba(50 50 50 50...);
}
/* Prettier stable */
body {
test: function($list...);
foo: bar(returns-list($list) ...);
background-color: rgba(50 50 50 50..);
}
/* Prettier master */
body {
test: function($list...);
foo: bar(returns-list($list)...);
background-color: rgba(50 50 50 50...);
}
```
changelog_unreleased/flow/pr-8365.md
-19
View File
@@ -1,19 +0,0 @@
#### Fix function type param contains nullable param ([#8365](https://github.com/prettier/prettier/pull/8365) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```flow
// Input
let f: <A>(
((?A) => B),
) => B;
// Prettier stable
let f: <A>((?A) => B) => B;
// Prettier stable (Second format)
SyntaxError: Unexpected token (1:12)
> 1 | let f: <A>((?A) => B) => B;
// Prettier master
let f: <A>(((?A) => B)) => B;
```
changelog_unreleased/flow/pr-8768.md
-15
View File
@@ -1,15 +0,0 @@
#### Fix export default of Flow Enum ([#8768](https://github.com/prettier/prettier/pull/8768) by [@gkz](https://github.com/gkz))
Do not add a trailing semicolon if default exporting a Flow Enum.
<!-- prettier-ignore -->
```jsx
// Input
export default enum B {}
// Prettier stable
export default enum B {};
// Prettier master
export default enum B {}
```
changelog_unreleased/graphql/pr-7721.md
-23
View File
@@ -1,23 +0,0 @@
#### Improve wrapping of GraphQL fragment directives ([#7721](https://github.com/prettier/prettier/pull/7721) by [@sasurau4](https://github.com/sasurau4))
<!-- prettier-ignore -->
```graphql
# Input
fragment TodoList_list on TodoList @argumentDefinitions(
count: {type: "Int", defaultValue: 10},
) {
title
}
# Prettier stable
fragment TodoList_list on TodoList
@argumentDefinitions(count: { type: "Int", defaultValue: 10 }) {
title
}
# Prettier master
fragment TodoList_list on TodoList
@argumentDefinitions(count: { type: "Int", defaultValue: 10 }) {
title
}
```
changelog_unreleased/graphql/pr-8006.md
-33
View File
@@ -1,33 +0,0 @@
#### Fix comments between interfaces ([#8006](https://github.com/prettier/prettier/pull/8006) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```graphql
# Input
type Type1 implements
A &
# comment 1
B
# comment 2
& C {a: a}
# Prettier stable
type Type1 implements A & # comment 1
B & # comment 2
C {
a: a
}
# Prettier stable (Second format)
type Type1 implements A & B & C { # comment 1 # comment 2
a: a
}
# Prettier master
type Type1 implements A &
# comment 1
B &
# comment 2
C {
a: a
}
```
changelog_unreleased/graphql/pr-8007.md
-24
View File
@@ -1,24 +0,0 @@
#### Allow interfaces to implement other interfaces ([#8007](https://github.com/prettier/prettier/pull/8007) by [@fisker](https://github.com/fisker))
See ["RFC: Allow interfaces to implement other interfaces"](https://github.com/graphql/graphql-spec/pull/373)
<!-- prettier-ignore -->
```graphql
# Input
interface Resource implements Node {
id: ID!
url: String
}
# Prettier stable
interface Resource {
id: ID!
url: String
}
# Prettier master
interface Resource implements Node {
id: ID!
url: String
}
```
changelog_unreleased/handlebars/pr-8375.md
-25
View File
@@ -1,25 +0,0 @@
#### Respect singleQuote option around attribute value more complex than a bare text ([#8375](https://github.com/prettier/prettier/pull/8375) by [@dcyriller](https://github.com/dcyriller)
<!-- prettier-ignore -->
```hbs
{{!-- Input --}}
<a href='/{{url}}'></a>
<a href="/{{url}}"></a>
<a href='url'></a>
<a href="url"></a>
{{!-- Prettier stable --}}
<a href="/{{url}}"></a>
<a href="/{{url}}"></a>
<a href='url'></a>
<a href='url'></a>
{{!-- Prettier master --}}
<a href='/{{url}}'></a>
<a href='/{{url}}'></a>
<a href='url'></a>
<a href='url'></a>
```
changelog_unreleased/handlebars/pr-8593.md
-35
View File
@@ -1,35 +0,0 @@
#### Fix formatting of classic components inside element ([#8593](https://github.com/prettier/prettier/pull/8593) by [@mikoscz](https://github.com/mikoscz)
<!-- prettier-ignore -->
```hbs
{{!-- Input --}}
<div>
{{classic-component-with-many-properties
class="hello"
param=this.someValue
secondParam=this.someValue
thirdParam=this.someValue
}}
</div>
{{!-- Prettier stable --}}
<div>
{{
classic-component-with-many-properties
class="hello"
param=this.someValue
secondParam=this.someValue
thirdParam=this.someValue
}}
</div>
{{!-- Prettier master --}}
<div>
{{classic-component-with-many-properties
class="hello"
param=this.someValue
secondParam=this.someValue
thirdParam=this.someValue
}}
</div>
```
changelog_unreleased/handlebars/pr-8634.md
-19
View File
@@ -1,19 +0,0 @@
#### Support escaping a mustache with a backslash ([#8634](https://github.com/prettier/prettier/pull/8634) by [@dcyriller](https://github.com/dcyriller)
<!-- prettier-ignore -->
```hbs
{{!-- Input --}}
\{{mustache}}
\\{{mustache}}
\\\{{mustache}}
{{!-- Prettier stable --}}
{{mustache}}
\{{mustache}}
\\{{mustache}}
{{!-- Prettier master --}}
\{{mustache}}
\\{{mustache}}
\\\{{mustache}}
```
changelog_unreleased/handlebars/pr-8677.md
-16
View File
@@ -1,16 +0,0 @@
#### Format only class names in attributes ([#8677](https://github.com/prettier/prettier/pull/8677) by [@dcyriller](https://github.com/dcyriller)
<!-- prettier-ignore -->
```hbs
{{!-- Input --}}
<div class=' class '></div>
<div title=' other attribute '></div>
{{!-- Prettier stable --}}
<div class="class"></div>
<div title="other attribute"></div>
{{!-- Prettier master --}}
<div class="class"></div>
<div title=" other attribute "></div>
```
changelog_unreleased/html/pr-8013.md
-32
View File
@@ -1,32 +0,0 @@
#### Omit trailing semicolon on single line style attributes ([#8013](https://github.com/prettier/prettier/pull/8013) by [@bschlenk](https://github.com/bschlenk))
<!-- prettier-ignore -->
```html
<!-- Input -->
<div style="margin: 0; padding: 20px"></div>
<div style="margin: 0; padding: 20px; position: relative; display: inline-block; color: blue"></div>
<!-- Prettier stable -->
<div style="margin: 0; padding: 20px;"></div>
<div
style="
margin: 0;
padding: 20px;
position: relative;
display: inline-block;
color: blue;
"
></div>
<!-- Prettier master -->
<div style="margin: 0; padding: 20px"></div>
<div
style="
margin: 0;
padding: 20px;
position: relative;
display: inline-block;
color: blue;
"
></div>
```
changelog_unreleased/html/pr-8137.md
-20
View File
@@ -1,20 +0,0 @@
#### Preserve non-ASCII whitespace characters in HTML ([#8137](https://github.com/prettier/prettier/pull/8137) by [@fisker](https://github.com/fisker))
Non-ASCII whitespace characters like `U+00A0` `U+2005` etc. are not considered whitespace in html, they should not be removed.
```js
// Prettier stable
[...require("prettier").format("<i> \u2005 </i>", { parser: "html" })]
.slice(3, -5)
.map((c) => c.charCodeAt(0).toString(16));
// -> [ '20' ]
// `U+2005` is removed
// Prettier master
[...require("prettier").format("<i> \u2005 </i>", { parser: "html" })]
.slice(3, -5)
.map((c) => c.charCodeAt(0).toString(16));
// -> [ '20', '2005', '20' ]
```
changelog_unreleased/html/pr-8173.md
-30
View File
@@ -1,30 +0,0 @@
#### Support legacy HTML-like comments script blocks ([#8173](https://github.com/prettier/prettier/pull/8173) by [@fisker](https://github.com/fisker), [#8394](https://github.com/prettier/prettier/pull/8394) by [@fisker](https://github.com/fisker))
Previously we parse html `<script>` blocks as "module"([ECMAScript Module grammar](https://babeljs.io/docs/en/options#sourcetype)), this is why we can't parse comments starts with `<!--`(aka [HTML-like comments](https://tc39.es/ecma262/#sec-html-like-comments)), now we parse `<script>` blocks as "script", unless this `<script>`
1. `type="module"`
2. `type="text/babel"` and `data-type="module"`, [will be introduced in babel@v7.10.0](https://github.com/babel/babel/pull/11466)
<!-- prettier-ignore -->
```html
<!-- Input -->
<SCRIPT>
<!--
alert("hello" + ' world!')
//--></SCRIPT>
<!-- Prettier stable -->
SyntaxError: Unexpected token (2:1)
1 |
> 2 | <!--
| ^
3 | alert("hello" + ' world!')
4 | //-->
<!-- Prettier master -->
<script>
<!--
alert("hello" + " world!");
//-->
</script>
```
changelog_unreleased/html/pr-8275.md
-28
View File
@@ -1,28 +0,0 @@
#### Treat `<select>` as inline-block and `<optgroup>`/`<option>` as block ([#8275](https://github.com/prettier/prettier/pull/8275) by [@thorn0](https://github.com/thorn0), [#8620](https://github.com/prettier/prettier/pull/8620) by [@fisker](https://github.com/fisker))
Now Prettier knows that it's safe to add whitespace inside `select`, `option` and `optgroup` tags.
<!-- prettier-ignore -->
```html
<!-- Input -->
<select><option>Blue</option><option>Green</option><optgroup label="Darker"><option>Dark Blue</option><option>Dark Green</option></optgroup></select>
<!-- Prettier stable -->
<select
><option>Blue</option
><option>Green</option
><optgroup label="Darker"
><option>Dark Blue</option><option>Dark Green</option></optgroup
></select
>
<!-- Prettier master -->
<select>
<option>Blue</option>
<option>Green</option>
<optgroup label="Darker">
<option>Dark Blue</option>
<option>Dark Green</option>
</optgroup>
</select>
```
changelog_unreleased/html/pr-8359.md
-32
View File
@@ -1,32 +0,0 @@
#### Fix broken URLs with commas in srcset ([#8359](https://github.com/prettier/prettier/pull/8359) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```html
<!-- Input -->
<img
srcset="
_20200401_145009_szrhju_c_scale,w_200.jpg 200w,
_20200401_145009_szrhju_c_scale,w_1400.jpg 1400w"
src="_20200401_145009_szrhju_c_scale,w_1400.jpg"
>
<!-- Prettier stable -->
<img
srcset="
_20200401_145009_szrhju_c_scale,
w_200.jpg 200w,
_20200401_145009_szrhju_c_scale,
w_1400.jpg 1400w
"
src="_20200401_145009_szrhju_c_scale,w_1400.jpg"
/>
<!-- Prettier master -->
<img
srcset="
_20200401_145009_szrhju_c_scale,w_200.jpg 200w,
_20200401_145009_szrhju_c_scale,w_1400.jpg 1400w
"
src="_20200401_145009_szrhju_c_scale,w_1400.jpg"
/>
```
changelog_unreleased/html/pr-8371.md
-26
View File
@@ -1,26 +0,0 @@
#### Support `<script type="text/html>` ([#8371](https://github.com/prettier/prettier/pull/8371) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```html
<!-- Input -->
<script type="text/html">
<div>
<p>foo</p>
</div>
</script>
<!-- Prettier stable -->
<script type="text/html">
<div>
<p>foo</p>
</div>
</script>
<!-- Prettier master -->
<script type="text/html">
<div>
<p>foo</p>
</div>
</script>
```
changelog_unreleased/html/pr-8381.md
-31
View File
@@ -1,31 +0,0 @@
#### Support front matter with dynamic language ([#8381](https://github.com/prettier/prettier/pull/8381) by [@fisker](https://github.com/fisker))
Support [dynamic language detection](https://github.com/jonschlinkert/gray-matter#optionslanguage) in front matter, also available for `css`, `less`, `scss`, and `markdown` parser.
<!-- prettier-ignore -->
```html
<!-- Input -->
---my-awsome-language
title: Title
description: Description
---
<h1>
prettier</h1>
<!-- Prettier stable -->
---my-awsome-language title: Title description: Description ---
<h1>
prettier
</h1>
<!-- Prettier master -->
---my-awsome-language
title: Title
description: Description
---
<h1>
prettier
</h1>
```
changelog_unreleased/html/pr-8614.md
-26
View File
@@ -1,26 +0,0 @@
#### Don't preserve line breaks around text-only content ([#8614](https://github.com/prettier/prettier/pull/8614) by [@fisker](https://github.com/fisker))
Previously, Prettier always [preserved line breaks][#5596] around inline nodes (i.e. inline elements, text, interpolations). In general, Prettier, as much as possible, tries to avoid relying on original formatting, but there are at least two cases when collapsing inline nodes into a single line is undesirable, namely list-like content and conditional constructions (e.g. `v-if`/`v-else` in Vue). A good way to detect those cases couldn't be found, so such a trade-off was made. It turned out, however, for text-only content, this relaxation of rules was unnecessary and only led to confusingly inconsistent formatting.
<!-- prettier-ignore -->
```html
<!-- Input -->
<div>
Hello, world!
</div>
<div>
Hello, {{ username }}!
</div>
<!-- Prettier stable -->
<div>
Hello, world!
</div>
<div>Hello, {{ username }}!</div>
<!-- Prettier master -->
<div>Hello, world!</div>
<div>Hello, {{ username }}!</div>
```
[#5596]: https://prettier.io/blog/2019/01/20/1.16.0.html#respect-surrounding-linebreaks-5596-by-ikatyang
changelog_unreleased/html/pr-8621.md
-47
View File
@@ -1,47 +0,0 @@
#### Recognize known html tags ([#8621](https://github.com/prettier/prettier/pull/8621) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```html
<!-- Input -->
<div>before<details><summary>summary long long long long </summary>details</details>after</div>
<div>before<dialog open>dialog long long long long long long long long </dialog>after</div>
<div>before<object data="horse.wav"><param name="autoplay" value="true"/><param name="autoplay" value="true"/></object>after</div>
<!-- Prettier stable -->
<div>
before<details><summary>summary long long long long </summary>details</details
>after
</div>
<div>
before<dialog open>dialog long long long long long long long long </dialog
>after
</div>
<div>
before<object data="horse.wav"
><param name="autoplay" value="true" /><param
name="autoplay"
value="true" /></object
>after
</div>
<!-- Prettier master -->
<div>
before
<details>
<summary>summary long long long long</summary>
details
</details>
after
</div>
<div>
before
<dialog open>dialog long long long long long long long long</dialog>
after
</div>
<div>
before<object data="horse.wav">
<param name="autoplay" value="true" />
<param name="autoplay" value="true" /></object
>after
</div>
```
changelog_unreleased/html/pr-8643.md
-25
View File
@@ -1,25 +0,0 @@
#### Fix formatting element with void element as its last child ([#8643](https://github.com/prettier/prettier/pull/8643) by [@ikatyang](https://github.com/ikatyang))
<!-- prettier-ignore -->
```html
<!-- Input -->
<video controls width="250">
<source src="/media/examples/flower.webm"
type="video/webm">
<source src="/media/examples/flower.mp4"
type="video/mp4"
></video>text after
<!-- Prettier stable -->
<video controls width="250">
<source src="/media/examples/flower.webm" type="video/webm" />
<source src="/media/examples/flower.mp4" type="video/mp4" /></video
>text after
<!-- Prettier master -->
<video controls width="250">
<source src="/media/examples/flower.webm" type="video/webm" />
<source src="/media/examples/flower.mp4" type="video/mp4" /></video
>text after
```
changelog_unreleased/javascript/pr-6319.md
-37
View File
@@ -1,37 +0,0 @@
#### Support the F# and Smart pipeline operator proposals ([#6319](https://github.com/prettier/prettier/pull/6319) by [@sosukesuzuki](https://github.com/sosukesuzuki), [@thorn0](https://github.com/thorn0), [#7979](https://github.com/prettier/prettier/pull/7979) by [@sosukesuzuki](https://github.com/sosukesuzuki))
- [F# Pipeline Operator proposal](https://github.com/valtech-nyc/proposal-fsharp-pipelines)
- [Smart Pipelines proposal](https://github.com/js-choi/proposal-smart-pipelines)
- [Babel Blog: What's Happening With the Pipeline (`|>`) Proposal?](https://babeljs.io/blog/2018/07/19/whats-happening-with-the-pipeline-proposal)
**F#-style Pipeline:**
<!-- prettier-ignore -->
```js
// Input
promises |> await;
// Output (Prettier stable)
SyntaxError: Unexpected token (1:18)
> 1 | promises |> await;
| ^
// Output (Prettier master)
promises |> await;
```
**Smart Pipeline:**
<!-- prettier-ignore -->
```js
// Input
5 |> # * 2
// Output (Prettier Stable)
SyntaxError: Unexpected character '#' (1:6)
> 1 | 5 |> # * 2
| ^
// Output (Prettier master)
5 |> # * 2
```
changelog_unreleased/javascript/pr-8069.md
-33
View File
@@ -1,33 +0,0 @@
#### Fix end-of-line comments if followed by trailing whitespace ([#8069](https://github.com/prettier/prettier/pull/8069) by [@shisama](https://github.com/shisama))
If comments line has trailing whitespaces, comments aren't detected as end-of-line.
<!-- prettier-ignore -->
```jsx
// Input
var a = { /* extra whitespace --> */
b };
var a = { /* no whitespace --> */
b };
// Prettier stable
var a = {
/* extra whitespace --> */
b,
};
var a = {
/* no whitespace --> */ b,
};
// Prettier master
var a = {
/* extra whitespace --> */ b,
};
var a = {
/* no whitespace --> */ b,
};
```
changelog_unreleased/javascript/pr-8097.md
-44
View File
@@ -1,44 +0,0 @@
#### Fix inconsistent parsing of injected expressions in styled-components template literals ([#8097](https://github.com/prettier/prettier/pull/8097) by [@thecodrr](https://github.com/thecodrr))
<!-- prettier-ignore -->
```js
// Input
const SingleConcat = styled.div`
${something()}
& > ${Child}:not(:first-child) {
margin-left:5px;
}
`
const MultiConcats = styled.div`
${something()}
& > ${Child}${Child2}:not(:first-child) {
margin-left:5px;
}
`
const SeparatedConcats = styled.div`
font-family: "${a}", "${b}";
`
// Prettier stable -- same as input
// Prettier master
const SingleConcat = styled.div`
${something()}
& > ${Child}:not(:first-child) {
margin-left: 5px;
}
`;
const MultiConcats = styled.div`
${something()}
& > ${Child}${Child2}:not(:first-child) {
margin-left: 5px;
}
`;
const SeparatedConcats = styled.div`
font-family: "${a}", "${b}";
`;
```
changelog_unreleased/javascript/pr-8111.md
-22
View File
@@ -1,22 +0,0 @@
#### Fix object trailing commas that last property is ignored ([#8111](https://github.com/prettier/prettier/pull/8111) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```js
// Input
const foo = {
// prettier-ignore
bar: "baz"
}
// Prettier stable
const foo = {
// prettier-ignore
bar: "baz"
};
// Prettier master
const foo = {
// prettier-ignore
bar: "baz",
};
```
changelog_unreleased/javascript/pr-8160.md
-20
View File
@@ -1,20 +0,0 @@
#### Keep object key with escape sequence as it is ([#8160](https://github.com/prettier/prettier/pull/8160) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```js
// Input
const a = {
"\u2139": 'why "\\u2139" converted to "i"?',
};
// Prettier stable
const a = {
ℹ: 'why "\\u2139" converted to "i"?',
};
// Prettier master
const a = {
"\u2139": 'why "\\u2139" is converted to "i"?',
};
```
changelog_unreleased/javascript/pr-8255.md
-19
View File
@@ -1,19 +0,0 @@
#### Fix extra space after minus in CSS-in-JS ([#8255](https://github.com/prettier/prettier/pull/8255) by [@thorn0](https://github.com/thorn0))
<!-- prettier-ignore -->
```js
// Input
css`
color: var(--global--color--${props.color});
`
// Prettier stable
css`
color: var(--global--color-- ${props.color});
`;
// Prettier master
css`
color: var(--global--color--${props.color});
`;
```
changelog_unreleased/javascript/pr-8312.md
-20
View File
@@ -1,20 +0,0 @@
#### Fix comments in the `extends` part of class declarations/expressions ([#8312](https://github.com/prettier/prettier/pull/8312) by [@thorn0](https://github.com/thorn0))
<!-- prettier-ignore -->
```jsx
// Input
class a extends a // comment
{
constructor() {}
}
// Prettier stable
class a extends a // comment {
constructor() {}
}
// Prettier master
class a extends a { // comment
constructor() {}
}
```
changelog_unreleased/javascript/pr-8354.md
-25
View File
@@ -1,25 +0,0 @@
#### Don't wrap arrays in Jest `test.each` template strings ([#8354](https://github.com/prettier/prettier/pull/8354) by [@yogmel](https://github.com/yogmel))
<!-- prettier-ignore -->
```jsx
// Input
test.each`
a | b | c
${1} | ${[{ start: 1, end: 3 },{ start: 15, end: 20 },]} | ${[]}
`("example test", ({a, b, c}) => {})
// Prettier stable
test.each`
a | b | c
${1} | ${[
{ start: 1, end: 3 },
{ start: 15, end: 20 }
]} | ${[]}
`("example test", ({ a, b, c }) => {});
// Prettier master
test.each`
a | b | c
${1} | ${[{ start: 1, end: 3 }, { start: 15, end: 20 }]} | ${[]}
`("example test", ({ a, b, c }) => {});
```
changelog_unreleased/javascript/pr-8376.md
-49
View File
@@ -1,49 +0,0 @@
#### Support `insertPragma` and `requirePragma` in files has shebang ([#8376](https://github.com/prettier/prettier/pull/8376) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```js
// `--insert-pragma`
// Input
#!/usr/bin/env node
hello
.world();
// Prettier stable
SyntaxError: Unexpected token (3:1)
1 | /** @format */
2 |
> 3 | #!/usr/bin/env node
| ^
4 | hello
5 | .world();
// Prettier master
#!/usr/bin/env node
/** @format */
hello.world();
// `--require-pragma`
// Input
#!/usr/bin/env node
/**
* @format
*/
hello
.world();
// Prettier stable
#!/usr/bin/env node
/**
* @format
*/
hello
.world();
// Prettier master
#!/usr/bin/env node
/**
* @format
*/
hello.world();
```
changelog_unreleased/javascript/pr-8410.md
-18
View File
@@ -1,18 +0,0 @@
#### Fix range formatting indentation ([#8410](https://github.com/prettier/prettier/pull/8410) by [@thorn0](https://github.com/thorn0))
```console
> echo -e "export default class Foo{\n/**/\n}" | prettier --range-start 16 --range-end 31 --parser babel
```
<!--prettier-ignore-->
```js
// Prettier stable
export default class Foo {
/**/
}
// Prettier master
export default class Foo {
/**/
}
```
changelog_unreleased/javascript/pr-8419.md
-18
View File
@@ -1,18 +0,0 @@
#### Improve detection of source elements for range formatting ([#8419](https://github.com/prettier/prettier/pull/8419) by [@thorn0](https://github.com/thorn0))
Not all statement types were detected (read [here](https://prettier.io/docs/en/options.html#range) how range formatting works in Prettier).
<!-- prettier-ignore -->
```jsx
// Input
for (const element of list) { /* ... */ }
// ^^^^^^^^^^^^^^^^^^^^^^ ← range
// Prettier stable
for (const element of list) { /* ... */ }
// Prettier master
for (const element of list) {
/* ... */
}
```
changelog_unreleased/javascript/pr-8431.md
-18
View File
@@ -1,18 +0,0 @@
#### Support Private Fields in `in` ([#8431](https://github.com/prettier/prettier/pull/8431) by [@sosukesuzuki](https://github.com/sosukesuzuki))
Support Stage-2 proposal [Private Fields in `in`](https://github.com/tc39/proposal-private-fields-in-in/blob/master/README.md).
<!-- prettier-ignore -->
```js
// Input
#prop in obj;
// Prettier stable
SyntaxError: Unexpected token (1:1)
> 1 | #prop in obj;
| ^
2 |
// Prettier master
#prop in obj;
```
changelog_unreleased/javascript/pr-8436.md
-17
View File
@@ -1,17 +0,0 @@
#### Support ES Module Attributes and JSON modules ([#8436](https://github.com/prettier/prettier/pull/8436) by [@fisker](https://github.com/fisker))
Support Stage-1 proposal [ES Module Attributes and JSON modules](https://github.com/tc39/proposal-module-attributes).
<!-- prettier-ignore -->
```js
// Input
import foo from "foo.json" with type: "json";
// Prettier stable
SyntaxError: Unexpected token, expected ";" (1:28)
> 1 | import foo from "foo.json" with type: "json";
| ^
// Prettier master
import foo from "foo.json" with type: "json";
```
changelog_unreleased/javascript/pr-8453.md
-50
View File
@@ -1,50 +0,0 @@
#### Support record and tuple syntax ([#8453](https://github.com/prettier/prettier/pull/8453) by [@fisker](https://github.com/fisker))
Support Stage-1 proposal [JavaScript Records & Tuples Proposal](https://github.com/tc39/proposal-record-tuple/blob/master/README.md).
_Only support `#[]`/`#{}` syntax, not `{| |}` / `[| |]`._
**Tuples**
<!-- prettier-ignore -->
```js
// Input
#[1, 2, 3]
// Prettier stable
SyntaxError: Unexpected token (1:1)
> 1 | #[1, 2, 3]
| ^
// Prettier master
#[1, 2, 3];
```
**Records**
<!-- prettier-ignore -->
```js
// Input
#{
a: 1,
b: 2,
c: 3,
}
// Prettier stable
SyntaxError: Unexpected token (1:1)
> 1 | #{
| ^
2 | a: 1,
3 | b: 2,
4 | c: 3,
// Prettier master
#{
a: 1,
b: 2,
c: 3,
};
```
changelog_unreleased/javascript/pr-8461.md
-19
View File
@@ -1,19 +0,0 @@
#### Wrap jsx element on the left of "<" with parentheses ([#8461](https://github.com/prettier/prettier/pull/8461) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```jsx
// Input
(<div/>) < 5;
// Prettier stable
<div/> < 5;
// Prettier stable second outout
SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (1:9)
> 1 | <div /> < 5;
| ^
2 |
// Prettier master
(<div />) < 5;
```
changelog_unreleased/javascript/pr-8476.md
-20
View File
@@ -1,20 +0,0 @@
#### Fix indentation for binary expressions with trailing comments ([#8476](https://github.com/prettier/prettier/pull/8476) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```js
// Input
a +
a + // comment
a;
// Prettier stable
a +
a + // comment
a;
// Prettier master
a +
a + // comment
a;
```
changelog_unreleased/javascript/pr-8491.md
-61
View File
@@ -1,61 +0,0 @@
#### Fix unstable comments in binary expressions ([#8491](https://github.com/prettier/prettier/pull/8491) by [@thorn0](https://github.com/thorn0))
<!-- prettier-ignore -->
```jsx
// Input
Math.min(
(
/* foo */
document.body.scrollHeight -
(window.scrollY + window.innerHeight)
) - devsite_footer_height,
0,
)
// Prettier stable (first output)
Math.min(
/* foo */
document.body.scrollHeight -
(window.scrollY + window.innerHeight) -
devsite_footer_height,
0
);
// Prettier stable (second output)
Math.min(
/* foo */
document.body.scrollHeight -
(window.scrollY + window.innerHeight) -
devsite_footer_height,
0
);
// Prettier master (first and second outputs)
Math.min(
/* foo */
document.body.scrollHeight -
(window.scrollY + window.innerHeight) -
devsite_footer_height,
0
);
```
<!-- prettier-ignore -->
```jsx
// Input
const topOfDescriptionBox =
Layout.window.width + // Images are 1:1 aspect ratio, full screen width
Layout.headerHeight;
// Prettier stable (first output)
const topOfDescriptionBox =
Layout.window.width + Layout.headerHeight; // Images are 1:1 aspect ratio, full screen width
// Prettier stable (second output)
const topOfDescriptionBox = Layout.window.width + Layout.headerHeight; // Images are 1:1 aspect ratio, full screen width
// Prettier master (first and second outputs)
const topOfDescriptionBox =
Layout.window.width + // Images are 1:1 aspect ratio, full screen width
Layout.headerHeight;
```
changelog_unreleased/javascript/pr-8508.md
-44
View File
@@ -1,44 +0,0 @@
#### Quote and unquote number keys ([#8508](https://github.com/prettier/prettier/pull/8508) by [@lydell](https://github.com/lydell))
Prettier removes quotes from object keys if they are identifiers. Now, Prettier also removes quotes from object keys that are numbers.
If you use `quoteProps: "consistent"`, Prettier can also _add_ quotes to number keys so that _all_ properties end up with quotes.
<!-- prettier-ignore -->
```jsx
// Input
x = {
"a": null,
"1": null,
};
// Prettier stable
x = {
a: null,
"1": null,
};
// Prettier master
x = {
a: null,
1: null,
};
```
Prettier only touches “simple” numbers such as `1` and `123.5`. It _won’t_ make the following transformations, as they feel unexpected:
```
1e2 -> "100"
0b10 -> "10"
1_000 -> "1000"
1.0 -> "1"
0.99999999999999999 -> "1"
999999999999999999999 -> "1e+21"
2n -> "2"
"1e+100" -> 1e100
```
(Please don’t use confusing numbers as object keys!)
Note that Prettier only unquotes numbers using the `"babel"` parser. It’s not completely safe to do so in TypeScript.
changelog_unreleased/javascript/pr-8557.md
-22
View File
@@ -1,22 +0,0 @@
#### Prefer leading comment when there is a comment on after "?" in conditional types ([#8557](https://github.com/prettier/prettier/pull/8557) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```ts
// Input
type A = B extends T
? // comment
foo
: bar;
// Prettier stable
type A = B extends T // comment
? foo
: bar;
// Prettier master
type A = B extends T
? // comment
foo
: bar;
```
changelog_unreleased/javascript/pr-8592.md
-26
View File
@@ -1,26 +0,0 @@
#### Break ternary expressions that include a multiline block comment ([#8592](https://github.com/prettier/prettier/pull/8592) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```js
// Input
test
? /* comment
comment
*/
foo
: bar;
// Prettier stable
test ? /* comment
comment
*/ foo : bar;
// Prettier master
test
? /* comment
comment
*/
foo
: bar;
```
changelog_unreleased/javascript/pr-8731.md
-28
View File
@@ -1,28 +0,0 @@
#### Fix unstable pair of comments between class methods ([#8731](https://github.com/prettier/prettier/pull/8731) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```js
// Input
class C {
ma() {} /* D */ /* E */
mb() {}
}
// Prettier stable
class C {
ma() {} /* E */ /* D */
mb() {}
}
// Prettier stable (Second format)
class C {
ma() {} /* D */ /* E */
mb() {}
}
// Prettier master
class C {
ma() {} /* D */ /* E */
mb() {}
}
```
changelog_unreleased/javascript/pr-8742.md
-16
View File
@@ -1,16 +0,0 @@
#### Fix duplicated `prettier-ignore` comments ([#8742](https://github.com/prettier/prettier/pull/8742) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```js
// Input
a = <div {.../* prettier-ignore */{}}/>
a = <div {...{}/* prettier-ignore */}/>
// Prettier stable
a = <div {/* prettier-ignore */ .../* prettier-ignore */ {}} />;
a = <div {...{} /* prettier-ignore */ /* prettier-ignore */} />;
// Prettier master
a = <div {.../* prettier-ignore */ {}} />;
a = <div {...{} /* prettier-ignore */} />;
```
changelog_unreleased/javascript/pr-8901.md
-16
View File
@@ -1,16 +0,0 @@
#### Support Decimal Proposal ([#8901](https://github.com/prettier/prettier/pull/8901) by [@fisker](https://github.com/fisker))
Support Stage-1 proposal [Decimal Proposal](https://github.com/tc39/proposal-decimal).
<!-- prettier-ignore -->
```js
// Input
0.3m;
// Prettier stable
SyntaxError: Identifier directly after number (1:4)
> 1 | 0.3m;
// Prettier master
0.3m;
```
changelog_unreleased/javascript/pr-9011.md
-21
View File
@@ -1,21 +0,0 @@
#### Add parens when yielding jsx ([#9011](https://github.com/prettier/prettier/pull/9011) by [@fisker](https://github.com/fisker))
In `v2.0.0` we [removed the parens when yielding jsx](https://prettier.io/blog/2020/03/21/2.0.0.html#remove-unnecessary-parens-when-yielding-jsx-7367httpsgithubcomprettierprettierpull7367-by-cola119httpsgithubcomcola119), this works for most parsers, but ESLint throws when parsing it, [related issue](https://github.com/acornjs/acorn-jsx/issues/82).
<!-- prettier-ignore -->
```js
// Input
function* f() {
yield <div>generator</div>
}
// Prettier stable
function* f() {
yield <div>generator</div>
}
// Prettier master
function* f() {
yield (<div>generator</div>);
}
```
changelog_unreleased/less/pr-8178.md
-20
View File
@@ -1,20 +0,0 @@
#### Fix `:extend` pseudo-class ([#8178](https://github.com/prettier/prettier/pull/8178) by [@fisker](https://github.com/fisker))
The selector is parsed as value before, now it's recognized as selector.
<!-- prettier-ignore -->
```less
// Input
.hello {
&:extend(.input[type="checkbox"]:checked ~ label)}
// Prettier stable
.hello {
&:extend(.input[type= "checkbox" ]: checked ~label);
}
// Prettier master
.hello {
&:extend(.input[type="checkbox"]:checked ~ label);
}
```
changelog_unreleased/less/pr-8360.md
-35
View File
@@ -1,35 +0,0 @@
#### Fix inline comments contains `/*` ([#8360](https://github.com/prettier/prettier/pull/8360) by [@fisker](https://github.com/fisker))
When inline comments contains `/*`, some other comment not correctly printed.
<!-- prettier-ignore -->
```less
// Input
@import "a";
// '/*' <-- this breaks formatting
@import 'b';
/* block */
/*no-space block*/
// Prettier stable
@import "a";
// '/*' <-- this breaks formatting
@import "b";
@import 'b
@import 'b';
/* bl
// Prettier master
@import "a";
// '/*' <-- this breaks formatting
@import "b";
/* block */
/*no-space block*/
```
changelog_unreleased/markdown/pr-8140.md
-5
View File
@@ -1,5 +0,0 @@
#### Update `remark-parse` to v8 ([#8140](https://github.com/prettier/prettier/pull/8140) by [@saramarcondes](https://github.com/saramarcondes), [@fisker](https://github.com/fisker), [@thorn0](https://github.com/thorn0))
[remark](https://remark.js.org/), the Markdown parser that Prettier uses, got a long-overdue update (5.0.0 → 8.0.2, see [remark's changelog](https://github.com/remarkjs/remark/releases)). This fixed tons of old bugs, in particular related to parsing list items indented with tabs.
Please note that the new version is stricter in parsing footnotes, a syntax extension not defined in any specification. Previously, Prettier would parse (and output, depending on the `--tab-width` option) multiline footnotes indented with any number of spaces. The new version recognizes only multiline footnotes indented with 4 spaces. This change isn't considered breaking as the syntax is non-standard, but if you happen to use it, before updating Prettier, you might want to use its older version with `--tab-width=4` to make footnotes in your files compatible with the new version.
changelog_unreleased/markdown/pr-8511.md
-13
View File
@@ -1,13 +0,0 @@
#### Correctly format CJK sentences with Variation Selector ([#8511](https://github.com/prettier/prettier/pull/8511) by [@ne-sachirou](https://github.com/ne-sachirou))
<!-- prettier-ignore -->
```markdown
<!-- Input -->
麻󠄁羽󠄀‼️
<!-- Prettier stable -->
麻 󠄁 羽 󠄀 ‼️
<!-- Prettier master -->
麻󠄁羽󠄀‼️
```
changelog_unreleased/scss/pr-8366.md
-21
View File
@@ -1,21 +0,0 @@
#### Fix inline comments between property and value ([#8366](https://github.com/prettier/prettier/pull/8366) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```scss
// Input
a {
color: // comment
red;
}
// Prettier stable
a {
color: // comment red;
}
// Prettier master
a {
color: // comment
red;
}
```
changelog_unreleased/scss/pr-8675.md
-31
View File
@@ -1,31 +0,0 @@
#### Comments at the end of the file were lost if the final semicolon was omitted ([#8675](https://github.com/prettier/prettier/pull/8675) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```scss
// Input
@mixin foo() {
a {
color: #f99;
}
}
@include foo() /* comment*/
// Prettier stable
@mixin foo() {
a {
color: #f99;
}
}
@include foo();
// Prettier master
@mixin foo() {
a {
color: #f99;
}
}
@include foo(); /* comment*/
```
changelog_unreleased/typescript/pr-8046.md
-19
View File
@@ -1,19 +0,0 @@
#### Fix the `babel-ts` parser so that it emits a proper syntax error for `(a:b)` ([#8046](https://github.com/prettier/prettier/pull/8046) by [@thorn0](https://github.com/thorn0))
Previously, such code was parsed without errors, but an error was thrown in the printer, and this error was printed in an unfriendly way, with a stack trace. Now a proper syntax error is thrown by the parser.
<!-- prettier-ignore -->
```jsx
// Input
(a:b)
// Prettier stable
[error] test.ts: Error: unknown type: "TSTypeCastExpression"
[error] ... [a long stack trace here] ...
// Prettier master
[error] test.ts: SyntaxError: Did not expect a type annotation here. (1:2)
[error] > 1 | (a:b)
[error] | ^
[error] 2 |
```
changelog_unreleased/typescript/pr-8422.md
-23
View File
@@ -1,23 +0,0 @@
#### Parenthesize string literals to avoid interpreting as directives ([#8422](https://github.com/prettier/prettier/pull/8422) by [@thorn0](https://github.com/thorn0))
Prettier wraps any string literal which is in statement position in parentheses because otherwise such strings would get interpreted as directives if they occurred at the top of a function or program, which can change the behavior of the program. It is not technically necessary to do this for strings which are not on the first line of a function or program. But doing so anyway is more consistent and can highlight bugs. See for example [this thread on twitter](https://twitter.com/dan_abramov/status/874601179334017024).
Previously this didn't consistently work for the `typescript` parser. Only strings already wrapped in parentheses retained them.
<!-- prettier-ignore -->
```ts
// Input
f();
'use foo';
('use bar');
// Prettier stable
f();
"use foo";
("use bar");
// Prettier master
f();
("use foo");
("use bar");
```
changelog_unreleased/typescript/pr-8450.md
-16
View File
@@ -1,16 +0,0 @@
#### Support TypeScript 3.9 breaking change for Optional Chaining and Non-Null Assertions ([#8450](https://github.com/prettier/prettier/pull/8450) by [@sosukesuzuki](https://github.com/sosukesuzuki))
See https://devblogs.microsoft.com/typescript/announcing-typescript-3-9/#breaking-changes
<!-- prettier-ignore -->
```ts
// Input
(a?.b)!.c;
// Prettier stable
a?.b!.c;
// Prettier master
(a?.b)!.c;
```
changelog_unreleased/typescript/pr-8805.md
-15
View File
@@ -1,15 +0,0 @@
#### Support type annotations on catch clauses ([#8805](https://github.com/prettier/prettier/pull/8805) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```ts
// Input
try {} catch (e: any) {}
// Prettier stable
try {
} catch (e) {}
// Prettier master
try {
} catch (e: any) {}
```
changelog_unreleased/typescript/pr-8885.md
-16
View File
@@ -1,16 +0,0 @@
#### Support `Labeled Tuple Elements` ([#8885](https://github.com/prettier/prettier/pull/8885) by [@fisker](https://github.com/fisker), [#8982](https://github.com/prettier/prettier/pull/8982) by [@sosukesuzuki](https://github.com/sosukesuzuki))
[`Labeled Tuple Elements`](https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/#labeled-tuple-elements)
<!-- prettier-ignore -->
```ts
// Input
type Range = [start: number, end: number];
// Prettier stable
SyntaxError: Unexpected token, expected "," (1:20)
> 1 | type Range = [start: number, end: number];
// Prettier master
type Range = [start: number, end: number];
```
changelog_unreleased/vue/pr-8023.md
-36
View File
@@ -1,36 +0,0 @@
#### Improve formatting Vue SFC root blocks ([#8023](https://github.com/prettier/prettier/pull/8023) by [@sosukesuzuki](https://github.com/sosukesuzuki), [#8465](https://github.com/prettier/prettier/pull/8465) by [@fisker](https://github.com/fisker))
Support formatting all [language blocks](https://vue-loader.vuejs.org/spec.html#language-blocks)(including [custom blocks](https://vue-loader.vuejs.org/spec.html#custom-blocks) with `lang` attribute) with [builtin parsers](https://prettier.io/docs/en/options.html#parser) and [plugins](https://prettier.io/docs/en/plugins.html).
<!-- prettier-ignore -->
```html
<!-- Input -->
<template lang="pug">
div.text( color = "primary", disabled ="true" )
</template>
<i18n lang="json">
{
"hello": 'prettier',}
</i18n>
<!-- Prettier stable -->
<template lang="pug">
div.text( color = "primary", disabled ="true" )
</template>
<i18n lang="json">
{
"hello": 'prettier',}
</i18n>
<!-- Prettier master -->
<template lang="pug">
.text(color="primary", disabled="true")
</template>
<i18n lang="json">
{
"hello": "prettier"
}
</i18n>
```
**[@prettier/plugin-pug](https://github.com/prettier/plugin-pug) is required for this example.**
changelog_unreleased/vue/pr-8153.md
-21
View File
@@ -1,21 +0,0 @@
#### Improve parsing for custom blocks ([#8153](https://github.com/prettier/prettier/pull/8153) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```html
<!-- Input -->
<custom lang="javascript">
const foo = "</";
</custom>
<!-- Prettier stable -->
SyntaxError: Unexpected character """ (2:19)
[error] 1 | <custom lang="javascript">
[error] > 2 | const foo = "</";
[error] | ^
[error] 3 | </custom>
<!-- Prettier master -->
<custom lang="javascript">
const foo = "</";
</custom>
```
changelog_unreleased/vue/pr-8280.md
-13
View File
@@ -1,13 +0,0 @@
#### Fix broken format with upper case HTML tag ([#8280](https://github.com/prettier/prettier/pull/8280) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```html
<!-- Input -->
<!doctype html><HTML></HTML>
<!-- Prettier stable -->
<!DOCTYPE html>><HTML></HTML>
<!-- Prettier master -->
<!DOCTYPE html><HTML></HTML>
```
changelog_unreleased/vue/pr-8325.md
-19
View File
@@ -1,19 +0,0 @@
#### Fix ugly formatting for one line `template` in Vue SFC ([#8325](https://github.com/prettier/prettier/pull/8325) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```html
<!-- Input -->
<template><p>foo</p><div>foo</div></template>
<!-- Prettier stable -->
<template
><p>foo</p>
<div>foo</div></template
>
<!-- Prettier master -->
<template>
<p>foo</p>
<div>foo</div>
</template>
```
changelog_unreleased/vue/pr-8326.md
-62
View File
@@ -1,62 +0,0 @@
#### Support Vue DOM Template ([#8326](https://github.com/prettier/prettier/pull/8326) by [@sosukesuzuki](https://github.com/sosukesuzuki))
When use vue parse for HTML, parse template as HTML.
<!-- prettier-ignore -->
```html
<!-- Input -->
<!DOCTYPE html>
<html>
<body STYLE="color: #333">
<DIV id="app">
<DIV>First Line</DIV><DIV>Second Line</DIV>
</DIV>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
new Vue({
el: "#app",
data() {
return {}
},
});
</script>
</body>
</html>
<!-- Prettier stable -->
<!DOCTYPE html>
<html>
<body STYLE="color: #333">
<DIV id="app"> <DIV>First Line</DIV><DIV>Second Line</DIV> </DIV>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
new Vue({
el: "#app",
data() {
return {};
},
});
</script>
</body>
</html>
<!-- Prettier master -->
<!DOCTYPE html>
<html>
<body style="color: #333">
<div id="app">
<div>First Line</div>
<div>Second Line</div>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
new Vue({
el: "#app",
data() {
return {};
},
});
</script>
</body>
</html>
```
changelog_unreleased/vue/pr-8337.md
-40
View File
@@ -1,40 +0,0 @@
#### Improve upper case HTML tag formatting in DOM template ([#8337](https://github.com/prettier/prettier/pull/8337) by [@sosukesuzuki](https://github.com/sosukesuzuki))
<!-- prettier-ignore -->
```html
<!-- Input -->
<!DOCTYPE html><HTML>
<body>
<div v-if="foo === 'foo'">
</div>
<script>
new Vue({el: '#app'})
</script>
</body>
</HTML>
<!-- Prettier stable -->
<!DOCTYPE html>
<HTML>
<body>
<div v-if="foo === 'foo'">
</div>
<script>
new Vue({el: '#app'})
</script>
</body>
</HTML>
<!-- Prettier master -->
<!DOCTYPE html>
<HTML>
<body>
<div v-if="foo === 'foo'"></div>
<script>
new Vue({ el: "#app" });
</script>
</body>
</HTML>
```
changelog_unreleased/vue/pr-8747.md
-19
View File
@@ -1,19 +0,0 @@
#### Fix parenthesized interpolation format ([#8747](https://github.com/prettier/prettier/pull/8747) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```vue
<!-- Input -->
<template>
<span>{{(a|| b)}} {{z&&(a&&b)}}</span>
</template>
<!-- Prettier stable -->
<template>
<span>{{(a|| b)}} {{z&&(a&&b)}}</span>
</template>
<!-- Prettier master -->
<template>
<span>{{ a || b }} {{ z && a && b }}</span>
</template>
```
changelog_unreleased/vue/pr-8839.md
-19
View File
@@ -1,19 +0,0 @@
#### Fix named slots shorthand value is not formatted ([#8839](https://github.com/prettier/prettier/pull/8839) by [@wenfangdu](https://github.com/wenfangdu))
<!-- prettier-ignore -->
```vue
<!-- Input -->
<template>
<div #default="{foo:{bar:{baz}}}"></div>
</template>
<!-- Prettier stable -->
<template>
<div #default="{foo:{bar:{baz}}}"></div>
</template>
<!-- Prettier master -->
<template>
<div #default="{ foo: { bar: { baz } } }"></div>
</template>
```
changelog_unreleased/yaml/pr-8355.md
-34
View File
@@ -1,34 +0,0 @@
#### Fix unstable format with `prettier-ignore` ([#8355](https://github.com/prettier/prettier/pull/8355) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```yaml
# Input
# prettier-ignore
---
prettier: true
...
hello: world
# Prettier stable
# prettier-ignore
---
prettier: true
---
hello: world
# Prettier stable (Second format)
# prettier-ignore
---
prettier: true
---
hello: world
# Prettier master
# prettier-ignore
---
prettier: true
---
hello: world
```
changelog_unreleased/yaml/pr-8356.md
-54
View File
@@ -1,54 +0,0 @@
#### Preserve blank lines in comments ([#8356](https://github.com/prettier/prettier/pull/8356) by [@fisker](https://github.com/fisker))
<!-- prettier-ignore -->
```yaml
# Input
a:
- a: a
# - b: b
# - c: c
- d: d
b:
- a: a
# - b: b
# - c: c
# Prettier stable
a:
- a: a
# - b: b
# - c: c
- d: d
b:
- a: a
# - b: b
# - c: c
# Prettier master
a:
- a: a
# - b: b
# - c: c
- d: d
b:
- a: a
# - b: b
# - c: c
```
changelog_unreleased/yaml/pr-8386.md
-35
View File
@@ -1,35 +0,0 @@
#### Update `yaml` and `yaml-unist-parser` ([#8386](https://github.com/prettier/prettier/pull/8386) by [@fisker](https://github.com/fisker), fixes in [`yaml-unist-parser`](https://github.com/ikatyang/yaml-unist-parser) by [@ikatyang](https://github.com/ikatyang))
- `yaml`: [Add explicit error for block scalars with more-indented leading empty lines](https://github.com/eemeli/yaml/commit/7eafeb821d4a89d4de26f5b3798ee6e009e99b12)
- `yaml-unist-parser`: [fix: no false positive for document head end marker position](https://github.com/ikatyang/yaml-unist-parser/pull/272)
<!-- prettier-ignore -->
```yaml
# Input
# --- comments ---
# Prettier stable
--- # --- comments ---
# Prettier master
# --- comments ---
# Input
empty block scalar: >
# comment
# Prettier stable
empty block scalar: >
# comment
# Prettier master
SyntaxError: Block scalars with more-indented leading empty lines must use an explicit indentation indicator (1:21)
> 1 | empty block scalar: >
| ^
> 2 |
| ^^
> 3 | # comment
| ^^^^^^^^^^^
```
changelog_unreleased/yaml/pr-8888.md
-39
View File
@@ -1,39 +0,0 @@
#### Fix error on YAML Inline Extend syntax ([#8888](https://github.com/prettier/prettier/pull/8888) by [@fisker](https://github.com/fisker), [@evilebottnawi](https://github.com/evilebottnawi), fixes in [`yaml-unist-parser`](https://github.com/ikatyang/yaml-unist-parser) by [@ikatyang](https://github.com/ikatyang))
<!-- prettier-ignore -->
```yaml
# Input
foo:
<<: &anchor
K1: "One"
K2: "Two"
bar:
<<: *anchor
K3: "Three"
# Prettier stable
SyntaxError: Merge nodes can only have Alias nodes as values (2:2)
1 | foo:
> 2 | <<: &anchor
| ^^^^^^^^^^^
> 3 | K1: "One"
| ^^^^^^^^^^^^
> 4 | K2: "Two"
| ^^^^^^^^^^^^
> 5 |
| ^
6 | bar:
7 | <<: *anchor
8 | K3: "Three"
# Prettier master
foo:
<<: &anchor
K1: "One"
K2: "Two"
bar:
<<: *anchor
K3: "Three"
```
cspell.json
+4 -2
View File
@@ -117,7 +117,6 @@
"Filipe",
"finalizer",
"Fiorini",
"fisker",
"fnames",
"foldgutter",
"formatprg",
@@ -403,7 +402,10 @@
"\\[`\\w+`\\]",
"ve{2,}r{2,}y",
"ve+r+y+long\\w*",
"\\/.*?\\/"
"\\/.*?\\/",
"author: \".*?\"",
"authorURL: \".*?\"",
"\"author\": \".*?\""
],
"ignorePaths": [
"cspell.json",
website/blog/2020-08-24-2.1.0.md
+2320
View File
File diff suppressed because it is too large. Load diff
website/siteConfig.js
+1 -1
View File
@@ -54,7 +54,7 @@ const siteConfig = {
theme: "default",
version: require("highlight.js/package.json").version,
},
usePrism: ["javascript", "jsx", "typescript", "ts", "js", "html"],
usePrism: ["javascript", "jsx", "typescript", "ts", "js", "html", "css"],
useEnglishUrl: true,
scripts: ["https://buttons.github.io/buttons.js"],
stylesheets: [