prettier/prettier
### [`v1.16.1`](https://togithub.com/prettier/prettier/blob/master/CHANGELOG.md#1161)
[Compare Source](https://togithub.com/prettier/prettier/compare/1.16.0...1.16.1)
[diff](https://togithub.com/prettier/prettier/compare/1.16.0...1.16.1)
- JavaScript: Do not format functions with arguments as react hooks ([#5778] by [@SimenB])
The formatting added in Prettier 1.16 would format any function receiving an
arrow function and an array literal to match React Hook's documentation.
Prettier will now format this the same as before that change if the arrow
function receives any arguments.
```js
// Input
["red", "white", "blue", "black", "hotpink", "rebeccapurple"].reduce(
(allColors, color) => {
return allColors.concat(color);
},
[]
);
// Output (Prettier 1.16.0)
["red", "white", "blue", "black", "hotpink", "rebeccapurple"].reduce((
allColors,
color
) => {
return allColors.concat(color);
}, []);
// Output (Prettier 1.16.1)
["red", "white", "blue", "black", "hotpink", "rebeccapurple"].reduce(
(allColors, color) => {
return allColors.concat(color);
},
[]
);
```
- JavaScript: Add necessary parentheses for decorators ([#5785] by [@ikatyang])
Parentheses for decorators with nested call expressions are optional for legacy decorators
but they're required for decorators in the current [proposal](https://tc39.github.io/proposal-decorators/#sec-syntax).
```js
// Input
class X {
@(computed().volatile())
prop
}
// Output (Prettier 1.16.0)
class X {
@computed().volatile()
prop
}
// Output (Prettier 1.16.1)
class X {
@(computed().volatile())
prop
}
```
- TypeScript: Stable parentheses for function type in the return type of arrow function ([#5790] by [@ikatyang])
There's a regression introduced in 1.16 that
parentheses for function type in the return type of arrow function were kept adding/removing.
Their parentheses are always printed now.
```ts
// Input
const foo = (): (() => void) => (): void => null;
const bar = (): () => void => (): void => null;
// First Output (Prettier 1.16.0)
const foo = (): () => void => (): void => null;
const bar = (): (() => void) => (): void => null;
// Second Output (Prettier 1.16.0)
const foo = (): (() => void) => (): void => null;
const bar = (): () => void => (): void => null;
// Output (Prettier 1.16.1)
const foo = (): (() => void) => (): void => null;
const bar = (): (() => void) => (): void => null;
```
- MDX: Correctly recognize inline JSX ([#5783] by [@ikatyang])
Previously, some inline JSXs are wrongly recognized as block HTML/JSX,
which causes unexpected behaviors. This issue is now fixed.
```md
_foo bar_
_foo
bar_
_foo bar_
```
[@ikatyang]: https://togithub.com/ikatyang
[@simenb]: https://togithub.com/SimenB
[#5778]: https://togithub.com/prettier/prettier/pull/5778
[#5783]: https://togithub.com/prettier/prettier/pull/5783
[#5785]: https://togithub.com/prettier/prettier/pull/5785
[#5790]: https://togithub.com/prettier/prettier/pull/5790
### [`v1.16.0`](https://togithub.com/prettier/prettier/blob/master/CHANGELOG.md#1160)
[Compare Source](https://togithub.com/prettier/prettier/compare/1.15.3...1.16.0)
[diff](https://togithub.com/prettier/prettier/compare/1.15.3...1.16.0)
π [Release Notes](https://prettier.io/blog/2019/01/20/1.16.0.html)
### [`v1.15.3`](https://togithub.com/prettier/prettier/blob/master/CHANGELOG.md#1153)
[Compare Source](https://togithub.com/prettier/prettier/compare/1.15.2...1.15.3)
[diff](https://togithub.com/prettier/prettier/compare/1.15.2...1.15.3)
- JavaScript: support `htm` ([#5565](https://togithub.com/prettier/prettier/pull/5565))
- JavaScript: support logical assignment operator ([#5489](https://togithub.com/prettier/prettier/pull/5489))
- JavaScript: do not add quotes for interpolation-only attributes in `html` templates ([#5544](https://togithub.com/prettier/prettier/pull/5544))
- JavaScript: add missing parenthesis for binary in optional member ([#5543](https://togithub.com/prettier/prettier/pull/5543))
- JavaScript: fix a parser regression ([#5530](https://togithub.com/prettier/prettier/pull/5530))
- JavaScript: improve union types with leading comments ([#5575](https://togithub.com/prettier/prettier/pull/5575))
- TypeScript: support BigInt ([#5546](https://togithub.com/prettier/prettier/pull/5546), [#5577](https://togithub.com/prettier/prettier/pull/5577))
- TypeScript: inline method decorators should stay inlined ([#5444](https://togithub.com/prettier/prettier/pull/5444))
- TypeScript: do not change `module` into `namespace` and break/hug their body correctly ([#5551](https://togithub.com/prettier/prettier/pull/5551))
- TypeScript: do not add invalid semicolon for construct in interface with `// prettier-ignore` ([#5469](https://togithub.com/prettier/prettier/pull/5469))
- HTML: do not touch comments ([#5525](https://togithub.com/prettier/prettier/pull/5525))
- HTML: preserve bogus comments ``/`` ([#5565](https://togithub.com/prettier/prettier/pull/5565))
- HTML: support IE conditional start/end comment ([#5470](https://togithub.com/prettier/prettier/pull/5470))
- HTML: do not add extra indentation for js template in ` Githubissues.
Githubissues is a development platform for aggregating issues.
This PR contains the following updates:
1.10.2->1.16.1Release Notes
prettier/prettier
### [`v1.16.1`](https://togithub.com/prettier/prettier/blob/master/CHANGELOG.md#1161) [Compare Source](https://togithub.com/prettier/prettier/compare/1.16.0...1.16.1) [diff](https://togithub.com/prettier/prettier/compare/1.16.0...1.16.1) - JavaScript: Do not format functions with arguments as react hooks ([#5778] by [@SimenB]) The formatting added in Prettier 1.16 would format any function receiving an arrow function and an array literal to match React Hook's documentation. Prettier will now format this the same as before that change if the arrow function receives any arguments. ```js // Input ["red", "white", "blue", "black", "hotpink", "rebeccapurple"].reduce( (allColors, color) => { return allColors.concat(color); }, [] ); // Output (Prettier 1.16.0) ["red", "white", "blue", "black", "hotpink", "rebeccapurple"].reduce(( allColors, color ) => { return allColors.concat(color); }, []); // Output (Prettier 1.16.1) ["red", "white", "blue", "black", "hotpink", "rebeccapurple"].reduce( (allColors, color) => { return allColors.concat(color); }, [] ); ``` - JavaScript: Add necessary parentheses for decorators ([#5785] by [@ikatyang]) Parentheses for decorators with nested call expressions are optional for legacy decorators but they're required for decorators in the current [proposal](https://tc39.github.io/proposal-decorators/#sec-syntax). ```js // Input class X { @(computed().volatile()) prop } // Output (Prettier 1.16.0) class X { @computed().volatile() prop } // Output (Prettier 1.16.1) class X { @(computed().volatile()) prop } ``` - TypeScript: Stable parentheses for function type in the return type of arrow function ([#5790] by [@ikatyang]) There's a regression introduced in 1.16 that parentheses for function type in the return type of arrow function were kept adding/removing. Their parentheses are always printed now. ```ts // Input const foo = (): (() => void) => (): void => null; const bar = (): () => void => (): void => null; // First Output (Prettier 1.16.0) const foo = (): () => void => (): void => null; const bar = (): (() => void) => (): void => null; // Second Output (Prettier 1.16.0) const foo = (): (() => void) => (): void => null; const bar = (): () => void => (): void => null; // Output (Prettier 1.16.1) const foo = (): (() => void) => (): void => null; const bar = (): (() => void) => (): void => null; ``` - MDX: Correctly recognize inline JSX ([#5783] by [@ikatyang]) Previously, some inline JSXs are wrongly recognized as block HTML/JSX, which causes unexpected behaviors. This issue is now fixed. ```md _foo