@react-native/dev-middleware 0.74.0-nightly-20240205-e4342f5b0 → 0.74.0-nightly-20240206-bc3fe0d76

package/dist/inspector-proxy/Device.js

@@ -105,7 +105,7 @@ class Device {
   #lastConnectedLegacyReactNativePage = null;
 
   // Whether we are in the middle of a reload in the REACT_NATIVE_RELOADABLE_PAGE.
-  #isReloading = false;
+  #isLegacyPageReloading = false;
 
   // The previous "GetPages" message, for deduplication in debug logs.
   #lastGetPagesMessage = "";
@@ -180,7 +180,7 @@ class Device {
         title: "React Native Experimental (Improved Chrome Reloads)",
         vm: "don't use",
         app: this.#app,
-        type: "Legacy",
+        capabilities: {},
       };
       return [...this.#pages.values(), reactNativeReloadablePage];
     } else {
@@ -233,8 +233,8 @@ class Device {
         frontendUserAgent: metadata.userAgent,
       });
       let processedReq = debuggerRequest;
-      if (!page || page.type === "Legacy") {
-        processedReq = this.#interceptMessageFromDebuggerLegacy(
+      if (!page || !this.#pageHasCapability(page, "nativeSourceCodeFetching")) {
+        processedReq = this.#interceptClientMessageForSourceFetching(
           debuggerRequest,
           debuggerInfo,
           socket
@@ -303,6 +303,13 @@ class Device {
     }
   }
 
+  /**
+   * Returns `true` if a page supports the given target capability flag.
+   */
+  #pageHasCapability(page, flag) {
+    return page.capabilities[flag] === true;
+  }
+
   // Handles messages received from device:
   // 1. For getPages responses updates local #pages list.
   // 2. All other messages are forwarded to debugger as wrappedEvent.
@@ -313,11 +320,11 @@ class Device {
   #handleMessageFromDevice(message) {
     if (message.event === "getPages") {
       this.#pages = new Map(
-        message.payload.map(({ type, ...page }) => [
+        message.payload.map(({ capabilities, ...page }) => [
           page.id,
           {
             ...page,
-            type: type ?? "Legacy",
+            capabilities: capabilities ?? {},
           },
         ])
       );
@@ -344,7 +351,10 @@ class Device {
       // TODO(hypuk): It is better for VM to send update event when new page is
       // created instead of manually checking this on every getPages result.
       for (const page of this.#pages.values()) {
-        if (page.type === "Legacy" && page.title.indexOf("React") >= 0) {
+        if (this.#pageHasCapability(page, "nativePageReloads")) {
+          continue;
+        }
+        if (page.title.includes("React")) {
           if (page.id !== this.#lastConnectedLegacyReactNativePage?.id) {
             this.#newLegacyReactNativePage(page);
             break;
@@ -358,14 +368,16 @@ class Device {
       // TODO(moti): Handle null case explicitly, e.g. swallow disconnect events
       // for unknown pages.
       const page = this.#pages.get(pageId);
+      if (page != null && this.#pageHasCapability(page, "nativePageReloads")) {
+        return;
+      }
       const debuggerSocket = this.#debuggerConnection
         ? this.#debuggerConnection.socket
         : null;
       if (debuggerSocket && debuggerSocket.readyState === _ws.default.OPEN) {
         if (
           this.#debuggerConnection != null &&
-          this.#debuggerConnection.pageId !== REACT_NATIVE_RELOADABLE_PAGE_ID &&
-          (!page || page.type === "Legacy")
+          this.#debuggerConnection.pageId !== REACT_NATIVE_RELOADABLE_PAGE_ID
         ) {
           debug(`Legacy page ${pageId} is reloading.`);
           debuggerSocket.send(
@@ -394,22 +406,19 @@ class Device {
       }
       const parsedPayload = JSON.parse(message.payload.wrappedEvent);
       const pageId = this.#debuggerConnection?.pageId ?? null;
-      // TODO(moti): Handle null case explicitly, or ideally associate a copy
-      // of the page metadata object with the connection so this can never be
-      // null.
-      const page = pageId != null ? this.#pages.get(pageId) : null;
       if ("id" in parsedPayload) {
         this.#deviceEventReporter?.logResponse(parsedPayload, "device", {
           pageId,
           frontendUserAgent: this.#debuggerConnection?.userAgent ?? null,
         });
       }
-      if (this.#debuggerConnection && (!page || page.type === "Legacy")) {
+      if (this.#debuggerConnection != null) {
         // Wrapping just to make flow happy :)
         // $FlowFixMe[unused-promise]
         this.#processMessageFromDeviceLegacy(
           parsedPayload,
-          this.#debuggerConnection
+          this.#debuggerConnection,
+          pageId
         ).then(() => {
           const messageToSend = JSON.stringify(parsedPayload);
           debuggerSocket.send(messageToSend);
@@ -445,7 +454,7 @@ class Device {
     }
     const oldPageId = this.#lastConnectedLegacyReactNativePage?.id;
     this.#lastConnectedLegacyReactNativePage = page;
-    this.#isReloading = true;
+    this.#isLegacyPageReloading = true;
 
     // We already had a debugger connected to React Native page and a
     // new one appeared - in this case we need to emulate execution context
@@ -492,14 +501,24 @@ class Device {
   }
 
   // Allows to make changes in incoming message from device.
-  async #processMessageFromDeviceLegacy(payload, debuggerInfo) {
+  async #processMessageFromDeviceLegacy(payload, debuggerInfo, pageId) {
+    // TODO(moti): Handle null case explicitly, or ideally associate a copy
+    // of the page metadata object with the connection so this can never be
+    // null.
+    const page = pageId != null ? this.#pages.get(pageId) : null;
+
     // Replace Android addresses for scriptParsed event.
-    if (payload.method === "Debugger.scriptParsed") {
-      const params = payload.params || {};
+    if (
+      (!page || !this.#pageHasCapability(page, "nativeSourceCodeFetching")) &&
+      payload.method === "Debugger.scriptParsed" &&
+      payload.params != null
+    ) {
+      const params = payload.params;
       if ("sourceMapURL" in params) {
         for (let i = 0; i < EMULATOR_LOCALHOST_ADDRESSES.length; ++i) {
           const address = EMULATOR_LOCALHOST_ADDRESSES[i];
-          if (params.sourceMapURL.indexOf(address) >= 0) {
+          if (params.sourceMapURL.includes(address)) {
+            // $FlowFixMe[cannot-write]
             payload.params.sourceMapURL = params.sourceMapURL.replace(
               address,
               "localhost"
@@ -516,6 +535,7 @@ class Device {
           // message to the debug client.
           try {
             const sourceMap = await this.#fetchText(sourceMapURL);
+            // $FlowFixMe[cannot-write]
             payload.params.sourceMapURL =
               "data:application/json;charset=utf-8;base64," +
               new Buffer(sourceMap).toString("base64");
@@ -530,6 +550,7 @@ class Device {
         for (let i = 0; i < EMULATOR_LOCALHOST_ADDRESSES.length; ++i) {
           const address = EMULATOR_LOCALHOST_ADDRESSES[i];
           if (params.url.indexOf(address) >= 0) {
+            // $FlowFixMe[cannot-write]
             payload.params.url = params.url.replace(address, "localhost");
             debuggerInfo.originalSourceURLAddress = address;
           }
@@ -540,6 +561,7 @@ class Device {
         // Chrome to not download source maps. In this case we want to prepend script ID
         // with 'file://' prefix.
         if (payload.params.url.match(/^[0-9a-z]+$/)) {
+          // $FlowFixMe[cannot-write]
           payload.params.url = FILE_PREFIX + payload.params.url;
           debuggerInfo.prependedFilePrefix = true;
         }
@@ -552,7 +574,7 @@ class Device {
     }
     if (
       payload.method === "Runtime.executionContextCreated" &&
-      this.#isReloading
+      this.#isLegacyPageReloading
     ) {
       // The new context is ready. First notify Chrome that we've reloaded so
       // it'll resend its breakpoints. If we do this earlier, we may not be
@@ -585,21 +607,26 @@ class Device {
           wrappedEvent: JSON.stringify(resumeMessage),
         },
       });
-      this.#isReloading = false;
+      this.#isLegacyPageReloading = false;
     }
   }
 
-  // Allows to make changes in incoming messages from debugger. Returns a boolean
-  // indicating whether the message has been handled locally (i.e. does not need
-  // to be forwarded to the target).
-  #interceptMessageFromDebuggerLegacy(req, debuggerInfo, socket) {
-    if (req.method === "Debugger.setBreakpointByUrl") {
-      return this.#processDebuggerSetBreakpointByUrl(req, debuggerInfo);
-    } else if (req.method === "Debugger.getScriptSource") {
-      this.#processDebuggerGetScriptSource(req, socket);
-      return null;
+  /**
+   * Intercept an incoming message from a connected debugger. Returns either an
+   * original/replacement CDP message object, or `null` (will forward nothing
+   * to the target).
+   */
+  #interceptClientMessageForSourceFetching(req, debuggerInfo, socket) {
+    switch (req.method) {
+      case "Debugger.setBreakpointByUrl":
+        return this.#processDebuggerSetBreakpointByUrl(req, debuggerInfo);
+      case "Debugger.getScriptSource":
+        // Sends response to debugger via side-effect
+        this.#processDebuggerGetScriptSource(req, socket);
+        return null;
+      default:
+        return req;
     }
-    return req;
   }
   #processDebuggerSetBreakpointByUrl(req, debuggerInfo) {
     // If we replaced Android emulator's address to localhost we need to change it back.

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

@@ -9,6 +9,7 @@
  */
 
 import type { EventReporter } from "../types/EventReporter";
+import type { CDPResponse } from "./cdp-types/messages";
 type DeviceMetadata = Readonly<{
   appId: string;
   deviceId: string;
@@ -26,7 +27,7 @@ declare class DeviceEventReporter {
     metadata: RequestMetadata
   ): void;
   logResponse(
-    res: Readonly<{ id: number; error?: { message: string; data?: unknown } }>,
+    res: CDPResponse<>,
     origin: "device" | "proxy",
     metadata: Readonly<{
       pageId: string | null;

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

@@ -9,6 +9,7 @@
  */
 
 import type { EventReporter } from "../types/EventReporter";
+import type { CDPResponse } from "./cdp-types/messages";
 
 type DeviceMetadata = $ReadOnly<{
   appId: string,
@@ -29,11 +30,7 @@ declare class DeviceEventReporter {
     metadata: RequestMetadata
   ): void;
   logResponse(
-    res: $ReadOnly<{
-      id: number,
-      error?: { message: string, data?: mixed },
-      ...
-    }>,
+    res: CDPResponse<>,
     origin: "device" | "proxy",
     metadata: $ReadOnly<{
       pageId: string | null,

package/dist/inspector-proxy/InspectorProxy.js

@@ -117,7 +117,7 @@ class InspectorProxy {
       deviceName: device.getName(),
       reactNative: {
         logicalDeviceId: deviceId,
-        type: (0, _nullthrows.default)(page.type),
+        capabilities: (0, _nullthrows.default)(page.capabilities),
       },
     };
   }

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

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ * @format
+ * @oncall react_native
+ */
+
+import type { Commands, Events } from "./protocol";
+export type CDPEvent<TEvent extends keyof Events = "unknown"> = Readonly<{
+  method: TEvent;
+  params: Events[TEvent];
+}>;
+export type CDPRequest<TCommand extends keyof Commands = "unknown"> = Readonly<{
+  method: TCommand;
+  params: Commands[TCommand]["paramsType"];
+  id: number;
+}>;
+export type CDPResponse<TCommand extends keyof Commands = "unknown"> =
+  | Readonly<{ result: Commands[TCommand]["resultType"]; id: number }>
+  | Readonly<{ error: CDPRequestError; id: number }>;
+export type CDPRequestError = Readonly<{
+  code: number;
+  message: string;
+  data?: unknown;
+}>;
+export type CDPClientMessage =
+  | CDPRequest<"Debugger.getScriptSource">
+  | CDPRequest<"Debugger.scriptParsed">
+  | CDPRequest<"Debugger.setBreakpointByUrl">
+  | CDPRequest<>;
+export type CDPServerMessage =
+  | CDPEvent<"Debugger.scriptParsed">
+  | CDPEvent<>
+  | CDPResponse<"Debugger.getScriptSource">
+  | CDPResponse<>;

package/dist/inspector-proxy/cdp-types/messages.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type { Commands, Events } from "./protocol";
+
+// Note: A CDP event is a JSON-RPC notification with no `id` member.
+export type CDPEvent<TEvent: $Keys<Events> = "unknown"> = $ReadOnly<{
+  method: TEvent,
+  params: Events[TEvent],
+}>;
+
+export type CDPRequest<TCommand: $Keys<Commands> = "unknown"> = $ReadOnly<{
+  method: TCommand,
+  params: Commands[TCommand]["paramsType"],
+  id: number,
+}>;
+
+export type CDPResponse<TCommand: $Keys<Commands> = "unknown"> =
+  | $ReadOnly<{
+      result: Commands[TCommand]["resultType"],
+      id: number,
+    }>
+  | $ReadOnly<{
+      error: CDPRequestError,
+      id: number,
+    }>;
+
+export type CDPRequestError = $ReadOnly<{
+  code: number,
+  message: string,
+  data?: mixed,
+}>;
+
+export type CDPClientMessage =
+  | CDPRequest<"Debugger.getScriptSource">
+  | CDPRequest<"Debugger.scriptParsed">
+  | CDPRequest<"Debugger.setBreakpointByUrl">
+  | CDPRequest<>;
+
+export type CDPServerMessage =
+  | CDPEvent<"Debugger.scriptParsed">
+  | CDPEvent<>
+  | CDPResponse<"Debugger.getScriptSource">
+  | CDPResponse<>;

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

@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ * @format
+ * @oncall react_native
+ */
+
+type integer = number;
+export interface Debugger {
+  GetScriptSourceParams: Readonly<{
+    /**
+     * Id of the script to get source for.
+     */
+    scriptId: string;
+  }>;
+  GetScriptSourceResult: Readonly<{
+    /**
+     * Script source (empty in case of Wasm bytecode).
+     */
+    scriptSource: string;
+    /**
+     * Wasm bytecode. (Encoded as a base64 string when passed over JSON)
+     */
+    bytecode?: string;
+  }>;
+  SetBreakpointByUrlParams: Readonly<{
+    /**
+     * Line number to set breakpoint at.
+     */
+    lineNumber: integer;
+    /**
+     * URL of the resources to set breakpoint on.
+     */
+    url?: string;
+    /**
+     * Regex pattern for the URLs of the resources to set breakpoints on. Either `url` or
+     * `urlRegex` must be specified.
+     */
+    urlRegex?: string;
+    /**
+     * Script hash of the resources to set breakpoint on.
+     */
+    scriptHash?: string;
+    /**
+     * Offset in the line to set breakpoint at.
+     */
+    columnNumber?: integer;
+    /**
+     * Expression to use as a breakpoint condition. When specified, debugger will only stop on the
+     * breakpoint if this expression evaluates to true.
+     */
+    condition?: string;
+  }>;
+  ScriptParsedEvent: Readonly<{
+    /**
+     * Identifier of the script parsed.
+     */
+    scriptId: string;
+    /**
+     * URL or name of the script parsed (if any).
+     */
+    url: string;
+    /**
+     * URL of source map associated with script (if any).
+     */
+    sourceMapURL: string;
+  }>;
+}
+export type Events = {
+  "Debugger.scriptParsed": Debugger["ScriptParsedEvent"];
+  [method: string]: unknown;
+};
+export type Commands = {
+  "Debugger.getScriptSource": {
+    paramsType: Debugger["GetScriptSourceParams"];
+    resultType: Debugger["GetScriptSourceResult"];
+  };
+  "Debugger.setBreakpointByUrl": {
+    paramsType: Debugger["SetBreakpointByUrlParams"];
+    resultType: void;
+  };
+  [method: string]: { paramsType: unknown; resultType: unknown };
+};

package/dist/inspector-proxy/cdp-types/protocol.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+// Adapted from https://github.com/ChromeDevTools/devtools-protocol/blob/master/types/protocol.d.ts
+
+type integer = number;
+
+export interface Debugger {
+  GetScriptSourceParams: $ReadOnly<{
+    /**
+     * Id of the script to get source for.
+     */
+    scriptId: string,
+  }>;
+
+  GetScriptSourceResult: $ReadOnly<{
+    /**
+     * Script source (empty in case of Wasm bytecode).
+     */
+    scriptSource: string,
+
+    /**
+     * Wasm bytecode. (Encoded as a base64 string when passed over JSON)
+     */
+    bytecode?: string,
+  }>;
+
+  SetBreakpointByUrlParams: $ReadOnly<{
+    /**
+     * Line number to set breakpoint at.
+     */
+    lineNumber: integer,
+
+    /**
+     * URL of the resources to set breakpoint on.
+     */
+    url?: string,
+
+    /**
+     * Regex pattern for the URLs of the resources to set breakpoints on. Either `url` or
+     * `urlRegex` must be specified.
+     */
+    urlRegex?: string,
+
+    /**
+     * Script hash of the resources to set breakpoint on.
+     */
+    scriptHash?: string,
+
+    /**
+     * Offset in the line to set breakpoint at.
+     */
+    columnNumber?: integer,
+
+    /**
+     * Expression to use as a breakpoint condition. When specified, debugger will only stop on the
+     * breakpoint if this expression evaluates to true.
+     */
+    condition?: string,
+  }>;
+
+  ScriptParsedEvent: $ReadOnly<{
+    /**
+     * Identifier of the script parsed.
+     */
+    scriptId: string,
+
+    /**
+     * URL or name of the script parsed (if any).
+     */
+    url: string,
+
+    /**
+     * URL of source map associated with script (if any).
+     */
+    sourceMapURL: string,
+  }>;
+}
+
+export type Events = {
+  "Debugger.scriptParsed": Debugger["ScriptParsedEvent"],
+  [method: string]: mixed,
+};
+
+export type Commands = {
+  "Debugger.getScriptSource": {
+    paramsType: Debugger["GetScriptSourceParams"],
+    resultType: Debugger["GetScriptSourceResult"],
+  },
+  "Debugger.setBreakpointByUrl": {
+    paramsType: Debugger["SetBreakpointByUrlParams"],
+    resultType: void,
+  },
+  [method: string]: {
+    paramsType: mixed,
+    resultType: mixed,
+  },
+};

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

@@ -9,12 +9,33 @@
  * @oncall react_native
  */
 
+/**
+ * A capability flag disables a specific feature/hack in the InspectorProxy
+ * layer by indicating that the target supports one or more modern CDP features.
+ */
+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`.
+   *
+   * In the launch flow, this allows targets to be matched directly by `appId`.
+   */
+  nativePageReloads?: boolean;
+  /**
+   * The target supports fetching source code and source maps.
+   *
+   * In the proxy, this disables source fetching emulation and host rewrites.
+   */
+  nativeSourceCodeFetching?: boolean;
+}>;
 export type PageFromDevice = Readonly<{
   id: string;
   title: string;
   vm: string;
   app: string;
-  type?: "Legacy" | "Modern";
+  capabilities?: TargetCapabilityFlags;
 }>;
 export type Page = Required<PageFromDevice>;
 export type WrappedEvent = Readonly<{
@@ -55,7 +76,7 @@ export type PageDescription = Readonly<{
   vm: string;
   reactNative: Readonly<{
     logicalDeviceId: string;
-    type: NonNullable<Page["type"]>;
+    capabilities: Page["capabilities"];
   }>;
 }>;
 export type JsonPagesListResponse = Array<PageDescription>;
@@ -63,38 +84,6 @@ export type JsonVersionResponse = Readonly<{
   Browser: string;
   "Protocol-Version": string;
 }>;
-/**
- * Types were exported from https://github.com/ChromeDevTools/devtools-protocol/blob/master/types/protocol.d.ts
- */
-
-export type SetBreakpointByUrlRequest = Readonly<{
-  id: number;
-  method: "Debugger.setBreakpointByUrl";
-  params: Readonly<{
-    lineNumber: number;
-    url?: string;
-    urlRegex?: string;
-    scriptHash?: string;
-    columnNumber?: number;
-    condition?: string;
-  }>;
-}>;
-export type GetScriptSourceRequest = Readonly<{
-  id: number;
-  method: "Debugger.getScriptSource";
-  params: { scriptId: string };
-}>;
-export type GetScriptSourceResponse = Readonly<{
-  scriptSource: string;
-  /**
-   * Wasm bytecode.
-   */
-  bytecode?: string;
-}>;
-export type ErrorResponse = Readonly<{ error: Readonly<{ message: string }> }>;
-export type DebuggerRequest =
-  | SetBreakpointByUrlRequest
-  | GetScriptSourceRequest;
 export type JSONSerializable =
   | boolean
   | number

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

@@ -9,6 +9,29 @@
  * @oncall react_native
  */
 
+/**
+ * A capability flag disables a specific feature/hack in the InspectorProxy
+ * layer by indicating that the target supports one or more modern CDP features.
+ */
+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`.
+   *
+   * In the launch flow, this allows targets to be matched directly by `appId`.
+   */
+  nativePageReloads?: boolean,
+
+  /**
+   * The target supports fetching source code and source maps.
+   *
+   * In the proxy, this disables source fetching emulation and host rewrites.
+   */
+  nativeSourceCodeFetching?: boolean,
+}>;
+
 // Page information received from the device. New page is created for
 // each new instance of VM and can appear when user reloads React Native
 // application.
@@ -18,7 +41,7 @@ export type PageFromDevice = $ReadOnly<{
   title: string,
   vm: string,
   app: string,
-  type?: "Legacy" | "Modern",
+  capabilities?: TargetCapabilityFlags,
 }>;
 
 export type Page = Required<PageFromDevice>;
@@ -82,7 +105,7 @@ export type PageDescription = $ReadOnly<{
   // Metadata specific to React Native
   reactNative: $ReadOnly<{
     logicalDeviceId: string,
-    type: $NonMaybeType<Page["type"]>,
+    capabilities: Page["capabilities"],
   }>,
 }>;
 
@@ -95,49 +118,6 @@ export type JsonVersionResponse = $ReadOnly<{
   "Protocol-Version": string,
 }>;
 
-/**
- * Types were exported from https://github.com/ChromeDevTools/devtools-protocol/blob/master/types/protocol.d.ts
- */
-
-export type SetBreakpointByUrlRequest = $ReadOnly<{
-  id: number,
-  method: "Debugger.setBreakpointByUrl",
-  params: $ReadOnly<{
-    lineNumber: number,
-    url?: string,
-    urlRegex?: string,
-    scriptHash?: string,
-    columnNumber?: number,
-    condition?: string,
-  }>,
-}>;
-
-export type GetScriptSourceRequest = $ReadOnly<{
-  id: number,
-  method: "Debugger.getScriptSource",
-  params: {
-    scriptId: string,
-  },
-}>;
-
-export type GetScriptSourceResponse = $ReadOnly<{
-  scriptSource: string,
-  /**
-   * Wasm bytecode.
-   */
-  bytecode?: string,
-}>;
-
-export type ErrorResponse = $ReadOnly<{
-  error: $ReadOnly<{
-    message: string,
-  }>,
-}>;
-
-export type DebuggerRequest =
-  | SetBreakpointByUrlRequest
-  | GetScriptSourceRequest;
-
 export type JSONSerializable =
   | boolean
   | number

package/dist/middleware/openDebuggerMiddleware.js

@@ -50,7 +50,7 @@ function openDebuggerMiddleware({
         // Only use targets with better reloading support
         (app) =>
           app.title === "React Native Experimental (Improved Chrome Reloads)" ||
-          app.reactNative.type === "Modern"
+          app.reactNative.capabilities?.nativePageReloads === true
       );
       let target;
       const launchType = req.method === "POST" ? "launch" : "redirect";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.74.0-nightly-20240205-e4342f5b0",
+  "version": "0.74.0-nightly-20240206-bc3fe0d76",
   "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.74.0-nightly-20240205-e4342f5b0",
+    "@react-native/debugger-frontend": "0.74.0-nightly-20240206-bc3fe0d76",
     "@rnx-kit/chromium-edge-launcher": "^1.0.0",
     "chrome-launcher": "^0.15.2",
     "connect": "^3.6.5",