From 9e020ef476e24bb5703fc421225f1a94ae14512b Mon Sep 17 00:00:00 2001 From: Brian Vaughn <bvaughn@fb.com> Date: Thu, 29 Apr 2021 16:57:25 -0700 Subject: [PATCH] Update React DevTools to ^4.13.0 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Summary: React DevTools has gotten pretty outdated in React Native. Let's fix that! Last time I tried this it caused a lot of churn for tools like Flipper, so I approached this in two steps ([detailed in this post](https://fb.workplace.com/groups/rnsyncsquad/permalink/808063140086959/)). First was a short term plan (as implemented in [PR 21344](https://github.com/facebook/react/pull/21344)) to: 1. Branch and make a patch release of DevTools 4.10 that adds a protocol check to the frontend (to detect any newer backends). 2. Upgrade Flipper (and recommend upgrade for the OSS React Native Debugger as well) to this new frontend. 3. Wait for the updated frontend to roll out. The short term plan is now done, at least for the internal build of Flipper, and both GitHub PRs to update Flipper and React Native Debugger have been merged. So this diff moves forward with the longer term plan (implemented in [PR 21331](https://github.com/facebook/react/pull/21331)): 1. Add an explicit version to the protocol used by the DevTools "backend" and "frontend" components to talk to each other. 2. Check this protocol during initialization to ensure it matches. 3. Show upgrade/downgrade instructions if there's a mismatch (or if the check times out without a response– indicating an older backend). 4. Release this as 4.13. --- Changelog: [General][Changed] - Upgrade `react-devtools-core` from ~4.6.0 to ^4.13.0 Reviewed By: yungsters Differential Revision: D28103394 fbshipit-source-id: 21114294144bde9aede63cb3ba98a240082299bd --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index b9c6a18e17d065..392ddb4635760f 100644 --- a/package.json +++ b/package.json @@ -111,7 +111,7 @@ "pretty-format": "^26.5.2", "promise": "^8.0.3", "prop-types": "^15.7.2", - "react-devtools-core": "^4.6.0", + "react-devtools-core": "^4.13.0", "react-refresh": "^0.4.0", "regenerator-runtime": "^0.13.2", "scheduler": "^0.20.1", diff --git a/yarn.lock b/yarn.lock index 872c403585fdb3..be36bab9dd513f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5721,10 +5721,10 @@ range-parser@~1.2.0: resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e" integrity sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4= -react-devtools-core@^4.6.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.6.0.tgz#2443b3c6fac78b801702af188abc6d83d56224e6" - integrity sha512-sjR3KC5VvGV7X6vzR3OTutPT5VeBcSKwoIXUwihpl1Nb4dkmweEbzCTPx2PYMVAqc+NZ5tPGhqBzXV+iGg5CNA== +react-devtools-core@^4.13.0: + version "4.13.0" + resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.13.0.tgz#fa80ee03b1a975c1d9898e24de841e45a4b22d30" + integrity sha512-KR+0pLw8wTjOVr+9AECe5ctmycaAjbmxN3bbdB0vmlwm0JkxNnKMxDzanf+4V8IuPBQWgm8qdWpbSOqhu1l14g== dependencies: shell-quote "^1.6.1" ws "^7"