feat(config): add server.forwardClientLogs option

Author: sylvain-abadie

actions/shared/index.cjs

@@ -3995,7 +3995,7 @@ ZodNaN.create = (params) => {
     ...processCreateParams(params)
   });
 };
-var BRAND = Symbol("zod_brand");
+var BRAND = /* @__PURE__ */ Symbol("zod_brand");
 var ZodBranded = class extends ZodType {
   _parse(input) {
     const { ctx } = this._processInputParams(input);
@@ -4231,6 +4231,9 @@ var ConfigSchema = external_exports.object({
   coverage: external_exports.object({
     root: external_exports.string().optional().describe(`Root directory for coverage instrumentation in monorepo setups. Specifies the directory from which coverage data should be collected. Use ".." for create-react-native-library projects where tests run from example/ but source files are in parent directory. Passed to babel-plugin-istanbul's cwd option.`)
   }).optional(),
+  server: external_exports.object({
+    forwardClientLogs: external_exports.boolean().optional().default(false).describe("Enable forwarding of client_log events from the device to the Metro reporter. When enabled, console.log statements from the React Native app will be forwarded to Metro.")
+  }).optional(),
   // Deprecated property - used for migration detection
   include: external_exports.array(external_exports.string()).optional()
 }).refine((config) => {
@@ -4262,7 +4265,6 @@ var et = new RegExp(`(?:\\${Q}(?<code>\\d+)m|\\${U}(?<uri>.*)${j})`, "y");
 var At = ["up", "down", "left", "right", "space", "enter", "cancel"];
 var _ = { actions: new Set(At), aliases: /* @__PURE__ */ new Map([["k", "up"], ["j", "down"], ["h", "left"], ["l", "right"], ["", "cancel"], ["escape", "cancel"]]), messages: { cancel: "Canceled", error: "Something went wrong" }, withGuide: true };
 var bt = globalThis.process.platform.startsWith("win");
-var z = Symbol("clack:cancel");
 
 // ../../node_modules/@clack/prompts/dist/index.mjs
 var import_picocolors = __toESM(require_picocolors(), 1);
@@ -4289,7 +4291,7 @@ var Y = w("\u25CF", ">");
 var K = w("\u25CB", " ");
 var te = w("\u25FB", "[\u2022]");
 var k2 = w("\u25FC", "[+]");
-var z2 = w("\u25FB", "[ ]");
+var z = w("\u25FB", "[ ]");
 var Pe = w("\u25AA", "\u2022");
 var se = w("\u2500", "-");
 var he = w("\u256E", "+");

apps/playground/rn-harness.config.mjs

@@ -24,9 +24,9 @@ export default {
 
   runners: [
     androidPlatform({
-      name: 'pixel_8_api_33',
-      device: androidEmulator('Pixel_8_API_33'),
-      bundleId: 'com.example',
+      name: 'pixel_8_api_35',
+      device: androidEmulator('Pixel_8_API_35'),
+      bundleId: 'com.harnessplayground',
     }),
     applePlatform({
       name: 'iphone-16-pro-max',
@@ -42,5 +42,8 @@ export default {
       browser: chromium('http://localhost:8081/index.html', { headless: true }),
     }),
   ],
-  defaultRunner: 'pixel_8_api_33',
+  defaultRunner: 'pixel_8_api_35',
+  server: {
+    forwardClientLogs: true,
+  },
 };

apps/playground/src/__tests__/ui/__image_snapshots__/pixel_8_api_35/orange-square-element-only.png

@@ -7,6 +7,11 @@ export type ReportableEvent =
   | MetroReportableEvent
   | {
       type: 'initialize_done';
+    }
+  | {
+      type: 'client_log';
+      level: 'trace' | 'info' | 'warn' | 'log' | 'group' | 'groupCollapsed' | 'groupEnd' | 'debug' | 'error';
+      data: unknown[];
     };
 
 export type Reporter = EventEmitter<ReportableEvent>;

packages/bundler-metro/src/reporter.ts

@@ -60,6 +60,19 @@ export const ConfigSchema = z
       })
       .optional(),
 
+    server: z
+      .object({
+        forwardClientLogs: z
+          .boolean()
+          .optional()
+          .default(false)
+          .describe(
+            'Enable forwarding of client_log events from the device to the Metro reporter. ' +
+            'When enabled, console.log statements from the React Native app will be forwarded to Metro.'
+          ),
+      })
+      .optional(),
+
     // Deprecated property - used for migration detection
     include: z.array(z.string()).optional(),
   })

packages/config/src/types.ts

@@ -8,7 +8,10 @@ export default [
       '@nx/dependency-checks': [
         'error',
         {
-          ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs,ts,cts,mts}'],
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs,ts,cts,mts}',
+            '{projectRoot}/vite.config.{js,cjs,mjs,ts,cts,mts}',
+          ],
           // jest-runner: we only ingest types
           ignoredDependencies: ['@react-native-harness/cli', 'jest-runner'],
         },