humanbehavior-js 0.2.4 → 0.2.6

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

@@ -20,7 +20,10 @@ declare const useRedaction: () => {
     getRedactedFields: () => string[];
 };
 declare const useUserTracking: () => {
-    addUserInfo: (userId: string, userProperties: Record<string, any>) => Promise<{
+    addUserInfo: ({ userId, userProperties }: {
+        userId?: string;
+        userProperties: Record<string, any>;
+    }) => Promise<{
         success: boolean;
         error?: undefined;
     } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "humanbehavior-js",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "SDK for HumanBehavior session and event recording",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -51,7 +51,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/humanbehavior-gh/HumanBehavior.git"
+    "url": "git+https://github.com/humanbehavior-gh/humanbehavior-js.git"
   },
   "keywords": [
     "session-recording",

package/src/react/index.tsx

@@ -8,7 +8,7 @@ const isBrowser = () => typeof window !== 'undefined';
 // Define the public interface that components will interact with
 interface HumanBehaviorInterface {
   addEvent: (event: any) => void;
-  addUserInfo: (userProperties: Record<string, any>) => Promise<void>;
+  addUserInfo: ({ userId, userProperties }: { userId?: string, userProperties: Record<string, any> }) => Promise<string>;
   start: () => void;
   stop: () => void;
   viewLogs: () => void;
@@ -122,9 +122,9 @@ export const HumanBehaviorProvider = ({ apiKey, client, children, options }: Hum
       if (currentQueue.length > 0) {
         for (const event of currentQueue) {
           if (event.type === 'identify') {
-            logDebug('Processing queued identify event', event.userProperties);
+            logDebug('Processing queued identify event', event);
             try {
-              await tracker.addUserInfo(event.userProperties);
+              await tracker.addUserInfo({ userId: event.userId, userProperties: event.userProperties });
             } catch (error) {
               logError('Failed to process queued user info:', error);
             }
@@ -165,10 +165,12 @@ export const HumanBehaviorProvider = ({ apiKey, client, children, options }: Hum
   );
 };
 
-// No-op implementation for server-side
-const serverSideImplementation: HumanBehaviorInterface = {
+// Default implementation for when tracker is not available
+const defaultImplementation: HumanBehaviorInterface = {
   addEvent: () => {},
-  addUserInfo: async () => {},
+  addUserInfo: async ({ userId, userProperties }: { userId?: string, userProperties: Record<string, any> }) => {
+    return userId || '';
+  },
   start: () => {},
   stop: () => {},
   viewLogs: () => {},
@@ -179,11 +181,13 @@ const createQueuingImplementation = (queueEvent: (event: any) => void): HumanBeh
   addEvent: (event: any) => {
     queueEvent(event);
   },
-  addUserInfo: async (userProperties: Record<string, any>) => {
+  addUserInfo: async ({ userId, userProperties }: { userId?: string, userProperties: Record<string, any> }) => {
     queueEvent({
       type: 'identify',
+      userId,
       userProperties,
     });
+    return userId || ''; // Return userId or empty string to match interface
   },
   start: () => {
     // Start will be called automatically when initialized
@@ -231,7 +235,7 @@ export const useRedaction = () => {
 export const useUserTracking = () => {
   const tracker = useHumanBehavior();
   
-  const addUserInfo = useCallback(async (userId: string, userProperties: Record<string, any>) => {
+  const addUserInfo = useCallback(async ({ userId, userProperties }: { userId?: string, userProperties: Record<string, any> }) => {
     try {
       await tracker.addUserInfo({ userId, userProperties });
       return { success: true };

package/src/tracker.ts

@@ -762,6 +762,21 @@ export class HumanBehaviorTracker {
         // Start recording with redaction enabled
         rrweb.record({
             emit: (event) => {
+                // Add additional validation for FullSnapshot events
+                if (event.type === 2) { // FullSnapshot event
+                    if (!event.data || !event.data.node) {
+                        logWarn('rrweb generated malformed FullSnapshot event:', {
+                            hasData: !!event.data,
+                            hasNode: !!(event.data && event.data.node),
+                            dataType: typeof event.data,
+                            eventType: event.type,
+                            timestamp: event.timestamp
+                        });
+                        // Don't skip - let the addEvent method handle it
+                    } else {
+                        logDebug('Valid FullSnapshot event received from rrweb');
+                    }
+                }
                 this.addEvent(event);
             },
             inlineStylesheet: true,
@@ -770,7 +785,10 @@ export class HumanBehaviorTracker {
             inlineImages: true,
             blockClass: 'rr-block',
             ignoreClass: 'rr-ignore',
-            maskTextClass: 'rr-ignore'
+            maskTextClass: 'rr-ignore',
+            // Add more robust configuration
+            checkoutEveryNms: 5000, // Take full snapshot every 5 seconds
+            checkoutEveryNth: 100 // Take full snapshot every 100 events
         });
     }
 
@@ -793,6 +811,19 @@ export class HumanBehaviorTracker {
     public async addEvent(event: any) {
         await this.ensureInitialized();
         
+        // Validate FullSnapshot events before processing
+        if (event.type === 2) { // FullSnapshot event
+            if (!event.data || !event.data.node) {
+                logWarn('Malformed FullSnapshot event detected, skipping:', {
+                    hasData: !!event.data,
+                    hasNode: !!(event.data && event.data.node),
+                    dataType: typeof event.data,
+                    eventType: event.type
+                });
+                return; // Skip malformed FullSnapshot events
+            }
+        }
+        
         // Process event through redaction manager if active
         const processedEvent = this.redactionManager.processEvent(event);