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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-dev-tools",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Development tools for Capillary UI projects including webpack hot-reload plugin and CapVision session recording",
   "main": "src/index.js",
   "exports": {

package/src/capvision-recorder/adapters/WebdriverIOAdapter.js

@@ -51,12 +51,24 @@ class WebdriverIOCapVisionRecorder {
   constructor(recorderConfig = {}, enhancerConfig = {}) {
     /** @type {import('../core/CapVisionRecorder').CapVisionRecorder} */
     this.recorder = new CapVisionRecorder(recorderConfig);
-    
+
     /** @type {import('../core/ReportEnhancer').ReportEnhancer} */
     this.enhancer = new ReportEnhancer(enhancerConfig);
-    
+
     /** @type {WebdriverIOBrowserExecutor|null} */
     this.browserExecutor = null;
+
+    /** @type {Object|null} */
+    this.browser = null;
+
+    /** @type {boolean} */
+    this.cdpNetworkLoggingSetup = false;
+
+    /** @type {Object<string, string>} */
+    this.requestMap = {};
+
+    /** @type {Object<string, {headers: Object, status: number}>} */
+    this.responseInfo = {};
   }
 
   /**
@@ -67,6 +79,8 @@ class WebdriverIOCapVisionRecorder {
   init(browser) {
     this.browserExecutor = new WebdriverIOBrowserExecutor(browser);
     this.recorder.setBrowserExecutor(this.browserExecutor);
+    /** @type {Object} */
+    this.browser = browser;
   }
 
   /**
@@ -127,6 +141,94 @@ class WebdriverIOCapVisionRecorder {
     this.recorder.clearRecordingsFolder();
   }
 
+  /**
+   * Setup CDP network listeners to log network requests to browser console
+   * @private
+   * @async
+   * @param {boolean} [force=false] - Force re-setup even if already configured
+   * @returns {Promise<void>}
+   */
+  async setupCDPNetworkLogging(force = false) {
+    if (!this.browser) {
+      return;
+    }
+
+    // Skip if already setup (unless forced)
+    if (this.cdpNetworkLoggingSetup && !force) {
+      return;
+    }
+
+    try {
+      await this.browser.cdp('Network', 'enable');
+
+      if (force && this.cdpNetworkLoggingSetup) {
+        try {
+          this.browser.removeAllListeners('Network.requestWillBeSent');
+          this.browser.removeAllListeners('Network.responseReceived');
+          this.browser.removeAllListeners('Network.loadingFailed');
+          this.requestMap = {};
+          this.responseInfo = {};
+        } catch (e) {
+          // Ignore errors when removing listeners
+        }
+      }
+
+      // Track requests to map requestId to URL
+      this.browser.on('Network.requestWillBeSent', (params) => {
+        const { requestId, request } = params;
+        this.requestMap[requestId] = request.url;
+      });
+
+      this.browser.on('Network.responseReceived', async (params) => {
+        const { requestId, response } = params;
+        const url = response.url;
+        const cap_requestId = response.headers['x-cap-request-id'] || 'N/A';
+
+        this.responseInfo[requestId] = {
+          headers: response.headers,
+          status: response.status,
+        };
+        // Log to browser console so it gets captured by CapVision recorder
+        if (url && url.includes('capillarytech')) {
+          await this.browser.execute((url, cap_requestId) => {
+            console.log(
+              '%c🌐 Network Request',
+              'color: #4CAF50; font-weight: bold; font-size: 12px;',
+              '\n  📍 URL:',
+              url,
+              '\n  🆔 Request ID:',
+              cap_requestId,
+              '\n'
+            );
+          }, url, cap_requestId);
+        }
+      });
+
+      // Log failed requests
+      this.browser.on('Network.loadingFailed', async (params) => {
+        const { requestId } = params;
+        const url = this.requestMap[requestId] || 'unknown';
+
+        const info = this.responseInfo[requestId] || {};
+        const headers = info.headers || {};
+        const cap_requestId = headers['x-cap-request-id'] || 'N/A';
+        const statusCode = info.status || 'status N/A';
+
+        if (url && url.includes('capillarytech')) {
+          await this.browser.execute((url, statusCode, cap_requestId) => {
+            console.log(`❌ Request failed (ID: ${cap_requestId}) URL: ${url} Status Code: ${statusCode}`);
+          }, url, cap_requestId, statusCode);
+        }
+
+      });
+
+      this.cdpNetworkLoggingSetup = true;
+    } catch (error) {
+      console.warn('⚠️ Failed to setup CDP network logging:', error.message);
+      // Don't throw - CDP might not be available in all browsers/configurations
+    }
+  }
+
   /**
    * Start recording
    * @async
@@ -137,6 +239,9 @@ class WebdriverIOCapVisionRecorder {
     if (!this.browserExecutor) {
       throw new Error('Browser executor not initialized. Call init(browser) first.');
     }
+
+    await this.setupCDPNetworkLogging();
+
     return this.recorder.startRecording();
   }
 
@@ -165,6 +270,9 @@ class WebdriverIOCapVisionRecorder {
     if (!this.browserExecutor) {
       throw new Error('Browser executor not initialized. Call init(browser) first.');
     }
+
+    await this.setupCDPNetworkLogging(true);
+
     return this.recorder.ensureCapVisionIsActive();
   }
 

package/src/capvision-recorder/core/CapVisionRecorder.js

@@ -29,16 +29,6 @@ const os = require('os');
  * @property {Object} [consoleRecordOptions.stringifyOptions] - Stringification options
  * @property {number} [consoleRecordOptions.stringifyOptions.stringLengthLimit] - String length limit
  * @property {number} [consoleRecordOptions.stringifyOptions.numOfKeysLimit] - Number of keys limit
- * @property {string} [networkRecordPluginPath] - Path to network record plugin
- * @property {string} [networkReplayPluginPath] - Path to network replay plugin
- * @property {boolean} [recordNetwork] - Enable network recording
- * @property {Object} [networkRecordOptions] - Network recording options
- * @property {boolean} [networkRecordOptions.recordBody] - Record request/response bodies
- * @property {boolean} [networkRecordOptions.recordHeaders] - Record request/response headers
- * @property {boolean} [networkRecordOptions.recordInitiator] - Record stack traces
- * @property {boolean} [networkRecordOptions.recordPerformance] - Record performance metrics
- * @property {number} [networkRecordOptions.maxBodyLength] - Max body length before truncation
- * @property {Function} [networkRecordOptions.ignoreRequestFn] - Filter function for requests
  */
 
 /**
@@ -54,8 +44,6 @@ const DEFAULT_CONFIG = {
   capVisionScriptPath: path.join(__dirname, '../assets/capvision.min.js'),
   consoleRecordPluginPath: path.join(__dirname, '../assets/capvision-plugins/console-record.min.js'),
   consoleReplayPluginPath: path.join(__dirname, '../assets/capvision-plugins/console-replay.min.js'),
-  networkRecordPluginPath: path.join(__dirname, '../assets/capvision-plugins/network-record.min.js'),
-  networkReplayPluginPath: path.join(__dirname, '../assets/capvision-plugins/network-replay.min.js'),
   recordingsOutputDir: path.join(process.cwd(), 'reports', 'recordings'),
   
   sessionStorageKey: 'capvision_events',
@@ -77,23 +65,6 @@ const DEFAULT_CONFIG = {
       stringLengthLimit: 10000,
       numOfKeysLimit: 100
     }
-  },
-  // Network recording options
-  recordNetwork: true,
-  networkRecordOptions: {
-    recordBody: true,
-    recordHeaders: true,
-    recordInitiator: true,
-    recordPerformance: true,
-    maxBodyLength: 10000,
-    ignoreRequestFn: (url, type) => {
-      // Ignore CapVision internal requests and common tracking/analytics
-      if (!url) return true;
-      if (url.includes('capvision')) return true;
-      if (url.includes('google-analytics')) return true;
-      if (url.includes('googletagmanager')) return true;
-      return false;
-    }
   }
 };
 
@@ -499,25 +470,7 @@ class CapVisionRecorder {
       }
     }
 
-    // Read network plugin code
-    let networkPluginCode = '';
-    if (this.config.recordNetwork) {
-      try {
-        console.log('🟡 Loading network plugin from:', this.config.networkRecordPluginPath);
-        networkPluginCode = fs.readFileSync(this.config.networkRecordPluginPath, 'utf8');
-        console.log(`🟢 Network plugin code loaded: ${networkPluginCode.length} characters`);
-        if (networkPluginCode.length === 0) {
-          console.warn('⚠️ Network plugin file is empty!');
-        }
-      } catch (error) {
-        console.error('🔴 Failed to load network plugin file:', error.message);
-        console.error('🔴 File path:', this.config.networkRecordPluginPath);
-      }
-    } else {
-      console.log('🟡 Network recording disabled in config');
-    }
-
-    await this.browserExecutor.execute((config, capVisionScript, pluginCode, networkPluginCode) => {
+    await this.browserExecutor.execute((config, capVisionScript, pluginCode) => {
       // Initialize global state
       window.capVisionInitialized = false;
       window.capVisionLastCheckTime = Date.now();
@@ -572,71 +525,6 @@ class CapVisionRecorder {
         });
       };
 
-      // Inject Network Record Plugin script
-      const injectNetworkPlugin = (pluginCode) => {
-        return new Promise((resolve) => {
-          if (!config.recordNetwork || !pluginCode) {
-            console.log('🟡 Network recording disabled or plugin code not available');
-            resolve();
-            return;
-          }
-
-          if (window.rrwebPluginNetworkRecord) {
-            console.log('🟢 Network plugin already loaded');
-            resolve();
-            return;
-          }
-
-          try {
-            console.log('🟡 Injecting network plugin script...');
-            console.log('🟡 Plugin code length:', pluginCode.length);
-            
-            // Try direct execution first (for immediate availability)
-            try {
-              eval(pluginCode);
-              if (window.rrwebPluginNetworkRecord) {
-                console.log('🟢 Network plugin loaded via eval');
-                resolve();
-                return;
-              }
-            } catch (evalError) {
-              console.warn('⚠️ Eval failed, trying script injection:', evalError);
-            }
-            
-            // Fallback: inject as script element
-            const script = document.createElement('script');
-            script.textContent = pluginCode;
-            script.onerror = (error) => {
-              console.error('🔴 Script onerror:', error);
-            };
-            document.head.appendChild(script);
-            
-            // Wait for script to execute and set window.rrwebPluginNetworkRecord
-            let checkCount = 0;
-            const checkInterval = setInterval(() => {
-              checkCount++;
-              if (window.rrwebPluginNetworkRecord) {
-                clearInterval(checkInterval);
-                console.log(`🟢 Network plugin script loaded successfully after ${checkCount * 50}ms`);
-                resolve();
-              } else if (checkCount > 20) {
-                // Stop checking after 1 second
-                clearInterval(checkInterval);
-                console.warn('⚠️ Network plugin script injected but function not found after 1s');
-                console.warn('⚠️ Script element:', script);
-                console.warn('⚠️ Script parent:', script.parentElement);
-                console.warn('⚠️ Window keys:', Object.keys(window).filter(k => k.includes('capvision') || k.includes('rrweb')));
-                resolve();
-              }
-            }, 50);
-          } catch (error) {
-            console.error('🔴 Failed to inject network plugin:', error.message);
-            console.error('🔴 Error stack:', error.stack);
-            resolve();
-          }
-        });
-      };
-
       // Restore events from sessionStorage (fallback)
       const restoreEventsFromStorage = () => {
         if (!config.useTempFile) {
@@ -703,54 +591,6 @@ class CapVisionRecorder {
         return null;
       };
 
-      // Get network plugin if available
-      const getNetworkPlugin = () => {
-        try {
-          if (!config.recordNetwork) {
-            console.log('🟡 Network recording disabled in config');
-            return null;
-          }
-          
-          if (!window.rrwebPluginNetworkRecord) {
-            console.warn('⚠️ Network plugin function not found on window object');
-            console.log('🟡 Available window properties:', Object.keys(window).filter(k => k.includes('capvision') || k.includes('rrweb')));
-            return null;
-          }
-
-          console.log('🟡 Initializing network plugin with options:', config.networkRecordOptions);
-
-          // Handle different export patterns
-          if (typeof window.rrwebPluginNetworkRecord === 'function') {
-            const plugin = window.rrwebPluginNetworkRecord(config.networkRecordOptions);
-            console.log('🟢 Network plugin initialized successfully (function pattern)');
-            console.log('🟡 Plugin structure:', {
-              name: plugin?.name,
-              hasObserver: typeof plugin?.observer === 'function',
-              keys: Object.keys(plugin || {})
-            });
-            return plugin;
-          }
-          if (window.rrwebPluginNetworkRecord.getRecordNetworkPlugin) {
-            const plugin = window.rrwebPluginNetworkRecord.getRecordNetworkPlugin(config.networkRecordOptions);
-            console.log('🟢 Network plugin initialized successfully (getRecordNetworkPlugin pattern)');
-            return plugin;
-          }
-          if (window.rrwebPluginNetworkRecord.default) {
-            const plugin = window.rrwebPluginNetworkRecord.default(config.networkRecordOptions);
-            console.log('🟢 Network plugin initialized successfully (default pattern)');
-            return plugin;
-          }
-          
-          console.warn('⚠️ Network plugin function found but no matching export pattern');
-          console.log('🟡 Plugin type:', typeof window.rrwebPluginNetworkRecord);
-          console.log('🟡 Plugin keys:', Object.keys(window.rrwebPluginNetworkRecord || {}));
-        } catch (error) {
-          console.error('🔴 Failed to initialize network plugin:', error.message);
-          console.error('🔴 Error stack:', error.stack);
-        }
-        return null;
-      };
-
       // Start CapVision recorder
       const startRecorder = () => {
         waitForCapVision().then(() => {
@@ -764,11 +604,6 @@ class CapVisionRecorder {
             plugins.push(consolePlugin);
             console.log('🟢 Console recording enabled');
           }
-          const networkPlugin = getNetworkPlugin();
-          if (networkPlugin) {
-            plugins.push(networkPlugin);
-            console.log('🟢 Network recording enabled');
-          }
 
           window.rrwebRecorder = window.rrweb.record({
             emit: (event) => {
@@ -826,7 +661,6 @@ class CapVisionRecorder {
             if (!document.querySelector('script[src*="capvision"]')) {
               injectScript()
                 .then(() => injectConsolePlugin(pluginCode))
-                .then(() => injectNetworkPlugin(networkPluginCode))
                 .then(() => startRecorder())
                 .catch(console.error);
             } else {
@@ -844,7 +678,6 @@ class CapVisionRecorder {
           setupPersistence();
           await injectScript();
           await injectConsolePlugin(pluginCode);
-          await injectNetworkPlugin(networkPluginCode);
           restoreEventsFromStorage();
           startRecorder();
         } catch (error) {
@@ -853,7 +686,7 @@ class CapVisionRecorder {
       };
 
       initialize();
-    }, this.config, capVisionScriptCode, consolePluginCode, networkPluginCode);
+    }, this.config, capVisionScriptCode, consolePluginCode);
 
     // Setup Node.js-side periodic file save
     if (this.config.useTempFile) {
@@ -1035,16 +868,6 @@ class CapVisionRecorder {
       }
     }
 
-    // Read network plugin code
-    let networkPluginCode = '';
-    if (this.config.recordNetwork) {
-      try {
-        networkPluginCode = fs.readFileSync(this.config.networkRecordPluginPath, 'utf8');
-      } catch (error) {
-        console.warn('⚠️ Failed to load network plugin file:', error.message);
-      }
-    }
-
     // Get event count
     let eventCount = 0;
     if (this.config.useTempFile) {
@@ -1057,7 +880,7 @@ class CapVisionRecorder {
       }
     }
 
-    await this.browserExecutor.execute((config, count, capVisionScript, pluginCode, networkPluginCode) => {
+    await this.browserExecutor.execute((config, count, capVisionScript, pluginCode) => {
       // Re-inject CapVision
       const injectScript = () => {
         return new Promise((resolve) => {
@@ -1104,70 +927,6 @@ class CapVisionRecorder {
         });
       };
 
-      const injectNetworkPlugin = (pluginCode) => {
-        return new Promise((resolve) => {
-          if (!config.recordNetwork || !pluginCode) {
-            console.log('🟡 Network recording disabled or plugin code not available');
-            resolve();
-            return;
-          }
-
-          if (window.rrwebPluginNetworkRecord) {
-            console.log('🟢 Network plugin already loaded');
-            resolve();
-            return;
-          }
-
-          try {
-            console.log('🟡 Injecting network plugin script (re-init)...');
-            console.log('🟡 Plugin code length:', pluginCode.length);
-            
-            // Try direct execution first (for immediate availability)
-            try {
-              eval(pluginCode);
-              if (window.rrwebPluginNetworkRecord) {
-                console.log('🟢 Network plugin loaded via eval (re-init)');
-                resolve();
-                return;
-              }
-            } catch (evalError) {
-              console.warn('⚠️ Eval failed, trying script injection:', evalError);
-            }
-            
-            // Fallback: inject as script element
-            const script = document.createElement('script');
-            script.textContent = pluginCode;
-            script.onerror = (error) => {
-              console.error('🔴 Script onerror:', error);
-            };
-            document.head.appendChild(script);
-            
-            // Wait for script to execute and set window.rrwebPluginNetworkRecord
-            let checkCount = 0;
-            const checkInterval = setInterval(() => {
-              checkCount++;
-              if (window.rrwebPluginNetworkRecord) {
-                clearInterval(checkInterval);
-                console.log(`🟢 Network plugin script loaded successfully after ${checkCount * 50}ms (re-init)`);
-                resolve();
-              } else if (checkCount > 20) {
-                // Stop checking after 1 second
-                clearInterval(checkInterval);
-                console.warn('⚠️ Network plugin script injected but function not found after 1s (re-init)');
-                console.warn('⚠️ Script element:', script);
-                console.warn('⚠️ Script parent:', script.parentElement);
-                console.warn('⚠️ Window keys:', Object.keys(window).filter(k => k.includes('capvision') || k.includes('rrweb')));
-                resolve();
-              }
-            }, 50);
-          } catch (error) {
-            console.error('🔴 Failed to inject network plugin:', error.message);
-            console.error('🔴 Error stack:', error.stack);
-            resolve();
-          }
-        });
-      };
-
       const restoreEventsFromStorage = () => {
         if (!window.capVisionEvents) {
           window.capVisionEvents = [];
@@ -1233,28 +992,6 @@ class CapVisionRecorder {
         return null;
       };
 
-      const getNetworkPlugin = () => {
-        try {
-          if (!config.recordNetwork || !window.rrwebPluginNetworkRecord) {
-            return null;
-          }
-
-          // Handle different export patterns
-          if (typeof window.rrwebPluginNetworkRecord === 'function') {
-            return window.rrwebPluginNetworkRecord(config.networkRecordOptions);
-          }
-          if (window.rrwebPluginNetworkRecord.getRecordNetworkPlugin) {
-            return window.rrwebPluginNetworkRecord.getRecordNetworkPlugin(config.networkRecordOptions);
-          }
-          if (window.rrwebPluginNetworkRecord.default) {
-            return window.rrwebPluginNetworkRecord.default(config.networkRecordOptions);
-          }
-        } catch (error) {
-          console.warn('⚠️ Failed to initialize network plugin:', error.message);
-        }
-        return null;
-      };
-
       const startRecorder = () => {
         if (window.rrwebRecorder) {
           try {
@@ -1270,10 +1007,6 @@ class CapVisionRecorder {
           if (consolePlugin) {
             plugins.push(consolePlugin);
           }
-          const networkPlugin = getNetworkPlugin();
-          if (networkPlugin) {
-            plugins.push(networkPlugin);
-          }
 
           window.rrwebRecorder = window.rrweb.record({
             emit: (event) => {
@@ -1287,9 +1020,9 @@ class CapVisionRecorder {
                 }
               }
 
-              if (window.capVisionEvents.length % 10 === 0) {
-                console.log(`🟡 Captured ${window.capVisionEvents.length} events`);
-              }
+              // if (window.capVisionEvents.length % 10 === 0) {
+              //   console.log(`🟡 Captured ${window.capVisionEvents.length} events`);
+              // }
             },
             checkoutEveryNms: config.checkoutIntervalMs,
             recordCanvas: config.recordCanvas,
@@ -1314,7 +1047,6 @@ class CapVisionRecorder {
           console.log('🟡 Re-initializing...');
           await injectScript();
           await injectConsolePlugin(pluginCode);
-          await injectNetworkPlugin(networkPluginCode);
           restoreEventsFromStorage();
           initializeEventsForFileMode();
           startRecorder();
@@ -1324,7 +1056,7 @@ class CapVisionRecorder {
       };
 
       reinitialize();
-    }, this.config, eventCount, capVisionScriptCode, consolePluginCode, networkPluginCode);
+    }, this.config, eventCount, capVisionScriptCode, consolePluginCode);
 
     console.log("🟢 Re-initialization complete");
   }

package/src/capvision-recorder/core/ReportEnhancer.js

@@ -10,7 +10,6 @@ const path = require('path');
  * @property {string} [playerCSSPath] - Path to CapVision player CSS file
  * @property {string} [playerScriptPath] - Path to CapVision player script file
  * @property {string} [consoleReplayPluginPath] - Path to console replay plugin
- * @property {string} [networkReplayPluginPath] - Path to network replay plugin
  * @property {number} [playerWidth] - Player width in pixels
  * @property {number} [playerHeight] - Player height in pixels
  * @property {boolean} [autoPlay] - Auto-play recordings on load
@@ -41,7 +40,6 @@ const DEFAULT_ENHANCER_CONFIG = {
   playerCSSPath: path.join(__dirname, '../assets/capvision-player.css'),
   playerScriptPath: path.join(__dirname, '../assets/capvision-player.min.js'),
   consoleReplayPluginPath: path.join(__dirname, '../assets/capvision-plugins/console-replay.min.js'),
-  networkReplayPluginPath: path.join(__dirname, '../assets/capvision-plugins/network-replay.min.js'),
   playerWidth: 800,
   playerHeight: 460,
   autoPlay: false,
@@ -381,14 +379,6 @@ ${recordingPlayersHTML}
       console.warn('⚠️ Failed to load console replay plugin:', error.message);
     }
 
-    // Read bundled network replay plugin
-    let networkReplayPlugin = '';
-    try {
-      networkReplayPlugin = fs.readFileSync(this.config.networkReplayPluginPath, 'utf8');
-    } catch (error) {
-      console.warn('⚠️ Failed to load network replay plugin:', error.message);
-    }
-
     return `
     <!-- CapVision Player CSS (Bundled) -->
     <style>
@@ -405,11 +395,6 @@ ${recordingPlayersHTML}
       ${consoleReplayPlugin}
     </script>
     
-    <!-- Network Replay Plugin (Bundled) -->
-    <script>
-      ${networkReplayPlugin}
-    </script>
-    
     <script>
       // CapVision Player Integration Script for Inline Players
       (function() {
@@ -453,48 +438,6 @@ ${recordingPlayersHTML}
                   }
                 }
                 
-                // Add network replay plugin if available
-                if (window.rrwebPluginNetworkReplay) {
-                  try {
-                    console.log('🟡 Initializing network replay plugin...');
-                    const networkReplayOptions = {
-                      showPanel: true,
-                      maxEntries: 100,
-                      position: 'bottom-right'
-                    };
-                    let networkPlugin;
-                    
-                    // Handle different export patterns
-                    if (typeof window.rrwebPluginNetworkReplay === 'function') {
-                      networkPlugin = window.rrwebPluginNetworkReplay(networkReplayOptions);
-                      console.log('🟢 Network replay plugin initialized (function pattern)');
-                    } else if (window.rrwebPluginNetworkReplay.getReplayNetworkPlugin) {
-                      networkPlugin = window.rrwebPluginNetworkReplay.getReplayNetworkPlugin(networkReplayOptions);
-                      console.log('🟢 Network replay plugin initialized (getReplayNetworkPlugin pattern)');
-                    } else if (window.rrwebPluginNetworkReplay.default) {
-                      networkPlugin = window.rrwebPluginNetworkReplay.default(networkReplayOptions);
-                      console.log('🟢 Network replay plugin initialized (default pattern)');
-                    }
-                    
-                    if (networkPlugin) {
-                      console.log('🟡 Network plugin structure:', {
-                        hasHandler: typeof networkPlugin.handler === 'function',
-                        hasOnBuild: typeof networkPlugin.onBuild === 'function',
-                        keys: Object.keys(networkPlugin)
-                      });
-                      plugins.push(networkPlugin);
-                      console.log('🟢 Network replay plugin added to plugins array');
-                    } else {
-                      console.warn('⚠️ Network replay plugin is null or undefined');
-                    }
-                  } catch (error) {
-                    console.error('🔴 Failed to initialize network replay plugin:', error);
-                    console.error('🔴 Error stack:', error.stack);
-                  }
-                } else {
-                  console.warn('⚠️ window.rrwebPluginNetworkReplay not found');
-                }
-                
                 // Create RRWeb player
                 const player = new rrwebPlayer({
                   target: playerContainer,

package/src/capvision-recorder/index.js

@@ -23,13 +23,10 @@ const ASSET_BASE_PATH = path.join(__dirname, 'assets');
 CAPVISION_DEFAULT_CONFIG.capVisionScriptPath = path.join(ASSET_BASE_PATH, 'capvision.min.js');
 CAPVISION_DEFAULT_CONFIG.consoleRecordPluginPath = path.join(ASSET_BASE_PATH, 'capvision-plugins/console-record.min.js');
 CAPVISION_DEFAULT_CONFIG.consoleReplayPluginPath = path.join(ASSET_BASE_PATH, 'capvision-plugins/console-replay.min.js');
-CAPVISION_DEFAULT_CONFIG.networkRecordPluginPath = path.join(ASSET_BASE_PATH, 'capvision-plugins/network-record.min.js');
-CAPVISION_DEFAULT_CONFIG.networkReplayPluginPath = path.join(ASSET_BASE_PATH, 'capvision-plugins/network-replay.min.js');
 
 DEFAULT_ENHANCER_CONFIG.playerCSSPath = path.join(ASSET_BASE_PATH, 'capvision-player.css');
 DEFAULT_ENHANCER_CONFIG.playerScriptPath = path.join(ASSET_BASE_PATH, 'capvision-player.min.js');
 DEFAULT_ENHANCER_CONFIG.consoleReplayPluginPath = path.join(ASSET_BASE_PATH, 'capvision-plugins/console-replay.min.js');
-DEFAULT_ENHANCER_CONFIG.networkReplayPluginPath = path.join(ASSET_BASE_PATH, 'capvision-plugins/network-replay.min.js');
 
 /**
  * Export all CapVision recorder components