Release 3.7.4

.github/ISSUE_TEMPLATE/formatting.md

@@ -26,7 +26,7 @@ Don't fill the form below manually! Let a program create a report for you:
 
 -->
 
-**Prettier 3.7.3**
+**Prettier 3.7.4**
 [Playground link](https://prettier.io/playground/#.....)
 
 ```sh

.github/ISSUE_TEMPLATE/integration.md

@@ -20,7 +20,7 @@ BEFORE SUBMITTING AN ISSUE:
 
 **Environments:**
 
-- Prettier Version: 3.7.3
+- Prettier Version: 3.7.4
 - Running Prettier via: <!-- CLI, Node.js API, Browser API, etc. -->
 - Runtime: <!-- Node.js v14, Chrome v83, etc. -->
 - Operating System: <!-- Windows, Linux, macOS, etc. -->

CHANGELOG.md

@@ -1,3 +1,63 @@
+# 3.7.4
+
+[diff](https://github.com/prettier/prettier/compare/3.7.3...3.7.4)
+
+#### LWC: Avoid quote around interpolations ([#18383](https://github.com/prettier/prettier/pull/18383) by [@kovsu](https://github.com/kovsu))
+
+<!-- prettier-ignore -->
+```html
+<!-- Input -->
+<div foo={bar}>   </div>
+
+<!-- Prettier 3.7.3 (--embedded-language-formatting off) -->
+<div foo="{bar}"></div>
+
+<!-- Prettier 3.7.4 (--embedded-language-formatting off) -->
+<div foo={bar}></div>
+```
+
+#### TypeScript: Fix comment inside union type get duplicated ([#18393](https://github.com/prettier/prettier/pull/18393) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```tsx
+// Input
+type Foo = (/** comment */ a | b) | c;
+
+// Prettier 3.7.3
+type Foo = /** comment */ (/** comment */ a | b) | c;
+
+// Prettier 3.7.4
+type Foo = /** comment */ (a | b) | c;
+```
+
+#### TypeScript: Fix unstable comment print in union type comments ([#18395](https://github.com/prettier/prettier/pull/18395) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```tsx
+// Input
+type X = (A | B) & (
+  // comment
+  A | B
+);
+
+// Prettier 3.7.3 (first format)
+type X = (A | B) &
+  (// comment
+  A | B);
+
+// Prettier 3.7.3 (second format)
+type X = (
+  | A
+  | B // comment
+) &
+  (A | B);
+
+// Prettier 3.7.4
+type X = (A | B) &
+  // comment
+  (A | B);
+```
+
 # 3.7.3
 
 [diff](https://github.com/prettier/prettier/compare/3.7.2...3.7.3)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "prettier",
-  "version": "3.8.0-dev",
+  "version": "3.7.4",
   "description": "Prettier is an opinionated code formatter",
   "bin": "./bin/prettier.cjs",
   "repository": "prettier/prettier",

website/versioned_docs/version-stable/browser.md

@@ -21,7 +21,7 @@ Required options:
 
 - **[`parser`](options.md#parser) (or [`filepath`](options.md#file-path))**: One of these options has to be specified for Prettier to know which parser to use.
 
-- **`plugins`**: Unlike the `format` function from the [Node.js-based API](api.md#prettierformatsource-options), this function doesn’t load plugins automatically. The `plugins` option is required because all the parsers included in the Prettier package come as plugins (for reasons of file size). These plugins are files in [https://unpkg.com/browse/prettier@3.7.3/plugins](https://unpkg.com/browse/prettier@3.7.3/plugins). Note that `estree` plugin should be loaded when printing JavaScript, TypeScript, Flow, or JSON.
+- **`plugins`**: Unlike the `format` function from the [Node.js-based API](api.md#prettierformatsource-options), this function doesn’t load plugins automatically. The `plugins` option is required because all the parsers included in the Prettier package come as plugins (for reasons of file size). These plugins are files in [https://unpkg.com/browse/prettier@3.7.4/plugins](https://unpkg.com/browse/prettier@3.7.4/plugins). Note that `estree` plugin should be loaded when printing JavaScript, TypeScript, Flow, or JSON.
 
   You need to load the ones that you’re going to use and pass them to `prettier.format` using the `plugins` option.
 
@@ -32,8 +32,8 @@ See below for examples.
 ### Global
 
 ```html
-<script src="https://unpkg.com/prettier@3.7.3/standalone.js"></script>
+<script src="https://unpkg.com/prettier@3.7.4/standalone.js"></script>
-<script src="https://unpkg.com/prettier@3.7.3/plugins/graphql.js"></script>
+<script src="https://unpkg.com/prettier@3.7.4/plugins/graphql.js"></script>
 <script>
   (async () => {
     const formatted = await prettier.format("type Query { hello: String }", {
@@ -50,8 +50,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
 
 ```html
 <script type="module">
-  import * as prettier from "https://unpkg.com/prettier@3.7.3/standalone.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.7.4/standalone.mjs";
-  import * as prettierPluginGraphql from "https://unpkg.com/prettier@3.7.3/plugins/graphql.mjs";
+  import * as prettierPluginGraphql from "https://unpkg.com/prettier@3.7.4/plugins/graphql.mjs";
 
   const formatted = await prettier.format("type Query { hello: String }", {
     parser: "graphql",
@@ -64,8 +64,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
 
 ```js
 define([
-  "https://unpkg.com/prettier@3.7.3/standalone.js",
+  "https://unpkg.com/prettier@3.7.4/standalone.js",
-  "https://unpkg.com/prettier@3.7.3/plugins/graphql.js",
+  "https://unpkg.com/prettier@3.7.4/plugins/graphql.js",
 ], async (prettier, ...plugins) => {
   const formatted = await prettier.format("type Query { hello: String }", {
     parser: "graphql",
@@ -96,8 +96,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
 <TabItem value="module" label="Module worker">
 
 ```js
-import * as prettier from "https://unpkg.com/prettier@3.7.3/standalone.mjs";
+import * as prettier from "https://unpkg.com/prettier@3.7.4/standalone.mjs";
-import * as prettierPluginGraphql from "https://unpkg.com/prettier@3.7.31/plugins/graphql.mjs";
+import * as prettierPluginGraphql from "https://unpkg.com/prettier@3.7.41/plugins/graphql.mjs";
 
 const formatted = await prettier.format("type Query { hello: String }", {
   parser: "graphql",
@@ -110,8 +110,8 @@ const formatted = await prettier.format("type Query { hello: String }", {
 
 ```js
 importScripts(
-  "https://unpkg.com/prettier@3.7.3/standalone.js",
+  "https://unpkg.com/prettier@3.7.4/standalone.js",
-  "https://unpkg.com/prettier@3.7.3/plugins/graphql.js",
+  "https://unpkg.com/prettier@3.7.4/plugins/graphql.js",
 );
 
 (async () => {
@@ -131,9 +131,9 @@ If you want to format [embedded code](options.md#embedded-language-formatting),
 
 ```html
 <script type="module">
-  import * as prettier from "https://unpkg.com/prettier@3.7.3/standalone.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.7.4/standalone.mjs";
-  import * as prettierPluginBabel from "https://unpkg.com/prettier@3.7.3/plugins/babel.mjs";
+  import * as prettierPluginBabel from "https://unpkg.com/prettier@3.7.4/plugins/babel.mjs";
-  import * as prettierPluginEstree from "https://unpkg.com/prettier@3.7.3/plugins/estree.mjs";
+  import * as prettierPluginEstree from "https://unpkg.com/prettier@3.7.4/plugins/estree.mjs";
 
   console.log(
     await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
@@ -149,10 +149,10 @@ The HTML code embedded in JavaScript stays unformatted because the `html` parser
 
 ```html
 <script type="module">
-  import * as prettier from "https://unpkg.com/prettier@3.7.3/standalone.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.7.4/standalone.mjs";
-  import * as prettierPluginBabel from "https://unpkg.com/prettier@3.7.3/plugins/babel.mjs";
+  import * as prettierPluginBabel from "https://unpkg.com/prettier@3.7.4/plugins/babel.mjs";
-  import * as prettierPluginEstree from "https://unpkg.com/prettier@3.7.3/plugins/estree.mjs";
+  import * as prettierPluginEstree from "https://unpkg.com/prettier@3.7.4/plugins/estree.mjs";
-  import * as prettierPluginHtml from "https://unpkg.com/prettier@3.7.3/plugins/html.mjs";
+  import * as prettierPluginHtml from "https://unpkg.com/prettier@3.7.4/plugins/html.mjs";
 
   console.log(
     await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {