<!-- Input --><divfoo={bar}></div><!-- Prettier 3.7.3 (--embedded-language-formatting off) --><divfoo="{bar}"></div><!-- Prettier 3.7.4 (--embedded-language-formatting off) --><divfoo={bar}></div>

// InputtypeFoo=(/** comment */a|b)|c;// Prettier 3.7.3typeFoo=/** comment */(/** comment */a|b)|c;// Prettier 3.7.4typeFoo=/** comment */(a|b)|c;

// InputtypeX=(A|B)&(// commentA|B);// Prettier 3.7.3 (first format)typeX=(A|B)&(// commentA|B);// Prettier 3.7.3 (second format)typeX=(|A|B// comment)&(A|B);// Prettier 3.7.4typeX=(A|B)&// comment(A|B);

// Inputconsole.log("A descriptor\\'s .kind must be \"method\" or \"field\".")// Prettier 3.7.1console.log('A descriptor\\'s.kindmustbe"method"or"field".');// Prettier 3.7.2console.log('A descriptor\\\'s .kind must be "method" or "field".');

// Inputconsthtml=/* HTML */` <divpl-s1">${styles.banner}"></div> `;// Prettier 3.7.1consthtml=/* HTML */` <div class=${styles.banner}></div> `;// Prettier 3.7.2consthtml=/* HTML */` <divpl-s1">${styles.banner}"></div> `;

// InputexporttypeXXX={// tbd};// Prettier 3.7.1exporttypeXXX={// tbd};// Prettier 3.7.2exporttypeXXX={// tbd};

<!-- Input-->1. Some text, and code block below, with newline after code block```yaml---foo:bar```   1. Another   2. List<!-- Prettier 3.6.1 -->1. Some text, and code block below, with newline after code block```yaml---foo:bar```   1. Another   2. List<!-- Prettier 3.6.2 -->1. Some text, and code block below, with newline after code block```yaml---foo:bar```   1. Another   2. List

// Inputexportconstversion:string;// Prettier 3.6.0 (--parser=babel-ts)SyntaxError:Unexpectedtoken(1:21)>1|exportconstversion:string;|^// Prettier 3.6.0 (--parser=oxc-ts)SyntaxError:Missinginitializerinconstdeclaration(1:14)>1|exportconstversion:string;|^^^^^^^^^^^^^^^// Prettier 3.6.1exportconstversion:string;

// InputtypeT<U>='a'|('b'extendsU ?'c' :empty);typeT<U>='a'&('b'extendsU ?'c' :empty);// Prettier 3.5.2typeT<U>="a"|"b"extendsU ?"c" :empty;typeT<U>="a"&"b"extendsU ?"c" :empty;// Prettier 3.5.3typeT<U>="a"|("b"extendsU ?"c" :empty);typeT<U>="a"&("b"extendsU ?"c" :empty);

<!-- Input (--prose-wrap=never)-->C言語・C++・Go・Rust<!-- Prettier 3.4.1-->C言語・ C++ ・ Go ・ Rust<!-- Prettier 3.4.2-->C言語・C++・Go・Rust

// InputclassA{  @​decorator/**   * The method description   *  */asyncmethod(foo:Foo,bar:Bar){console.log(foo);}}// Prettier 3.4.1classA{  @​decoratorasync/**   * The method description   *   */method(foo:Foo,bar:Bar){console.log(foo);}}// Prettier 3.4.2classA{  @​decorator/**   * The method description   *   */asyncmethod(foo:Foo,bar:Bar){console.log(foo);}}

// Input<div>  foo<span>longlonglonglonglonglonglonglonglonglonglonglonglonglonglongl foo</span>  , abc</div>;// Prettier 3.4.1 (first)<div>  foo<span>    longlonglonglonglonglonglonglonglonglonglonglonglonglonglongl foo</span>, abc</div>;// Prettier 3.4.1 (second)<div>  foo<span>longlonglonglonglonglonglonglonglonglonglonglonglonglonglongl foo</span>  , abc</div>;// Prettier 3.4.2<div>  foo<span>longlonglonglonglonglonglonglonglonglonglonglonglonglonglongl foo</span>  , abc</div>;

<!-- Input--><template>  <button@&#8203;click="foo += 2">Click</button></template><!-- Prettier 3.4.0--><template>  <button@&#8203;click="(foo += 2)">Click</button></template><!-- Prettier 3.4.1--><template>  <button@&#8203;click="foo += 2">Click</button></template>

// Inputfoo ?bar??foo :baz;foo??bar ?a :b;a ?b :foo??bar;// Prettier 3.3.2foo ?bar??foo :baz;foo??bar ?a :b;a ?b :foo??bar;// Prettier 3.3.3foo ?(bar??foo) :baz;(foo??bar) ?a :b;a ?b :(foo??bar);

// Input@​(foo`tagged template`)classX{}// Prettier 3.3.2@​foo`tagged template`classX{}// Prettier 3.3.3@​(foo`tagged template`)classX{}

@&#8203;let name = 'Frodo';<h1>Dashboard for {{name}}</h1>Hello, {{name}}

{{! Input }}<div>{{@&#8203;x.y.z}}</div>{{! Prettier 3.3.1 }}<div>{{@&#8203;x}}</div>{{! Prettier 3.3.2 }}<div>{{@&#8203;x.y.z}}</div>

<!-- Input-->---foo:- bar1- bar2- bar3---Markdown<!-- Prettier 3.3.0-->---foo:- bar1- bar2- bar3---Markdown<!-- Prettier 3.3.1-->---foo:- bar1- bar2- bar3---Markdown

<!-- Input-->---yamltitle: Helloslug: home---<!-- Prettier 3.3.0-->---title: Helloslug: home---<!-- Prettier 3.3.1-->---yamltitle: Helloslug: home---

// Inputimportsomethingfrom"./some-very-very-very-very-very-very-very-very-long-path.json"with{type:"json"};// Prettier 3.3.0importsomethingfrom"./some-very-very-very-very-very-very-very-very-long-path.json"with{type:"json"};// Prettier 3.3.1importsomethingfrom"./some-very-very-very-very-very-very-very-very-long-path.json"with{type:"json"};

// Input@&#8203;Component({template:`<div>...</div>`,styles:`h1 { color: blue; }`,})exportclassAppComponent{}// Prettier 3.2.4@&#8203;Component({template:`<div>...</div>`,styles:`h1 { color: blue; }`,})exportclassAppComponent{}// Prettier 3.2.5@&#8203;Component({template:`<div>...</div>`,styles:`    h1 {      color: blue;    }  `,})exportclassAppComponent{}

// Inputconsttemplate="foobar";@&#8203;Component({[template]:`<h1>{{       hello }}</h1>`,})exportclassAppComponent{}// Prettier 3.2.4consttemplate="foobar";@&#8203;Component({[template]:`<h1>{{ hello }}</h1>`,})exportclassAppComponent{}// Prettier 3.2.5consttemplate="foobar";@&#8203;Component({[template]:`<h1>{{       hello }}</h1>`,})exportclassAppComponent{}

{"overrides": [    {"files": ["tsconfig.json","jsconfig.json"],"options": {"parser":"jsonc"      }    }  ]}

// Input1++;// Prettier 3.2.21++;// Prettier 3.2.3SyntaxError:Invalidleft-handsideexpressioninunaryoperation(1:1)>1|1++;|^

// Inputtry{}catch(error=1){}// Prettier 3.2.2try{}catch(error){}// Prettier 3.2.3SyntaxError:Catchclausevariablecannothaveaninitializer.(1:23)>1|try{}catch(error=1){}|^

// Prettier 3.2.2prettier --file-info tsconfig.json{ "ignored": false, "inferredParser": "json" }// Prettier 3.2.3prettier --file-info tsconfig.json{ "ignored": false, "inferredParser": "jsonc" }

<style{...spread}>{`.{}`}</style>

// Inputa(()=>{},c?.d());// Prettier 3.2.1TypeError:Cannotreadpropertiesofundefined(reading'type')// Prettier 3.2.2a(()=>{},c?.d());

// Inputtest().test2().test2(thing?.something);// Prettier 3.2.0TypeError:Cannotreadpropertiesofundefined(reading'type')// Prettier 3.2.1test().test2().test2(thing?.something);

├─ .prettierrc└─ test.js         (A directory)  └─ .prettierrc

// Prettier 3.1.0awaitprettier.resolveConfigFile(newURL("./test.js",import.meta.url));// <CWD>/test.js/.prettierrc// Prettier 3.1.1awaitprettier.resolveConfigFile(newURL("./test.js",import.meta.url));// <CWD>/.prettierrc

// Inputaaaaaaaaaaaaaaa?bbbbbbbbbbbbbbbbbb:ccccccccccccccc  ?ddddddddddddddd  :eeeeeeeeeeeeeee    ?fffffffffffffff    :gggggggggggggggg;// Prettier 3.1.0aaaaaaaaaaaaaaa?bbbbbbbbbbbbbbbbbb:ccccccccccccccc  ?ddddddddddddddd  :eeeeeeeeeeeeeee    ?fffffffffffffff    :gggggggggggggggg;// Prettier 3.1.1aaaaaaaaaaaaaaa?bbbbbbbbbbbbbbbbbb:ccccccccccccccc?ddddddddddddddd:eeeeeeeeeeeeeee?fffffffffffffff:gggggggggggggggg;

// Inputconst{  foo,// bar// baz}:Foo=expr;// Prettier 3.1.0const{  foo1,}// bar// baz:Foo=expr;// Prettier 3.1.0 second outputconst{  foo1,// bar}// baz:Foo=expr;// Prettier 3.1.1const{  foo1,// bar// baz}:Foo=expr;

importsomethingfrom"./something.json"with{type:"json"};

// Inputimport{}from'foo';import{/* comment */}from'bar';// Prettier 3.1.0import{}from"foo";import/* comment */"bar";// Prettier 3.1.1import{}from"foo";import{}from/* comment */"bar";

// Inputimportfoofrom"foo"with{};importbarfrom"bar"assert{};// Prettier 3.1.0importfoofrom"foo";importbarfrom"bar";// Prettier 3.1.1importfoofrom"foo"with{};importbarfrom"bar"assert{};

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in <packageName>/package.json

// Inputconstplugin=require(global.STANDALONE    ?path.join(__dirname,"../standalone.js")    :path.join(__dirname,".."));// Prettier 3.0.2constplugin=require(global.STANDALONE  ?path.join(__dirname,"../standalone.js")  :path.join(__dirname,".."));// Prettier 3.0.3constplugin=require(global.STANDALONE    ?path.join(__dirname,"../standalone.js")    :path.join(__dirname,".."));

<!-- Input-->```tsconst foo= <T>()=> {}```<!-- Prettier 3.0.2-->```tsconst foo= <T,>()=> {}```<!-- Prettier 3.0.3-->```tsconst foo= <T>()=> {}```

{   usingfoo=newFoo();await usingbar=newBar();}

// Inputconst{ section, rubric, authors, tags}=awaitutils.upsertCommonData(mainData);// Prettier 3.0.1const{ section, rubric, authors, tags}=awaitutils.upsertCommonData(mainData,);// Prettier 3.0.2const{ section, rubric, authors, tags}=awaitutils.upsertCommonData(mainData);

/* Input*/$foo: ('property': (),// comment 1// comment 2)/* Prettier 3.0.1*/$foo: ("property": (),// comment 1// comment 2,);/* Prettier 3.0.2*/$foo: ("property": (),// comment 1// comment 2);

// Inputdeclarenamespaceabc1.def{}exportnamespaceabc2.def{}// Prettier 3.0.1namespaceabc1.def{}namespaceabc2.def{}// Prettier 3.0.2declarenamespaceabc1.def{}exportnamespaceabc2.def{}

// <|> is the cursor position/* Input */// All messages are represented in JSON.// So, the prettier.py controls a subprocess which spawns "node {this_file}".import{<|>}from"fs"/* Prettier 3.0.0 */// All messages are represented in JSON.// So, the prettier.py <|>controls a subprocess which spawns "node {this_file}".import{}from"fs"/* Prettier 3.0.1 */// All messages are represented in JSON.// So, the prettier.py controls a subprocess which spawns "node {this_file}".import{<|>}from"fs"

// Inputfunctionfn(){return(/**     * @​type {...}     */expression)}// Prettier 3.0.0functionfn(){return/**   * @​type {...}   */expression;}// Prettier 3.0.1functionfn(){return(/**     * @​type {...}     */expression);}

<!-- Input--><script setup lang="ts"generic="TextendsType1&Type2& (Type3|Type4),Uextendsstring|number|boolean"></script><!-- Prettier 3.0.0--><script  setup  lang="ts"generic="TextendsType1&Type2& (Type3|Type4),Uextendsstring|number|boolean"></script><!-- Prettier 3.0.1--><script  setup  lang="ts"generic="TextendsType1&Type2& (Type3|Type4),Uextendsstring|number|boolean"></script>

functiona(b){if(b)return1;// commentelsereturn2;}/* Prettier 3.0.0 */Error:Comment"comment"wasnotprinted.Pleasereportthiserror!/* Prettier 3.0.1 */functiona(b){if(b)return1;// commentelsereturn2;}

export interface Printer<T = any> {  // ...+ preprocess?:+   | ((ast: T, options: ParserOptions<T>) => T | Promise<T>)+   | undefined;}

constprinter:Printer={print:()=>[],getVisitorKeys(node,nonTraversableKeys){return["body"];},};

// InputinterfaceTestNode{readonlyArray:readonlystring[];}declareconstpath:AstPath<TestNode>;path.map(()=>"","readonlyArray");// Prettier 3.0.0interfaceTestNode{readonlyArray:readonlystring[];}declareconstpath:AstPath<TestNode>;path.map(()=>"","readonlyArray");//                  ^ Argument of type '"readonlyArray"' is not assignable to parameter of type '"regularArray"'. ts(2345)// Prettier 3.0.1interfaceTestNode{readonlyArray:readonlystring[];}declareconstpath:AstPath<TestNode>;path.map(()=>"","readonlyArray");

// Inputdiv {margin:- func();}// Prettier 3.0.0div {margin:-func();}// Prettier 3.0.1div {margin:- func();}