@react-native/community-cli-plugin 0.76.0-nightly-20240715-2eb7bcb8d → 0.76.0-nightly-20240719-6d56cea28

package/dist/commands/bundle/buildBundle.js

@@ -7,11 +7,11 @@ exports.unstable_buildBundleWithConfig = exports.default = void 0;
 var _loadMetroConfig = _interopRequireDefault(
   require("../../utils/loadMetroConfig")
 );
+var _logger = require("../../utils/logger");
 var _parseKeyValueParamArray = _interopRequireDefault(
   require("../../utils/parseKeyValueParamArray")
 );
 var _saveAssets = _interopRequireDefault(require("./saveAssets"));
-var _cliTools = require("@react-native-community/cli-tools");
 var _chalk = _interopRequireDefault(require("chalk"));
 var _Server = _interopRequireDefault(require("metro/src/Server"));
 var _bundle = _interopRequireDefault(require("metro/src/shared/output/bundle"));
@@ -39,12 +39,12 @@ async function buildBundleWithConfig(
     args.resolverOption ?? []
   );
   if (config.resolver.platforms.indexOf(args.platform) === -1) {
-    _cliTools.logger.error(
+    _logger.logger.error(
       `Invalid platform ${
         args.platform ? `"${_chalk.default.bold(args.platform)}" ` : ""
       }selected.`
     );
-    _cliTools.logger.info(
+    _logger.logger.info(
       `Available platforms are: ${config.resolver.platforms
         .map((x) => `"${_chalk.default.bold(x)}"`)
         .join(
@@ -70,7 +70,7 @@ async function buildBundleWithConfig(
   const server = new _Server.default(config);
   try {
     const bundle = await bundleImpl.build(server, requestOpts);
-    await bundleImpl.save(bundle, args, _cliTools.logger.info);
+    await bundleImpl.save(bundle, args, _logger.logger.info);
     const outputAssets = await server.getAssets({
       ..._Server.default.DEFAULT_BUNDLE_OPTIONS,
       ...requestOpts,

package/dist/commands/bundle/saveAssets.js

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

package/dist/commands/start/attachKeyHandlers.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = attachKeyHandlers;
 var _KeyPressHandler = require("../../utils/KeyPressHandler");
-var _cliTools = require("@react-native-community/cli-tools");
+var _logger = require("../../utils/logger");
 var _chalk = _interopRequireDefault(require("chalk"));
 var _execa = _interopRequireDefault(require("execa"));
 var _nodeFetch = _interopRequireDefault(require("node-fetch"));
@@ -21,7 +21,7 @@ function attachKeyHandlers({
   experimentalDebuggerFrontend,
 }) {
   if (process.stdin.isTTY !== true) {
-    _cliTools.logger.debug(
+    _logger.logger.debug(
       "Interactive mode is not supported in this environment"
     );
     return;
@@ -34,15 +34,15 @@ function attachKeyHandlers({
   const keyPressHandler = new _KeyPressHandler.KeyPressHandler(async (key) => {
     switch (key) {
       case "r":
-        _cliTools.logger.info("Reloading connected app(s)...");
+        _logger.logger.info("Reloading connected app(s)...");
         messageSocket.broadcast("reload", null);
         break;
       case "d":
-        _cliTools.logger.info("Opening Dev Menu...");
+        _logger.logger.info("Opening Dev Menu...");
         messageSocket.broadcast("devMenu", null);
         break;
       case "i":
-        _cliTools.logger.info("Opening app on iOS...");
+        _logger.logger.info("Opening app on iOS...");
         (0, _execa.default)(
           "npx",
           [
@@ -54,7 +54,7 @@ function attachKeyHandlers({
         ).stdout?.pipe(process.stdout);
         break;
       case "a":
-        _cliTools.logger.info("Opening app on Android...");
+        _logger.logger.info("Opening app on Android...");
         (0, _execa.default)(
           "npx",
           [
@@ -75,7 +75,7 @@ function attachKeyHandlers({
         break;
       case CTRL_C:
       case CTRL_D:
-        _cliTools.logger.info("Stopping server");
+        _logger.logger.info("Stopping server");
         keyPressHandler.stopInterceptingKeyStrokes();
         process.emit("SIGINT");
         process.exit();
@@ -83,7 +83,7 @@ function attachKeyHandlers({
   });
   keyPressHandler.createInteractionListener();
   keyPressHandler.startInterceptingKeyStrokes();
-  _cliTools.logger.log(
+  _logger.logger.log(
     [
       "",
       `${_chalk.default.bold("i")} - run on iOS`,

package/dist/commands/start/middleware.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.indexPageMiddleware = exports.createDevServerMiddleware = void 0;
+var _logger = require("../../utils/logger");
+const noopNextHandle = (req, res, next) => {
+  next();
+};
+const unusedStubWSServer = {};
+const unusedMiddlewareStub = {};
+const communityMiddlewareFallback = {
+  createDevServerMiddleware: (params) => ({
+    middleware: unusedMiddlewareStub,
+    websocketEndpoints: {},
+    messageSocketEndpoint: {
+      server: unusedStubWSServer,
+      broadcast: (method, _params) => {},
+    },
+    eventsSocketEndpoint: {
+      server: unusedStubWSServer,
+      reportEvent: (event) => {},
+    },
+  }),
+  indexPageMiddleware: noopNextHandle,
+};
+try {
+  const community = require("@react-native-community/cli-server-api");
+  communityMiddlewareFallback.indexPageMiddleware =
+    community.indexPageMiddleware;
+  communityMiddlewareFallback.createDevServerMiddleware =
+    community.createDevServerMiddleware;
+} catch {
+  _logger.logger.debug(`⚠️ Unable to find @react-native-community/cli-server-api
+Starting the server without the community middleware.`);
+}
+const createDevServerMiddleware =
+  communityMiddlewareFallback.createDevServerMiddleware;
+exports.createDevServerMiddleware = createDevServerMiddleware;
+const indexPageMiddleware = communityMiddlewareFallback.indexPageMiddleware;
+exports.indexPageMiddleware = indexPageMiddleware;

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

@@ -0,0 +1,13 @@
+/**
+ * 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
+ */
+
+declare export const createDevServerMiddleware: $FlowFixMe;
+declare export const indexPageMiddleware: $FlowFixMe;

package/dist/commands/start/runServer.js

@@ -10,15 +10,56 @@ var _isDevServerRunning = _interopRequireDefault(
 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");
-var _cliTools = require("@react-native-community/cli-tools");
 var _devMiddleware = require("@react-native/dev-middleware");
 var _chalk = _interopRequireDefault(require("chalk"));
 var _metro = _interopRequireDefault(require("metro"));
 var _metroCore = require("metro-core");
 var _path = _interopRequireDefault(require("path"));
 var _url = _interopRequireDefault(require("url"));
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function (nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor
+        ? Object.getOwnPropertyDescriptor(obj, key)
+        : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -44,24 +85,24 @@ async function runServer(_argv, ctx, args) {
     hostname,
     port,
   });
-  _cliTools.logger.info(`Welcome to React Native v${ctx.reactNativeVersion}`);
+  _logger.logger.info(`Welcome to React Native v${ctx.reactNativeVersion}`);
   const serverStatus = await (0, _isDevServerRunning.default)(
     devServerUrl,
     projectRoot
   );
   if (serverStatus === "matched_server_running") {
-    _cliTools.logger.info(
+    _logger.logger.info(
       `A dev server is already running for this project on port ${port}. Exiting.`
     );
     return;
   } else if (serverStatus === "port_taken") {
-    _cliTools.logger.error(
+    _logger.logger.error(
       `Another process is running on port ${port}. Please terminate this ` +
         'process and try again, or use another port with "--port".'
     );
     return;
   }
-  _cliTools.logger.info(
+  _logger.logger.info(
     `Starting dev server on port ${_chalk.default.bold(String(port))}...`
   );
   if (args.assetPlugins) {
@@ -83,7 +124,7 @@ async function runServer(_argv, ctx, args) {
   _devMiddleware.createDevMiddleware)({
     projectRoot,
     serverBaseUrl: devServerUrl,
-    logger: _cliTools.logger,
+    logger: _logger.logger,
     unstable_experiments: {
       enableNewDebugger: args.experimentalDebugger,
     },
@@ -99,7 +140,7 @@ async function runServer(_argv, ctx, args) {
         reportEvent(event);
       }
       if (args.interactive && event.type === "initialize_done") {
-        _cliTools.logger.info("Dev server ready");
+        _logger.logger.info("Dev server ready");
         (0, _attachKeyHandlers.default)({
           cliConfig: ctx,
           devServerUrl,
@@ -126,7 +167,7 @@ async function runServer(_argv, ctx, args) {
   });
   reportEvent = eventsSocketEndpoint.reportEvent;
   serverInstance.keepAliveTimeout = 30000;
-  await _cliTools.version.logIfUpdateAvailable(ctx.root);
+  await version.logIfUpdateAvailable(ctx.root);
 }
 function getReporterImpl(customLogReporterPath) {
   if (customLogReporterPath == null) {

package/dist/utils/KeyPressHandler.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.KeyPressHandler = void 0;
-var _cliTools = require("@react-native-community/cli-tools");
+var _errors = require("./errors");
+var _logger = require("./logger");
 const CTRL_C = "\u0003";
 class KeyPressHandler {
   _isInterceptingKeyStrokes = false;
@@ -30,10 +31,10 @@ class KeyPressHandler {
     }
     this._isHandlingKeyPress = true;
     try {
-      _cliTools.logger.debug(`Key pressed: ${key}`);
+      _logger.logger.debug(`Key pressed: ${key}`);
       await this._onPress(key);
     } catch (error) {
-      return new _cliTools.CLIError(
+      return new _errors.CLIError(
         "There was an error with the key press handler."
       );
     } finally {

package/dist/utils/errors.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.inlineString = exports.UnknownProjectError = exports.CLIError = void 0;
+class CLIError extends Error {
+  constructor(msg, originalError) {
+    super(inlineString(msg));
+    if (originalError != null) {
+      this.stack =
+        typeof originalError === "string"
+          ? originalError
+          : originalError.stack || "".split("\n").slice(0, 2).join("\n");
+    } else {
+      this.stack = "";
+    }
+  }
+}
+exports.CLIError = CLIError;
+class UnknownProjectError extends Error {}
+exports.UnknownProjectError = UnknownProjectError;
+const inlineString = (str = "") => str.replace(/(\s{2,})/gm, " ").trim();
+exports.inlineString = inlineString;

package/dist/utils/errors.js.flow

@@ -0,0 +1,25 @@
+/**
+ * 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
+ */
+
+/**
+ * A custom Error that creates a single-lined message to match current styling inside CLI.
+ * Uses original stack trace when `originalError` is passed or erase the stack if it's not defined.
+ */
+declare export class CLIError extends Error {
+  constructor(msg: string, originalError?: Error | string): void;
+}
+
+/**
+ * Raised when we're unable to find a package.json
+ */
+declare export class UnknownProjectError extends Error {}
+
+declare export const inlineString: (str: string) => string;

package/dist/utils/loadMetroConfig.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = loadMetroConfig;
+var _errors = require("./errors");
+var _logger = require("./logger");
 var _metroPlatformResolver = require("./metroPlatformResolver");
-var _cliTools = require("@react-native-community/cli-tools");
 var _metroConfig = require("metro-config");
 var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
@@ -60,9 +61,9 @@ async function loadMetroConfig(ctx, options = {}) {
     cwd
   );
   if (projectConfig.isEmpty) {
-    throw new _cliTools.CLIError(`No Metro config found in ${cwd}`);
+    throw new _errors.CLIError(`No Metro config found in ${cwd}`);
   }
-  _cliTools.logger.debug(`Reading Metro config from ${projectConfig.filepath}`);
+  _logger.logger.debug(`Reading Metro config from ${projectConfig.filepath}`);
   if (!global.__REACT_NATIVE_METRO_CONFIG_LOADED) {
     for (const line of `
 =================================================================================================
@@ -74,7 +75,7 @@ This warning will be removed in future (https://github.com/facebook/metro/issues
     `
       .trim()
       .split("\n")) {
-      _cliTools.logger.warn(line);
+      _logger.logger.warn(line);
     }
   }
   const config = await (0, _metroConfig.loadConfig)({

package/dist/utils/logger.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.logger = void 0;
+var _chalk = _interopRequireDefault(require("chalk"));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+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 = communityLogger ?? {
+  success,
+  info,
+  warn,
+  error,
+  debug,
+  log,
+  setVerbose,
+  isVerbose,
+  hasDebugMessages,
+  disable,
+  enable,
+};
+exports.logger = logger;
+if (communityLogger == null) {
+  logger.debug("Using @react-native/communityu-cli-plugin's logger");
+}

package/dist/utils/logger.js.flow

@@ -0,0 +1,21 @@
+/**
+ * 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;

package/dist/utils/version.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.default = getLatestRelease;
+exports.logIfUpdateAvailable = logIfUpdateAvailable;
+var _logger = require("./logger");
+var _chalk = _interopRequireDefault(require("chalk"));
+var _fs = require("fs");
+var _path = _interopRequireDefault(require("path"));
+var _semver = _interopRequireDefault(require("semver"));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+function getReactNativeVersion(projectRoot) {
+  try {
+    const resolvedPath = require.resolve("react-native/package.json", {
+      paths: [projectRoot],
+    });
+    _logger.logger.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'");
+  }
+}
+async function logIfUpdateAvailable(projectRoot) {
+  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}).
+Changelog: ${_chalk.default.dim.underline(
+      versions.upgrade?.changelogUrl ?? "none"
+    )}
+Diff: ${_chalk.default.dim.underline(versions.upgrade?.diffUrl ?? "none")}
+`);
+  }
+}
+async function latest(projectRoot) {
+  try {
+    const currentVersion = getReactNativeVersion(projectRoot);
+    if (currentVersion == null) {
+      return;
+    }
+    const { name } = JSON.parse(
+      (0, _fs.readFileSync)(
+        _path.default.join(projectRoot, "package.json"),
+        "utf8"
+      )
+    );
+    const upgrade = await getLatestRelease(name, currentVersion);
+    if (upgrade) {
+      return {
+        name,
+        current: currentVersion,
+        upgrade,
+      };
+    }
+  } catch (e) {
+    _logger.logger.debug(
+      "Cannot detect current version of React Native, " +
+        "skipping check for a newer release"
+    );
+    _logger.logger.debug(e);
+  }
+}
+function isDiffPurgeEntry(data) {
+  return (
+    [data.name, data.zipball_url, data.tarball_url, data.node_id].filter(
+      (e) => typeof e !== "undefined"
+    ).length === 0
+  );
+}
+async function getLatestRelease(name, currentVersion) {
+  _logger.logger.debug("Checking for a newer version of React Native");
+  try {
+    _logger.logger.debug(`Current version: ${currentVersion}`);
+    if (["-canary", "-nightly"].some((s) => currentVersion.includes(s))) {
+      return;
+    }
+    _logger.logger.debug("Checking for newer releases on GitHub");
+    const latestVersion = await getLatestRnDiffPurgeVersion(name);
+    if (latestVersion == null) {
+      _logger.logger.debug("Failed to get latest release");
+      return;
+    }
+    const { stable, candidate } = latestVersion;
+    _logger.logger.debug(`Latest release: ${stable} (${candidate ?? ""})`);
+    if (_semver.default.compare(stable, currentVersion) >= 0) {
+      return {
+        stable,
+        candidate,
+        changelogUrl: buildChangelogUrl(stable),
+        diffUrl: buildDiffUrl(currentVersion, stable),
+      };
+    }
+  } catch (e) {
+    _logger.logger.debug(
+      "Something went wrong with remote version checking, moving on"
+    );
+    _logger.logger.debug(e);
+  }
+}
+function buildChangelogUrl(version) {
+  return `https://github.com/facebook/react-native/releases/tag/v${version}`;
+}
+function buildDiffUrl(oldVersion, newVersion) {
+  return `https://react-native-community.github.io/upgrade-helper/?from=${oldVersion}&to=${newVersion}`;
+}
+async function getLatestRnDiffPurgeVersion(name) {
+  const resp = await fetch(
+    "https://api.github.com/repos/react-native-community/rn-diff-purge/tags",
+    {
+      headers: {
+        "User-Agent": "@react-native/community-cli-plugin",
+      },
+    }
+  );
+  const result = {
+    stable: "0.0.0",
+  };
+  if (resp.status !== 200) {
+    return;
+  }
+  const body = (await resp.json()).filter(isDiffPurgeEntry);
+  for (const { name: version } of body) {
+    if (result.candidate != null && version.includes("-rc")) {
+      result.candidate = version.substring(8);
+      continue;
+    }
+    if (!version.includes("-rc")) {
+      result.stable = version.substring(8);
+      return result;
+    }
+  }
+  return result;
+}

package/dist/utils/version.js.flow

@@ -0,0 +1,38 @@
+/**
+ * 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 Release = {
+  // The current stable release
+  stable: string,
+  // The current candidate release. These are only populated if the latest release is a candidate release.
+  candidate?: string,
+  changelogUrl: string,
+  diffUrl: string,
+};
+
+/**
+ * Logs out a message if the user's version is behind a stable version of React Native
+ */
+declare export function logIfUpdateAvailable(
+  projectRoot: string
+): Promise<void>;
+
+/**
+ * Checks via GitHub API if there is a newer stable React Native release and,
+ * if it exists, returns the release data.
+ *
+ * If the latest release is not newer or if it's a prerelease, the function
+ * will return undefined.
+ */
+declare export default function getLatestRelease(
+  name: string,
+  currentVersion: string
+): Promise<Release | void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/community-cli-plugin",
-  "version": "0.76.0-nightly-20240715-2eb7bcb8d",
+  "version": "0.76.0-nightly-20240719-6d56cea28",
   "description": "Core CLI commands for React Native",
   "keywords": [
     "react-native",
@@ -22,10 +22,8 @@
     "dist"
   ],
   "dependencies": {
-    "@react-native-community/cli-server-api": "14.0.0-alpha.11",
-    "@react-native-community/cli-tools": "14.0.0-alpha.11",
-    "@react-native/dev-middleware": "0.76.0-nightly-20240715-2eb7bcb8d",
-    "@react-native/metro-babel-transformer": "0.76.0-nightly-20240715-2eb7bcb8d",
+    "@react-native/dev-middleware": "0.76.0-nightly-20240719-6d56cea28",
+    "@react-native/metro-babel-transformer": "0.76.0-nightly-20240719-6d56cea28",
     "chalk": "^4.0.0",
     "execa": "^5.1.1",
     "metro": "^0.80.3",
@@ -37,6 +35,14 @@
   "devDependencies": {
     "metro-resolver": "^0.80.3"
   },
+  "peerDependencies": {
+    "@react-native-community/cli-server-api": "*"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-community/cli-server-api": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": ">=18"
   }