Bump community-cli-plugin and dev-middleware, sync changes (#39074)

Summary:
Pull Request resolved: #39074

Changelog: [Internal]

Publish new versions of `react-native/community-cli-plugin` and `react-native/dev-middleware` (which are now in a minimum viable state) for early integrators.

Also syncs final upstream changes from CLI:
- react-native-community/cli#2035
- react-native-community/cli#2052

#publish-packages-to-npm
bypass-github-export-checks

Reviewed By: motiz88

Differential Revision: D48465522

fbshipit-source-id: e4aa3fbe49c1c0f9a5e04a42e653d96aa8b5619a

packages/community-cli-plugin/README.md

@@ -15,7 +15,7 @@ Start the React Native development server.
 #### Usage
 
 ```sh
-react-native start [options]
+npx react-native start [options]
 ```
 
 #### Options
@@ -45,7 +45,7 @@ Build the bundle for the provided JavaScript entry file.
 #### Usage
 
 ```sh
-react-native bundle --entry-file <path> [options]
+npx react-native bundle --entry-file <path> [options]
 ```
 
 #### Options
@@ -75,7 +75,7 @@ Build the [RAM bundle](https://reactnative.dev/docs/ram-bundles-inline-requires)
 #### Usage
 
 ```sh
-react-native ram-bundle --entry-file <path> [options]
+npx react-native ram-bundle --entry-file <path> [options]
 ```
 
 #### Options

packages/community-cli-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/community-cli-plugin",
-  "version": "0.73.0",
+  "version": "0.73.1",
   "description": "Core CLI commands for React Native",
   "keywords": [
     "react-native",

packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js

@@ -39,7 +39,11 @@ export default function attachKeyHandlers(
   // $FlowIgnore[prop-missing]
   process.stdin.setRawMode(true);
 
-  const onPressAsync = async (key: string) => {
+  const execaOptions = {
+    env: {FORCE_COLOR: chalk.supportsColor ? 'true' : 'false'},
+  };
+
+  const onPress = async (key: string) => {
     switch (key) {
       case 'r':
         messageSocket.broadcast('reload', null);
@@ -51,19 +55,27 @@ export default function attachKeyHandlers(
         break;
       case 'i':
         logger.info('Opening app on iOS...');
-        execa('npx', [
-          'react-native',
-          'run-ios',
-          ...(cliConfig.project.ios?.watchModeCommandParams ?? []),
-        ]).stdout?.pipe(process.stdout);
+        execa(
+          'npx',
+          [
+            'react-native',
+            'run-ios',
+            ...(cliConfig.project.ios?.watchModeCommandParams ?? []),
+          ],
+          execaOptions,
+        ).stdout?.pipe(process.stdout);
         break;
       case 'a':
         logger.info('Opening app on Android...');
-        execa('npx', [
-          'react-native',
-          'run-android',
-          ...(cliConfig.project.android?.watchModeCommandParams ?? []),
-        ]).stdout?.pipe(process.stdout);
+        execa(
+          'npx',
+          [
+            'react-native',
+            'run-android',
+            ...(cliConfig.project.android?.watchModeCommandParams ?? []),
+          ],
+          execaOptions,
+        ).stdout?.pipe(process.stdout);
         break;
       case CTRL_Z:
         process.emit('SIGTSTP', 'SIGTSTP');
@@ -73,7 +85,7 @@ export default function attachKeyHandlers(
     }
   };
 
-  const keyPressHandler = new KeyPressHandler(onPressAsync);
+  const keyPressHandler = new KeyPressHandler(onPress);
   const listener = keyPressHandler.createInteractionListener();
   addInteractionListener(listener);
   keyPressHandler.startInterceptingKeyStrokes();

packages/dev-middleware/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.73.0",
+  "version": "0.73.1",
   "description": "Dev server middleware for React Native",
   "keywords": [
     "react-native",