npm - humanbehavior-js - Versions diffs - 0.4.9 → 0.4.11 - Mend

humanbehavior-js 0.4.9 → 0.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/clean-console-demo.html +39 -0
package/dist/cjs/angular/index.cjs +55 -17
package/dist/cjs/angular/index.cjs.map +1 -1
package/dist/cjs/index.cjs +55 -17
package/dist/cjs/index.cjs.map +1 -1
package/dist/cjs/react/index.cjs +55 -17
package/dist/cjs/react/index.cjs.map +1 -1
package/dist/cjs/remix/index.cjs +55 -17
package/dist/cjs/remix/index.cjs.map +1 -1
package/dist/cjs/svelte/index.cjs +55 -17
package/dist/cjs/svelte/index.cjs.map +1 -1
package/dist/cjs/vue/index.cjs +55 -17
package/dist/cjs/vue/index.cjs.map +1 -1
package/dist/cli/ai-auto-install.js +0 -0
package/dist/esm/angular/index.js +55 -17
package/dist/esm/angular/index.js.map +1 -1
package/dist/esm/index.js +55 -17
package/dist/esm/index.js.map +1 -1
package/dist/esm/react/index.js +55 -17
package/dist/esm/react/index.js.map +1 -1
package/dist/esm/remix/index.js +55 -17
package/dist/esm/remix/index.js.map +1 -1
package/dist/esm/svelte/index.js +55 -17
package/dist/esm/svelte/index.js.map +1 -1
package/dist/esm/vue/index.js +55 -17
package/dist/esm/vue/index.js.map +1 -1
package/dist/index.min.js +1 -1
package/dist/index.min.js.map +1 -1
package/dist/types/angular/index.d.ts +1 -0
package/dist/types/index.d.ts +1 -0
package/dist/types/react/index.d.ts +1 -0
package/dist/types/remix/index.d.ts +1 -0
package/dist/types/svelte/index.d.ts +1 -0
package/package.json +1 -1
package/readme.md +26 -2
package/src/api.ts +2 -2
package/src/tracker.ts +63 -17

package/clean-console-demo.html ADDED Viewed

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HumanBehavior Clean Console Demo</title>
+</head>
+<body>
+    <h1>HumanBehavior Clean Console Demo</h1>
+    <p>This demo shows how to suppress common rrweb errors for a clean console.</p>
+    <!-- External images that would normally cause CORS errors -->
+    <img src="https://img.lumas.com/showimg_rwt01_search.jpg" alt="External image 1" style="width: 100px; height: 100px;">
+    <img src="https://media.lumas.de/homepage/2024/magazine-kachel-300x400.webp" alt="External image 2" style="width: 100px; height: 100px;">
+    <button>Click me to test recording</button>
+    <input type="text" placeholder="Type something">
+    <input type="password" placeholder="Password (will be redacted)">
+    <script src="./dist/index.min.js"></script>
+    <script>
+        // Initialize the tracker with error suppression enabled (default)
+        const tracker = HumanBehaviorTracker.init('13c3e029-ca45-4a3c-a33b-f5dcb297e31c', {
+            redactFields: ['input[type="password"]'],
+            suppressConsoleErrors: true, // Enable error suppression (default)
+            logLevel: 'warn' // Only show warnings and errors
+        });
+        console.log('✅ HumanBehavior tracker initialized with clean console mode');
+        console.log('✅ Canvas security errors and CORS issues will be suppressed');
+        // Test that core functionality still works
+        tracker.customEvent('demo_started', {
+            feature: 'clean_console',
+            timestamp: Date.now()
+        });
+    </script>
+</body>
+</html>

package/dist/cjs/angular/index.cjs CHANGED Viewed

@@ -12582,7 +12582,7 @@ class HumanBehaviorAPI {
                     sessionId: sessionId,
                     posthogName: userData.email || userData.name || null // Update user name with email
                 };
-                logInfo('Sending user data to server:', payload);
+                logDebug('Sending user data to server:', payload);
                 const response = yield fetch(`${this.baseUrl}/api/ingestion/user`, {
                     method: 'POST',
                     headers: {
@@ -12595,7 +12595,7 @@ class HumanBehaviorAPI {
                     throw new Error(`Failed to send user data: ${response.statusText} with API key: ${this.apiKey}`);
                 }
                 const result = yield response.json();
-                logInfo('Server response:', result);
+                logDebug('Server response:', result);
                 return result;
             }
             catch (error) {
@@ -13171,6 +13171,53 @@ class HumanBehaviorTracker {
      * This is the main entry point - call this once per page
      */
     static init(apiKey, options) {
+        // ✅ SUPPRESS COMMON RRWEB ERRORS FOR CLEAN CONSOLE
+        if (isBrowser && (options === null || options === void 0 ? void 0 : options.suppressConsoleErrors) !== false) {
+            // Suppress canvas security errors
+            const originalConsoleError = console.error;
+            console.error = (...args) => {
+                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) => {
+                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');
@@ -13192,16 +13239,6 @@ class HumanBehaviorTracker {
         if ((options === null || options === void 0 ? void 0 : options.enableAutomaticTracking) !== false) {
             tracker.setupAutomaticTracking(options === null || options === void 0 ? void 0 : 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();
         return tracker;
@@ -13764,6 +13801,7 @@ class HumanBehaviorTracker {
             const originalEndUserId = this.endUserId;
             // Store user properties
             this.userProperties = userProperties;
+            logDebug('Identifying user:', { userProperties, originalEndUserId, sessionId: this.sessionId });
             // Send user data with the original endUserId
             yield this.api.sendUserData(originalEndUserId, userProperties, this.sessionId);
             // Don't update endUserId - keep it as the original UUID
@@ -13809,11 +13847,11 @@ 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: false, // Disable inline stylesheet to reduce errors
+                    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
                 });