@checkflow/sdk 1.0.2 → 1.0.4

package/dist/index.esm.js

@@ -2704,6 +2704,10 @@ class SessionRecording {
     start() {
         if (this.isRecording || !this.config.enabled)
             return;
+        console.log(' [SessionRecording] Starting session recording...', {
+            sessionId: this.sessionId,
+            config: this.config
+        });
         this.isRecording = true;
         this.startTime = Date.now();
         this.events = [];
@@ -2712,20 +2716,25 @@ class SessionRecording {
         // Setup event listeners
         if (this.config.recordMouse) {
             this.setupMouseTracking();
+            console.log(' [SessionRecording] Mouse tracking enabled');
         }
         if (this.config.recordScroll) {
             this.setupScrollTracking();
+            console.log(' [SessionRecording] Scroll tracking enabled');
         }
         if (this.config.recordInput) {
             this.setupInputTracking();
+            console.log(' [SessionRecording] Input tracking enabled');
         }
         if (this.config.recordMutations) {
             this.setupMutationObserver();
+            console.log(' [SessionRecording] Mutation observer enabled');
         }
         // Track navigation
         this.setupNavigationTracking();
         // Track resize
         this.setupResizeTracking();
+        console.log(' [SessionRecording] Session recording started successfully');
         // Auto-stop after max duration
         setTimeout(() => {
             if (this.isRecording) {
@@ -2781,13 +2790,29 @@ class SessionRecording {
      * Get recording data for submission
      */
     getRecordingData() {
-        if (this.events.length === 0)
+        console.log('🎥 [SessionRecording] getRecordingData called:', {
+            eventCount: this.events.length,
+            sessionId: this.sessionId,
+            duration: this.getDuration(),
+            isRecording: this.isRecording,
+            startTime: this.startTime
+        });
+        if (this.events.length === 0) {
+            console.warn('🎥 [SessionRecording] No events to return');
             return null;
-        return {
+        }
+        const data = {
             events: [...this.events],
             sessionId: this.sessionId,
             duration: this.getDuration(),
         };
+        console.log('🎥 [SessionRecording] Returning recording data:', {
+            eventCount: data.events.length,
+            duration: data.duration,
+            firstEventType: data.events[0]?.type,
+            lastEventType: data.events[data.events.length - 1]?.type
+        });
+        return data;
     }
     addEvent(type, data) {
         // Sample rate filtering
@@ -3624,29 +3649,51 @@ class AnalyticsTracker {
     async saveSessionRecording() {
         // Get session recording from global CheckFlow instance if available
         try {
+            console.log('🎬 [AnalyticsTracker] Starting saveSessionRecording for session:', this.sessionId);
             const checkflowInstance = window.checkflow;
+            console.log('🎬 [AnalyticsTracker] CheckFlow instance found:', !!checkflowInstance);
+            console.log('🎬 [AnalyticsTracker] SessionRecording instance found:', !!checkflowInstance?.sessionRecording);
             if (!checkflowInstance || !checkflowInstance.sessionRecording) {
+                console.warn('🎬 [AnalyticsTracker] No session recording available - instance missing');
                 this.log('No session recording available');
                 return;
             }
             const recordingData = checkflowInstance.sessionRecording.getRecordingData();
+            console.log('🎬 [AnalyticsTracker] Recording data retrieved:', {
+                hasData: !!recordingData,
+                eventCount: recordingData?.events?.length || 0,
+                duration: recordingData?.duration || 0,
+                sessionId: recordingData?.sessionId
+            });
             if (!recordingData || recordingData.events.length === 0) {
+                console.warn('🎬 [AnalyticsTracker] No recording events to save - events array empty');
                 this.log('No recording events to save');
                 return;
             }
             // Save recording to analytics backend
-            await this.apiClient.saveSessionRecording({
+            console.log('🎬 [AnalyticsTracker] Saving recording to backend...', {
+                sessionId: this.sessionId,
+                eventCount: recordingData.events.length,
+                durationMs: recordingData.duration * 1000
+            });
+            const result = await this.apiClient.saveSessionRecording({
                 events: recordingData.events,
                 sessionId: this.sessionId,
                 durationMs: recordingData.duration * 1000
             });
+            console.log('🎬 [AnalyticsTracker] Session recording saved successfully:', result);
             this.log('Session recording saved:', {
                 eventCount: recordingData.events.length,
                 duration: recordingData.duration
             });
         }
         catch (error) {
-            console.error('Failed to save session recording:', error);
+            console.error('🎬 [AnalyticsTracker] Failed to save session recording:', error);
+            console.error('🎬 [AnalyticsTracker] Error details:', {
+                message: error instanceof Error ? error.message : String(error),
+                stack: error instanceof Error ? error.stack : undefined,
+                sessionId: this.sessionId
+            });
         }
     }
     // ==================== Private Methods - Session Management ====================
@@ -3927,7 +3974,7 @@ class AnalyticsTracker {
         if (element.id) {
             return `#${element.id}`;
         }
-        if (element.className) {
+        if (element.className && typeof element.className === 'string') {
             const classes = element.className.trim().split(/\s+/);
             return `${element.tagName.toLowerCase()}.${classes.join('.')}`;
         }
@@ -4071,6 +4118,8 @@ class CheckFlow {
         }
         // Store as singleton
         CheckFlow.instance = this;
+        // Expose globally for analytics tracker access
+        window.checkflow = this;
     }
     /**
      * Initialize the SDK