Release 3.2.2

prettier · Jan 14, 2024 · 5f2c6df · 5f2c6df
1 parent cb8004f
commit 5f2c6df
Show file tree

Hide file tree

Showing 7 changed files with 63 additions and 35 deletions.
diff --git a/.github/ISSUE_TEMPLATE/formatting.md b/.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.2.1**
+**Prettier 3.2.2**
 [Playground link](https://prettier.io/playground/#.....)
 
 ```sh

diff --git a/.github/ISSUE_TEMPLATE/integration.md b/.github/ISSUE_TEMPLATE/integration.md
@@ -20,7 +20,7 @@ BEFORE SUBMITTING AN ISSUE:
 
 **Environments:**
 
-- Prettier Version: 3.2.1
+- Prettier Version: 3.2.2
 - Running Prettier via: <!-- CLI, Node.js API, Browser API, etc. -->
 - Runtime: <!-- Node.js v14, Chrome v83, etc. -->
 - Operating System: <!-- Windows, Linux, macOS, etc. -->

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,30 @@
+# 3.2.2
+
+[diff](https://github.com/prettier/prettier/compare/3.2.1...3.2.2)
+
+#### Fix crash when parsing template literal CSS in a JSX style tag using a spread attribute ([#15896](https://github.com/prettier/prettier/pull/15896) by [@eelco](https://github.com/eelco))
+
+For example this code would crash before:
+
+<!-- prettier-ignore -->
+```jsx
+<style {...spread}>{`.{}`}</style>
+```
+
+#### Fix formatting error on optional call expression and member chain ([#15920](https://github.com/prettier/prettier/pull/15920) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+a(() => {}, c?.d());
+
+// Prettier 3.2.1
+TypeError: Cannot read properties of undefined (reading 'type')
+
+// Prettier 3.2.2
+a(() => {}, c?.d());
+```
+
 # 3.2.1
 
 [diff](https://github.com/prettier/prettier/compare/3.2.0...3.2.1)

diff --git a/docs/browser.md b/docs/browser.md
@@ -18,7 +18,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.2.1/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.2.2/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.
 
@@ -29,8 +29,8 @@ See below for examples.
 ### Global
 
 ```html
-<script src="https://unpkg.com/prettier@3.2.1/standalone.js"></script>
-<script src="https://unpkg.com/prettier@3.2.1/plugins/graphql.js"></script>
+<script src="https://unpkg.com/prettier@3.2.2/standalone.js"></script>
+<script src="https://unpkg.com/prettier@3.2.2/plugins/graphql.js"></script>
 <script>
   (async () => {
     const formatted = await prettier.format("type Query { hello: String }", {
@@ -47,8 +47,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.2.1/standalone.mjs";
-  import prettierPluginGraphql from "https://unpkg.com/prettier@3.2.1/plugins/graphql.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.2.2/standalone.mjs";
+  import prettierPluginGraphql from "https://unpkg.com/prettier@3.2.2/plugins/graphql.mjs";
 
   const formatted = await prettier.format("type Query { hello: String }", {
     parser: "graphql",
@@ -61,8 +61,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
 
 ```js
 define([
-  "https://unpkg.com/prettier@3.2.1/standalone.js",
-  "https://unpkg.com/prettier@3.2.1/plugins/graphql.js",
+  "https://unpkg.com/prettier@3.2.2/standalone.js",
+  "https://unpkg.com/prettier@3.2.2/plugins/graphql.js",
 ], async (prettier, ...plugins) => {
   const formatted = await prettier.format("type Query { hello: String }", {
     parser: "graphql",
@@ -90,8 +90,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
 ### Worker
 
 ```js
-importScripts("https://unpkg.com/prettier@3.2.1/standalone.js");
-importScripts("https://unpkg.com/prettier@3.2.1/plugins/graphql.js");
+importScripts("https://unpkg.com/prettier@3.2.2/standalone.js");
+importScripts("https://unpkg.com/prettier@3.2.2/plugins/graphql.js");
 
 (async () => {
   const formatted = await prettier.format("type Query { hello: String }", {
@@ -107,9 +107,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.2.1/standalone.mjs";
-  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.1/plugins/babel.mjs";
-  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.1/plugins/estree.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.2.2/standalone.mjs";
+  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.2/plugins/babel.mjs";
+  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.2/plugins/estree.mjs";
 
   console.log(
     await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
@@ -125,10 +125,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.2.1/standalone.mjs";
-  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.1/plugins/babel.mjs";
-  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.1/plugins/estree.mjs";
-  import prettierPluginHtml from "https://unpkg.com/prettier@3.2.1/plugins/html.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.2.2/standalone.mjs";
+  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.2/plugins/babel.mjs";
+  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.2/plugins/estree.mjs";
+  import prettierPluginHtml from "https://unpkg.com/prettier@3.2.2/plugins/html.mjs";
 
   console.log(
     await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "prettier",
-  "version": "3.3.0-dev",
+  "version": "3.2.2",
   "description": "Prettier is an opinionated code formatter",
   "bin": "./bin/prettier.cjs",
   "repository": "prettier/prettier",

diff --git a/website/versioned_docs/version-stable/browser.md b/website/versioned_docs/version-stable/browser.md
@@ -19,7 +19,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.2.1/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.2.2/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.
 
@@ -30,8 +30,8 @@ See below for examples.
 ### Global
 
 ```html
-<script src="https://unpkg.com/prettier@3.2.1/standalone.js"></script>
-<script src="https://unpkg.com/prettier@3.2.1/plugins/graphql.js"></script>
+<script src="https://unpkg.com/prettier@3.2.2/standalone.js"></script>
+<script src="https://unpkg.com/prettier@3.2.2/plugins/graphql.js"></script>
 <script>
   (async () => {
     const formatted = await prettier.format("type Query { hello: String }", {
@@ -48,8 +48,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.2.1/standalone.mjs";
-  import prettierPluginGraphql from "https://unpkg.com/prettier@3.2.1/plugins/graphql.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.2.2/standalone.mjs";
+  import prettierPluginGraphql from "https://unpkg.com/prettier@3.2.2/plugins/graphql.mjs";
 
   const formatted = await prettier.format("type Query { hello: String }", {
     parser: "graphql",
@@ -62,8 +62,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
 
 ```js
 define([
-  "https://unpkg.com/prettier@3.2.1/standalone.js",
-  "https://unpkg.com/prettier@3.2.1/plugins/graphql.js",
+  "https://unpkg.com/prettier@3.2.2/standalone.js",
+  "https://unpkg.com/prettier@3.2.2/plugins/graphql.js",
 ], async (prettier, ...plugins) => {
   const formatted = await prettier.format("type Query { hello: String }", {
     parser: "graphql",
@@ -91,8 +91,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
 ### Worker
 
 ```js
-importScripts("https://unpkg.com/prettier@3.2.1/standalone.js");
-importScripts("https://unpkg.com/prettier@3.2.1/plugins/graphql.js");
+importScripts("https://unpkg.com/prettier@3.2.2/standalone.js");
+importScripts("https://unpkg.com/prettier@3.2.2/plugins/graphql.js");
 
 (async () => {
   const formatted = await prettier.format("type Query { hello: String }", {
@@ -108,9 +108,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.2.1/standalone.mjs";
-  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.1/plugins/babel.mjs";
-  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.1/plugins/estree.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.2.2/standalone.mjs";
+  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.2/plugins/babel.mjs";
+  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.2/plugins/estree.mjs";
 
   console.log(
     await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
@@ -126,10 +126,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.2.1/standalone.mjs";
-  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.1/plugins/babel.mjs";
-  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.1/plugins/estree.mjs";
-  import prettierPluginHtml from "https://unpkg.com/prettier@3.2.1/plugins/html.mjs";
+  import * as prettier from "https://unpkg.com/prettier@3.2.2/standalone.mjs";
+  import prettierPluginBabel from "https://unpkg.com/prettier@3.2.2/plugins/babel.mjs";
+  import prettierPluginEstree from "https://unpkg.com/prettier@3.2.2/plugins/estree.mjs";
+  import prettierPluginHtml from "https://unpkg.com/prettier@3.2.2/plugins/html.mjs";
 
   console.log(
     await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {

diff --git a/website/versioned_docs/version-stable/plugins.md b/website/versioned_docs/version-stable/plugins.md
@@ -50,6 +50,7 @@ Strings provided to `plugins` are ultimately passed to [`import()` expression](h
 - [`prettier-plugin-astro`](https://github.com/withastro/prettier-plugin-astro) by [**@withastro contributors**](https://github.com/withastro/prettier-plugin-astro/graphs/contributors)
 - [`prettier-plugin-elm`](https://github.com/gicentre/prettier-plugin-elm) by [**@giCentre**](https://github.com/gicentre)
 - [`prettier-plugin-erb`](https://github.com/adamzapasnik/prettier-plugin-erb) by [**@adamzapasnik**](https://github.com/adamzapasnik)
+- [`prettier-plugin-gherkin`](https://github.com/mapado/prettier-plugin-gherkin) by [**@mapado**](https://github.com/mapado)
 - [`prettier-plugin-glsl`](https://github.com/NaridaL/glsl-language-toolkit/tree/main/packages/prettier-plugin-glsl) by [**@NaridaL**](https://github.com/NaridaL)
 - [`prettier-plugin-go-template`](https://github.com/NiklasPor/prettier-plugin-go-template) by [**@NiklasPor**](https://github.com/NiklasPor)
 - [`prettier-plugin-java`](https://github.com/jhipster/prettier-java) by [**@JHipster**](https://github.com/jhipster)