feat: add support for timeout, request progress and start

Author: dprevost-LMI

packages/network-activity-plugin/src/react-native/http/request-tracker.ts

@@ -186,7 +186,6 @@ const getInitiatorFromStack = (): {
 };
 
 /**
- * Shared function to handle request overrides.
  * Applies override body and status to XMLHttpRequest objects.
  */
 export const setupRequestOverride = (
@@ -223,10 +222,6 @@ export const setupRequestOverride = (
   });
 };
 
-/**
- * Shared function to set up request tracking for an XHR request.
- * Used by both boot-time interception and normal runtime interception.
- */
 export const setupRequestTracking = (
   queuedClient: QueuedClientWrapper,
   networkRequestsRegistry: NetworkRequestRegistry,
@@ -255,6 +250,23 @@ export const setupRequestTracking = (
     initiator,
   });
 
+  request.addEventListener('loadstart', () => {
+    queuedClient.send('request-loadstart', {
+      requestId: requestId,
+      timestamp: Date.now(),
+    });
+  });
+  
+  request.addEventListener('progress', (event) => {
+    queuedClient.send('request-progress', {
+      requestId: requestId,
+      timestamp: Date.now(),
+      loaded: event.loaded,
+      total: event.total,
+      lengthComputable: event.lengthComputable,
+    });
+  });
+  
   request.addEventListener('readystatechange', () => {
     if (request.readyState === READY_STATE_HEADERS_RECEIVED) {
       ttfb = Date.now() - sendTime;
@@ -309,4 +321,14 @@ export const setupRequestTracking = (
       canceled: true,
     });
   });
+  
+  request.addEventListener('timeout', () => {
+    queuedClient.send('request-failed', {
+      requestId: requestId,
+      timestamp: Date.now(),
+      type: 'XHR',
+      error: 'Timeout',
+      canceled: false,
+    });
+  });
 };

packages/network-activity-plugin/src/shared/client.ts

@@ -136,6 +136,19 @@ export type NetworkActivityEventMap = {
     canceled: boolean;
   };
 
+  'request-loadstart': {
+    requestId: RequestId;
+    timestamp: Timestamp;
+  };
+
+  'request-progress': {
+    requestId: RequestId;
+    timestamp: Timestamp;
+    loaded: number;
+    total: number;
+    lengthComputable: boolean;
+  };
+
   'get-response-body': {
     requestId: RequestId;
   };