Movatterモバイル変換

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

`v2.8.7`

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

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

`v2.8.6`

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

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

`v2.8.5`

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{  @&#8203;(myDecoratorArray[0])greet(){}}// Prettier 2.8.4classPerson{  @&#8203;myDecoratorArray[0]greet(){}}// Prettier 2.8.5classPerson{  @&#8203;(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 setsmax_line_length=off for the file you're formatting,
it will be interpreted as aprintWidth ofInfinity rather than being ignored
(which previously resulted in the defaultprintWidth 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`

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 paramparamparamparamparamparamparamparamparamparam}}  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)

InSapling 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=/** @&#8203;satisfies {Record<string, string>} */({hello:1337});constb=/** @&#8203;type {Record<string, string>} */({hello:1337});// Prettier 2.8.3consta=/** @&#8203;satisfies {Record<string, string>} */{hello:1337};constb=/** @&#8203;type {Record<string, string>} */({hello:1337});// Prettier 2.8.4consta=/** @&#8203;satisfies {Record<string, string>} */({hello:1337});constb=/** @&#8203;type {Record<string, string>} */({hello:1337});

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

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

`v2.8.3`

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

SeeAngular v15.1.0 release note for details.

// Input<app-test/>// Prettier 2.8.2SyntaxError: 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`

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 withelse, 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@&#8203;variable: {  field: something;};// Prettier 2.8.1@&#8203;variable: {  field: something;}; ;// Prettier 2.8.2@&#8203;variable: {  field: something;};

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

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

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

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

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

// InputclassA{  @&#8203;dec()// commentaccessorb;}// Prettier 2.8.1classA{  @&#8203;dec()accessor// commentb;}// Prettier 2.8.1 (second format)classA{  @&#8203;dec()accessor;// commentb;}// Prettier 2.8.2classA{  @&#8203;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 viababel-ts parser.

classFoo{  accessorprop:number;}

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

// Inputconstfoo:bar</* comment */> = () =>baz;// Prettier 2.8.1Error: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.1Error: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: @&#8203;colors[@&#8203;white];}// Prettier 2.8.1a {color: @&#8203;colors[ @&#8203;white];}// Prettier 2.8.2<Same asinput>

`v2.8.1`

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 forAuto Accessors Syntax landed in TypeScript 4.9.

(Doesn't work well withbabel-ts parser)

classFoo{  accessorfoo:number=3;}

`v2.8.0`

`v2.7.1`

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

`v2.7.0`

"""
First line
Second Line
"""
type Person {
name: String
}

`v2.6.2`

Fix LESS/SCSS format error (#12536 by@fisker)

// Input.background-gradient(@&#8203;cut) {background:linear-gradient(toright,        @&#8203;white0%,        @&#8203;white (@&#8203;cut -0.01%),        @&#8203;portal-background @&#8203;cut,        @&#8203;portal-background100%    );}// Prettier 2.6.1TypeError: Cannot read properties of undefined (reading'endOffset')// Prettier 2.6.2.background-gradient(@&#8203;cut) {background:linear-gradient(toright,    @&#8203;white0%,    @&#8203;white (@&#8203;cut -0.01%),    @&#8203;portal-background @&#8203;cut,    @&#8203;portal-background100%  );}

Update`meriyah` to fix several bugs (#12567 by@fisker, fixes in`meriyah` by@3cp)

Fixes bugs when parsing following valid code:

foo(awaitbar());

constregex=/.*/ms;

constelement=<p>{/w/.test(s)}</p>;

classAextendsB{  #privateMethod(){super.method();}}

`v2.6.1`

Ignore`loglevel` when printing information (#12477 by@fisker)

`v2.6.0`

prettier --loglevel silent --find-config-path index.js

`v2.5.1`

Improve formatting for empty tuple types (#11884 by@sosukesuzuki)

// InputtypeFoo=Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooextends[]    ?Foo3    :Foo4;// Prettier 2.5.0typeFoo=Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooextends[]  ?Foo3  :Foo4;// Prettier 2.5.0 (tailingCommma = all)// Invalid TypeScript codetypeFoo=Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooextends[,]  ?Foo3  :Foo4;// Prettier 2.5.1typeFoo=Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooextends[]    ?Foo3    :Foo4;

Fix compatibility with Jest inline snapshot test (#11892 by@fisker)

A internal change in Prettier@v2.5.0 accidentally breaks the Jest inline snapshot test.

Support Glimmer's named blocks (#11899 by@duailibe)

Prettier already supported this feature, but it converted empty named blocks to self-closing, which is not supported by the Glimmer compiler.

See:Glimmer's named blocks.

// Input<Component>  <:named></:named></Component>// Prettier 2.5.0<Component>  <:named /></Component>// Prettier 2.5.1<Component>  <:named></:named></Component>

`v2.5.0`

`v2.4.1`

Fix wildcard syntax in`@forward` (#11482) (#11487 by@niksy)

// Input@&#8203;forward "library" as btn-*;// Prettier 2.4.0@&#8203;forward "library" as btn-*;// Prettier 2.4.1@&#8203;forward "library" as btn-*;

Add new CLI option`debug-print-ast` (#11514 by@sosukesuzuki)

A new--debug-print-ast CLI flag for debugging.

`v2.4.0`

`v2.3.2`

Fix failure on dir with trailing slash (#11000 by@fisker)

$ls1.js  1.unknown

`v2.3.1`

$ prettier . -l
1.js
$ prettier ./ -l
[error] No supported files were found in the directory: "./".

`v2.3.0`