humanbehavior-js 0.4.10 → 0.4.12

package/dist/types/angular/index.d.ts

@@ -45,6 +45,7 @@ declare class HumanBehaviorTracker {
         logLevel?: 'none' | 'error' | 'warn' | 'info' | 'debug';
         redactFields?: string[];
         enableAutomaticTracking?: boolean;
+        suppressConsoleErrors?: boolean;
         automaticTrackingOptions?: {
             trackButtons?: boolean;
             trackLinks?: boolean;

package/dist/types/index.d.ts

@@ -135,6 +135,7 @@ declare class HumanBehaviorTracker {
         logLevel?: 'none' | 'error' | 'warn' | 'info' | 'debug';
         redactFields?: string[];
         enableAutomaticTracking?: boolean;
+        suppressConsoleErrors?: boolean;
         automaticTrackingOptions?: {
             trackButtons?: boolean;
             trackLinks?: boolean;

package/dist/types/react/index.d.ts

@@ -47,6 +47,7 @@ declare class HumanBehaviorTracker {
         logLevel?: 'none' | 'error' | 'warn' | 'info' | 'debug';
         redactFields?: string[];
         enableAutomaticTracking?: boolean;
+        suppressConsoleErrors?: boolean;
         automaticTrackingOptions?: {
             trackButtons?: boolean;
             trackLinks?: boolean;

package/dist/types/remix/index.d.ts

@@ -48,6 +48,7 @@ declare class HumanBehaviorTracker {
         logLevel?: 'none' | 'error' | 'warn' | 'info' | 'debug';
         redactFields?: string[];
         enableAutomaticTracking?: boolean;
+        suppressConsoleErrors?: boolean;
         automaticTrackingOptions?: {
             trackButtons?: boolean;
             trackLinks?: boolean;

package/dist/types/svelte/index.d.ts

@@ -45,6 +45,7 @@ declare class HumanBehaviorTracker {
         logLevel?: 'none' | 'error' | 'warn' | 'info' | 'debug';
         redactFields?: string[];
         enableAutomaticTracking?: boolean;
+        suppressConsoleErrors?: boolean;
         automaticTrackingOptions?: {
             trackButtons?: boolean;
             trackLinks?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "humanbehavior-js",
-  "version": "0.4.10",
+  "version": "0.4.12",
   "description": "SDK for HumanBehavior session and event recording",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/readme.md

@@ -36,8 +36,9 @@ For the best session continuity experience, use the SPA approach:
     <script>
         // Initialize once - session persists across all navigation
         const tracker = HumanBehaviorTracker.init('your-api-key', {
-            logLevel: 'debug',
-            redactFields: ['password', 'credit_card']
+            logLevel: 'warn', // Reduce console noise
+            redactFields: ['password', 'credit_card'],
+            suppressConsoleErrors: true // Suppress common rrweb errors (default)
         });
         
         // Your SPA navigation logic here
@@ -84,6 +85,7 @@ const tracker = HumanBehaviorTracker.init(apiKey, options);
 - `ingestionUrl`: Custom ingestion server URL
 - `logLevel`: 'none' | 'error' | 'warn' | 'info' | 'debug'
 - `redactFields`: Array of CSS selectors to redact
+- `suppressConsoleErrors`: Boolean to suppress common rrweb errors (default: true)
 
 ### Session Management
 
@@ -131,6 +133,28 @@ tracker.viewLogs();
 const status = tracker.getConnectionStatus();
 ```
 
+### Error Suppression
+
+The SDK automatically suppresses common rrweb errors for a clean console:
+
+```javascript
+// Enable error suppression (default)
+const tracker = HumanBehaviorTracker.init('your-api-key', {
+    suppressConsoleErrors: true // Suppresses canvas security errors, CORS issues, etc.
+});
+
+// Disable error suppression for debugging
+const tracker = HumanBehaviorTracker.init('your-api-key', {
+    suppressConsoleErrors: false // Show all errors for debugging
+});
+```
+
+**Suppressed Errors:**
+- Canvas security errors (`SecurityError: Failed to execute 'toDataURL'`)
+- Cross-origin resource errors
+- CORS policy violations
+- Ad blocker interference warnings
+
 ## Session Continuity
 
 The SDK automatically handles session continuity:

package/src/tracker.ts

@@ -60,6 +60,7 @@ export class HumanBehaviorTracker {
         logLevel?: 'none' | 'error' | 'warn' | 'info' | 'debug';
         redactFields?: string[];
         enableAutomaticTracking?: boolean;
+        suppressConsoleErrors?: boolean; // New option to control error suppression
         automaticTrackingOptions?: {
             trackButtons?: boolean;
             trackLinks?: boolean;
@@ -68,6 +69,61 @@ export class HumanBehaviorTracker {
             includeClasses?: boolean;
         };
     }): HumanBehaviorTracker {
+        // ✅ SUPPRESS COMMON RRWEB ERRORS FOR CLEAN CONSOLE
+        if (isBrowser && options?.suppressConsoleErrors !== false) {
+            // Suppress canvas security errors
+            const originalConsoleError = console.error;
+            console.error = (...args: any[]) => {
+                const message = args.join(' ');
+                if (
+                    message.includes('SecurityError: Failed to execute \'toDataURL\'') ||
+                    message.includes('Tainted canvases may not be exported') ||
+                    message.includes('Cannot inline img src=') ||
+                    message.includes('Cross-Origin') ||
+                    message.includes('CORS') ||
+                    message.includes('Access-Control-Allow-Origin') ||
+                    message.includes('Failed to load resource') ||
+                    message.includes('net::ERR_BLOCKED_BY_CLIENT')
+                ) {
+                    // Silently suppress these common rrweb errors
+                    return;
+                }
+                originalConsoleError.apply(console, args);
+            };
+
+            // Suppress console.warn for similar issues
+            const originalConsoleWarn = console.warn;
+            console.warn = (...args: any[]) => {
+                const message = args.join(' ');
+                if (
+                    message.includes('Cannot inline img src=') ||
+                    message.includes('Cross-Origin') ||
+                    message.includes('CORS') ||
+                    message.includes('Access-Control-Allow-Origin') ||
+                    message.includes('Failed to load resource') ||
+                    message.includes('net::ERR_BLOCKED_BY_CLIENT')
+                ) {
+                    // Silently suppress these common rrweb warnings
+                    return;
+                }
+                originalConsoleWarn.apply(console, args);
+            };
+
+            // Add global error handler for any remaining rrweb errors
+            window.addEventListener('error', (event) => {
+                const message = event.message || '';
+                if (
+                    message.includes('SecurityError') ||
+                    message.includes('Tainted canvases') ||
+                    message.includes('toDataURL') ||
+                    message.includes('Cross-Origin') ||
+                    message.includes('CORS')
+                ) {
+                    event.preventDefault();
+                    return false;
+                }
+            });
+        }
         // Return existing instance if already initialized
         if (isBrowser && window.__humanBehaviorGlobalTracker) {
             logDebug('Tracker already initialized, returning existing instance');
@@ -94,17 +150,6 @@ export class HumanBehaviorTracker {
             tracker.setupAutomaticTracking(options?.automaticTrackingOptions);
         }
 
-        // Test connection (non-blocking)
-        if (isBrowser) {
-            const testUrl = tracker.api['baseUrl'] + '/api/health';
-            fetch(testUrl, { method: 'HEAD' })
-                .then(() => logDebug('Connection test successful'))
-                .catch((error) => {
-                    logWarn('Connection test failed - ad blocker may be active:', error.message);
-                    tracker._connectionBlocked = true;
-                });
-        }
-
         // Start tracking
         tracker.start();
         
@@ -792,12 +837,11 @@ export class HumanBehaviorTracker {
             maskInputOptions: { password: true }, // HumanBehavior default
             maskInputFn: undefined,
             slimDOMOptions: {},
-            collectFonts: false, // HumanBehavior default
-            inlineStylesheet: true, // HumanBehavior default
-            recordCrossOriginIframes: false, // HumanBehavior default
-            
-            // ✅ CANVAS RECORDING - Disabled to prevent large data URIs
-            recordCanvas: false, // Disabled to prevent large data URIs
+            // ✅ ERROR SUPPRESSION SETTINGS - Disabled to prevent console noise
+            collectFonts: false, // Disable font collection to reduce errors
+            inlineStylesheet: true, // Keep styles for proper session replay
+            recordCrossOriginIframes: false, // Prevent cross-origin iframe errors
+            recordCanvas: false, // Disabled to prevent large data URIs and canvas errors
             
             // ✅ FULLSNAPSHOT GENERATION - No periodic snapshots to avoid animation issues
             // Rely on initial FullSnapshot + navigation-triggered ones only