@capillarytech/cap-ui-dev-tools 1.8.0 → 2.0.0

package/package.json

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

@@ -318,7 +318,6 @@ function createWDIOCapVisionHooks(recorderConfig = {}, enhancerConfig = {}) {
       // Start recording if enabled
       if (capVisionRecorder.isCapVisionEnabled()) {
         try {
-          console.log('🟡 Starting CapVision recording for test:', test.title);
           await capVisionRecorder.startRecording();
         } catch (error) {
           console.error('🔴 Failed to start CapVision recording:', error.message);
@@ -338,19 +337,8 @@ function createWDIOCapVisionHooks(recorderConfig = {}, enhancerConfig = {}) {
       if (capVisionRecorder.isCapVisionEnabled()) {
         try {
           const testName = test.title || 'unknown_test';
-          console.log('🟡 Test result:', result.passed);
           const testPassed = result.passed !== false; // Default to true if not specified
           const metadata = await capVisionRecorder.stopRecordingAndSave(testName, testPassed);
-
-          if (metadata && metadata.totalEvents > 0) {
-            if (metadata.filename) {
-              console.log(`🟢 CapVision recording saved: ${metadata.totalEvents} events -> ${metadata.filename}`);
-            } else {
-              console.log(`🟡 CapVision recording discarded (test passed): ${metadata.totalEvents} events`);
-            }
-          } else {
-            console.log('🟨 No CapVision events were captured during test execution');
-          }
         } catch (error) {
           console.error('🔴 Failed to save CapVision recording:', error.message);
         }

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

@@ -147,11 +147,9 @@ class CapVisionRecorder {
     const match = testFilePath.match(/\/(smoke|sanity|regression)\//);
     if (match) {
       this.currentTestType = match[1];
-      console.log(`🟡 Detected test type from path: ${this.currentTestType}`);
       return this.currentTestType;
     }
 
-    console.log('🟡 Could not detect test type from path:', testFilePath);
     return null;
   }
 
@@ -176,18 +174,10 @@ class CapVisionRecorder {
     const cluster = currentCluster || process.env.cluster;
     
     if (!cluster) {
-      console.log('🟡 No cluster specified in environment, CapVision recording disabled');
       return false;
     }
 
     const isEnabled = this.config.enabledClusters.includes(cluster);
-    
-    if (isEnabled) {
-      console.log(`🟢 CapVision recording enabled for cluster: ${cluster}`);
-    } else {
-      console.log(`🟡 CapVision recording disabled for cluster: ${cluster}`);
-    }
-    
     return isEnabled;
   }
 
@@ -204,18 +194,11 @@ class CapVisionRecorder {
     const module = currentModule || process.env.module;
     
     if (!module) {
-      console.log('🟡 No module specified in environment, CapVision recording disabled');
       return false;
     }
 
     const isEnabled = this.config.enabledModules.includes(module);
     
-    if (isEnabled) {
-      console.log(`🟢 CapVision recording enabled for module: ${module}`);
-    } else {
-      console.log(`🟡 CapVision recording disabled for module: ${module}`);
-    }
-    
     return isEnabled;
   }
 
@@ -231,18 +214,11 @@ class CapVisionRecorder {
     const currentTestType = this.getCurrentTestType();
     
     if (!currentTestType) {
-      console.log('🟡 No test type detected, CapVision recording disabled');
       return false;
     }
 
     const isEnabled = this.config.enabledTestTypes.includes(currentTestType);
     
-    if (isEnabled) {
-      console.log(`🟢 CapVision recording enabled for test type: ${currentTestType}`);
-    } else {
-      console.log(`🟡 CapVision recording disabled for test type: ${currentTestType}`);
-    }
-    
     return isEnabled;
   }
 
@@ -265,9 +241,7 @@ class CapVisionRecorder {
     
     const isEnabled = clusterEnabled && moduleEnabled && testTypeEnabled;
     
-    if (isEnabled) {
-      console.log('🟢 CapVision recording enabled (all criteria met)');
-    } else {
+    if (!isEnabled) {
       const disabledReasons = [];
       if (!clusterEnabled) disabledReasons.push('cluster');
       if (!moduleEnabled) disabledReasons.push('module');
@@ -289,7 +263,6 @@ class CapVisionRecorder {
         files.forEach((file) => {
           fs.unlinkSync(path.join(recordingsDir, file));
         });
-        console.log('🟢 Cleared recordings folder');
       }
     } catch (error) {
       console.error('🔴 Failed to clear recordings folder:', error.message);
@@ -304,8 +277,6 @@ class CapVisionRecorder {
    */
   saveEventsToFile(events, testName = 'test') {
     try {
-      console.log('🟡 Saving CapVision events to file...');
-
       const recordingsDir = this.config.recordingsOutputDir;
 
       if (!fs.existsSync(recordingsDir)) {
@@ -347,7 +318,6 @@ class CapVisionRecorder {
       };
 
       fs.writeFileSync(filepath, JSON.stringify(eventsData, null, 2));
-      console.log(`🟢 Saved ${events.length} events to: ${filename}`);
 
       return filename;
 
@@ -374,7 +344,6 @@ class CapVisionRecorder {
     const tempFilePath = path.join(tempDir, tempFileName);
 
     fs.writeFileSync(tempFilePath, JSON.stringify([]), 'utf8');
-    console.log(`🟡 Created temp file: ${tempFilePath}`);
 
     return tempFilePath;
   }
@@ -420,7 +389,6 @@ class CapVisionRecorder {
     try {
       if (this.tempFilePath && fs.existsSync(this.tempFilePath)) {
         fs.unlinkSync(this.tempFilePath);
-        console.log('🟢 Temp file deleted');
         this.tempFilePath = null;
       }
     } catch (error) {
@@ -440,12 +408,9 @@ class CapVisionRecorder {
     }
 
     if (!this.isCapVisionEnabled()) {
-      console.log("🟡 Skipping CapVision recording (disabled by configuration)");
       return;
     }
 
-    console.log("🟡 Starting CapVision recording...");
-
     // Create temp file if using file-based storage
     if (this.config.useTempFile) {
       this.tempFilePath = this.createTempFile();
@@ -476,13 +441,10 @@ class CapVisionRecorder {
       window.capVisionLastCheckTime = Date.now();
       window.capVisionEvents = [];
       
-      console.log('🟢 Initialized empty events array for recording');
-
       // Inject CapVision script
       const injectScript = () => {
         return new Promise((resolve) => {
           if (window.rrweb) {
-            console.log('🟢 CapVision script already loaded');
             resolve();
             return;
           }
@@ -491,7 +453,6 @@ class CapVisionRecorder {
             const script = document.createElement('script');
             script.textContent = capVisionScript;
             document.head.appendChild(script);
-            console.log('🟢 CapVision script injected from bundled file');
             resolve();
           } catch (error) {
             console.error('❌ Failed to inject CapVision script:', error.message);
@@ -534,7 +495,6 @@ class CapVisionRecorder {
               const parsed = JSON.parse(saved);
               if (Array.isArray(parsed) && parsed.length > 0) {
                 window.capVisionEvents = parsed;
-                console.log(`🟢 Restored ${parsed.length} events from sessionStorage`);
               }
             }
           } catch (error) {
@@ -602,7 +562,6 @@ class CapVisionRecorder {
           const consolePlugin = getConsolePlugin();
           if (consolePlugin) {
             plugins.push(consolePlugin);
-            console.log('🟢 Console recording enabled');
           }
 
           window.rrwebRecorder = window.rrweb.record({
@@ -627,7 +586,6 @@ class CapVisionRecorder {
 
           window.capVisionInitialized = true;
           window.capVisionLastCheckTime = Date.now();
-          console.log('🟢 CapVision recording started');
         });
       };
 
@@ -636,14 +594,12 @@ class CapVisionRecorder {
         window.addEventListener('beforeunload', () => {
           if (!config.useTempFile) {
             saveEventsToStorage();
-            console.log('🟡 Events saved to sessionStorage before unload');
           }
         });
 
         const checkInterval = setInterval(() => {
           // Check master feature flag first
           if (config.ENABLE_FEATURE === false) {
-            console.log('🟡 CapVision feature disabled (ENABLE_FEATURE=false), stopping reinitialization checks');
             clearInterval(checkInterval);
             return;
           }
@@ -656,7 +612,6 @@ class CapVisionRecorder {
           window.capVisionLastCheckTime = now;
 
           if (!window.capVisionInitialized || !window.rrwebRecorder) {
-            console.log('🟡 CapVision not active, attempting reinitialization...');
 
             if (!document.querySelector('script[src*="capvision"]')) {
               injectScript()
@@ -704,7 +659,6 @@ class CapVisionRecorder {
         }
       }, this.config.saveIntervalMs);
 
-      console.log(`🟢 Periodic file save enabled (every ${this.config.saveIntervalMs}ms)`);
     }
   }
 
@@ -722,7 +676,6 @@ class CapVisionRecorder {
     }
 
     if (!this.isCapVisionEnabled()) {
-      console.log("🟡 Skipping CapVision stop (disabled by configuration)");
       return {
         timestamp: new Date().toISOString(),
         totalEvents: 0,
@@ -730,26 +683,21 @@ class CapVisionRecorder {
       };
     }
 
-    console.log("🟡 Stopping CapVision recording and saving...");
-
     // Clear periodic save interval
     if (this.saveIntervalHandle) {
       clearInterval(this.saveIntervalHandle);
       this.saveIntervalHandle = null;
-      console.log('🟢 Periodic file save stopped');
     }
 
     // Final save
     if (this.config.useTempFile) {
       try {
-        console.log('🟡 Performing final save before stopping...');
           const finalEvents = await this.browserExecutor.execute(() => {
           return window.capVisionEvents || [];
         });
         
         if (finalEvents && finalEvents.length > 0) {
           this.saveToTempFile(finalEvents);
-          console.log(`🟢 Final save: ${finalEvents.length} events written to temp file`);
         }
       } catch (error) {
         console.warn('⚠️ Final save failed:', error.message);
@@ -764,7 +712,6 @@ class CapVisionRecorder {
       // Stop recorder
       if (window.rrwebRecorder) {
         window.rrwebRecorder();
-        console.log('🟢 Recorder stopped');
       }
 
       // Clean up intervals
@@ -801,15 +748,11 @@ class CapVisionRecorder {
           if (!testPassed) {
             // Only save permanently if test failed
             savedFilename = this.saveEventsToFile(events, testName);
-            console.log(`🟢 Saved ${events.length} events to: ${savedFilename} (test failed)`);
-          } else {
-            console.log(`🟡 Test passed - skipping permanent save (${events.length} events discarded)`);
           }
         }
         
         // Always delete temp file regardless of test result
         this.deleteTempFile();
-        console.log('🟢 Temporary file cleaned up');
       } catch (error) {
         console.error('🔴 Failed to process events from temp file:', error.message);
         // Still try to delete temp file even if there was an error
@@ -820,8 +763,6 @@ class CapVisionRecorder {
         }
       }
     }
-
-    console.log(`🟢 Recording stopped. Captured ${metadata.totalEvents} events`);
     
     return {
       timestamp: metadata.timestamp,
@@ -842,12 +783,9 @@ class CapVisionRecorder {
     }
 
     if (!this.isCapVisionEnabled()) {
-      console.log("🟡 Skipping CapVision re-initialization (disabled by configuration)");
       return;
     }
 
-    console.log("🟡 Re-initializing CapVision after page change...");
-
     await this.browserExecutor.pause(this.config.pageStabilizationDelayMs);
 
     // Read scripts
@@ -874,7 +812,6 @@ class CapVisionRecorder {
       try {
         const tempEvents = this.readFromTempFile();
         eventCount = tempEvents ? tempEvents.length : 0;
-        console.log(`🟢 Will restore ${eventCount} events from temp file`);
       } catch (error) {
         console.warn('⚠️ Could not read temp file:', error.message);
       }
@@ -885,7 +822,6 @@ class CapVisionRecorder {
       const injectScript = () => {
         return new Promise((resolve) => {
           if (window.rrweb) {
-            console.log('🟢 CapVision script already loaded');
             resolve();
             return;
           }
@@ -894,7 +830,6 @@ class CapVisionRecorder {
             const script = document.createElement('script');
             script.textContent = capVisionScript;
             document.head.appendChild(script);
-            console.log('🟢 CapVision script re-injected');
             resolve();
           } catch (error) {
             console.error('❌ Failed to re-inject CapVision script:', error.message);
@@ -939,7 +874,6 @@ class CapVisionRecorder {
               const parsed = JSON.parse(saved);
               if (Array.isArray(parsed) && parsed.length > 0) {
                 window.capVisionEvents = parsed;
-                console.log(`🟢 Restored ${parsed.length} events from sessionStorage`);
               }
             }
           } catch (error) {
@@ -951,9 +885,6 @@ class CapVisionRecorder {
       const initializeEventsForFileMode = () => {
         if (config.useTempFile) {
           window.capVisionEvents = [];
-          if (count > 0) {
-            console.log(`🟢 Temp file has ${count} events`);
-          }
         }
       };
 
@@ -1019,10 +950,6 @@ class CapVisionRecorder {
                   console.warn('⚠️ Failed to save events to sessionStorage:', error.message);
                 }
               }
-
-              // if (window.capVisionEvents.length % 10 === 0) {
-              //   console.log(`🟡 Captured ${window.capVisionEvents.length} events`);
-              // }
             },
             checkoutEveryNms: config.checkoutIntervalMs,
             recordCanvas: config.recordCanvas,
@@ -1038,13 +965,11 @@ class CapVisionRecorder {
 
           window.capVisionInitialized = true;
           window.capVisionLastCheckTime = Date.now();
-          console.log('🟢 CapVision re-started');
         });
       };
 
       const reinitialize = async () => {
         try {
-          console.log('🟡 Re-initializing...');
           await injectScript();
           await injectConsolePlugin(pluginCode);
           restoreEventsFromStorage();
@@ -1058,7 +983,6 @@ class CapVisionRecorder {
       reinitialize();
     }, this.config, eventCount, capVisionScriptCode, consolePluginCode);
 
-    console.log("🟢 Re-initialization complete");
   }
 }
 

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

@@ -407,7 +407,6 @@ ${recordingPlayersHTML}
             const playerContainer = document.getElementById(\`capvision-player-inline-\${index}\`);
             if (playerContainer) {
               try {
-                console.log('🟡 Initializing inline player for recording:', recording.filename);
                 
                 // Clear loading message
                 playerContainer.innerHTML = '';
@@ -462,7 +461,6 @@ ${recordingPlayersHTML}
                 
                 players[index] = player;
                 
-                console.log('🟢 Successfully initialized inline player for recording:', recording.filename);
                 
               } catch (error) {
                 console.error('🔴 Failed to initialize inline player for recording:', recording.filename, error);
@@ -493,7 +491,6 @@ ${recordingPlayersHTML}
           });
         });
         
-        console.log('🟢 CapVision Player integration loaded with', recordings.length, 'recording(s)');
         
       })();
     </script>
@@ -514,16 +511,12 @@ ${recordingPlayersHTML}
         return;
       }
 
-      console.log('🟡 Enhancing HTML report with CapVision player:', reportPath);
-
       if (!fs.existsSync(reportPath)) {
-        console.log('🟡 HTML report not found, skipping enhancement');
         return;
       }
 
       const recordings = this.getAvailableRecordings();
       if (recordings.length === 0) {
-        console.log('🟡 No CapVision recordings found, skipping enhancement');
         return;
       }
 
@@ -537,7 +530,6 @@ ${recordingPlayersHTML}
       const bodyEndIndex = htmlContent.lastIndexOf('</body>');
 
       if (bodyEndIndex === -1) {
-        console.log('🟡 Could not find </body> tag, appending to end');
         htmlContent += capVisionPlayerHTML;
       } else {
         htmlContent = htmlContent.slice(0, bodyEndIndex) + capVisionPlayerHTML + htmlContent.slice(bodyEndIndex);
@@ -545,9 +537,6 @@ ${recordingPlayersHTML}
 
       fs.writeFileSync(reportPath, htmlContent);
 
-      console.log('🟢 Successfully enhanced HTML report with CapVision player');
-      console.log(`🟢 Found ${recordings.length} recording(s) to integrate`);
-
     } catch (error) {
       console.error('🔴 Failed to enhance HTML report:', error.message);
     }
@@ -566,13 +555,7 @@ ${recordingPlayersHTML}
         return;
       }
 
-      // if (!this.isEnhancementEnabled()) {
-      //   console.log('🟡 Skipping report enhancement (disabled for current cluster/module)');
-      //   return;
-      // }
-
       if (!fs.existsSync(this.config.reportsDir)) {
-        console.log('🟡 Reports directory not found');
         return;
       }
 
@@ -584,8 +567,6 @@ ${recordingPlayersHTML}
         await this.enhanceReport(reportPath);
       }
 
-      console.log('🟢 Enhanced all HTML reports with CapVision player');
-
     } catch (error) {
       console.error('🔴 Failed to enhance reports:', error.message);
     }