feat: make Harness WS port configurable

Author: V3RON

.nx/version-plans/version-plan-1766951346332.md

@@ -0,0 +1,5 @@
+---
+__default__: prerelease
+---
+
+Added `webSocketPort` option to `rn-harness.config` (default 3001). This allows configuring the Bridge Server port, enabling usage of custom ports without rebuilding the application.

packages/config/src/types.ts

@@ -8,6 +8,7 @@ export const ConfigSchema = z
       .min(1, 'App registry component name is required'),
     runners: z.array(z.any()).min(1, 'At least one runner is required'),
     defaultRunner: z.string().optional(),
+    webSocketPort: z.number().optional().default(3001),
     bridgeTimeout: z
       .number()
       .min(1000, 'Bridge timeout must be at least 1 second')

packages/jest/src/harness.ts

@@ -24,7 +24,7 @@ const getHarnessInternal = async (
     getMetroInstance({ projectRoot, harnessConfig: config }, signal),
     import(platform.runner).then((module) => module.default(platform.config)),
     getBridgeServer({
-      port: 3001,
+      port: config.webSocketPort,
       timeout: config.bridgeTimeout,
     }),
   ]);

packages/metro/src/manifest.ts

@@ -3,7 +3,10 @@ import fs from 'node:fs';
 import { Config as HarnessConfig } from '@react-native-harness/config';
 
 const getManifestContent = (harnessConfig: HarnessConfig): string => {
-  return `global.RN_HARNESS = { appRegistryComponentName: '${harnessConfig.appRegistryComponentName}' };`;
+  return `global.RN_HARNESS = { 
+    appRegistryComponentName: '${harnessConfig.appRegistryComponentName}',
+    webSocketPort: ${harnessConfig.webSocketPort}
+  };`;
 };
 
 export const getHarnessManifest = (harnessConfig: HarnessConfig): string => {

packages/platform-android/src/adb.ts

@@ -18,9 +18,10 @@ export const isAppInstalled = async (
 
 export const reversePort = async (
   adbId: string,
-  port: number
+  port: number,
+  hostPort: number = port
 ): Promise<void> => {
-  await spawn('adb', ['-s', adbId, 'reverse', `tcp:${port}`, `tcp:${port}`]);
+  await spawn('adb', ['-s', adbId, 'reverse', `tcp:${port}`, `tcp:${hostPort}`]);
 };
 
 export const stopApp = async (

packages/platform-android/src/runner.ts

@@ -33,7 +33,6 @@ const getAndroidRunner = async (
   await Promise.all([
     adb.reversePort(adbId, 8081),
     adb.reversePort(adbId, 8080),
-    adb.reversePort(adbId, 3001),
   ]);
 
   return {

packages/runtime/src/client/getWSServer.ts

@@ -4,6 +4,7 @@ import { WS_SERVER_PORT } from '../constants.js';
 export const getWSServer = (): string => {
   const devServerUrl = getDevServerUrl();
   const hostname = devServerUrl.split('://')[1].split(':')[0];
+  const port = global.RN_HARNESS?.webSocketPort || WS_SERVER_PORT;
 
-  return `ws://${hostname}:${WS_SERVER_PORT}`;
+  return `ws://${hostname}:${port}`;
 };

packages/runtime/src/globals.ts

@@ -1,5 +1,6 @@
 export type HarnessGlobal = {
   appRegistryComponentName: string;
+  webSocketPort?: number;
 };
 
 declare global {