Inspector proxy: Add reactNative.openDebuggerPath to json/list resp…

…onses (facebook#45136)

Summary:
Pull Request resolved: facebook#45136

Adds a URL path (`/open-debugger?some-query-params`) for each of the debug targets listed by `/list/json` that may be used to trigger opening the debugger frontend via a POST to the inspector server.

Changelog:
[General][Added] Inspector: Add reactNative.openDebuggerPath to /json/list responses

Differential Revision: D58949662

packages/dev-middleware/src/__tests__/InspectorProxyHttpApi-test.js

@@ -191,6 +191,8 @@ describe('inspector proxy HTTP API', () => {
             reactNative: {
               capabilities: {},
               logicalDeviceId: 'device1',
+              openDebuggerPath:
+                '/open-debugger?appId=bar-app&device=device1&page=page1',
               pageId: 'page1',
             },
             title: 'bar-title',
@@ -206,6 +208,8 @@ describe('inspector proxy HTTP API', () => {
             reactNative: {
               capabilities: {},
               logicalDeviceId: 'device2',
+              openDebuggerPath:
+                '/open-debugger?appId=bar-app&device=device2&page=page1',
               pageId: 'page1',
             },
             title: 'bar-title',

packages/dev-middleware/src/inspector-proxy/InspectorProxy.js

@@ -24,6 +24,7 @@ import type {Timeout} from 'timers';
 
 import Device from './Device';
 import nullthrows from 'nullthrows';
+import qs from 'querystring';
 // Import these from node:timers to get the correct Flow types.
 // $FlowFixMe[cannot-resolve-module] libdef missing in RN OSS
 import {clearTimeout, setTimeout} from 'timers';
@@ -169,6 +170,9 @@ export default class InspectorProxy implements InspectorProxyQueries {
       reactNative: {
         logicalDeviceId: deviceId,
         capabilities: nullthrows(page.capabilities),
+        openDebuggerPath:
+          '/open-debugger?' +
+          qs.stringify({appId: page.app, device: deviceId, page: page.id}),
         pageId: page.id,
       },
     };

packages/dev-middleware/src/inspector-proxy/types.js

@@ -128,6 +128,7 @@ export type PageDescription = $ReadOnly<{
     logicalDeviceId: string,
     capabilities: Page['capabilities'],
     pageId: string,
+    openDebuggerPath: string,
   }>,
 }>;