humanbehavior-js 0.3.6 → 0.3.7

package/dist/types/index.d.ts

@@ -261,7 +261,7 @@ declare class HumanBehaviorTracker {
     getCurrentUrl(): string;
     /**
      * Get current snapshot frequency info
-     * Uses configured values (5 minutes, 1000 events) - PostHog-style
+     * Uses configured values (5 minutes, 1000 events)
      */
     getSnapshotFrequencyInfo(): {
         sessionDuration: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "humanbehavior-js",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "SDK for HumanBehavior session and event recording",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -30,8 +30,7 @@
   "license": "ISC",
   "dependencies": {
     "@types/react": "^19.0.12",
-    "humanbehavior-js": "^0.0.9",
-    "rrweb": "^2.0.0-alpha.4",
+    "@rrweb/record": "^2.0.0-alpha.17",
     "uuid": "^11.1.0"
   },
   "peerDependencies": {

package/readme.md

@@ -119,7 +119,7 @@ const status = tracker.getConnectionStatus();
 
 The SDK automatically handles session continuity:
 
-1. **Session Restoration**: Automatically restores sessions within 30 minutes
+1. **Session Restoration**: Automatically restores sessions within 15 minutes
 2. **Activity Tracking**: Updates activity timestamp on user interactions
 3. **Cross-Page Persistence**: Session persists across page navigations
 
@@ -144,7 +144,7 @@ If you see `net::ERR_BLOCKED_BY_CLIENT` errors:
 
 ### Session Issues
 
-- Sessions automatically expire after 30 minutes of inactivity
+- Sessions automatically expire after 15 minutes of inactivity
 - Each page load calls `/init` but reuses existing sessions when possible
 - Check browser console for session restoration logs
 

package/src/api.ts

@@ -23,7 +23,16 @@ export function validateSingleEventSize(event: any, sessionId: string): void {
     }
 }
 
+
+
+
+
 export function splitLargeEvent(event: any, sessionId: string): any[] {
+    // ✅ SIMPLE VALIDATION
+    if (!event || typeof event !== 'object') {
+        return [];
+    }
+    
     const eventSize = new TextEncoder().encode(JSON.stringify({
         sessionId,
         events: [event]
@@ -132,6 +141,9 @@ export class HumanBehaviorAPI {
     }
 
     async sendEvents(events: any[], sessionId: string, userId: string) {
+        // ✅ SIMPLE VALIDATION FOR ALL EVENTS
+        const validEvents = events.filter(event => event && typeof event === 'object');
+        
         const response = await fetch(`${this.baseUrl}/api/ingestion/events`, {
             method: 'POST',
             headers: {
@@ -140,7 +152,7 @@ export class HumanBehaviorAPI {
             },
             body: JSON.stringify({
                 sessionId,
-                events: events,
+                events: validEvents,
                 endUserId: userId
             })
         });
@@ -156,6 +168,11 @@ export class HumanBehaviorAPI {
             let currentChunk: any[] = [];
             
             for (const event of events) {
+                // ✅ SIMPLE VALIDATION FOR ALL EVENTS
+                if (!event || typeof event !== 'object') {
+                    continue;
+                }
+                
                 if (isChunkSizeExceeded(currentChunk, event, sessionId)) {
                     // If current chunk is not empty, send it first
                     if (currentChunk.length > 0) {
@@ -226,7 +243,7 @@ export class HumanBehaviorAPI {
                 userId: userId,
                 userAttributes: userData,
                 sessionId: sessionId,
-                posthogName: userData.email || userData.name || null // Update posthogName with email
+                posthogName: userData.email || userData.name || null // Update user name with email
             };
             
             console.log('Sending user data to server:', payload);

package/src/tracker.ts

@@ -1,4 +1,4 @@
-import * as rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { v1 as uuidv1 } from 'uuid';
 import { HumanBehaviorAPI } from './api';
 import { RedactionManager, RedactionOptions } from './redact';
@@ -128,10 +128,10 @@ export class HumanBehaviorTracker {
         if (isBrowser) {
             const existingSessionId = localStorage.getItem('human_behavior_session_id');
             const lastActivity = localStorage.getItem('human_behavior_last_activity');
-            const thirtyMinutesAgo = Date.now() - (30 * 60 * 1000);
+            const fifteenMinutesAgo = Date.now() - (15 * 60 * 1000);
             
             // Check if we have an existing session that's still within the activity window
-            if (existingSessionId && lastActivity && parseInt(lastActivity) > thirtyMinutesAgo) {
+            if (existingSessionId && lastActivity && parseInt(lastActivity) > fifteenMinutesAgo) {
                 this.sessionId = existingSessionId;
                 logDebug(`Reusing existing session: ${this.sessionId}`);
                 // Update activity timestamp to extend the session window
@@ -754,9 +754,13 @@ export class HumanBehaviorTracker {
         // Enable console tracking
         this.enableConsoleTracking();
 
-        // ✅ SIMPLIFIED RECORDING - Use rrweb's proven defaults
-        // No complex adaptive logic - rrweb's defaults work well for most use cases
-        const recordInstance = rrweb.record({
+        // ✅ DOM READY DETECTION
+        // Wait for DOM to be ready before starting recording
+        const startRecording = () => {
+            logDebug('🎯 DOM ready, starting session recording');
+            
+            // ✅ HUMANBEHAVIOR RRWEB CONFIGURATION
+            const recordInstance = record({
             emit: (event) => {
                 // ✅ DIRECT EVENT HANDLING - Let rrweb handle events natively
                 this.addEvent(event);
@@ -766,28 +770,43 @@ export class HumanBehaviorTracker {
                     logDebug(`🎯 FullSnapshot generated at ${new Date().toISOString()}`);
                 }
             },
-            inlineStylesheet: true,
-            recordCanvas: true,
-            collectFonts: true,
-            inlineImages: true,
-            blockClass: 'rr-block',
-            ignoreClass: 'rr-ignore',
-            maskTextClass: 'rr-mask',
-            
-            // ✅ RRWEB BUILT-IN MASKING - More reliable than custom redaction
-            maskAllInputs: false, // Let users control this via selectors
+            // ✅ HUMANBEHAVIOR'S CUSTOM SETTINGS
             maskTextSelector: this.redactionManager.getMaskTextSelector() || undefined,
+            maskTextFn: undefined,
+            maskAllInputs: true, // HumanBehavior default
+            maskInputOptions: { password: true }, // HumanBehavior default
+            maskInputFn: undefined,
+            slimDOMOptions: {},
+            collectFonts: false, // HumanBehavior default
+            inlineStylesheet: true, // HumanBehavior default
+            recordCrossOriginIframes: false, // HumanBehavior default
             
-            // ✅ FULLSNAPSHOT GENERATION - Use reasonable intervals (PostHog-style)
-            checkoutEveryNms: 300000, // Take FullSnapshot every 5 minutes (like PostHog)
-            checkoutEveryNth: 1000,   // Take FullSnapshot every 1000 events
+            // ✅ CANVAS RECORDING - Disabled to prevent large data URIs
+            recordCanvas: false, // Disabled to prevent large data URIs
             
-            // ✅ SELECTOR-BASED REDACTION - Users control via CSS selectors
-            // No custom masking functions needed - rrweb handles this natively
+            // ✅ FULLSNAPSHOT GENERATION - Use reasonable intervals
+            checkoutEveryNms: 300000, // Take FullSnapshot every 5 minutes
+            checkoutEveryNth: 1000,   // Take FullSnapshot every 1000 events
         });
         
         // Store the record instance for cleanup
         this.recordInstance = recordInstance;
+        };
+
+        // ✅ DOM READY DETECTION
+        logDebug(`🎯 DOM ready state: ${document.readyState}`);
+        if (document.readyState === 'complete') {
+            // DOM already ready, start immediately
+            logDebug('🎯 DOM already complete, starting recording immediately');
+            startRecording();
+        } else {
+            // Wait for DOM to be ready
+            logDebug('🎯 DOM not ready, waiting for DOMContentLoaded event');
+            document.addEventListener('DOMContentLoaded', () => {
+                logDebug('🎯 DOMContentLoaded fired, starting recording');
+                startRecording();
+            }, { once: true });
+        }
     }
 
     public async stop() {
@@ -822,11 +841,22 @@ export class HumanBehaviorTracker {
         // ✅ DIRECT EVENT HANDLING - No custom processing to avoid corruption
         // Events flow directly from rrweb to ingestion server
         
+        // ✅ EVENT VALIDATION
+        if (!event || typeof event !== 'object') {
+            logDebug('⚠️ Skipping invalid event:', event);
+            return;
+        }
+        
         // ✅ LOG FULLSNAPSHOT STATUS FOR DEBUGGING
         if (event.type === 2) { // FullSnapshot
             const hasData = !!event.data;
             const hasNode = !!(event.data && event.data.node);
-            logDebug(`[FIXED] FullSnapshot event: hasData=${hasData}, hasNode=${hasNode}, dataType=${event.data?.node?.type}`);
+            
+            if (!hasData || !hasNode) {
+                logDebug(`⚠️ Empty FullSnapshot detected: hasData=${hasData}, hasNode=${hasNode} - continuing session`);
+            } else {
+                logDebug(`✅ Valid FullSnapshot: hasData=${hasData}, hasNode=${hasNode}, dataType=${event.data?.node?.type}`);
+            }
         }
         
         this.eventIngestionQueue.push(event); // Direct event handling
@@ -1072,7 +1102,7 @@ export class HumanBehaviorTracker {
 
     /**
      * Get current snapshot frequency info
-     * Uses configured values (5 minutes, 1000 events) - PostHog-style
+     * Uses configured values (5 minutes, 1000 events)
      */
     public getSnapshotFrequencyInfo(): {
         sessionDuration: number;
@@ -1084,7 +1114,7 @@ export class HumanBehaviorTracker {
         
         return {
             sessionDuration,
-            currentInterval: 300000, // Configured - 5 minutes (PostHog-style)
+            currentInterval: 300000, // Configured - 5 minutes
             currentThreshold: 1000,  // Configured - 1000 events
             phase: 'configured' // Using explicit configuration
         };