@react-native/dev-middleware 0.77.0 → 0.77.1

package/dist/createDevMiddleware.js

@@ -32,10 +32,14 @@ function createDevMiddleware({
   unstable_customInspectorMessageHandler,
 }) {
   const experiments = getExperiments(experimentConfig);
+  const eventReporter = createWrappedEventReporter(
+    unstable_eventReporter,
+    logger
+  );
   const inspectorProxy = new _InspectorProxy.default(
     projectRoot,
     serverBaseUrl,
-    unstable_eventReporter,
+    eventReporter,
     experiments,
     unstable_customInspectorMessageHandler
   );
@@ -46,7 +50,7 @@ function createDevMiddleware({
         serverBaseUrl,
         inspectorProxy,
         browserLauncher: unstable_browserLauncher,
-        eventReporter: unstable_eventReporter,
+        eventReporter,
         experiments,
         logger,
       })
@@ -76,3 +80,23 @@ function getExperiments(config) {
     enableNetworkInspector: config.enableNetworkInspector ?? false,
   };
 }
+function createWrappedEventReporter(reporter, logger) {
+  return {
+    logEvent(event) {
+      switch (event.type) {
+        case "fusebox_console_notice":
+          logger?.info(
+            "\n" +
+              "\u001B[7m" +
+              " \u001B[1m💡 JavaScript logs have moved!\u001B[22m They can now be " +
+              "viewed in React Native DevTools. Tip: Type \u001B[1mj\u001B[22m in " +
+              "the terminal to open (requires Google Chrome or Microsoft Edge)." +
+              "\u001B[27m" +
+              "\n"
+          );
+          break;
+      }
+      reporter?.logEvent(event);
+    },
+  };
+}

package/dist/inspector-proxy/Device.js

@@ -40,6 +40,7 @@ function _interopRequireDefault(e) {
 const debug = require("debug")("Metro:InspectorProxy");
 const PAGES_POLLING_INTERVAL = 1000;
 const FILE_PREFIX = "file://";
+let fuseboxConsoleNoticeLogged = false;
 const REACT_NATIVE_RELOADABLE_PAGE_ID = "-1";
 class Device {
   #id;
@@ -373,6 +374,7 @@ class Device {
       }
       for (const page of this.#pages.values()) {
         if (this.#pageHasCapability(page, "nativePageReloads")) {
+          this.#logFuseboxConsoleNotice();
           continue;
         }
         if (page.title.includes("React")) {
@@ -805,5 +807,12 @@ class Device {
   dangerouslyGetSocket() {
     return this.#deviceSocket;
   }
+  #logFuseboxConsoleNotice() {
+    if (fuseboxConsoleNoticeLogged) {
+      return;
+    }
+    this.#deviceEventReporter?.logFuseboxConsoleNotice();
+    fuseboxConsoleNoticeLogged = true;
+  }
 }
 exports.default = Device;

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

@@ -48,6 +48,7 @@ declare class DeviceEventReporter {
     error: Error,
     message: string
   ): void;
+  logFuseboxConsoleNotice(): void;
 }
 declare const $$EXPORT_DEFAULT_DECLARATION$$: typeof DeviceEventReporter;
 export default $$EXPORT_DEFAULT_DECLARATION$$;

package/dist/inspector-proxy/DeviceEventReporter.js

@@ -149,6 +149,11 @@ class DeviceEventReporter {
       pageId: null,
     });
   }
+  logFuseboxConsoleNotice() {
+    this.#eventReporter.logEvent({
+      type: "fusebox_console_notice",
+    });
+  }
   #logExpiredCommand(pendingCommand) {
     this.#eventReporter.logEvent({
       type: "debugger_command",

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

@@ -55,6 +55,7 @@ declare class DeviceEventReporter {
     error: Error,
     message: string
   ): void;
+  logFuseboxConsoleNotice(): void;
 }
 
 declare export default typeof DeviceEventReporter;

package/dist/types/EventReporter.d.ts

@@ -74,8 +74,9 @@ export type ReportableEvent =
    *      |       ^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with spreads in the middle or at the end" is currently not supported.
    **/
   any
+  | { type: "fusebox_console_notice" }
   | /**
-   * > 87 |       ...DebuggerSessionIDs,
+   * > 90 |       ...DebuggerSessionIDs,
    *      |       ^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with spreads in the middle or at the end" is currently not supported.
    **/
   any;

package/dist/types/EventReporter.js.flow

@@ -77,6 +77,9 @@ export type ReportableEvent =
             | "PROTOCOL_ERROR",
           >,
     }
+  | {
+      type: "fusebox_console_notice",
+    }
   | {
       type: "proxy_error",
       status: "error",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.77.0",
+  "version": "0.77.1",
   "description": "Dev server middleware for React Native",
   "keywords": [
     "react-native",
@@ -23,11 +23,12 @@
   ],
   "dependencies": {
     "@isaacs/ttlcache": "^1.4.1",
-    "@react-native/debugger-frontend": "0.77.0",
+    "@react-native/debugger-frontend": "0.77.1",
     "chrome-launcher": "^0.15.2",
     "chromium-edge-launcher": "^0.2.0",
     "connect": "^3.6.5",
     "debug": "^2.2.0",
+    "invariant": "^2.2.4",
     "nullthrows": "^1.1.1",
     "open": "^7.0.3",
     "selfsigned": "^2.4.1",