chore: 🤖 update dependency prettier to v2.8.8

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
prettier (source)	2.6.2 → 2.8.8

---

Release Notes

prettier/prettier (prettier)

v2.8.8

Compare Source

This version is a republished version of v2.8.7.
A bad version was accidentally published and it can't be unpublished, apologies for the churn.

v2.8.7

Compare Source

diff

Allow multiple decorators on same getter/setter (#​14584 by @​fisker)

// InputclassA{
@decorator()getfoo(){}
@decorator()setfoo(value){}}// Prettier 2.8.6
SyntaxError: Decoratorscannotbeappliedtomultipleget/setaccessorsofthesamename.(5:3)3|getfoo(){}4|>5| @decorator()|^^^^^^^^^^^^6|setfoo(value){}7|}// Prettier 2.8.7classA{
@decorator()getfoo(){}
@decorator()setfoo(value){}}

v2.8.6

Compare Source

diff

Allow decorators on private members and class expressions (#​14548 by @​fisker)

// InputclassA{
@decorator()
#privateMethod (){}}// Prettier 2.8.5
SyntaxError: Decoratorsarenotvalidhere.(2:3)1|classA{>2| @decorator()|^^^^^^^^^^^^3| #privateMethod (){}4|}// Prettier 2.8.6classA{
@decorator()
#privateMethod(){}}

v2.8.5

Compare Source

diff

Support TypeScript 5.0 (#​14391 by @​fisker, #​13819 by @​fisker, @​sosukesuzuki)

TypeScript 5.0 introduces two new syntactic features:

• const modifiers for type parameters
• export type * declarations

Add missing parentheses for decorator (#​14393 by @​fisker)

// InputclassPerson{
@(myDecoratorArray[0])greet(){}}// Prettier 2.8.4classPerson{
@myDecoratorArray[0]greet(){}}// Prettier 2.8.5classPerson{
@(myDecoratorArray[0])greet(){}}

Add parentheses for TypeofTypeAnnotation to improve readability (#​14458 by @​fisker)

// InputtypeA=(typeofnode.children)[];// Prettier 2.8.4typeA=typeofnode.children[];// Prettier 2.8.5typeA=(typeofnode.children)[];

Support max_line_length=off when parsing .editorconfig (#​14516 by @​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).

<!-- Input --><divclassName='HelloWorld' title={`Youarevisitornumber${num}`}onMouseOver={onMouseOver}/><!-- Prettier 2.8.4 --><divclassName="HelloWorld"
title={`Youarevisitornumber${num}`}onMouseOver={onMouseOver}/>;
<!-- Prettier 2.8.5 --><divclassName="HelloWorld" title={`Youarevisitornumber${num}`}onMouseOver={onMouseOver}/>;

v2.8.4

Compare Source

diff

Fix leading comments in mapped types with readonly (#​13427 by @​thorn0, @​sosukesuzuki)

// InputtypeType={// commentreadonly[keyinFoo];};// Prettier 2.8.3typeType={readonly// comment[keyinFoo];};// Prettier 2.8.4typeType={// commentreadonly[keyinFoo];};

Group params in opening block statements (#​14067 by @​jamescdavis)

This is a follow-up to #​13930 to establish wrapping consistency between opening block statements and else blocks by
grouping params in opening blocks. This causes params to break to a new line together and not be split across lines
unless the length of params exceeds the print width. This also updates the else block wrapping to behave exactly the
same as opening blocks.

{{! Input }}{{#blockparamparamparamparamparamparamparamparamparamparamas |blockParam|}}
Hello
{{else block param param param param param param param param param param as |blockParam|}}
There
{{/block}}{{! Prettier 2.8.3 }}{{#blockparamparamparamparamparamparamparamparamparamparamas |blockParam|
}}
Hello
{{else block param
param
param
param
param
param
param
param
param
param}}
There
{{/block}}{{! Prettier 2.8.4 }}{{#blockparamparamparamparamparamparamparamparamparamparamas |blockParam|
}}
Hello
{{else block
param param param param param param param param param param
as |blockParam|
}}
There
{{/block}}

Ignore files in .sl/ (#​14206 by @​bolinfest)

In Sapling SCM, .sl/ is the folder where it stores its state, analogous to .git/ in Git. It should be ignored in Prettier like the other SCM folders.

Recognize @satisfies in Closure-style type casts (#​14262 by @​fisker)

// Inputconsta=/** @satisfies {Record<string, string>} */({hello: 1337});constb=/** @type {Record<string, string>} */({hello: 1337});// Prettier 2.8.3consta=/** @satisfies {Record<string, string>} */{hello: 1337};constb=/** @type {Record<string, string>} */({hello: 1337});// Prettier 2.8.4consta=/** @satisfies {Record<string, string>} */({hello: 1337});constb=/** @type {Record<string, string>} */({hello: 1337});

Fix parens in inferred function return types with extends (#​14279 by @​fisker)

// InputtypeFoo<T>=Textends((a)=>a is infer Rextendsstring) ? R : never;// Prettier 2.8.3 (First format)typeFoo<T>=Textends(a)=>a is infer Rextendsstring ? R : never;// Prettier 2.8.3 (Second format)
SyntaxError: '?'expected.// Prettier 2.8.4typeFoo<T>=Textends((a)=>ais infer Rextendsstring) ? R : never;

v2.8.3

Compare Source

diff

Allow self-closing tags on custom elements (#​14170 by @​fisker)

See Angular v15.1.0 release note for details.

// Input
<app-test/>
// Prettier 2.8.2
SyntaxError: Only void and foreign elements can be self closed "app-test" (1:1)
> 1 | <app-test/>
| ^^^^^^^^^
2 |
// Prettier 2.8.3
<app-test/>

v2.8.2

Compare Source

diff

Don't lowercase link references (#​13155 by @​DerekNonGeneric & @​fisker)

<!-- Input -->
We now don't strictly follow the release notes format suggested by [Keep a Changelog].
[Keep a Changelog]: https://example.com/<!-- Prettier 2.8.1 -->
We now don't strictly follow the release notes format suggested by [Keep a Changelog].
[keep a changelog]: https://example.com/<!--^^^^^^^^^^^^^^^^^^ lowercased--><!-- Prettier 2.8.2 -->
<Sameasinput>

Preserve self-closing tags (#​13691 by @​dcyriller)

{{! Input }}
<div />
<div></div>
<custom-component />
<custom-component></custom-component>
<i />
<i></i>
<Component />
<Component></Component>
{{! Prettier 2.8.1 }}
<div></div>
<div></div>
<custom-component></custom-component>
<custom-component></custom-component>
<i></i>
<i></i>
<Component />
<Component />
{{! Prettier 2.8.2 }}
<div />
<div></div>
<custom-component />
<custom-component></custom-component>
<i />
<i></i>
<Component />
<Component />

Allow custom "else if"-like blocks with block params (#​13930 by @​jamescdavis)

#​13507 added support for custom block keywords used with else, but failed to allow block params. This updates printer-glimmer to allow block params with custom "else if"-like blocks.

{{! Input }}{{#whenisAtWorkas |work|}}
Ship that
{{work}}!
{{else when isReading as |book|}}
You can finish
{{book}}
eventually...
{{else}}
Go to bed!
{{/when}}{{! Prettier 2.8.1 }}{{#whenisAtWorkas |work|}}
Ship that
{{work}}!
{{else when isReading}}
You can finish
{{book}}
eventually...
{{else}}
Go to bed!
{{/when}}{{! Prettier 2.8.2 }}{{#whenisAtWorkas |work|}}
Ship that
{{work}}!
{{else when isReading as |book|}}
You can finish
{{book}}
eventually...
{{else}}
Go to bed!
{{/when}}

Preserve empty lines between nested SCSS maps (#​13931 by @​jneander)

/* Input */$map: (
'one': (
'key': 'value',
),
'two': (
'key': 'value',
),
)
/* Prettier 2.8.1 */$map: (
'one': (
'key': 'value',
),
'two': (
'key': 'value',
),
)
/* Prettier 2.8.2 */$map: (
'one': (
'key': 'value',
),
'two': (
'key': 'value',
),
)

Fix missing parentheses when an expression statement starts with let[ (#​14000, #​14044 by @​fisker, @​thorn0)

// Input(let[0]=2);// Prettier 2.8.1let[0]=2;// Prettier 2.8.1 (second format)
SyntaxError: Unexpectedtoken(1:5)>1|let[0]=2;|^2|// Prettier 2.8.2(let)[0]=2;

Fix semicolon duplicated at the end of LESS file (#​14007 by @​mvorisek)

// Input@variable: {
field: something;
};
// Prettier 2.8.1@variable: {
field: something;
}; ;
// Prettier 2.8.2@variable: {
field: something;
};

Fix no space after unary minus when followed by opening parenthesis in LESS (#​14008 by @​mvorisek)

// Input.unary_minus_single {
margin: -(@a);
}
.unary_minus_multi {
margin: 0-(@a);
}
.binary_minus {
margin: 0- (@a);
}
// Prettier 2.8.1.unary_minus_single {
margin: - (@a);
}
.unary_minus_multi {
margin: 0- (@a);
}
.binary_minus {
margin: 0- (@a);
}
// Prettier 2.8.2.unary_minus_single {
margin: -(@a);
}
.unary_minus_multi {
margin: 0-(@a);
}
.binary_minus {
margin: 0- (@a);
}

Do not change case of property name if inside a variable declaration in LESS (#​14034 by @​mvorisek)

// Input@var: {
preserveCase: 0;
};
// Prettier 2.8.1@var: {
preservecase: 0;
};
// Prettier 2.8.2@var: {
preserveCase: 0;
};

Fix formatting for auto-accessors with comments (#​14038 by @​fisker)

// InputclassA{
@dec()// commentaccessorb;}// Prettier 2.8.1classA{
@dec()accessor// commentb;}// Prettier 2.8.1 (second format)classA{
@dec()accessor;// commentb;}// Prettier 2.8.2classA{
@dec()// commentaccessorb;}

Add parentheses for TSTypeQuery to improve readability (#​14042 by @​onishi-kohei)

// Inputaas(typeofnode.children)[number]aas(typeofnode.children)[]aas((typeofnode.children)[number])[]// Prettier 2.8.1aastypeofnode.children[number];aastypeofnode.children[];aastypeofnode.children[number][];// Prettier 2.8.2aas(typeofnode.children)[number];aas(typeofnode.children)[];aas(typeofnode.children)[number][];

Fix displacing of comments in default switch case (#​14047 by @​thorn0)

It was a regression in Prettier 2.6.0.

// Inputswitch(state){default:
result=state;// no changebreak;}// Prettier 2.8.1switch(state){default: // no changeresult=state;break;}// Prettier 2.8.2switch(state){default:
result=state;// no changebreak;}

Support type annotations on auto accessors via babel-ts (#​14049 by @​sosukesuzuki)

The bug that @babel/parser cannot parse auto accessors with type annotations has been fixed. So we now support it via babel-ts parser.

classFoo{
accessor prop: number;}

Fix formatting of empty type parameters (#​14073 by @​fisker)

// Inputconstfoo: bar</* comment */> = () =>baz;// Prettier 2.8.1
Error: Comment"comment"wasnotprinted.Pleasereportthiserror!// Prettier 2.8.2const foo: bar</* comment */>=()=>baz;

Add parentheses to head of ExpressionStatement instead of the whole statement (#​14077 by @​fisker)

// Input({}).toString.call(foo)==="[object Array]"
? foo.forEach(iterateArray)
: iterateObject(foo);// Prettier 2.8.1({}.toString.call(foo)==="[object Array]"
? foo.forEach(iterateArray)
: iterateObject(foo));// Prettier 2.8.2({}).toString.call(foo.forEach)==="[object Array]"
? foo.forEach(iterateArray)
: iterateObject(foo);

Fix comments after directive (#​14081 by @​fisker)

// Input"use strict"/* comment */;// Prettier 2.8.1 (with other js parsers except `babel`)Error: Comment"comment"wasnotprinted.Pleasereportthiserror!// Prettier 2.8.2<Sameasinput>

Fix formatting for comments inside JSX attribute (#​14082 by @​fisker)

// InputfunctionMyFunctionComponent(){<buttonlabel=/*old*/"new">button</button>}// Prettier 2.8.1
Error: Comment"old"wasnotprinted.Pleasereportthiserror!// Prettier 2.8.2functionMyFunctionComponent(){<buttonlabel=/*old*/"new">button</button>;}

Quote numeric keys for json-stringify parser (#​14083 by @​fisker)

// Input{0: 'value'}// Prettier 2.8.1{0: "value"}// Prettier 2.8.2{"0": "value"}

Fix removing commas from function arguments in maps (#​14089 by @​sosukesuzuki)

/* Input */$foo: map-fn(
(
"#{prop}": inner-fn($first, $second),
)
);
/* Prettier 2.8.1 */$foo: map-fn(("#{prop}": inner-fn($first$second)));
/* Prettier 2.8.2 */$foo: map-fn(
(
"#{prop}": inner-fn($first, $second),
)
);

Do not insert space in LESS property access (#​14103 by @​fisker)

// Inputa {
color: @colors[@white];
}
// Prettier 2.8.1a {
color: @colors[ @white];
}
// Prettier 2.8.2<Same as input>

v2.8.1

Compare Source

diff

Fix SCSS map in arguments (#​9184 by @​agamkrbit)

// Input$display-breakpoints: map-deep-merge(
(
"print-only": "only print",
"screen-only": "only screen",
"xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, "sm")-1})",
),$display-breakpoints
);
// Prettier 2.8.0$display-breakpoints: map-deep-merge(
(
"print-only": "only print",
"screen-only": "only screen",
"xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, " sm")-1})",
),$display-breakpoints
);
// Prettier 2.8.1$display-breakpoints: map-deep-merge(
(
"print-only": "only print",
"screen-only": "only screen",
"xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, "sm")-1})",
),$display-breakpoints
);

Support auto accessors syntax (#​13919 by @​sosukesuzuki)

Support for Auto Accessors Syntax landed in TypeScript 4.9.

(Doesn't work well with babel-ts parser)

classFoo{
accessor foo: number=3;}

v2.8.0

Compare Source

diff

🔗 Release Notes

v2.7.1

Compare Source

diff

Keep useful empty lines in description (#​13013 by @​chimurai)

# Input"""First lineSecond Line"""typePerson {
name: String
}
# Prettier 2.7.0"""First lineSecond Line"""typePerson {
name: String
}
# Prettier 2.7.1"""First lineSecond Line"""typePerson {
name: String
}

v2.7.0

Compare Source

diff

🔗 Release Notes

---

Configuration

📅 Schedule: (UTC)

• Branch creation
  • At any time (no schedule defined)
• Automerge
  • At any time (no schedule defined)

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.