@react-native/dev-middleware 0.78.0-rc.3 → 0.78.0-rc.5

package/dist/createDevMiddleware.js

@@ -89,6 +89,17 @@ function createWrappedEventReporter(reporter, logger) {
             `Profiling build target "${event.appId}" registered for debugging`
           );
           break;
+        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;
@@ -377,6 +378,7 @@ class Device {
       }
       for (const page of this.#pages.values()) {
         if (this.#pageHasCapability(page, "nativePageReloads")) {
+          this.#logFuseboxConsoleNotice();
           continue;
         }
         if (page.title.includes("React")) {
@@ -809,5 +811,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

@@ -49,6 +49,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

@@ -159,6 +159,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

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

package/dist/types/EventReporter.d.ts

@@ -79,8 +79,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" }
   | /**
-   * > 92 |       ...DebuggerSessionIDs,
+   * > 95 |       ...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

@@ -82,6 +82,9 @@ export type ReportableEvent =
       status: "success",
       ...DebuggerSessionIDs,
     }
+  | {
+      type: "fusebox_console_notice",
+    }
   | {
       type: "proxy_error",
       status: "error",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.78.0-rc.3",
+  "version": "0.78.0-rc.5",
   "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.78.0-rc.3",
+    "@react-native/debugger-frontend": "0.78.0-rc.5",
     "chrome-launcher": "^0.15.2",
     "chromium-edge-launcher": "^0.2.0",
     "connect": "^3.6.5",