npm - humanbehavior-js - Versions diffs - 0.1.0 → 0.1.2 - Mend

humanbehavior-js 0.1.0 → 0.1.2

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 (12) hide show

package/dist/types/index.d.ts CHANGED Viewed

@@ -176,7 +176,7 @@ declare class HumanBehaviorTracker {
     private processRejectedEvents;
     private flush;
     private setCookie;
-    private getCookie;
+    getCookie(name: string): string | null;
     /**
      * Start redaction functionality for sensitive input fields
      * @param options Optional configuration for redaction behavior
@@ -217,6 +217,20 @@ declare class HumanBehaviorTracker {
         blocked: boolean;
         recommendations: string[];
     };
+    /**
+     * Check if the current user is a preexisting user
+     * Returns true if the user has an existing endUserId cookie from a previous session
+     */
+    isPreexistingUser(): boolean;
+    /**
+     * Get user information including whether they are preexisting
+     */
+    getUserInfo(): {
+        endUserId: string | null;
+        sessionId: string;
+        isPreexistingUser: boolean;
+        initialized: boolean;
+    };
 }
 declare const MAX_CHUNK_SIZE_BYTES: number;

package/package.json CHANGED Viewed

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

package/simple-demo.html ADDED Viewed

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HumanBehavior Simple Demo</title>
+</head>
+<body>
+    <h1>HumanBehavior Tracker Demo</h1>
+    <p>This page initializes the HumanBehavior tracker. Check the console for status.</p>
+    <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
+        const tracker = HumanBehaviorTracker.init('13c3e029-ca45-4a3c-a33b-f5dcb297e31c', {
+            redactFields: ['input[type="password"]']
+        });
+        console.log('HumanBehavior tracker initialized:', tracker);
+    </script>
+</body>
+</html>

package/simple-spa.html CHANGED Viewed

@@ -160,6 +160,7 @@
                         <strong>Session Info:</strong><br>
                         Session ID: <span id="sessionId">Loading...</span><br>
                         End User ID: <span id="endUserId">Loading...</span><br>
+                        User Type: <span id="userType">Loading...</span><br>
                         Current URL: <span id="currentUrl">Loading...</span>
                     </div>
@@ -197,12 +198,16 @@
                     <div class="status">
                         <strong>Current Session:</strong><br>
                         Session ID: <span id="sessionId-about">Loading...</span><br>
+                        User Type: <span id="userType-about">Loading...</span><br>
                         Page Load Time: <span id="pageLoadTime">Loading...</span>
                     </div>
                     <button class="button" onclick="trackCustomEvent('about_page_viewed', {section: 'about'})">
                         Track About Page View
                     </button>
+                    <button class="button secondary" onclick="showUserInfo()">
+                        Show Detailed User Info
+                    </button>
                 `
             },
@@ -239,6 +244,7 @@
                         Initialized: <span id="trackerInitialized">Loading...</span><br>
                         Session ID: <span id="sessionId-status">Loading...</span><br>
                         End User ID: <span id="endUserId-status">Loading...</span><br>
+                        User Type: <span id="userType-status">Loading...</span><br>
                         Current URL: <span id="currentUrl-status">Loading...</span><br>
                         Connection Status: <span id="connectionStatus">Loading...</span>
                     </div>
@@ -418,6 +424,17 @@
                     el.textContent = endUserId;
                 });
+                // Update user type (preexisting vs new)
+                const userTypeElements = document.querySelectorAll('#userType, #userType-about, #userType-status');
+                let userType = 'Unknown';
+                if (tracker.isPreexistingUser) {
+                    const isPreexisting = tracker.isPreexistingUser();
+                    userType = isPreexisting ? '🔄 Preexisting User' : '🆕 New User';
+                }
+                userTypeElements.forEach(el => {
+                    el.textContent = userType;
+                });
                 const currentUrlElements = document.querySelectorAll('#currentUrl, #currentUrl-status');
                 const currentUrl = window.location.href;
                 currentUrlElements.forEach(el => {
@@ -522,6 +539,39 @@
             });
         }
+        // Show detailed user information
+        function showUserInfo() {
+            if (!tracker) {
+                addLog('Tracker not available');
+                return;
+            }
+            try {
+                const userInfo = tracker.getUserInfo ? tracker.getUserInfo() : null;
+                if (userInfo) {
+                    const infoText = `
+                        <strong>Detailed User Information:</strong><br>
+                        End User ID: ${userInfo.endUserId || 'Not set'}<br>
+                        Session ID: ${userInfo.sessionId}<br>
+                        Is Preexisting User: ${userInfo.isPreexistingUser ? 'Yes' : 'No'}<br>
+                        Initialized: ${userInfo.initialized ? 'Yes' : 'No'}<br>
+                        <br>
+                        <strong>Cookie Check:</strong><br>
+                        End User Cookie: ${tracker.getCookie ? tracker.getCookie(`human_behavior_end_user_id_13c3e029-ca45-4a3c-a33b-f5dcb297e31c`) : 'Method not available'}<br>
+                        Session Cookie: ${tracker.getCookie ? tracker.getCookie('human_behavior_session_id') : 'Method not available'}
+                    `;
+                    // Show in an alert or add to logs
+                    addLog('Detailed user info displayed', userInfo);
+                    alert(infoText);
+                } else {
+                    addLog('getUserInfo method not available');
+                }
+            } catch (error) {
+                addLog(`Error getting user info: ${error.message}`);
+            }
+        }
         // Add log message
         function addLog(message, data = null) {
             const logElements = document.querySelectorAll('.logs');

package/src/api.ts CHANGED Viewed

@@ -199,7 +199,7 @@ export class HumanBehaviorAPI {
             if (!response.ok) {
                 throw new Error(`Failed to authenticate user: ${response.statusText} with API key: ${this.apiKey}`);
             }
+            // Returns: { success: true, message: '...', userId: '...' }
             return await response.json();
         } catch (error) {
             logError('Error authenticating user:', error);
@@ -207,10 +207,6 @@ export class HumanBehaviorAPI {
         }
     }
     public sendBeaconEvents(events: any[], sessionId: string) {
         const data = new URLSearchParams()
         data.append('events', encodeURIComponent(JSON.stringify(events)))
@@ -218,15 +214,9 @@ export class HumanBehaviorAPI {
         data.append('timestamp', encodeURIComponent(Date.now().toString()))
         data.append('apiKey', encodeURIComponent(this.apiKey))
         const success = navigator.sendBeacon(
             `${this.baseUrl}/api/ingestion/events`,
             data
         );
-        // KoalawareTracker.logToStorage(`Sending events beacon: ${this.baseUrl}/api/ingestion/events`);
-        // KoalawareTracker.logToStorage(`Events beacon success: ${success}`);
     }
 }

package/src/tracker.ts CHANGED Viewed

@@ -80,7 +80,7 @@ export class HumanBehaviorTracker {
         // Test connection (non-blocking)
         if (isBrowser) {
-            const testUrl = tracker.api['baseUrl'] + '/api/ingestion/health';
+            const testUrl = tracker.api['baseUrl'] + '/api/health';
             fetch(testUrl, { method: 'HEAD' })
                 .then(() => logDebug('Connection test successful'))
                 .catch((error) => {
@@ -109,19 +109,29 @@ export class HumanBehaviorTracker {
         this.apiKey = apiKey;
         this.redactionManager = new RedactionManager();
-        // Handle session restoration
+        // Handle session restoration with improved continuity
         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);
+            // Check if we have an existing session that's still within the activity window
             if (existingSessionId && lastActivity && parseInt(lastActivity) > thirtyMinutesAgo) {
                 this.sessionId = existingSessionId;
                 logDebug(`Reusing existing session: ${this.sessionId}`);
+                // Update activity timestamp to extend the session window
+                localStorage.setItem('human_behavior_last_activity', Date.now().toString());
             } else {
+                // Clear old session data if it's expired
+                if (existingSessionId) {
+                    logDebug(`Session expired, clearing old session: ${existingSessionId}`);
+                    localStorage.removeItem('human_behavior_session_id');
+                    localStorage.removeItem('human_behavior_last_activity');
+                }
                 this.sessionId = uuidv1();
                 logDebug(`Creating new session: ${this.sessionId}`);
                 localStorage.setItem('human_behavior_session_id', this.sessionId);
+                localStorage.setItem('human_behavior_last_activity', Date.now().toString());
             }
             this.currentUrl = window.location.href;
@@ -141,11 +151,11 @@ export class HumanBehaviorTracker {
             const { sessionId, endUserId } = await this.api.init(this.sessionId, userId);
-            // Check if server returned a different session ID
+            // Check if server returned a different session ID (for session continuity)
             if (sessionId !== this.sessionId) {
                 logDebug(`Server returned different sessionId: ${sessionId} (client had: ${this.sessionId})`);
                 this.sessionId = sessionId;
-                // Update localStorage with server's session ID
+                // Update localStorage with server's session ID for continuity
                 if (isBrowser) {
                     localStorage.setItem('human_behavior_session_id', this.sessionId);
                 }
@@ -405,8 +415,6 @@ export class HumanBehaviorTracker {
             error: console.error
         };
         // Override console methods to capture ALL console output (including logger output)
         console.log = (...args) => {
             this.trackConsoleEvent('log', args);
@@ -538,7 +546,12 @@ export class HumanBehaviorTracker {
         if (!this.userProperties || Object.keys(this.userProperties).length === 0) {
             throw new Error('No user info available. Call addUserInfo() first.');
         }
-        await this.api.sendUserAuth(this.endUserId, this.userProperties, this.sessionId, authFields);
+        const response = await this.api.sendUserAuth(this.endUserId, this.userProperties, this.sessionId, authFields);
+        if (response && response.userId && response.userId !== this.endUserId) {
+            // Update endUserId and cookie if backend returns a new userId
+            this.endUserId = response.userId;
+            this.setCookie(`human_behavior_end_user_id_${this.apiKey}`, response.userId, 365);
+        }
     }
     public async start() {
@@ -561,6 +574,7 @@ export class HumanBehaviorTracker {
             inlineStylesheet: true,
             recordCanvas: true,
             collectFonts: true,
+            inlineImages: true,
             blockClass: 'rr-block',
             ignoreClass: 'rr-ignore',
             maskTextClass: 'rr-ignore'
@@ -661,25 +675,69 @@ export class HumanBehaviorTracker {
         }
     }
-    // Add helper methods for cookie management
+    // Add helper methods for cookie management with localStorage fallback
     private setCookie(name: string, value: string, daysToExpire: number) {
         if (!isBrowser) return;
-        const date = new Date();
-        date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
-        const expires = `expires=${date.toUTCString()}`;
-        document.cookie = `${name}=${value};${expires};path=/;SameSite=Lax`;
+        try {
+            // Try to set cookie first
+            const date = new Date();
+            date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
+            const expires = `expires=${date.toUTCString()}`;
+            document.cookie = `${name}=${value};${expires};path=/;SameSite=Lax`;
+            // Also store in localStorage as backup
+            localStorage.setItem(name, value);
+            logDebug(`Set cookie and localStorage: ${name}`);
+        } catch (error) {
+            // If cookie fails, use localStorage only
+            try {
+                localStorage.setItem(name, value);
+                logDebug(`Cookie blocked, using localStorage: ${name}`);
+            } catch (localStorageError) {
+                logError('Failed to store user ID in both cookie and localStorage:', localStorageError);
+            }
+        }
     }
-    private getCookie(name: string): string | null {
+    public getCookie(name: string): string | null {
         if (!isBrowser) return null;
-        const nameEQ = name + "=";
-        const ca = document.cookie.split(';');
-        for (let i = 0; i < ca.length; i++) {
-            let c = ca[i];
-            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-            if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+        try {
+            // Try to get from cookie first
+            const nameEQ = name + "=";
+            const ca = document.cookie.split(';');
+            for (let i = 0; i < ca.length; i++) {
+                let c = ca[i];
+                while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+                if (c.indexOf(nameEQ) === 0) {
+                    const cookieValue = c.substring(nameEQ.length, c.length);
+                    logDebug(`Found cookie: ${name}`);
+                    return cookieValue;
+                }
+            }
+            // If cookie not found, try localStorage
+            const localStorageValue = localStorage.getItem(name);
+            if (localStorageValue) {
+                logDebug(`Cookie not found, using localStorage: ${name}`);
+                return localStorageValue;
+            }
+            return null;
+        } catch (error) {
+            // If cookie access fails, try localStorage
+            try {
+                const localStorageValue = localStorage.getItem(name);
+                if (localStorageValue) {
+                    logDebug(`Cookie access failed, using localStorage: ${name}`);
+                    return localStorageValue;
+                }
+            } catch (localStorageError) {
+                logError('Failed to access both cookie and localStorage:', localStorageError);
+            }
+            return null;
         }
-        return null;
     }
     /**
@@ -787,6 +845,37 @@ export class HumanBehaviorTracker {
         return { blocked, recommendations };
     }
+    /**
+     * Check if the current user is a preexisting user
+     * Returns true if the user has an existing endUserId cookie from a previous session
+     */
+    public isPreexistingUser(): boolean {
+        if (!isBrowser) {
+            return false;
+        }
+        // Check if there's an existing endUserId cookie for this API key
+        const existingEndUserId = this.getCookie(`human_behavior_end_user_id_${this.apiKey}`);
+        return existingEndUserId !== null && existingEndUserId !== this.endUserId;
+    }
+    /**
+     * Get user information including whether they are preexisting
+     */
+    public getUserInfo(): {
+        endUserId: string | null;
+        sessionId: string;
+        isPreexistingUser: boolean;
+        initialized: boolean;
+    } {
+        return {
+            endUserId: this.endUserId,
+            sessionId: this.sessionId,
+            isPreexistingUser: this.isPreexistingUser(),
+            initialized: this.initialized
+        };
+    }
 }
 // Only expose to window object in browser environments