Enable Console Logging for playground Apps (#14944)

* Change files

* Enable Console Logging for playground Apps

* yarn lint fix

Author: satkh

change/@react-native-windows-cli-820aa713-2de0-46a1-b3f5-bdfca359c6e4.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Enable Console Logging for playground Apps",
+  "packageName": "@react-native-windows/cli",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/@react-native-windows/cli/README.md

@@ -110,8 +110,9 @@ Here are the options that `npx @react-native-community/cli run-windows` takes:
 | `--direct-debugging`  | number     | Enable direct debugging on specified port        |
 | `--no-telemetry`      | boolean    | Disables sending telemetry that allows analysis of usage and failures of the react-native-windows CLI |
 | `-h`, `--help`        | boolean    | Display help for command                         |
+| `--client-logs`       | boolean    | Enable plain text JavaScript log streaming for all connected apps |
 
 ## Data Collection
 The software may collect information about you and your use of the software and send it to Microsoft. Microsoft may use this information to provide services and improve our products and services. You may turn off the telemetry as described in the repository. There are also some features in the software that may enable you and Microsoft to collect data from users of your applications. If you use these features, you must comply with applicable law, including providing appropriate notices to users of your applications together with a copy of Microsoft's privacy statement. Our privacy statement is located at https://go.microsoft.com/fwlink/?LinkID=824704. You can learn more about data collection and use in the help documentation and our privacy statement. Your use of the software operates as your consent to these practices.
 
-This data collection notice only applies to the process of running the react-native-windows CLI (i.e. the commands above).
+This data collection notice only applies to the process of running the react-native-windows CLI (i.e. the commands above).

packages/playground/Samples/click.tsx

@@ -14,14 +14,17 @@ export default class Bootstrap extends React.Component {
 
   onSmallIncrement = () => {
     this.setState({ticker: this.state.ticker + 1});
+    console.log(' onSmallIncrement !');
   };
 
   onMediumIncrement = () => {
     this.setState({ticker: this.state.ticker + 10});
+    console.log(' onMediumIncrement !');
   };
 
   onLargeIncrement = () => {
     this.setState({ticker: this.state.ticker + 100});
+    console.log(' onLargeIncrement !');
   };
 
   render() {

packages/playground/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.54",
   "private": true,
   "scripts": {
-    "start": "npx @react-native-community/cli start",
+    "start": "npx @react-native-community/cli start --client-logs",
     "lint:fix": "rnw-scripts lint:fix",
     "lint": "rnw-scripts lint",
     "windows": "npx @react-native-community/cli run-windows"