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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-dev-tools",
-  "version": "1.7.0",
+  "version": "1.9.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

@@ -64,11 +64,6 @@ class WebdriverIOCapVisionRecorder {
     /** @type {boolean} */
     this.cdpNetworkLoggingSetup = false;
 
-    /** @type {Object<string, string>} */
-    this.requestMap = {};
-
-    /** @type {Object<string, {headers: Object, status: number}>} */
-    this.responseInfo = {};
   }
 
   /**
@@ -166,60 +161,32 @@ class WebdriverIOCapVisionRecorder {
           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 { response } = params;
         const url = response.url;
+        const statusCode = response.status;
         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',
+        if (statusCode >= 400) {
+          await this.browser.execute((url, cap_requestId, statusCode) => {
+            console.error(
+              '%c🔴 Network Request',
               'color: #4CAF50; font-weight: bold; font-size: 12px;',
               '\n  📍 URL:',
               url,
               '\n  🆔 Request ID:',
               cap_requestId,
+              '\n  🔴 Status Code:',
+              statusCode,
               '\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;