@react-native/dev-middleware 0.73.5 → 0.73.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -87,5 +87,6 @@ function getExperiments(config) {
87
87
  return {
88
88
  enableNewDebugger: config.enableNewDebugger ?? false,
89
89
  enableOpenDebuggerRedirect: config.enableOpenDebuggerRedirect ?? false,
90
+ enableNetworkInspector: config.enableNetworkInspector ?? false,
90
91
  };
91
92
  }
@@ -88,6 +88,7 @@ function openDebuggerMiddleware({
88
88
  appId,
89
89
  await browserLauncher.launchDebuggerAppWindow(
90
90
  (0, _getDevToolsFrontendUrl.default)(
91
+ experiments,
91
92
  target.webSocketDebuggerUrl,
92
93
  serverBaseUrl
93
94
  )
@@ -98,6 +99,7 @@ function openDebuggerMiddleware({
98
99
  case "redirect":
99
100
  res.writeHead(302, {
100
101
  Location: (0, _getDevToolsFrontendUrl.default)(
102
+ experiments,
101
103
  target.webSocketDebuggerUrl,
102
104
  // Use a relative URL.
103
105
  ""
@@ -22,5 +22,9 @@ export type Experiments = Readonly<{
22
22
  * interface.
23
23
  */
24
24
  enableOpenDebuggerRedirect: boolean;
25
+ /**
26
+ * Enables the Network panel when launching the custom debugger frontend.
27
+ */
28
+ enableNetworkInspector: boolean;
25
29
  }>;
26
30
  export type ExperimentsConfig = Partial<Experiments>;
@@ -23,6 +23,11 @@ export type Experiments = $ReadOnly<{
23
23
  * interface.
24
24
  */
25
25
  enableOpenDebuggerRedirect: boolean,
26
+
27
+ /**
28
+ * Enables the Network panel when launching the custom debugger frontend.
29
+ */
30
+ enableNetworkInspector: boolean,
26
31
  }>;
27
32
 
28
33
  export type ExperimentsConfig = Partial<Experiments>;
@@ -9,10 +9,12 @@
9
9
  * @oncall react_native
10
10
  */
11
11
 
12
+ import type { Experiments } from "../types/Experiments";
12
13
  /**
13
14
  * Get the DevTools frontend URL to debug a given React Native CDP target.
14
15
  */
15
16
  declare function getDevToolsFrontendUrl(
17
+ experiments: Experiments,
16
18
  webSocketDebuggerUrl: string,
17
19
  devServerUrl: string
18
20
  ): string;
@@ -18,10 +18,17 @@ exports.default = getDevToolsFrontendUrl;
18
18
  /**
19
19
  * Get the DevTools frontend URL to debug a given React Native CDP target.
20
20
  */
21
- function getDevToolsFrontendUrl(webSocketDebuggerUrl, devServerUrl) {
21
+ function getDevToolsFrontendUrl(
22
+ experiments,
23
+ webSocketDebuggerUrl,
24
+ devServerUrl
25
+ ) {
22
26
  const scheme = new URL(webSocketDebuggerUrl).protocol.slice(0, -1);
23
27
  const webSocketUrlWithoutProtocol = encodeURIComponent(
24
28
  webSocketDebuggerUrl.replace(/^wss?:\/\//, "")
25
29
  );
26
- return `${`${devServerUrl}/debugger-frontend/rn_inspector.html`}?${scheme}=${webSocketUrlWithoutProtocol}&sources.hide_add_folder=true`;
30
+ const devToolsUrl = `${`${devServerUrl}/debugger-frontend/rn_inspector.html`}?${scheme}=${webSocketUrlWithoutProtocol}&sources.hide_add_folder=true`;
31
+ return experiments.enableNetworkInspector
32
+ ? `${devToolsUrl}&unstable_enableNetworkPanel=true`
33
+ : devToolsUrl;
27
34
  }
@@ -9,10 +9,13 @@
9
9
  * @oncall react_native
10
10
  */
11
11
 
12
+ import type { Experiments } from "../types/Experiments";
13
+
12
14
  /**
13
15
  * Get the DevTools frontend URL to debug a given React Native CDP target.
14
16
  */
15
17
  declare export default function getDevToolsFrontendUrl(
18
+ experiments: Experiments,
16
19
  webSocketDebuggerUrl: string,
17
20
  devServerUrl: string
18
21
  ): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-native/dev-middleware",
3
- "version": "0.73.5",
3
+ "version": "0.73.7",
4
4
  "description": "Dev server middleware for React Native",
5
5
  "keywords": ["react-native", "tools"],
6
6
  "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/dev-middleware#readme",
@@ -15,7 +15,7 @@
15
15
  "files": ["dist"],
16
16
  "dependencies": {
17
17
  "@isaacs/ttlcache": "^1.4.1",
18
- "@react-native/debugger-frontend": "^0.73.2",
18
+ "@react-native/debugger-frontend": "0.73.3",
19
19
  "chrome-launcher": "^0.15.2",
20
20
  "chromium-edge-launcher": "^1.0.0",
21
21
  "connect": "^3.6.5",