humanbehavior-js 0.1.0 → 0.1.1

package/dist/types/index.d.ts

@@ -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

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

package/simple-spa.html

@@ -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

@@ -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

@@ -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() {
@@ -661,25 +674,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 +844,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