From 0229baee21e8e6ecef04d4d76c41af84dfcca8bc Mon Sep 17 00:00:00 2001 From: jstejada Date: Tue, 14 Dec 2021 14:19:21 -0500 Subject: [PATCH] React DevTools 4.21.0 -> 4.22.0 (#22951) --- packages/react-devtools-core/package.json | 2 +- .../chrome/manifest.json | 4 +- .../edge/manifest.json | 4 +- .../firefox/manifest.json | 2 +- packages/react-devtools-inline/package.json | 2 +- packages/react-devtools-timeline/package.json | 2 +- packages/react-devtools/CHANGELOG.md | 39 +++++++++++++++++++ packages/react-devtools/package.json | 4 +- 8 files changed, 49 insertions(+), 10 deletions(-) diff --git a/packages/react-devtools-core/package.json b/packages/react-devtools-core/package.json index 9017ff6303..99a23a33a7 100644 --- a/packages/react-devtools-core/package.json +++ b/packages/react-devtools-core/package.json @@ -1,6 +1,6 @@ { "name": "react-devtools-core", - "version": "4.21.0", + "version": "4.22.0", "description": "Use react-devtools outside of the browser", "license": "MIT", "main": "./dist/backend.js", diff --git a/packages/react-devtools-extensions/chrome/manifest.json b/packages/react-devtools-extensions/chrome/manifest.json index 780793b6d1..e7e1ee11aa 100644 --- a/packages/react-devtools-extensions/chrome/manifest.json +++ b/packages/react-devtools-extensions/chrome/manifest.json @@ -2,8 +2,8 @@ "manifest_version": 2, "name": "React Developer Tools", "description": "Adds React debugging tools to the Chrome Developer Tools.", - "version": "4.21.0", - "version_name": "4.21.0", + "version": "4.22.0", + "version_name": "4.22.0", "minimum_chrome_version": "60", "icons": { "16": "icons/16-production.png", diff --git a/packages/react-devtools-extensions/edge/manifest.json b/packages/react-devtools-extensions/edge/manifest.json index fa9b34cd2a..f5db34564a 100644 --- a/packages/react-devtools-extensions/edge/manifest.json +++ b/packages/react-devtools-extensions/edge/manifest.json @@ -2,8 +2,8 @@ "manifest_version": 2, "name": "React Developer Tools", "description": "Adds React debugging tools to the Microsoft Edge Developer Tools.", - "version": "4.21.0", - "version_name": "4.21.0", + "version": "4.22.0", + "version_name": "4.22.0", "minimum_chrome_version": "60", "icons": { "16": "icons/16-production.png", diff --git a/packages/react-devtools-extensions/firefox/manifest.json b/packages/react-devtools-extensions/firefox/manifest.json index 2bd83fd656..22257f0b80 100644 --- a/packages/react-devtools-extensions/firefox/manifest.json +++ b/packages/react-devtools-extensions/firefox/manifest.json @@ -2,7 +2,7 @@ "manifest_version": 2, "name": "React Developer Tools", "description": "Adds React debugging tools to the Firefox Developer Tools.", - "version": "4.21.0", + "version": "4.22.0", "applications": { "gecko": { "id": "@react-devtools", diff --git a/packages/react-devtools-inline/package.json b/packages/react-devtools-inline/package.json index f6468fea3c..1398f28d92 100644 --- a/packages/react-devtools-inline/package.json +++ b/packages/react-devtools-inline/package.json @@ -1,6 +1,6 @@ { "name": "react-devtools-inline", - "version": "4.21.0", + "version": "4.22.0", "description": "Embed react-devtools within a website", "license": "MIT", "main": "./dist/backend.js", diff --git a/packages/react-devtools-timeline/package.json b/packages/react-devtools-timeline/package.json index 86bab4e260..1a8856da81 100644 --- a/packages/react-devtools-timeline/package.json +++ b/packages/react-devtools-timeline/package.json @@ -1,7 +1,7 @@ { "private": true, "name": "react-devtools-timeline", - "version": "4.21.0", + "version": "4.22.0", "license": "MIT", "dependencies": { "@elg/speedscope": "1.9.0-a6f84db", diff --git a/packages/react-devtools/CHANGELOG.md b/packages/react-devtools/CHANGELOG.md index 95a1a65721..04f6be3445 100644 --- a/packages/react-devtools/CHANGELOG.md +++ b/packages/react-devtools/CHANGELOG.md @@ -2,6 +2,45 @@ +## 4.22.0 (December 13, 2021) + +#### A note for React Native users +React DevTools has [two main pieces](https://github.com/facebook/react/blob/main/packages/react-devtools/OVERVIEW.md#overview): +* The *frontend* users interact with (the Components tree, the Profiler, etc.). +* The *backend* which runs in the same context as React itself. (In the web page with React DOM or shipped on the device with the React Native runtime.) + +This release updates the [**protocol** that DevTools uses](https://github.com/facebook/react/blob/main/packages/react-devtools/OVERVIEW.md#serializing-the-tree) to communicate between the "frontend" and "backend" components. + +Because React Native embeds a copy of the React DevTools "backend" ([`react-devtools-core/backend`](https://www.npmjs.com/package/react-devtools-core)), the "frontend" (UI) needs to match. This means you may be prompted to upgrade (or downgrade) your React DevTools based on which version of React Native your app uses. + +#### Features +* Support multiple DevTools instances per page ([@bvaughn](https://github.com/bvaughn) in [#22949](https://github.com/facebook/react/pull/22949)) +* Advocate for StrictMode usage within Components tree ([@bvaughn](https://github.com/bvaughn) in [#22886](https://github.com/facebook/react/pull/22886)) +* StyleX plug-in for resolving atomic styles to values for props.xstyle ([@bvaughn](https://github.com/bvaughn) in [#22808](https://github.com/facebook/react/pull/22808)) +* Timeline search ([@bvaughn](https://github.com/bvaughn) in [#22799](https://github.com/facebook/react/pull/22799)) +* Add test selectors to experimental build ([@bvaughn](https://github.com/bvaughn) in [#22760](https://github.com/facebook/react/pull/22760)) +* Timeline: Improved snapshot view ([@bvaughn](https://github.com/bvaughn) in [#22706](https://github.com/facebook/react/pull/22706)) +* Display root type for root updates in "what caused this update?" ([@eps1lon](https://github.com/eps1lon) in [#22599](https://github.com/facebook/react/pull/22599)) +* Add open in editor for fb ([@ezzak](https://github.com/ezzak) in [#22649](https://github.com/facebook/react/pull/22649)) + +#### Bugfix +* DevTools should inject itself for XHTML pages too (not just HTML) ([@bvaughn](https://github.com/bvaughn) in [#22932](https://github.com/facebook/react/pull/22932)) +* Don't restore profiling data if we're profling ([@eps1lon](https://github.com/eps1lon) in [#22753](https://github.com/facebook/react/pull/22753)) +* DevTools should properly report re-renders due to (use)context changes ([@bvaughn](https://github.com/bvaughn) in [#22746](https://github.com/facebook/react/pull/22746)) +* Filter empty commits (all Fibers bailed out) from Profiler ([@bvaughn](https://github.com/bvaughn) in [#22745](https://github.com/facebook/react/pull/22745)) +* Accept json file in import fileinput ([@jyash97](https://github.com/jyash97) in [#22717](https://github.com/facebook/react/pull/22717)) +* Expose css vars to reach-ui portal components ([@jyash97](https://github.com/jyash97) in [#22716](https://github.com/facebook/react/pull/22716)) +* Fix DevTools advanced tooltip display conditional check ([@bvaughn](https://github.com/bvaughn) in [#22669](https://github.com/facebook/react/pull/22669)) + + +#### Misc +* Internally log errors occurring or reported to the frontend ([@jstejada](https://github.com/jstejada) in [#22948](https://github.com/facebook/react/pull/22948)) +* Emit new event when DevTools connects in standalone app ([@jstejada](https://github.com/jstejada) in [#22848](https://github.com/facebook/react/pull/22848)) +* DevTools: Log version in internal logger ([@jstejada](https://github.com/jstejada) in [#22825](https://github.com/facebook/react/pull/22825)) +* Proof of Concept for E2E tests using playwright ([@akgupta0777](https://github.com/akgupta0777) in [#22754](https://github.com/facebook/react/pull/22754)) +* Add internal link to Scheduling Profiler ([@bvaughn](https://github.com/bvaughn) in [#22730](https://github.com/facebook/react/pull/22730)) + + ## 4.21.0 (October 31, 2021) #### Features diff --git a/packages/react-devtools/package.json b/packages/react-devtools/package.json index d36aeff05f..acdc27c5cd 100644 --- a/packages/react-devtools/package.json +++ b/packages/react-devtools/package.json @@ -1,6 +1,6 @@ { "name": "react-devtools", - "version": "4.21.0", + "version": "4.22.0", "description": "Use react-devtools outside of the browser", "license": "MIT", "repository": { @@ -20,7 +20,7 @@ "electron": "^11.1.0", "ip": "^1.1.4", "minimist": "^1.2.3", - "react-devtools-core": "4.21.0", + "react-devtools-core": "4.22.0", "update-notifier": "^2.1.0" } }