@react-native/dev-middleware 0.77.0-nightly-20241018-398512a4e → 0.77.0-nightly-20241020-e7a3f479f

package/README.md

@@ -64,12 +64,16 @@ Subpaths of this endpoint are reserved to serve the JavaScript debugger frontend
 
 #### POST `/open-debugger`
 
-Open the JavaScript debugger for a given CDP target (direct Hermes debugging).
+Open the JavaScript debugger for a given CDP target. Must be provided with one of the following query params:
+
+- `device`‌ — An ID unique to a combination of device and app, stable across installs. Implemented by `getInspectorDeviceId` on each native platform.
+- `target` — The target page ID as returned by `/json/list` for the current dev server session.
+- `appId` (deprecated, legacy only) — The application bundle identifier to match (non-unique across multiple connected devices). This param will only match legacy Hermes debugger targets.
 
 <details>
 <summary>Example</summary>
 
-    curl -X POST 'http://localhost:8081/open-debugger?appId=com.meta.RNTester'
+    curl -X POST 'http://localhost:8081/open-debugger?target=<targetId>'
 </details>
 
 ### WebSocket endpoints

package/dist/inspector-proxy/types.d.ts

@@ -18,9 +18,10 @@ export type TargetCapabilityFlags = Readonly<{
    * The target supports a stable page representation across reloads.
    *
    * In the proxy, this disables legacy page reload emulation and the
-   * additional '(Experimental)' target in `/json/list`.
+   * additional 'React Native Experimental' target in `/json/list`.
    *
-   * In the launch flow, this allows targets to be matched directly by `appId`.
+   * In the launch flow, this allows targets to be matched directly by
+   * `logicalDeviceId`.
    */
   nativePageReloads?: boolean;
   /**

package/dist/inspector-proxy/types.js.flow

@@ -18,9 +18,10 @@ export type TargetCapabilityFlags = $ReadOnly<{
    * The target supports a stable page representation across reloads.
    *
    * In the proxy, this disables legacy page reload emulation and the
-   * additional '(Experimental)' target in `/json/list`.
+   * additional 'React Native Experimental' target in `/json/list`.
    *
-   * In the launch flow, this allows targets to be matched directly by `appId`.
+   * In the launch flow, this allows targets to be matched directly by
+   * `logicalDeviceId`.
    */
   nativePageReloads?: boolean,
 

package/dist/middleware/openDebuggerMiddleware.d.ts

@@ -26,8 +26,8 @@ type Options = Readonly<{
 /**
  * Open the debugger frontend for a given CDP target.
  *
- * Currently supports Hermes targets, opening debugger websocket URL in Chrome
- * DevTools.
+ * Currently supports React Native DevTools (rn_fusebox.html) and legacy Hermes
+ * (rn_inspector.html) targets.
  *
  * @see https://chromedevtools.github.io/devtools-protocol/
  */

package/dist/middleware/openDebuggerMiddleware.js

@@ -11,6 +11,8 @@ var _url = _interopRequireDefault(require("url"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
 }
+const LEGACY_SYNTHETIC_PAGE_TITLE =
+  "React Native Experimental (Improved Chrome Reloads)";
 function openDebuggerMiddleware({
   serverBaseUrl,
   logger,
@@ -30,8 +32,7 @@ function openDebuggerMiddleware({
         .getPageDescriptions()
         .filter(
           (app) =>
-            app.title ===
-              "React Native Experimental (Improved Chrome Reloads)" ||
+            app.title === LEGACY_SYNTHETIC_PAGE_TITLE ||
             app.reactNative.capabilities?.nativePageReloads === true
         );
       let target;
@@ -48,7 +49,9 @@ function openDebuggerMiddleware({
         target = targets.find(
           (_target) =>
             (targetId == null || _target.id === targetId) &&
-            (appId == null || _target.appId === appId) &&
+            (appId == null ||
+              (_target.appId === appId &&
+                _target.title === LEGACY_SYNTHETIC_PAGE_TITLE)) &&
             (device == null || _target.reactNative.logicalDeviceId === device)
         );
       } else if (targets.length > 0) {

package/dist/middleware/openDebuggerMiddleware.js.flow

@@ -27,8 +27,8 @@ type Options = $ReadOnly<{
 /**
  * Open the debugger frontend for a given CDP target.
  *
- * Currently supports Hermes targets, opening debugger websocket URL in Chrome
- * DevTools.
+ * Currently supports React Native DevTools (rn_fusebox.html) and legacy Hermes
+ * (rn_inspector.html) targets.
  *
  * @see https://chromedevtools.github.io/devtools-protocol/
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.77.0-nightly-20241018-398512a4e",
+  "version": "0.77.0-nightly-20241020-e7a3f479f",
   "description": "Dev server middleware for React Native",
   "keywords": [
     "react-native",
@@ -23,7 +23,7 @@
   ],
   "dependencies": {
     "@isaacs/ttlcache": "^1.4.1",
-    "@react-native/debugger-frontend": "0.77.0-nightly-20241018-398512a4e",
+    "@react-native/debugger-frontend": "0.77.0-nightly-20241020-e7a3f479f",
     "chrome-launcher": "^0.15.2",
     "chromium-edge-launcher": "^0.2.0",
     "connect": "^3.6.5",