@react-native/community-cli-plugin 0.77.0-nightly-20240930-513e9669e → 0.77.0-nightly-20241002-d19a2178b

package/dist/commands/bundle/buildBundle.js

@@ -7,7 +7,6 @@ exports.unstable_buildBundleWithConfig = exports.default = void 0;
 var _loadMetroConfig = _interopRequireDefault(
   require("../../utils/loadMetroConfig")
 );
-var _logger = require("../../utils/logger");
 var _parseKeyValueParamArray = _interopRequireDefault(
   require("../../utils/parseKeyValueParamArray")
 );
@@ -40,12 +39,12 @@ async function buildBundleWithConfig(
     args.resolverOption ?? []
   );
   if (config.resolver.platforms.indexOf(args.platform) === -1) {
-    _logger.logger.error(
-      `Invalid platform ${
+    console.error(
+      `${_chalk.default.red("error")}: Invalid platform ${
         args.platform ? `"${_chalk.default.bold(args.platform)}" ` : ""
       }selected.`
     );
-    _logger.logger.info(
+    console.info(
       `Available platforms are: ${config.resolver.platforms
         .map((x) => `"${_chalk.default.bold(x)}"`)
         .join(
@@ -75,7 +74,7 @@ async function buildBundleWithConfig(
       recursive: true,
       mode: 0o755,
     });
-    await bundleImpl.save(bundle, args, _logger.logger.info);
+    await bundleImpl.save(bundle, args, console.info);
     const outputAssets = await server.getAssets({
       ..._Server.default.DEFAULT_BUNDLE_OPTIONS,
       ...requestOpts,

package/dist/commands/bundle/saveAssets.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _logger = require("../../utils/logger");
 var _assetCatalogIOS = require("./assetCatalogIOS");
 var _filterPlatformAssetScales = _interopRequireDefault(
   require("./filterPlatformAssetScales")
@@ -15,6 +14,7 @@ var _getAssetDestPathAndroid = _interopRequireDefault(
 var _getAssetDestPathIOS = _interopRequireDefault(
   require("./getAssetDestPathIOS")
 );
+var _chalk = _interopRequireDefault(require("chalk"));
 var _fs = _interopRequireDefault(require("fs"));
 var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(e) {
@@ -22,7 +22,7 @@ function _interopRequireDefault(e) {
 }
 async function saveAssets(assets, platform, assetsDest, assetCatalogDest) {
   if (assetsDest == null) {
-    _logger.logger.warn("Assets destination folder is not set, skipping...");
+    console.warn("Warning: Assets destination folder is not set, skipping...");
     return;
   }
   const filesToCopy = {};
@@ -52,12 +52,14 @@ async function saveAssets(assets, platform, assetsDest, assetCatalogDest) {
       "RNAssets.xcassets"
     );
     if (!_fs.default.existsSync(catalogDir)) {
-      _logger.logger.error(
-        `Could not find asset catalog 'RNAssets.xcassets' in ${assetCatalogDest}. Make sure to create it if it does not exist.`
+      console.error(
+        `${_chalk.default.red(
+          "error"
+        )}: Could not find asset catalog 'RNAssets.xcassets' in ${assetCatalogDest}. Make sure to create it if it does not exist.`
       );
       return;
     }
-    _logger.logger.info("Adding images to asset catalog", catalogDir);
+    console.info("Adding images to asset catalog", catalogDir);
     (0, _assetCatalogIOS.cleanAssetCatalog)(catalogDir);
     for (const asset of assets) {
       if ((0, _assetCatalogIOS.isCatalogAsset)(asset)) {
@@ -71,7 +73,7 @@ async function saveAssets(assets, platform, assetsDest, assetCatalogDest) {
         addAssetToCopy(asset);
       }
     }
-    _logger.logger.info("Done adding images to asset catalog");
+    console.info("Done adding images to asset catalog");
   } else {
     assets.forEach(addAssetToCopy);
   }
@@ -82,7 +84,7 @@ function copyAll(filesToCopy) {
   if (queue.length === 0) {
     return Promise.resolve();
   }
-  _logger.logger.info(`Copying ${queue.length} asset files`);
+  console.info(`Copying ${queue.length} asset files`);
   return new Promise((resolve, reject) => {
     const copyNext = (error) => {
       if (error) {
@@ -90,7 +92,7 @@ function copyAll(filesToCopy) {
         return;
       }
       if (queue.length === 0) {
-        _logger.logger.info("Done copying assets");
+        console.info("Done copying assets");
         resolve();
       } else {
         const src = queue.shift();

package/dist/commands/start/OpenDebuggerKeyboardHandler.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.default = void 0;
+var _chalk = _interopRequireDefault(require("chalk"));
+var _nodeFetch = _interopRequireDefault(require("node-fetch"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+class OpenDebuggerKeyboardHandler {
+  #devServerUrl;
+  #reporter;
+  #targetsShownForSelection = null;
+  constructor({ devServerUrl, reporter }) {
+    this.#devServerUrl = devServerUrl;
+    this.#reporter = reporter;
+  }
+  async #tryOpenDebuggerForTarget(target) {
+    this.#targetsShownForSelection = null;
+    this.#clearTerminalMenu();
+    try {
+      await (0, _nodeFetch.default)(
+        new URL(
+          "/open-debugger?target=" + encodeURIComponent(target.id),
+          this.#devServerUrl
+        ).href,
+        {
+          method: "POST",
+        }
+      );
+    } catch (e) {
+      this.#log(
+        "error",
+        "Failed to open debugger for %s on %s debug targets: %s",
+        target.description,
+        target.deviceName,
+        e.message
+      );
+      this.#clearTerminalMenu();
+    }
+  }
+  async handleOpenDebugger() {
+    this.#setTerminalMenu("Fetching available debugging targets...");
+    this.#targetsShownForSelection = null;
+    try {
+      const res = await (0, _nodeFetch.default)(
+        this.#devServerUrl + "/json/list",
+        {
+          method: "POST",
+        }
+      );
+      if (res.status !== 200) {
+        throw new Error(`Unexpected status code: ${res.status}`);
+      }
+      const targets = await res.json();
+      if (!Array.isArray(targets)) {
+        throw new Error("Expected array.");
+      }
+      if (targets.length === 0) {
+        this.#log("warn", "No connected targets");
+        this.#clearTerminalMenu();
+      } else if (targets.length === 1) {
+        const target = targets[0];
+        void this.#tryOpenDebuggerForTarget(target);
+      } else {
+        this.#targetsShownForSelection = targets;
+        if (targets.length > 9) {
+          this.#log(
+            "warn",
+            "10 or more debug targets available, showing the first 9."
+          );
+        }
+        this.#setTerminalMenu(
+          `Multiple debug targets available, please select:\n  ${targets
+            .slice(0, 9)
+            .map(
+              ({ description, deviceName }, i) =>
+                `${_chalk.default.white.inverse(
+                  ` ${i + 1} `
+                )} - "${description}" on "${deviceName}"`
+            )
+            .join("\n  ")}`
+        );
+      }
+    } catch (e) {
+      this.#log("error", `Failed to fetch debug targets: ${e.message}`);
+      this.#clearTerminalMenu();
+    }
+  }
+  maybeHandleTargetSelection(keyName) {
+    if (keyName >= "1" && keyName <= "9") {
+      const targetIndex = Number(keyName) - 1;
+      if (
+        this.#targetsShownForSelection != null &&
+        targetIndex < this.#targetsShownForSelection.length
+      ) {
+        const target = this.#targetsShownForSelection[targetIndex];
+        void this.#tryOpenDebuggerForTarget(target);
+        return true;
+      }
+    }
+    return false;
+  }
+  dismiss() {
+    this.#clearTerminalMenu();
+    this.#targetsShownForSelection = null;
+  }
+  #log(level, ...data) {
+    this.#reporter.update({
+      type: "unstable_server_log",
+      level,
+      data,
+    });
+  }
+  #setTerminalMenu(message) {
+    this.#reporter.update({
+      type: "unstable_server_menu_updated",
+      message,
+    });
+  }
+  #clearTerminalMenu() {
+    this.#reporter.update({
+      type: "unstable_server_menu_cleared",
+    });
+  }
+}
+exports.default = OpenDebuggerKeyboardHandler;

package/dist/commands/start/OpenDebuggerKeyboardHandler.js.flow

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type TerminalReporter from "metro/src/lib/TerminalReporter";
+
+declare export default class OpenDebuggerKeyboardHandler {
+  constructor({ devServerUrl: string, reporter: TerminalReporter }): void;
+  handleOpenDebugger(): Promise<void>;
+  maybeHandleTargetSelection(keyName: string): boolean;
+  dismiss(): void;
+}

package/dist/commands/start/attachKeyHandlers.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = attachKeyHandlers;
-var _KeyPressHandler = require("../../utils/KeyPressHandler");
-var _logger = require("../../utils/logger");
+var _OpenDebuggerKeyboardHandler = _interopRequireDefault(
+  require("./OpenDebuggerKeyboardHandler")
+);
 var _chalk = _interopRequireDefault(require("chalk"));
-var _execa = _interopRequireDefault(require("execa"));
-var _nodeFetch = _interopRequireDefault(require("node-fetch"));
+var _child_process = require("child_process");
+var _invariant = _interopRequireDefault(require("invariant"));
+var _readline = _interopRequireDefault(require("readline"));
+var _tty = require("tty");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -25,79 +28,122 @@ const throttle = (callback, timeout) => {
     }
   };
 };
-function attachKeyHandlers({ cliConfig, devServerUrl, messageSocket }) {
+const spawnOptions = {
+  env: {
+    ...process.env,
+    FORCE_COLOR: _chalk.default.supportsColor ? "true" : "false",
+  },
+};
+function attachKeyHandlers({
+  cliConfig,
+  devServerUrl,
+  messageSocket,
+  reporter,
+}) {
   if (process.stdin.isTTY !== true) {
-    _logger.logger.debug(
-      "Interactive mode is not supported in this environment"
-    );
+    reporter.update({
+      type: "unstable_server_log",
+      level: "info",
+      data: "Interactive mode is not supported in this environment",
+    });
     return;
   }
-  const execaOptions = {
-    env: {
-      FORCE_COLOR: _chalk.default.supportsColor ? "true" : "false",
-    },
-  };
+  _readline.default.emitKeypressEvents(process.stdin);
+  setRawMode(true);
   const reload = throttle(() => {
-    _logger.logger.info("Reloading connected app(s)...");
+    reporter.update({
+      type: "unstable_server_log",
+      level: "info",
+      data: "Reloading connected app(s)...",
+    });
     messageSocket.broadcast("reload", null);
   }, RELOAD_TIMEOUT);
-  const keyPressHandler = new _KeyPressHandler.KeyPressHandler(async (key) => {
-    switch (key.toLowerCase()) {
+  const openDebuggerKeyboardHandler = new _OpenDebuggerKeyboardHandler.default({
+    reporter,
+    devServerUrl,
+  });
+  process.stdin.on("keypress", (str, key) => {
+    if (openDebuggerKeyboardHandler.maybeHandleTargetSelection(key.name)) {
+      return;
+    }
+    switch (key.sequence) {
       case "r":
         reload();
         break;
       case "d":
-        _logger.logger.info("Opening Dev Menu...");
+        reporter.update({
+          type: "unstable_server_log",
+          level: "info",
+          data: "Opening Dev Menu...",
+        });
         messageSocket.broadcast("devMenu", null);
         break;
       case "i":
-        _logger.logger.info("Opening app on iOS...");
-        (0, _execa.default)(
+        reporter.update({
+          type: "unstable_server_log",
+          level: "info",
+          data: "Opening app on iOS...",
+        });
+        (0, _child_process.spawn)(
           "npx",
           [
             "react-native",
             "run-ios",
             ...(cliConfig.project.ios?.watchModeCommandParams ?? []),
           ],
-          execaOptions
+          spawnOptions
         ).stdout?.pipe(process.stdout);
         break;
       case "a":
-        _logger.logger.info("Opening app on Android...");
-        (0, _execa.default)(
+        reporter.update({
+          type: "unstable_server_log",
+          level: "info",
+          data: "Opening app on Android...",
+        });
+        (0, _child_process.spawn)(
           "npx",
           [
             "react-native",
             "run-android",
             ...(cliConfig.project.android?.watchModeCommandParams ?? []),
           ],
-          execaOptions
+          spawnOptions
         ).stdout?.pipe(process.stdout);
         break;
       case "j":
-        await (0, _nodeFetch.default)(devServerUrl + "/open-debugger", {
-          method: "POST",
-        });
+        void openDebuggerKeyboardHandler.handleOpenDebugger();
         break;
       case CTRL_C:
       case CTRL_D:
-        _logger.logger.info("Stopping server");
-        keyPressHandler.stopInterceptingKeyStrokes();
+        openDebuggerKeyboardHandler.dismiss();
+        reporter.update({
+          type: "unstable_server_log",
+          level: "info",
+          data: "Stopping server",
+        });
+        setRawMode(false);
+        process.stdin.pause();
         process.emit("SIGINT");
         process.exit();
     }
   });
-  keyPressHandler.createInteractionListener();
-  keyPressHandler.startInterceptingKeyStrokes();
-  _logger.logger.log(
-    [
-      "",
-      `${_chalk.default.bold("i")} - run on iOS`,
-      `${_chalk.default.bold("a")} - run on Android`,
-      `${_chalk.default.bold("r")} - reload app`,
-      `${_chalk.default.bold("d")} - open Dev Menu`,
-      `${_chalk.default.bold("j")} - open DevTools`,
-      "",
-    ].join("\n")
+  reporter.update({
+    type: "unstable_server_log",
+    level: "info",
+    data: `Key commands available:
+
+  ${_chalk.default.bold.inverse(" i ")} - run on iOS
+  ${_chalk.default.bold.inverse(" a ")} - run on Android
+  ${_chalk.default.bold.inverse(" r ")} - reload app(s)
+  ${_chalk.default.bold.inverse(" d ")} - open Dev Menu
+  ${_chalk.default.bold.inverse(" j ")} - open DevTools
+`,
+  });
+}
+function setRawMode(enable) {
+  (0, _invariant.default)(
+    process.stdin instanceof _tty.ReadStream,
+    "process.stdin must be a readable stream to modify raw mode"
   );
+  process.stdin.setRawMode(enable);
 }

package/dist/commands/start/attachKeyHandlers.js.flow

@@ -10,6 +10,7 @@
  */
 
 import type { Config } from "@react-native-community/cli-types";
+import type TerminalReporter from "metro/src/lib/TerminalReporter";
 
 declare export default function attachKeyHandlers({
   cliConfig: Config,
@@ -18,4 +19,5 @@ declare export default function attachKeyHandlers({
     broadcast: (type: string, params?: Record<string, mixed> | null) => void,
     ...
   }>,
+  reporter: TerminalReporter,
 }): void;

package/dist/commands/start/middleware.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.indexPageMiddleware = exports.createDevServerMiddleware = void 0;
-var _logger = require("../../utils/logger");
+const debug = require("debug")("ReactNative:CommunityCliPlugin");
 const noopNextHandle = (req, res, next) => {
   next();
 };
@@ -32,7 +32,7 @@ try {
   communityMiddlewareFallback.createDevServerMiddleware =
     community.createDevServerMiddleware;
 } catch {
-  _logger.logger.debug(`⚠️ Unable to find @react-native-community/cli-server-api
+  debug(`⚠️ Unable to find @react-native-community/cli-server-api
 Starting the server without the community middleware.`);
 }
 const createDevServerMiddleware = (exports.createDevServerMiddleware =

package/dist/commands/start/runServer.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
+var _createDevMiddlewareLogger = _interopRequireDefault(
+  require("../../utils/createDevMiddlewareLogger")
+);
 var _isDevServerRunning = _interopRequireDefault(
   require("../../utils/isDevServerRunning")
 );
 var _loadMetroConfig = _interopRequireDefault(
   require("../../utils/loadMetroConfig")
 );
-var _logger = require("../../utils/logger");
 var version = _interopRequireWildcard(require("../../utils/version"));
 var _attachKeyHandlers = _interopRequireDefault(require("./attachKeyHandlers"));
 var _cliServerApi = require("@react-native-community/cli-server-api");
@@ -68,31 +70,37 @@ async function runServer(_argv, ctx, args) {
     hostname,
     port,
   });
-  _logger.logger.info(`Welcome to React Native v${ctx.reactNativeVersion}`);
+  console.info(
+    _chalk.default.blue(`\nWelcome to React Native v${ctx.reactNativeVersion}`)
+  );
   const serverStatus = await (0, _isDevServerRunning.default)(
     devServerUrl,
     projectRoot
   );
   if (serverStatus === "matched_server_running") {
-    _logger.logger.info(
+    console.info(
       `A dev server is already running for this project on port ${port}. Exiting.`
     );
     return;
   } else if (serverStatus === "port_taken") {
-    _logger.logger.error(
-      `Another process is running on port ${port}. Please terminate this ` +
+    console.error(
+      `${_chalk.default.red(
+        "error"
+      )}: Another process is running on port ${port}. Please terminate this ` +
         'process and try again, or use another port with "--port".'
     );
     return;
   }
-  _logger.logger.info(
-    `Starting dev server on port ${_chalk.default.bold(String(port))}...`
-  );
+  console.info(`Starting dev server on ${devServerUrl}\n`);
   if (args.assetPlugins) {
     metroConfig.transformer.assetPlugins = args.assetPlugins.map((plugin) =>
       require.resolve(plugin)
     );
   }
+  let reportEvent;
+  const terminal = new _metroCore.Terminal(process.stdout);
+  const ReporterImpl = getReporterImpl(args.customLogReporterPath);
+  const terminalReporter = new ReporterImpl(terminal);
   const {
     middleware: communityMiddleware,
     websocketEndpoints: communityWebsocketEndpoints,
@@ -107,12 +115,8 @@ async function runServer(_argv, ctx, args) {
   _devMiddleware.createDevMiddleware)({
     projectRoot,
     serverBaseUrl: devServerUrl,
-    logger: _logger.logger,
+    logger: (0, _createDevMiddlewareLogger.default)(terminalReporter),
   });
-  let reportEvent;
-  const terminal = new _metroCore.Terminal(process.stdout);
-  const ReporterImpl = getReporterImpl(args.customLogReporterPath);
-  const terminalReporter = new ReporterImpl(terminal);
   metroConfig.reporter = {
     update(event) {
       terminalReporter.update(event);
@@ -120,11 +124,18 @@ async function runServer(_argv, ctx, args) {
         reportEvent(event);
       }
       if (args.interactive && event.type === "initialize_done") {
-        _logger.logger.info("Dev server ready");
+        terminalReporter.update({
+          type: "unstable_server_log",
+          level: "info",
+          data: `Dev server ready. ${_chalk.default.dim(
+            "Press Ctrl+C to exit."
+          )}`,
+        });
         (0, _attachKeyHandlers.default)({
           cliConfig: ctx,
           devServerUrl,
           messageSocket: messageSocketEndpoint,
+          reporter: terminalReporter,
         });
       }
     },
@@ -146,7 +157,7 @@ async function runServer(_argv, ctx, args) {
   });
   reportEvent = eventsSocketEndpoint.reportEvent;
   serverInstance.keepAliveTimeout = 30000;
-  await version.logIfUpdateAvailable(ctx.root);
+  await version.logIfUpdateAvailable(ctx.root, terminalReporter);
 }
 function getReporterImpl(customLogReporterPath) {
   if (customLogReporterPath == null) {

package/dist/utils/createDevMiddlewareLogger.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.default = createDevMiddlewareLogger;
+function createDevMiddlewareLogger(reporter) {
+  return {
+    info: makeLogger(reporter, "info"),
+    warn: makeLogger(reporter, "warn"),
+    error: makeLogger(reporter, "error"),
+  };
+}
+function makeLogger(reporter, level) {
+  return (...data) =>
+    reporter.update({
+      type: "unstable_server_log",
+      level,
+      data,
+    });
+}

package/dist/utils/createDevMiddlewareLogger.js.flow

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type TerminalReporter from "metro/src/lib/TerminalReporter";
+
+type LoggerFn = (...message: $ReadOnlyArray<string>) => void;
+
+/**
+ * Create a dev-middleware logger object that will emit logs via Metro's
+ * terminal reporter.
+ */
+declare export default function createDevMiddlewareLogger(
+  reporter: TerminalReporter
+): $ReadOnly<{
+  info: LoggerFn,
+  error: LoggerFn,
+  warn: LoggerFn,
+}>;

package/dist/utils/loadMetroConfig.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = loadMetroConfig;
 var _errors = require("./errors");
-var _logger = require("./logger");
 var _metroPlatformResolver = require("./metroPlatformResolver");
 var _metroConfig = require("metro-config");
 var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
 }
+const debug = require("debug")("ReactNative:CommunityCliPlugin");
 function getOverrideConfig(ctx, config) {
   const outOfTreePlatforms = Object.keys(ctx.platforms).filter(
     (platform) => ctx.platforms[platform].npmPackageName
@@ -63,7 +63,7 @@ async function loadMetroConfig(ctx, options = {}) {
   if (projectConfig.isEmpty) {
     throw new _errors.CLIError(`No Metro config found in ${cwd}`);
   }
-  _logger.logger.debug(`Reading Metro config from ${projectConfig.filepath}`);
+  debug(`Reading Metro config from ${projectConfig.filepath}`);
   if (!global.__REACT_NATIVE_METRO_CONFIG_LOADED) {
     for (const line of `
 =================================================================================================
@@ -75,7 +75,7 @@ This warning will be removed in future (https://github.com/facebook/metro/issues
     `
       .trim()
       .split("\n")) {
-      _logger.logger.warn(line);
+      console.warn(line);
     }
   }
   const config = await (0, _metroConfig.loadConfig)({

package/dist/utils/version.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = getLatestRelease;
 exports.logIfUpdateAvailable = logIfUpdateAvailable;
-var _logger = require("./logger");
 var _chalk = _interopRequireDefault(require("chalk"));
 var _fs = require("fs");
 var _path = _interopRequireDefault(require("path"));
@@ -13,33 +12,36 @@ var _semver = _interopRequireDefault(require("semver"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
 }
+const debug = require("debug")("ReactNative:CommunityCliPlugin");
 function getReactNativeVersion(projectRoot) {
   try {
     const resolvedPath = require.resolve("react-native/package.json", {
       paths: [projectRoot],
     });
-    _logger.logger.debug(
-      `Found 'react-native' from '${projectRoot}' -> '${resolvedPath}'`
-    );
+    debug(`Found 'react-native' from '${projectRoot}' -> '${resolvedPath}'`);
     return JSON.parse((0, _fs.readFileSync)(resolvedPath, "utf8")).version;
   } catch {
-    _logger.logger.debug("Couldn't read the version of 'react-native'");
+    debug("Couldn't read the version of 'react-native'");
   }
 }
-async function logIfUpdateAvailable(projectRoot) {
+async function logIfUpdateAvailable(projectRoot, reporter) {
   const versions = await latest(projectRoot);
   if (!versions?.upgrade) {
     return;
   }
   if (_semver.default.gt(versions.upgrade.stable, versions.current)) {
-    _logger.logger.info(`React Native v${
-      versions.upgrade.stable
-    } is now available (your project is running on v${versions.name}).
+    reporter.update({
+      type: "unstable_server_log",
+      level: "info",
+      data: `React Native v${
+        versions.upgrade.stable
+      } is now available (your project is running on v${versions.name}).
 Changelog: ${_chalk.default.dim.underline(
-      versions.upgrade?.changelogUrl ?? "none"
-    )}
+        versions.upgrade?.changelogUrl ?? "none"
+      )}
 Diff: ${_chalk.default.dim.underline(versions.upgrade?.diffUrl ?? "none")}
-`);
+`,
+    });
   }
 }
 async function latest(projectRoot) {
@@ -63,11 +65,11 @@ async function latest(projectRoot) {
       };
     }
   } catch (e) {
-    _logger.logger.debug(
+    debug(
       "Cannot detect current version of React Native, " +
         "skipping check for a newer release"
     );
-    _logger.logger.debug(e);
+    debug(e);
   }
 }
 function isDiffPurgeEntry(data) {
@@ -78,20 +80,20 @@ function isDiffPurgeEntry(data) {
   );
 }
 async function getLatestRelease(name, currentVersion) {
-  _logger.logger.debug("Checking for a newer version of React Native");
+  debug("Checking for a newer version of React Native");
   try {
-    _logger.logger.debug(`Current version: ${currentVersion}`);
+    debug(`Current version: ${currentVersion}`);
     if (["-canary", "-nightly"].some((s) => currentVersion.includes(s))) {
       return;
     }
-    _logger.logger.debug("Checking for newer releases on GitHub");
+    debug("Checking for newer releases on GitHub");
     const latestVersion = await getLatestRnDiffPurgeVersion(name);
     if (latestVersion == null) {
-      _logger.logger.debug("Failed to get latest release");
+      debug("Failed to get latest release");
       return;
     }
     const { stable, candidate } = latestVersion;
-    _logger.logger.debug(`Latest release: ${stable} (${candidate ?? ""})`);
+    debug(`Latest release: ${stable} (${candidate ?? ""})`);
     if (_semver.default.compare(stable, currentVersion) >= 0) {
       return {
         stable,
@@ -101,10 +103,8 @@ async function getLatestRelease(name, currentVersion) {
       };
     }
   } catch (e) {
-    _logger.logger.debug(
-      "Something went wrong with remote version checking, moving on"
-    );
-    _logger.logger.debug(e);
+    debug("Something went wrong with remote version checking, moving on");
+    debug(e);
   }
 }
 function buildChangelogUrl(version) {

package/dist/utils/version.js.flow

@@ -9,6 +9,8 @@
  * @oncall react_native
  */
 
+import type TerminalReporter from "metro/src/lib/TerminalReporter";
+
 type Release = {
   // The current stable release
   stable: string,
@@ -22,7 +24,8 @@ type Release = {
  * Logs out a message if the user's version is behind a stable version of React Native
  */
 declare export function logIfUpdateAvailable(
-  projectRoot: string
+  projectRoot: string,
+  reporter: TerminalReporter
 ): Promise<void>;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/community-cli-plugin",
-  "version": "0.77.0-nightly-20240930-513e9669e",
+  "version": "0.77.0-nightly-20241002-d19a2178b",
   "description": "Core CLI commands for React Native",
   "keywords": [
     "react-native",
@@ -22,18 +22,20 @@
     "dist"
   ],
   "dependencies": {
-    "@react-native/dev-middleware": "0.77.0-nightly-20240930-513e9669e",
-    "@react-native/metro-babel-transformer": "0.77.0-nightly-20240930-513e9669e",
+    "@react-native/dev-middleware": "0.77.0-nightly-20241002-d19a2178b",
+    "@react-native/metro-babel-transformer": "0.77.0-nightly-20241002-d19a2178b",
     "chalk": "^4.0.0",
-    "execa": "^5.1.1",
-    "metro": "^0.81.0-alpha.0",
-    "metro-config": "^0.81.0-alpha.0",
-    "metro-core": "^0.81.0-alpha.0",
+    "debug": "^2.2.0",
+    "invariant": "^2.2.4",
+    "metro": "^0.81.0-alpha.2",
+    "metro-config": "^0.81.0-alpha.2",
+    "metro-core": "^0.81.0-alpha.2",
     "node-fetch": "^2.2.0",
-    "readline": "^1.3.0"
+    "readline": "^1.3.0",
+    "semver": "^7.1.3"
   },
   "devDependencies": {
-    "metro-resolver": "^0.81.0-alpha.0"
+    "metro-resolver": "^0.81.0-alpha.2"
   },
   "peerDependencies": {
     "@react-native-community/cli-server-api": "*"

package/dist/utils/KeyPressHandler.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-exports.KeyPressHandler = void 0;
-var _errors = require("./errors");
-var _logger = require("./logger");
-const CTRL_C = "\u0003";
-class KeyPressHandler {
-  _isInterceptingKeyStrokes = false;
-  _isHandlingKeyPress = false;
-  constructor(onPress) {
-    this._onPress = onPress;
-  }
-  createInteractionListener() {
-    let wasIntercepting = false;
-    const listener = ({ pause }) => {
-      if (pause) {
-        wasIntercepting = this._isInterceptingKeyStrokes;
-        this.stopInterceptingKeyStrokes();
-      } else if (wasIntercepting) {
-        this.startInterceptingKeyStrokes();
-      }
-    };
-    return listener;
-  }
-  _handleKeypress = async (key) => {
-    if (this._isHandlingKeyPress && key !== CTRL_C) {
-      return;
-    }
-    this._isHandlingKeyPress = true;
-    try {
-      _logger.logger.debug(`Key pressed: ${key}`);
-      await this._onPress(key);
-    } catch (error) {
-      return new _errors.CLIError(
-        "There was an error with the key press handler."
-      );
-    } finally {
-      this._isHandlingKeyPress = false;
-    }
-  };
-  startInterceptingKeyStrokes() {
-    if (this._isInterceptingKeyStrokes) {
-      return;
-    }
-    this._isInterceptingKeyStrokes = true;
-    const { stdin } = process;
-    stdin.setRawMode(true);
-    stdin.resume();
-    stdin.setEncoding("utf8");
-    stdin.on("data", this._handleKeypress);
-  }
-  stopInterceptingKeyStrokes() {
-    if (!this._isInterceptingKeyStrokes) {
-      return;
-    }
-    this._isInterceptingKeyStrokes = false;
-    const { stdin } = process;
-    stdin.removeListener("data", this._handleKeypress);
-    stdin.setRawMode(false);
-    stdin.resume();
-  }
-}
-exports.KeyPressHandler = KeyPressHandler;

package/dist/utils/KeyPressHandler.js.flow

@@ -1,22 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall react_native
- */
-
-/** An abstract key stroke interceptor. */
-declare export class KeyPressHandler {
-  _isInterceptingKeyStrokes: $FlowFixMe;
-  _isHandlingKeyPress: $FlowFixMe;
-  _onPress: (key: string) => Promise<void>;
-  constructor(onPress: (key: string) => Promise<void>): void;
-  createInteractionListener(): ({ pause: boolean, ... }) => void;
-  _handleKeypress: $FlowFixMe;
-  startInterceptingKeyStrokes(): void;
-  stopInterceptingKeyStrokes(): void;
-}

package/dist/utils/logger.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-exports.logger = void 0;
-var _chalk = _interopRequireDefault(require("chalk"));
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-const SEPARATOR = ", ";
-let verbose = process.argv.includes("--verbose");
-let disabled = false;
-let hidden = false;
-const formatMessages = (messages) =>
-  _chalk.default.reset(messages.join(SEPARATOR));
-const success = (...messages) => {
-  if (!disabled) {
-    console.log(
-      `${_chalk.default.green.bold("success")} ${formatMessages(messages)}`
-    );
-  }
-};
-const info = (...messages) => {
-  if (!disabled) {
-    console.log(
-      `${_chalk.default.cyan.bold("info")} ${formatMessages(messages)}`
-    );
-  }
-};
-const warn = (...messages) => {
-  if (!disabled) {
-    console.warn(
-      `${_chalk.default.yellow.bold("warn")} ${formatMessages(messages)}`
-    );
-  }
-};
-const error = (...messages) => {
-  if (!disabled) {
-    console.error(
-      `${_chalk.default.red.bold("error")} ${formatMessages(messages)}`
-    );
-  }
-};
-const debug = (...messages) => {
-  if (verbose && !disabled) {
-    console.log(
-      `${_chalk.default.gray.bold("debug")} ${formatMessages(messages)}`
-    );
-  } else {
-    hidden = true;
-  }
-};
-const log = (...messages) => {
-  if (!disabled) {
-    console.log(`${formatMessages(messages)}`);
-  }
-};
-const setVerbose = (level) => {
-  verbose = level;
-};
-const isVerbose = () => verbose;
-const disable = () => {
-  disabled = true;
-};
-const enable = () => {
-  disabled = false;
-};
-const hasDebugMessages = () => hidden;
-let communityLogger;
-try {
-  const { logger } = require("@react-native-community/cli-tools");
-  logger.debug("Using @react-naive-community/cli-tools' logger");
-  communityLogger = logger;
-} catch {}
-const logger = (exports.logger = communityLogger ?? {
-  success,
-  info,
-  warn,
-  error,
-  debug,
-  log,
-  setVerbose,
-  isVerbose,
-  hasDebugMessages,
-  disable,
-  enable,
-});
-if (communityLogger == null) {
-  logger.debug("Using @react-native/communityu-cli-plugin's logger");
-}

package/dist/utils/logger.js.flow

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall react_native
- */
-
-type Logger = $ReadOnly<{
-  debug: (...message: Array<string>) => void,
-  error: (...message: Array<string>) => void,
-  log: (...message: Array<string>) => void,
-  info: (...message: Array<string>) => void,
-  warn: (...message: Array<string>) => void,
-  ...
-}>;
-
-declare export const logger: Logger;