@react-native/dev-middleware 0.74.0 → 0.74.2

package/dist/types/EventReporter.d.ts

@@ -30,10 +30,10 @@ export type ReportableEvent =
   | /**
    * > 38 |       ...
    *      |       ^^^
-   * > 39 |         | SuccessResult<{ appId: string }>
-   *      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   * > 39 |         | SuccessResult<{ appId: string | null, deviceId: string | null }>
+   *      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    * > 40 |         | ErrorResult<mixed>
-   *      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   *      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    * > 41 |         | CodedErrorResult<"NO_APPS_FOUND">,
    *      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with spreads in the middle or at the end" is currently not supported.
    **/

package/dist/types/EventReporter.js.flow

@@ -36,7 +36,7 @@ export type ReportableEvent =
       type: "launch_debugger_frontend",
       launchType: "launch" | "redirect",
       ...
-        | SuccessResult<{ appId: string }>
+        | SuccessResult<{ appId: string | null, deviceId: string | null }>
         | ErrorResult<mixed>
         | CodedErrorResult<"NO_APPS_FOUND">,
     }

package/dist/types/Experiments.d.ts

@@ -22,5 +22,9 @@ export type Experiments = Readonly<{
    * interface.
    */
   enableOpenDebuggerRedirect: boolean;
+  /**
+   * Enables the Network panel when launching the custom debugger frontend.
+   */
+  enableNetworkInspector: boolean;
 }>;
 export type ExperimentsConfig = Partial<Experiments>;

package/dist/types/Experiments.js.flow

@@ -23,6 +23,11 @@ export type Experiments = $ReadOnly<{
    * interface.
    */
   enableOpenDebuggerRedirect: boolean,
+
+  /**
+   * Enables the Network panel when launching the custom debugger frontend.
+   */
+  enableNetworkInspector: boolean,
 }>;
 
 export type ExperimentsConfig = Partial<Experiments>;

package/dist/utils/DefaultBrowserLauncher.js

@@ -21,8 +21,8 @@ function _interopRequireDefault(obj) {
  * @oncall react_native
  */
 
+const { Launcher: EdgeLauncher } = require("@rnx-kit/chromium-edge-launcher");
 const ChromeLauncher = require("chrome-launcher");
-const { Launcher: EdgeLauncher } = require("chromium-edge-launcher");
 
 /**
  * Default `BrowserLauncher` implementation which opens URLs on the host

package/dist/utils/getDevToolsFrontendUrl.d.ts

@@ -9,10 +9,12 @@
  * @oncall react_native
  */
 
+import type { Experiments } from "../types/Experiments";
 /**
  * Get the DevTools frontend URL to debug a given React Native CDP target.
  */
 declare function getDevToolsFrontendUrl(
+  experiments: Experiments,
   webSocketDebuggerUrl: string,
   devServerUrl: string
 ): string;

package/dist/utils/getDevToolsFrontendUrl.js

@@ -18,10 +18,26 @@ exports.default = getDevToolsFrontendUrl;
 /**
  * Get the DevTools frontend URL to debug a given React Native CDP target.
  */
-function getDevToolsFrontendUrl(webSocketDebuggerUrl, devServerUrl) {
+function getDevToolsFrontendUrl(
+  experiments,
+  webSocketDebuggerUrl,
+  devServerUrl
+) {
   const scheme = new URL(webSocketDebuggerUrl).protocol.slice(0, -1);
-  const webSocketUrlWithoutProtocol = encodeURIComponent(
-    webSocketDebuggerUrl.replace(/^wss?:\/\//, "")
+  const webSocketUrlWithoutProtocol = webSocketDebuggerUrl.replace(
+    /^wss?:\/\//,
+    ""
+  );
+  const searchParams = new URLSearchParams([
+    [scheme, webSocketUrlWithoutProtocol],
+    ["sources.hide_add_folder", "true"],
+  ]);
+  if (experiments.enableNetworkInspector) {
+    searchParams.append("unstable_enableNetworkPanel", "true");
+  }
+  return (
+    `${devServerUrl}/debugger-frontend/rn_inspector.html` +
+    "?" +
+    searchParams.toString()
   );
-  return `${`${devServerUrl}/debugger-frontend/rn_inspector.html`}?${scheme}=${webSocketUrlWithoutProtocol}&sources.hide_add_folder=true`;
 }

package/dist/utils/getDevToolsFrontendUrl.js.flow

@@ -9,10 +9,13 @@
  * @oncall react_native
  */
 
+import type { Experiments } from "../types/Experiments";
+
 /**
  * Get the DevTools frontend URL to debug a given React Native CDP target.
  */
 declare export default function getDevToolsFrontendUrl(
+  experiments: Experiments,
   webSocketDebuggerUrl: string,
   devServerUrl: string
 ): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.74.0",
+  "version": "0.74.2",
   "description": "Dev server middleware for React Native",
   "keywords": ["react-native", "tools"],
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/dev-middleware#readme",
@@ -15,15 +15,23 @@
   "files": ["dist"],
   "dependencies": {
     "@isaacs/ttlcache": "^1.4.1",
-    "@react-native/debugger-frontend": "^0.74.0",
+    "@react-native/debugger-frontend": "0.74.1",
+    "@rnx-kit/chromium-edge-launcher": "^1.0.0",
     "chrome-launcher": "^0.15.2",
-    "chromium-edge-launcher": "^1.0.0",
     "connect": "^3.6.5",
     "debug": "^2.2.0",
     "node-fetch": "^2.2.0",
+    "nullthrows": "^1.1.1",
     "open": "^7.0.3",
+    "selfsigned": "^2.4.1",
     "serve-static": "^1.13.1",
-    "temp-dir": "^2.0.0"
+    "temp-dir": "^2.0.0",
+    "ws": "^6.2.2"
   },
-  "engines": { "node": ">=18" }
+  "engines": { "node": ">=18" },
+  "devDependencies": {
+    "data-uri-to-buffer": "^6.0.1",
+    "undici": "^5.27.2",
+    "wait-for-expect": "^3.0.2"
+  }
 }