fix: change request response in /status endpoint (#2056)

* fix: change request response in `status` endpoint

* feat: add test for `statusPageMiddleware`

packages/cli-server-api/src/__tests__/statusPageMiddleware.test.ts

@@ -0,0 +1,20 @@
+import http from 'http';
+import statusPageMiddleware from './../statusPageMiddleware';
+
+describe('statusPageMiddleware', () => {
+  it('should set headers and end the response', () => {
+    process.cwd = () => '/mocked/path';
+
+    const res: http.ServerResponse = {
+      setHeader: jest.fn(),
+      end: jest.fn(),
+    } as any;
+
+    const mockReq: http.IncomingMessage = {} as any;
+    statusPageMiddleware(mockReq, res);
+
+    // We're strictly checking response here, because React Native is strongly depending on this response. Changing the response might be a breaking change.
+    expect(res.setHeader).toHaveBeenCalledWith('Project-Root', '/mocked/path');
+    expect(res.end).toHaveBeenCalledWith('packager-status:running');
+  });
+});

packages/cli-server-api/src/statusPageMiddleware.ts

@@ -14,10 +14,6 @@ export default function statusPageMiddleware(
   _req: http.IncomingMessage,
   res: http.ServerResponse,
 ) {
-  res.end(
-    JSON.stringify({
-      status: 'running',
-      root: process.cwd(),
-    }),
-  );
+  res.setHeader('Project-Root', process.cwd());
+  res.end('packager-status:running');
 }

packages/cli-tools/src/isPackagerRunning.ts

@@ -26,11 +26,16 @@ async function isPackagerRunning(
   | 'unrecognized'
 > {
   try {
-    const {data} = await fetch(`http://localhost:${packagerPort}/status`);
+    const {data, headers} = await fetch(
+      `http://localhost:${packagerPort}/status`,
+    );
 
     try {
-      if (data.status === 'running') {
-        return data;
+      if (data === 'packager-status:running') {
+        return {
+          status: 'running',
+          root: headers.get('Project-Root') ?? '',
+        };
       }
     } catch (_error) {
       return 'unrecognized';