@capillarytech/cap-ui-dev-tools 1.5.0 → 1.6.0

package/src/capvision-recorder/assets/capvision-plugins/network-record.min.js

@@ -1,542 +0,0 @@
-/**
- * RRWeb Network Record Plugin
- * Captures XHR and Fetch network requests during recording
- * Based on: https://github.com/rrweb-io/rrweb/pull/1689
- */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.rrwebPluginNetworkRecord = factory());
-})(this, (function () {
-  'use strict';
-
-  function getRecordNetworkPlugin(options) {
-    const opts = options || {};
-    const recordBody = opts.recordBody !== false;
-    const recordHeaders = opts.recordHeaders !== false;
-    const recordInitiator = opts.recordInitiator !== false;
-    const recordPerformance = opts.recordPerformance !== false;
-    const maxBodyLength = opts.maxBodyLength || 10000;
-    const ignoreRequestFn = opts.ignoreRequestFn || (() => false);
-
-    return {
-      name: 'rrweb/network@1',
-      observer(emit, win) {
-        const window = win || globalThis;
-        
-        // Verify emit is a function
-        if (typeof emit !== 'function') {
-          return () => {};
-        }
-
-        // Helper: Truncate body if too large
-        function truncateBody(body, maxLength) {
-          if (!body) return body;
-          const bodyStr = typeof body === 'string' ? body : JSON.stringify(body);
-          if (bodyStr.length > maxLength) {
-            return bodyStr.substring(0, maxLength) + '... [truncated]';
-          }
-          return bodyStr;
-        }
-
-        // Helper: Get initiator stack trace
-        function getInitiator() {
-          if (!recordInitiator) return undefined;
-          try {
-            const stack = new Error().stack;
-            if (stack) {
-              const lines = stack.split('\n').slice(3, 6);
-              return lines.join('\n');
-            }
-          } catch (e) {
-            // Ignore
-          }
-          return undefined;
-        }
-
-        // Helper: Get performance entry
-        function getPerformanceEntry(url, startTime) {
-          if (!recordPerformance || !window.performance || !window.performance.getEntriesByType) {
-            return undefined;
-          }
-          try {
-            const entries = window.performance.getEntriesByType('resource');
-            const entry = entries.find(e => 
-              e.name === url && 
-              Math.abs(e.startTime - startTime) < 100
-            );
-            if (entry) {
-              return {
-                duration: entry.duration,
-                transferSize: entry.transferSize,
-                encodedBodySize: entry.encodedBodySize,
-                decodedBodySize: entry.decodedBodySize,
-                startTime: entry.startTime,
-                responseStart: entry.responseStart,
-                responseEnd: entry.responseEnd
-              };
-            }
-          } catch (e) {
-            // Ignore
-          }
-          return undefined;
-        }
-
-        // Store original functions
-        const originalFetch = window.fetch;
-        const originalXHROpen = window.XMLHttpRequest.prototype.open;
-        const originalXHRSend = window.XMLHttpRequest.prototype.send;
-
-        // PerformanceObserver to catch ALL network resources (from PR #1105)
-        // This catches requests that don't go through fetch/XHR (images, scripts, etc.)
-        let performanceObserver = null;
-        if (window.PerformanceObserver && window.performance) {
-          try {
-            performanceObserver = new PerformanceObserver((list) => {
-              for (const entry of list.getEntries()) {
-                // Only capture resource entries (not navigation)
-                if (entry.entryType === 'resource') {
-                  const resourceEntry = entry;
-                  
-                  // Skip if filtered
-                  if (ignoreRequestFn(resourceEntry.name, resourceEntry.initiatorType || 'other')) {
-                    continue;
-                  }
-
-                  // Skip fetch/XHR as they're handled by patching
-                  if (resourceEntry.initiatorType === 'xmlhttprequest' || resourceEntry.initiatorType === 'fetch') {
-                    continue;
-                  }
-
-                  // Emit request event for resource
-                  try {
-                    const requestId = `resource_${resourceEntry.startTime}_${Math.random().toString(36).substr(2, 9)}`;
-                    const method = 'GET'; // Resources are typically GET requests
-                    
-                    emit({
-                      type: 6,
-                      data: {
-                        plugin: 'rrweb/network@1',
-                        payload: {
-                          type: 'request',
-                          id: requestId,
-                          method: method,
-                          url: resourceEntry.name,
-                          timestamp: resourceEntry.startTime,
-                          requestType: resourceEntry.initiatorType || 'other',
-                          initiator: recordInitiator ? resourceEntry.name : undefined
-                        }
-                      },
-                      timestamp: resourceEntry.startTime
-                    });
-
-                    // Emit response event
-                    emit({
-                      type: 6,
-                      data: {
-                        plugin: 'rrweb/network@1',
-                        payload: {
-                          type: 'response',
-                          id: requestId,
-                          status: resourceEntry.responseStatus || 200,
-                          statusText: 'OK',
-                          timestamp: resourceEntry.responseEnd || resourceEntry.startTime + resourceEntry.duration,
-                          duration: resourceEntry.duration,
-                          performance: {
-                            duration: resourceEntry.duration,
-                            transferSize: resourceEntry.transferSize,
-                            encodedBodySize: resourceEntry.encodedBodySize,
-                            decodedBodySize: resourceEntry.decodedBodySize,
-                            startTime: resourceEntry.startTime,
-                            responseStart: resourceEntry.responseStart,
-                            responseEnd: resourceEntry.responseEnd
-                          }
-                        }
-                      },
-                      timestamp: resourceEntry.responseEnd || resourceEntry.startTime + resourceEntry.duration
-                    });
-                  } catch (e) {
-                    // Ignore errors
-                  }
-                }
-              }
-            });
-
-            // Observe resource timing entries
-            performanceObserver.observe({ entryTypes: ['resource'] });
-          } catch (e) {
-            // PerformanceObserver not supported or error
-          }
-        }
-
-        // Capture navigation timing (from PR #1105)
-        if (window.performance && window.performance.getEntriesByType) {
-          try {
-            const navEntries = window.performance.getEntriesByType('navigation');
-            if (navEntries.length > 0) {
-              const navEntry = navEntries[0];
-              if (navEntry && !ignoreRequestFn(window.location.href, 'navigation')) {
-                try {
-                  const requestId = `navigation_${navEntry.startTime}`;
-                  
-                  emit({
-                    type: 6,
-                    data: {
-                      plugin: 'rrweb/network@1',
-                      payload: {
-                        type: 'request',
-                        id: requestId,
-                        method: 'GET',
-                        url: window.location.href,
-                        timestamp: navEntry.startTime,
-                        requestType: 'navigation'
-                      }
-                    },
-                    timestamp: navEntry.startTime
-                  });
-
-                  emit({
-                    type: 6,
-                    data: {
-                      plugin: 'rrweb/network@1',
-                      payload: {
-                        type: 'response',
-                        id: requestId,
-                        status: 200,
-                        statusText: 'OK',
-                        timestamp: navEntry.loadEventEnd || navEntry.startTime + navEntry.duration,
-                        duration: navEntry.duration,
-                        performance: {
-                          duration: navEntry.duration,
-                          transferSize: navEntry.transferSize,
-                          encodedBodySize: navEntry.encodedBodySize,
-                          decodedBodySize: navEntry.decodedBodySize,
-                          startTime: navEntry.startTime,
-                          responseStart: navEntry.responseStart,
-                          responseEnd: navEntry.responseEnd
-                        }
-                      }
-                    },
-                    timestamp: navEntry.loadEventEnd || navEntry.startTime + navEntry.duration
-                  });
-                } catch (e) {
-                  // Ignore errors
-                }
-              }
-            }
-          } catch (e) {
-            // Ignore errors
-          }
-        }
-
-        // Wrap fetch
-        window.fetch = function(...args) {
-          // Extract URL
-          let url = null;
-          if (typeof args[0] === 'string') {
-            url = args[0];
-          } else if (args[0] instanceof Request) {
-            url = args[0].url;
-          } else if (args[0] instanceof URL) {
-            url = args[0].href;
-          } else if (args[0]?.url) {
-            url = args[0].url;
-          } else if (args[0]?.href) {
-            url = args[0].href;
-          }
-          
-          const init = args[1] || {};
-          
-          if (!url) {
-            return originalFetch.apply(this, args);
-          }
-          
-          if (ignoreRequestFn(url, 'fetch')) {
-            return originalFetch.apply(this, args);
-          }
-          
-          const startTime = Date.now();
-          const requestId = `fetch_${startTime}_${Math.random().toString(36).substr(2, 9)}`;
-          const initiator = getInitiator();
-          const method = init.method || 'GET';
-
-          // Emit request event
-          try {
-            emit({
-              type: 6,
-              data: {
-                plugin: 'rrweb/network@1',
-                payload: {
-                  type: 'request',
-                  id: requestId,
-                  method: method,
-                  url: url,
-                  headers: recordHeaders ? (init.headers instanceof Headers ? Object.fromEntries(init.headers.entries()) : init.headers) : undefined,
-                  body: recordBody ? truncateBody(init.body, maxBodyLength) : undefined,
-                  timestamp: startTime,
-                  initiator: initiator,
-                  requestType: 'fetch'
-                }
-              },
-              timestamp: startTime
-            });
-          } catch (e) {
-            // Ignore
-          }
-
-          return originalFetch.apply(this, args).then(
-            response => {
-              const endTime = Date.now();
-              const performanceEntry = getPerformanceEntry(url, startTime);
-
-              // Clone response to read body
-              const clonedResponse = response.clone();
-              
-              // Read response body if needed
-              if (recordBody) {
-                clonedResponse.text().then(body => {
-                  try {
-                    emit({
-                      type: 6,
-                      data: {
-                        plugin: 'rrweb/network@1',
-                        payload: {
-                          type: 'response',
-                          id: requestId,
-                          status: response.status,
-                          statusText: response.statusText,
-                          headers: recordHeaders ? Object.fromEntries(response.headers.entries()) : undefined,
-                          body: truncateBody(body, maxBodyLength),
-                          timestamp: endTime,
-                          duration: endTime - startTime,
-                          performance: performanceEntry
-                        }
-                      },
-                      timestamp: endTime
-                    });
-                  } catch (e) {
-                    // Ignore
-                  }
-                }).catch(() => {
-                  // If body read fails, emit without body
-                  try {
-                    emit({
-                      type: 6,
-                      data: {
-                        plugin: 'rrweb/network@1',
-                        payload: {
-                          type: 'response',
-                          id: requestId,
-                          status: response.status,
-                          statusText: response.statusText,
-                          headers: recordHeaders ? Object.fromEntries(response.headers.entries()) : undefined,
-                          timestamp: endTime,
-                          duration: endTime - startTime,
-                          performance: performanceEntry
-                        }
-                      },
-                      timestamp: endTime
-                    });
-                  } catch (e) {
-                    // Ignore
-                  }
-                });
-              } else {
-                try {
-                  emit({
-                    type: 6,
-                    data: {
-                      plugin: 'rrweb/network@1',
-                      payload: {
-                        type: 'response',
-                        id: requestId,
-                        status: response.status,
-                        statusText: response.statusText,
-                        headers: recordHeaders ? Object.fromEntries(response.headers.entries()) : undefined,
-                        timestamp: endTime,
-                        duration: endTime - startTime,
-                        performance: performanceEntry
-                      }
-                    },
-                    timestamp: endTime
-                  });
-                } catch (e) {
-                  // Ignore
-                }
-              }
-
-              return response;
-            },
-            error => {
-              const endTime = Date.now();
-              try {
-                emit({
-                  type: 6,
-                  data: {
-                    plugin: 'rrweb/network@1',
-                    payload: {
-                      type: 'response',
-                      id: requestId,
-                      error: error.message || 'Network request failed',
-                      timestamp: endTime,
-                      duration: endTime - startTime
-                    }
-                  },
-                  timestamp: endTime
-                });
-              } catch (e) {
-                // Ignore
-              }
-              throw error;
-            }
-          );
-        };
-
-        // Wrap XMLHttpRequest prototype methods
-        window.XMLHttpRequest.prototype.open = function(method, url, ...rest) {
-          // Handle relative URLs - resolve them
-          let resolvedUrl = url;
-          if (url && typeof url === 'string' && !url.startsWith('http://') && !url.startsWith('https://') && !url.startsWith('//')) {
-            try {
-              resolvedUrl = new URL(url, window.location.href).href;
-            } catch (e) {
-              resolvedUrl = url;
-            }
-          }
-          
-          // Store network data on the XHR instance
-          this._rrwebNetworkData = {
-            method: method,
-            url: resolvedUrl || url,
-            startTime: Date.now(),
-            requestId: `xhr_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-            initiator: getInitiator()
-          };
-          
-          return originalXHROpen.apply(this, [method, url, ...rest]);
-        };
-
-        window.XMLHttpRequest.prototype.send = function(body) {
-          const xhr = this;
-          const data = xhr._rrwebNetworkData;
-          
-          if (!data) {
-            return originalXHRSend.apply(this, arguments);
-          }
-          
-          if (ignoreRequestFn(data.url, 'xhr')) {
-            return originalXHRSend.apply(this, arguments);
-          }
-
-          // Emit request event
-          try {
-            emit({
-              type: 6,
-              data: {
-                plugin: 'rrweb/network@1',
-                payload: {
-                  type: 'request',
-                  id: data.requestId,
-                  method: data.method,
-                  url: data.url,
-                  headers: recordHeaders ? this.getAllResponseHeaders() : undefined,
-                  body: recordBody ? truncateBody(body, maxBodyLength) : undefined,
-                  timestamp: data.startTime,
-                  initiator: data.initiator,
-                  requestType: 'xhr'
-                }
-              },
-              timestamp: data.startTime
-            });
-          } catch (e) {
-            // Ignore
-          }
-
-          // Listen for response
-          const originalOnReadyStateChange = xhr.onreadystatechange;
-          xhr.onreadystatechange = function(...args) {
-            if (xhr.readyState === 4) {
-              const endTime = Date.now();
-              const performanceEntry = getPerformanceEntry(data.url, data.startTime);
-
-              try {
-                emit({
-                  type: 6,
-                  data: {
-                    plugin: 'rrweb/network@1',
-                    payload: {
-                      type: 'response',
-                      id: data.requestId,
-                      status: xhr.status,
-                      statusText: xhr.statusText,
-                      headers: recordHeaders ? xhr.getAllResponseHeaders() : undefined,
-                      body: recordBody ? truncateBody(xhr.responseText, maxBodyLength) : undefined,
-                      timestamp: endTime,
-                      duration: endTime - data.startTime,
-                      performance: performanceEntry
-                    }
-                  },
-                  timestamp: endTime
-                });
-              } catch (e) {
-                // Ignore
-              }
-            }
-            if (originalOnReadyStateChange) {
-              return originalOnReadyStateChange.apply(this, args);
-            }
-          };
-
-          // Listen for errors
-          const originalOnError = xhr.onerror;
-          xhr.onerror = function(...args) {
-            const endTime = Date.now();
-            try {
-              emit({
-                type: 6,
-                data: {
-                  plugin: 'rrweb/network@1',
-                  payload: {
-                    type: 'response',
-                    id: data.requestId,
-                    error: 'Network request failed',
-                    timestamp: endTime,
-                    duration: endTime - data.startTime
-                  }
-                },
-                timestamp: endTime
-              });
-            } catch (e) {
-              // Ignore
-            }
-            if (originalOnError) {
-              return originalOnError.apply(this, args);
-            }
-          };
-
-          return originalXHRSend.apply(this, arguments);
-        };
-
-        // Return cleanup function
-        return () => {
-          try {
-            // Disconnect PerformanceObserver
-            if (performanceObserver) {
-              performanceObserver.disconnect();
-              performanceObserver = null;
-            }
-            
-            // Restore original functions
-            window.fetch = originalFetch;
-            window.XMLHttpRequest.prototype.open = originalXHROpen;
-            window.XMLHttpRequest.prototype.send = originalXHRSend;
-          } catch (e) {
-            // Ignore
-          }
-        };
-      }
-    };
-  }
-
-  return getRecordNetworkPlugin;
-}));