@react-native/dev-middleware 0.73.4 → 0.73.6

package/dist/createDevMiddleware.d.ts

@@ -14,6 +14,7 @@ import type { BrowserLauncher } from "./types/BrowserLauncher";
 import type { EventReporter } from "./types/EventReporter";
 import type { ExperimentsConfig } from "./types/Experiments";
 import type { Logger } from "./types/Logger";
+import InspectorProxy from "./inspector-proxy/InspectorProxy";
 type Options = Readonly<{
   projectRoot: string;
   /**
@@ -44,6 +45,12 @@ type Options = Readonly<{
    * This is an unstable API with no semver guarantees.
    */
   unstable_experiments?: ExperimentsConfig;
+  /**
+   * An interface for using a modified inspector proxy implementation.
+   *
+   * This is an unstable API with no semver guarantees.
+   */
+  unstable_InspectorProxy?: new (...args: any[]) => InspectorProxy;
 }>;
 type DevMiddlewareAPI = Readonly<{
   middleware: NextHandleFunction;

package/dist/createDevMiddleware.js

@@ -45,9 +45,11 @@ function createDevMiddleware({
   unstable_browserLauncher = _DefaultBrowserLauncher.default,
   unstable_eventReporter,
   unstable_experiments: experimentConfig = {},
+  unstable_InspectorProxy,
 }) {
   const experiments = getExperiments(experimentConfig);
-  const inspectorProxy = new _InspectorProxy.default(
+  const inspectorProxy = new (unstable_InspectorProxy ??
+    _InspectorProxy.default)(
     projectRoot,
     serverBaseUrl,
     unstable_eventReporter,
@@ -85,5 +87,6 @@ function getExperiments(config) {
   return {
     enableNewDebugger: config.enableNewDebugger ?? false,
     enableOpenDebuggerRedirect: config.enableOpenDebuggerRedirect ?? false,
+    enableNetworkInspector: config.enableNetworkInspector ?? false,
   };
 }

package/dist/createDevMiddleware.js.flow

@@ -15,6 +15,7 @@ import type { EventReporter } from "./types/EventReporter";
 import type { ExperimentsConfig } from "./types/Experiments";
 import type { Logger } from "./types/Logger";
 
+import InspectorProxy from "./inspector-proxy/InspectorProxy";
 type Options = $ReadOnly<{
   projectRoot: string,
 
@@ -50,6 +51,13 @@ type Options = $ReadOnly<{
    * This is an unstable API with no semver guarantees.
    */
   unstable_experiments?: ExperimentsConfig,
+
+  /**
+   * An interface for using a modified inspector proxy implementation.
+   *
+   * This is an unstable API with no semver guarantees.
+   */
+  unstable_InspectorProxy?: Class<InspectorProxy>,
 }>;
 
 type DevMiddlewareAPI = $ReadOnly<{

package/dist/index.flow.d.ts

@@ -12,3 +12,5 @@
 export { default as createDevMiddleware } from "./createDevMiddleware";
 export type { BrowserLauncher, LaunchedBrowser } from "./types/BrowserLauncher";
 export type { EventReporter, ReportableEvent } from "./types/EventReporter";
+export { default as unstable_InspectorProxy } from "./inspector-proxy/InspectorProxy";
+export { default as unstable_Device } from "./inspector-proxy/Device";

package/dist/index.flow.js

@@ -9,9 +9,25 @@ Object.defineProperty(exports, "createDevMiddleware", {
     return _createDevMiddleware.default;
   },
 });
+Object.defineProperty(exports, "unstable_Device", {
+  enumerable: true,
+  get: function () {
+    return _Device.default;
+  },
+});
+Object.defineProperty(exports, "unstable_InspectorProxy", {
+  enumerable: true,
+  get: function () {
+    return _InspectorProxy.default;
+  },
+});
 var _createDevMiddleware = _interopRequireDefault(
   require("./createDevMiddleware")
 );
+var _InspectorProxy = _interopRequireDefault(
+  require("./inspector-proxy/InspectorProxy")
+);
+var _Device = _interopRequireDefault(require("./inspector-proxy/Device"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }

package/dist/index.flow.js.flow

@@ -13,3 +13,6 @@ export { default as createDevMiddleware } from "./createDevMiddleware";
 
 export type { BrowserLauncher, LaunchedBrowser } from "./types/BrowserLauncher";
 export type { EventReporter, ReportableEvent } from "./types/EventReporter";
+
+export { default as unstable_InspectorProxy } from "./inspector-proxy/InspectorProxy";
+export { default as unstable_Device } from "./inspector-proxy/Device";

package/dist/middleware/openDebuggerMiddleware.js

@@ -88,6 +88,7 @@ function openDebuggerMiddleware({
               appId,
               await browserLauncher.launchDebuggerAppWindow(
                 (0, _getDevToolsFrontendUrl.default)(
+                  experiments,
                   target.webSocketDebuggerUrl,
                   serverBaseUrl
                 )
@@ -98,6 +99,7 @@ function openDebuggerMiddleware({
           case "redirect":
             res.writeHead(302, {
               Location: (0, _getDevToolsFrontendUrl.default)(
+                experiments,
                 target.webSocketDebuggerUrl,
                 // Use a relative URL.
                 ""

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/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,17 @@ 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?:\/\//, "")
   );
-  return `${`${devServerUrl}/debugger-frontend/rn_inspector.html`}?${scheme}=${webSocketUrlWithoutProtocol}&sources.hide_add_folder=true`;
+  const devToolsUrl = `${`${devServerUrl}/debugger-frontend/rn_inspector.html`}?${scheme}=${webSocketUrlWithoutProtocol}&sources.hide_add_folder=true`;
+  return experiments.enableNetworkInspector
+    ? `${devToolsUrl}&unstable_enableNetworkPanel=true`
+    : devToolsUrl;
 }

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.73.4",
+  "version": "0.73.6",
   "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,7 +15,7 @@
   "files": ["dist"],
   "dependencies": {
     "@isaacs/ttlcache": "^1.4.1",
-    "@react-native/debugger-frontend": "^0.73.2",
+    "@react-native/debugger-frontend": "^0.73.3",
     "chrome-launcher": "^0.15.2",
     "chromium-edge-launcher": "^1.0.0",
     "connect": "^3.6.5",