@replayio-app-building/netlify-recorder 0.50.0 → 0.52.0

package/dist/index.d.ts

@@ -74,8 +74,10 @@ interface NetworkCall {
     timestamp: number;
     /** Epoch ms when the fetch call started. */
     startTime: number;
-    /** Epoch ms when the response was received. */
+    /** Epoch ms when the response was received. 0 if response was never awaited (fire-and-forget). */
     endTime: number;
+    /** True when the call was initiated but the response was not awaited by the handler. */
+    pending?: boolean;
 }
 interface EnvRead {
     key: string;

package/dist/index.js

@@ -102,37 +102,46 @@ function patchHttpModules(mode, calls, consumed, silent) {
       return origEnd(chunk, ...rest);
     };
     const startTime = Date.now();
+    const requestHeaders = {};
+    if (options.headers) {
+      for (const [k, v] of Object.entries(options.headers)) {
+        if (v !== void 0) requestHeaders[k] = Array.isArray(v) ? v.join(", ") : String(v);
+      }
+    }
+    const store = getRequestStore();
+    const targetCalls = store?.networkCalls ?? calls;
+    const entry = {
+      url: urlStr,
+      method,
+      requestHeaders,
+      requestBody: bodyChunks.length > 0 ? Buffer.concat(bodyChunks).toString("utf-8") : void 0,
+      responseStatus: 0,
+      responseHeaders: {},
+      responseBody: void 0,
+      timestamp: startTime,
+      startTime,
+      endTime: 0,
+      pending: true
+    };
+    targetCalls.push(entry);
     req.on("response", (res) => {
       const resChunks = [];
       res.on("data", (chunk) => resChunks.push(chunk));
       res.on("end", () => {
         const endTime = Date.now();
-        const requestHeaders = {};
-        if (options.headers) {
-          for (const [k, v] of Object.entries(options.headers)) {
-            if (v !== void 0) requestHeaders[k] = Array.isArray(v) ? v.join(", ") : String(v);
-          }
-        }
         const responseHeaders = {};
         if (res.headers) {
           for (const [k, v] of Object.entries(res.headers)) {
             if (v !== void 0) responseHeaders[k] = Array.isArray(v) ? v.join(", ") : String(v);
           }
         }
-        const store = getRequestStore();
-        const targetCalls = store?.networkCalls ?? calls;
-        targetCalls.push({
-          url: urlStr,
-          method,
-          requestHeaders,
-          requestBody: bodyChunks.length > 0 ? Buffer.concat(bodyChunks).toString("utf-8") : void 0,
-          responseStatus: res.statusCode ?? 0,
-          responseHeaders,
-          responseBody: Buffer.concat(resChunks).toString("utf-8"),
-          timestamp: endTime,
-          startTime,
-          endTime
-        });
+        entry.requestBody = bodyChunks.length > 0 ? Buffer.concat(bodyChunks).toString("utf-8") : void 0;
+        entry.responseStatus = res.statusCode ?? 0;
+        entry.responseHeaders = responseHeaders;
+        entry.responseBody = Buffer.concat(resChunks).toString("utf-8");
+        entry.timestamp = endTime;
+        entry.endTime = endTime;
+        entry.pending = false;
       });
     });
     return req;
@@ -173,11 +182,18 @@ function replayHttpRequest(url, _method, calls, consumed, callback, silent) {
     );
   }
   consumed.add(matchIdx);
+  const isPending = call.pending || call.endTime === 0 && call.responseStatus === 0;
   if (!silent) {
-    const duration = call.endTime - call.startTime;
-    console.log(
-      `  [network-replay] Consumed call ${consumed.size}/${calls.length}: ${call.method} ${call.url} => ${call.responseStatus} (original: ${duration}ms)`
-    );
+    if (isPending) {
+      console.log(
+        `  [network-replay] Consumed call ${consumed.size}/${calls.length}: ${call.method} ${call.url} => (fire-and-forget, no response captured)`
+      );
+    } else {
+      const duration = call.endTime - call.startTime;
+      console.log(
+        `  [network-replay] Consumed call ${consumed.size}/${calls.length}: ${call.method} ${call.url} => ${call.responseStatus} (original: ${duration}ms)`
+      );
+    }
   }
   const body = call.responseBody ?? "";
   const fakeRes = new Readable({
@@ -186,12 +202,15 @@ function replayHttpRequest(url, _method, calls, consumed, callback, silent) {
       this.push(null);
     }
   });
-  fakeRes.statusCode = call.responseStatus;
+  fakeRes.statusCode = isPending ? 200 : call.responseStatus;
   fakeRes.statusMessage = "";
   fakeRes.headers = {};
   if (call.responseHeaders) {
+    const skipHeaders = /* @__PURE__ */ new Set(["content-encoding", "transfer-encoding"]);
     for (const [k, v] of Object.entries(call.responseHeaders)) {
-      fakeRes.headers[k.toLowerCase()] = v;
+      if (!skipHeaders.has(k.toLowerCase())) {
+        fakeRes.headers[k.toLowerCase()] = v;
+      }
     }
   }
   const fakeReq = new Writable({
@@ -246,6 +265,20 @@ function ensureCaptureInterceptor() {
       );
     }
     const startTime = Date.now();
+    const entry = {
+      url,
+      method,
+      requestHeaders,
+      requestBody,
+      responseStatus: 0,
+      responseHeaders: {},
+      responseBody: void 0,
+      timestamp: startTime,
+      startTime,
+      endTime: 0,
+      pending: true
+    };
+    calls.push(entry);
     const response = await _realOriginalFetch(input, init);
     const endTime = Date.now();
     const responseBody = await response.clone().text();
@@ -253,18 +286,12 @@ function ensureCaptureInterceptor() {
     response.headers.forEach((v, k) => {
       responseHeaders[k] = v;
     });
-    calls.push({
-      url,
-      method,
-      requestHeaders,
-      requestBody,
-      responseStatus: response.status,
-      responseHeaders,
-      responseBody,
-      timestamp: endTime,
-      startTime,
-      endTime
-    });
+    entry.responseStatus = response.status;
+    entry.responseHeaders = responseHeaders;
+    entry.responseBody = responseBody;
+    entry.timestamp = endTime;
+    entry.endTime = endTime;
+    entry.pending = false;
     return response;
   };
   globalThis.fetch = captureFetch;
@@ -320,6 +347,20 @@ function installNetworkInterceptor(mode, calls, options) {
         );
       }
       const startTime = Date.now();
+      const entry = {
+        url,
+        method,
+        requestHeaders,
+        requestBody,
+        responseStatus: 0,
+        responseHeaders: {},
+        responseBody: void 0,
+        timestamp: startTime,
+        startTime,
+        endTime: 0,
+        pending: true
+      };
+      calls.push(entry);
       const response = await originalFetch2(input, init);
       const endTime = Date.now();
       const responseBody = await response.clone().text();
@@ -327,18 +368,12 @@ function installNetworkInterceptor(mode, calls, options) {
       response.headers.forEach((v, k) => {
         responseHeaders[k] = v;
       });
-      calls.push({
-        url,
-        method,
-        requestHeaders,
-        requestBody,
-        responseStatus: response.status,
-        responseHeaders,
-        responseBody,
-        timestamp: endTime,
-        startTime,
-        endTime
-      });
+      entry.responseStatus = response.status;
+      entry.responseHeaders = responseHeaders;
+      entry.responseBody = responseBody;
+      entry.timestamp = endTime;
+      entry.endTime = endTime;
+      entry.pending = false;
       return response;
     };
     globalThis.fetch = captureFetch;
@@ -373,6 +408,26 @@ function installNetworkInterceptor(mode, calls, options) {
         break;
       }
     }
+    if (matchIdx === -1) {
+      for (let i = 0; i < calls.length; i++) {
+        if (consumed.has(i)) continue;
+        const c = calls[i];
+        if (c && c.url === url) {
+          matchIdx = i;
+          break;
+        }
+      }
+    }
+    if (matchIdx === -1 && requestBody) {
+      for (let i = 0; i < calls.length; i++) {
+        if (consumed.has(i)) continue;
+        const c = calls[i];
+        if (c && c.requestBody === requestBody) {
+          matchIdx = i;
+          break;
+        }
+      }
+    }
     if (matchIdx === -1) {
       for (let i = 0; i < calls.length; i++) {
         if (!consumed.has(i)) {
@@ -388,23 +443,37 @@ function installNetworkInterceptor(mode, calls, options) {
       );
     }
     consumed.add(matchIdx);
+    const isPending = call.pending || call.endTime === 0 && call.responseStatus === 0;
     if (!silent) {
-      const duration = call.endTime - call.startTime;
-      console.log(
-        `  [network-replay] Consumed call ${consumed.size}/${calls.length}: ${call.method} ${call.url} => ${call.responseStatus} (original: ${duration}ms)`
-      );
+      if (isPending) {
+        console.log(
+          `  [network-replay] Consumed call ${consumed.size}/${calls.length}: ${call.method} ${call.url} => (fire-and-forget, no response captured)`
+        );
+      } else {
+        const duration = call.endTime - call.startTime;
+        console.log(
+          `  [network-replay] Consumed call ${consumed.size}/${calls.length}: ${call.method} ${call.url} => ${call.responseStatus} (original: ${duration}ms)`
+        );
+      }
     }
     const body = call.responseBody ?? "";
-    const status = call.responseStatus;
+    const status = isPending ? 200 : call.responseStatus;
+    const skipHeaders = /* @__PURE__ */ new Set(["content-encoding", "transfer-encoding"]);
+    const filteredHeaders = {};
+    for (const [k, v] of Object.entries(call.responseHeaders ?? {})) {
+      if (!skipHeaders.has(k.toLowerCase())) {
+        filteredHeaders[k.toLowerCase()] = v;
+      }
+    }
     return {
       ok: status >= 200 && status < 300,
       status,
       statusText: "",
       headers: {
-        get: (name) => (call.responseHeaders ?? {})[name.toLowerCase()] ?? null,
-        has: (name) => name.toLowerCase() in (call.responseHeaders ?? {}),
+        get: (name) => filteredHeaders[name.toLowerCase()] ?? null,
+        has: (name) => name.toLowerCase() in filteredHeaders,
         forEach: (cb) => {
-          for (const [k, v] of Object.entries(call.responseHeaders ?? {})) cb(v, k);
+          for (const [k, v] of Object.entries(filteredHeaders)) cb(v, k);
         }
       },
       text: async () => body,
@@ -1050,6 +1119,14 @@ async function createRequestRecording(blobUrlOrData, handlerPath, requestInfo, p
     blobData.capturedData.envReads
   );
   globalThis.__REPLAY_RECORDING_MODE__ = true;
+  const origMathRandom = Math.random;
+  let prngState = 305419896;
+  Math.random = () => {
+    prngState = prngState + 1831565813 | 0;
+    let t = Math.imul(prngState ^ prngState >>> 15, 1 | prngState);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
   const g = globalThis;
   if (typeof g.Blob === "undefined") {
     try {
@@ -1413,6 +1490,7 @@ async function createRequestRecording(blobUrlOrData, handlerPath, requestInfo, p
     globalThis.__REPLAY_RECORDING_MODE__ = false;
     delete g.__REPLAY_REQUEST_COOKIES__;
     delete g.__REPLAY_REQUEST_HEADERS__;
+    Math.random = origMathRandom;
     networkHandle.restore();
     envHandle.restore();
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replayio-app-building/netlify-recorder",
-  "version": "0.50.0",
+  "version": "0.52.0",
   "description": "Capture and replay Netlify function executions as Replay recordings",
   "type": "module",
   "exports": {