@grainql/analytics-web 2.5.4 → 2.7.0

package/dist/index.js

@@ -75,6 +75,7 @@ class GrainAnalytics {
         // Auto-tracking properties
         this.interactionTrackingManager = null;
         this.sectionTrackingManager = null;
+        this.heatmapTrackingManager = null;
         // Session tracking
         this.sessionStartTime = Date.now();
         this.sessionEventCount = 0;
@@ -104,6 +105,8 @@ class GrainAnalytics {
             heartbeatInactiveInterval: 300000, // 5 minutes
             enableAutoPageView: true,
             stripQueryParams: true,
+            // Heatmap Tracking defaults
+            enableHeatmapTracking: true,
             ...config,
             tenantId: config.tenantId,
         };
@@ -132,6 +135,10 @@ class GrainAnalytics {
             this.initializeAutomaticTracking();
             // Track session start
             this.trackSessionStart();
+            // Initialize heatmap tracking if enabled
+            if (this.config.enableHeatmapTracking) {
+                this.initializeHeatmapTracking();
+            }
         }
         // Set up consent change listener to flush waiting events and handle consent upgrade
         this.consentManager.addListener((state) => {
@@ -381,6 +388,9 @@ class GrainAnalytics {
      * Log formatted error gracefully
      */
     logError(formattedError) {
+        // Only log errors in debug mode to reduce noise in production
+        if (!this.config.debug)
+            return;
         const { code, message, digest, timestamp, context } = formattedError;
         const errorOutput = {
             '🚨 Grain Analytics Error': {
@@ -398,10 +408,7 @@ class GrainAnalytics {
             }
         };
         console.error('🚨 Grain Analytics Error:', errorOutput);
-        // Also log in a more compact format for debugging
-        if (this.config.debug) {
-            console.error(`[Grain Analytics] ${code}: ${message} (${context}) - Events: ${digest.eventCount}, Props: ${digest.totalProperties}, Size: ${digest.totalSize}B`);
-        }
+        console.error(`[Grain Analytics] ${code}: ${message} (${context}) - Events: ${digest.eventCount}, Props: ${digest.totalProperties}, Size: ${digest.totalSize}B`);
     }
     /**
      * Safely execute a function with error handling
@@ -509,7 +516,6 @@ class GrainAnalytics {
             try {
                 const headers = await this.getAuthHeaders();
                 const url = `${this.config.apiUrl}/v1/events/${encodeURIComponent(this.config.tenantId)}/multi`;
-                this.log(`Sending ${events.length} events to ${url} (attempt ${attempt + 1})`);
                 const response = await fetch(url, {
                     method: 'POST',
                     headers,
@@ -582,7 +588,6 @@ class GrainAnalytics {
                 body,
                 keepalive: true,
             });
-            this.log(`Successfully sent ${events.length} events via fetch (keepalive)`);
         }
         catch (error) {
             // Log error gracefully for beacon failures (page unload scenarios)
@@ -654,7 +659,6 @@ class GrainAnalytics {
                     inactiveInterval: this.config.heartbeatInactiveInterval,
                     debug: this.config.debug,
                 });
-                this.log('Heartbeat tracking initialized');
             }
             catch (error) {
                 this.log('Failed to initialize heartbeat tracking:', error);
@@ -667,7 +671,6 @@ class GrainAnalytics {
                     debug: this.config.debug,
                     tenantId: this.config.tenantId,
                 });
-                this.log('Auto page view tracking initialized');
             }
             catch (error) {
                 this.log('Failed to initialize page view tracking:', error);
@@ -676,12 +679,41 @@ class GrainAnalytics {
         // Initialize auto-tracking when config is available
         this.initializeAutoTracking();
     }
+    /**
+     * Initialize heatmap tracking
+     */
+    initializeHeatmapTracking() {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            this.log('Initializing heatmap tracking');
+            Promise.resolve().then(() => __importStar(require('./heatmap-tracking'))).then(({ HeatmapTrackingManager }) => {
+                try {
+                    this.heatmapTrackingManager = new HeatmapTrackingManager(this, {
+                        scrollDebounceDelay: 100,
+                        batchDelay: 2000,
+                        maxBatchSize: 20,
+                        debug: this.config.debug,
+                    });
+                    this.log('Heatmap tracking initialized');
+                }
+                catch (error) {
+                    this.log('Failed to initialize heatmap tracking:', error);
+                }
+            }).catch((error) => {
+                this.log('Failed to load heatmap tracking module:', error);
+            });
+        }
+        catch (error) {
+            this.log('Failed to initialize heatmap tracking:', error);
+        }
+    }
     /**
      * Initialize auto-tracking (interactions and sections)
      */
     async initializeAutoTracking() {
         try {
-            this.log('Initializing auto-tracking...');
+            this.log('Initializing auto-tracking');
             // Fetch remote config to get auto-tracking configuration
             const userId = this.globalUserId || this.persistentAnonymousUserId || this.generateUUID();
             const currentUrl = typeof window !== 'undefined' ? window.location.href : '';
@@ -694,25 +726,20 @@ class GrainAnalytics {
             };
             const headers = await this.getAuthHeaders();
             const url = `${this.config.apiUrl}/v1/client/${encodeURIComponent(this.config.tenantId)}/config/configurations`;
-            this.log('Fetching auto-tracking config from:', url);
             const response = await fetch(url, {
                 method: 'POST',
                 headers,
                 body: JSON.stringify(request),
             });
             if (!response.ok) {
-                this.log('Failed to fetch auto-tracking config:', response.status, response.statusText);
+                this.log('Failed to fetch auto-tracking config:', response.status);
                 return;
             }
             const configResponse = await response.json();
-            this.log('Received config response:', configResponse);
             if (configResponse.autoTrackingConfig) {
-                this.log('Auto-tracking config found:', configResponse.autoTrackingConfig);
+                this.log('Auto-tracking config loaded');
                 this.setupAutoTrackingManagers(configResponse.autoTrackingConfig);
             }
-            else {
-                this.log('No auto-tracking config in response');
-            }
         }
         catch (error) {
             this.log('Failed to initialize auto-tracking:', error);
@@ -723,10 +750,10 @@ class GrainAnalytics {
      * Setup auto-tracking managers
      */
     setupAutoTrackingManagers(config) {
-        this.log('Setting up auto-tracking managers...', config);
+        this.log('Setting up auto-tracking managers');
         // Lazy load the managers to avoid bundling them if not needed
         if (config.interactions && config.interactions.length > 0) {
-            this.log('Loading interaction tracking module for', config.interactions.length, 'interactions');
+            this.log('Loading interaction tracking:', config.interactions.length, 'interactions');
             Promise.resolve().then(() => __importStar(require('./interaction-tracking'))).then(({ InteractionTrackingManager }) => {
                 try {
                     this.interactionTrackingManager = new InteractionTrackingManager(this, config.interactions, {
@@ -734,20 +761,17 @@ class GrainAnalytics {
                         enableMutationObserver: true,
                         mutationDebounceDelay: 500,
                     });
-                    this.log('✅ Interaction tracking initialized successfully with', config.interactions.length, 'interactions');
+                    this.log('Interaction tracking initialized');
                 }
                 catch (error) {
-                    this.log('❌ Failed to initialize interaction tracking:', error);
+                    this.log('Failed to initialize interaction tracking:', error);
                 }
             }).catch((error) => {
-                this.log('❌ Failed to load interaction tracking module:', error);
+                this.log('Failed to load interaction tracking module:', error);
             });
         }
-        else {
-            this.log('No interactions configured for auto-tracking');
-        }
         if (config.sections && config.sections.length > 0) {
-            this.log('Loading section tracking module for', config.sections.length, 'sections');
+            this.log('Loading section tracking:', config.sections.length, 'sections');
             Promise.resolve().then(() => __importStar(require('./section-tracking'))).then(({ SectionTrackingManager }) => {
                 try {
                     this.sectionTrackingManager = new SectionTrackingManager(this, config.sections, {
@@ -758,18 +782,15 @@ class GrainAnalytics {
                         batchDelay: 2000,
                         debug: this.config.debug,
                     });
-                    this.log('✅ Section tracking initialized successfully with', config.sections.length, 'sections');
+                    this.log('Section tracking initialized');
                 }
                 catch (error) {
-                    this.log('❌ Failed to initialize section tracking:', error);
+                    this.log('Failed to initialize section tracking:', error);
                 }
             }).catch((error) => {
-                this.log('❌ Failed to load section tracking module:', error);
+                this.log('Failed to load section tracking module:', error);
             });
         }
-        else {
-            this.log('No sections configured for auto-tracking');
-        }
     }
     /**
      * Track session start event
@@ -827,7 +848,7 @@ class GrainAnalytics {
             properties.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
         }
         this.trackSystemEvent('_grain_session_start', properties);
-        this.log('Session started:', properties);
+        this.log('Session started');
     }
     /**
      * Track session end event
@@ -850,7 +871,7 @@ class GrainAnalytics {
             properties.page_count = pageCount; // Keep for backward compatibility
         }
         this.trackSystemEvent('_grain_session_end', properties);
-        this.log('Session ended:', properties);
+        this.log('Session ended');
     }
     /**
      * Detect browser name
@@ -954,7 +975,7 @@ class GrainAnalytics {
         // Bypass consent check for necessary system events
         this.eventQueue.push(event);
         this.eventCountSinceLastHeartbeat++;
-        this.log(`Queued system event: ${eventName}`, properties);
+        this.log(`Queued system event: ${eventName}`);
         // Consider flushing
         if (this.eventQueue.length >= this.config.batchSize) {
             this.flush().catch((error) => {
@@ -990,6 +1011,15 @@ class GrainAnalytics {
     resetEventCountSinceLastHeartbeat() {
         this.eventCountSinceLastHeartbeat = 0;
     }
+    /**
+     * Get the activity detector (for internal use by tracking managers)
+     */
+    getActivityDetector() {
+        if (!this.activityDetector) {
+            throw new Error('Activity detector not initialized');
+        }
+        return this.activityDetector;
+    }
     /**
      * Get the effective user ID (public method)
      */
@@ -1049,7 +1079,7 @@ class GrainAnalytics {
             this.eventQueue.push(formattedEvent);
             this.eventCountSinceLastHeartbeat++;
             this.sessionEventCount++;
-            this.log(`Queued event: ${event.eventName}`, event.properties);
+            this.log(`Queued event: ${event.eventName}`);
             // Check if we should flush immediately
             if (opts.flush || this.eventQueue.length >= this.config.batchSize) {
                 await this.flush();
@@ -1275,7 +1305,6 @@ class GrainAnalytics {
             try {
                 const headers = await this.getAuthHeaders();
                 const url = `${this.config.apiUrl}/v1/events/${encodeURIComponent(this.config.tenantId)}/properties`;
-                this.log(`Setting properties for user ${payload.userId} (attempt ${attempt + 1})`);
                 const response = await fetch(url, {
                     method: 'POST',
                     headers,
@@ -1520,7 +1549,6 @@ class GrainAnalytics {
                 try {
                     const headers = await this.getAuthHeaders();
                     const url = `${this.config.apiUrl}/v1/client/${encodeURIComponent(this.config.tenantId)}/config/configurations`;
-                    this.log(`Fetching configurations for user ${userId} (attempt ${attempt + 1})`);
                     const response = await fetch(url, {
                         method: 'POST',
                         headers,
@@ -1549,7 +1577,7 @@ class GrainAnalytics {
                     if (configResponse.configurations) {
                         this.updateConfigCache(configResponse, userId);
                     }
-                    this.log(`Successfully fetched configurations for user ${userId}:`, configResponse);
+                    this.log('Successfully fetched configurations');
                     return configResponse;
                 }
                 catch (error) {
@@ -1825,6 +1853,10 @@ class GrainAnalytics {
             this.sectionTrackingManager.destroy();
             this.sectionTrackingManager = null;
         }
+        if (this.heatmapTrackingManager) {
+            this.heatmapTrackingManager.destroy();
+            this.heatmapTrackingManager = null;
+        }
         // Send any remaining events (in chunks if necessary)
         if (this.eventQueue.length > 0) {
             const eventsToSend = [...this.eventQueue];

package/dist/index.mjs

@@ -34,6 +34,7 @@ export class GrainAnalytics {
         // Auto-tracking properties
         this.interactionTrackingManager = null;
         this.sectionTrackingManager = null;
+        this.heatmapTrackingManager = null;
         // Session tracking
         this.sessionStartTime = Date.now();
         this.sessionEventCount = 0;
@@ -63,6 +64,8 @@ export class GrainAnalytics {
             heartbeatInactiveInterval: 300000, // 5 minutes
             enableAutoPageView: true,
             stripQueryParams: true,
+            // Heatmap Tracking defaults
+            enableHeatmapTracking: true,
             ...config,
             tenantId: config.tenantId,
         };
@@ -91,6 +94,10 @@ export class GrainAnalytics {
             this.initializeAutomaticTracking();
             // Track session start
             this.trackSessionStart();
+            // Initialize heatmap tracking if enabled
+            if (this.config.enableHeatmapTracking) {
+                this.initializeHeatmapTracking();
+            }
         }
         // Set up consent change listener to flush waiting events and handle consent upgrade
         this.consentManager.addListener((state) => {
@@ -340,6 +347,9 @@ export class GrainAnalytics {
      * Log formatted error gracefully
      */
     logError(formattedError) {
+        // Only log errors in debug mode to reduce noise in production
+        if (!this.config.debug)
+            return;
         const { code, message, digest, timestamp, context } = formattedError;
         const errorOutput = {
             '🚨 Grain Analytics Error': {
@@ -357,10 +367,7 @@ export class GrainAnalytics {
             }
         };
         console.error('🚨 Grain Analytics Error:', errorOutput);
-        // Also log in a more compact format for debugging
-        if (this.config.debug) {
-            console.error(`[Grain Analytics] ${code}: ${message} (${context}) - Events: ${digest.eventCount}, Props: ${digest.totalProperties}, Size: ${digest.totalSize}B`);
-        }
+        console.error(`[Grain Analytics] ${code}: ${message} (${context}) - Events: ${digest.eventCount}, Props: ${digest.totalProperties}, Size: ${digest.totalSize}B`);
     }
     /**
      * Safely execute a function with error handling
@@ -468,7 +475,6 @@ export class GrainAnalytics {
             try {
                 const headers = await this.getAuthHeaders();
                 const url = `${this.config.apiUrl}/v1/events/${encodeURIComponent(this.config.tenantId)}/multi`;
-                this.log(`Sending ${events.length} events to ${url} (attempt ${attempt + 1})`);
                 const response = await fetch(url, {
                     method: 'POST',
                     headers,
@@ -541,7 +547,6 @@ export class GrainAnalytics {
                 body,
                 keepalive: true,
             });
-            this.log(`Successfully sent ${events.length} events via fetch (keepalive)`);
         }
         catch (error) {
             // Log error gracefully for beacon failures (page unload scenarios)
@@ -613,7 +618,6 @@ export class GrainAnalytics {
                     inactiveInterval: this.config.heartbeatInactiveInterval,
                     debug: this.config.debug,
                 });
-                this.log('Heartbeat tracking initialized');
             }
             catch (error) {
                 this.log('Failed to initialize heartbeat tracking:', error);
@@ -626,7 +630,6 @@ export class GrainAnalytics {
                     debug: this.config.debug,
                     tenantId: this.config.tenantId,
                 });
-                this.log('Auto page view tracking initialized');
             }
             catch (error) {
                 this.log('Failed to initialize page view tracking:', error);
@@ -635,12 +638,41 @@ export class GrainAnalytics {
         // Initialize auto-tracking when config is available
         this.initializeAutoTracking();
     }
+    /**
+     * Initialize heatmap tracking
+     */
+    initializeHeatmapTracking() {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            this.log('Initializing heatmap tracking');
+            import('./heatmap-tracking').then(({ HeatmapTrackingManager }) => {
+                try {
+                    this.heatmapTrackingManager = new HeatmapTrackingManager(this, {
+                        scrollDebounceDelay: 100,
+                        batchDelay: 2000,
+                        maxBatchSize: 20,
+                        debug: this.config.debug,
+                    });
+                    this.log('Heatmap tracking initialized');
+                }
+                catch (error) {
+                    this.log('Failed to initialize heatmap tracking:', error);
+                }
+            }).catch((error) => {
+                this.log('Failed to load heatmap tracking module:', error);
+            });
+        }
+        catch (error) {
+            this.log('Failed to initialize heatmap tracking:', error);
+        }
+    }
     /**
      * Initialize auto-tracking (interactions and sections)
      */
     async initializeAutoTracking() {
         try {
-            this.log('Initializing auto-tracking...');
+            this.log('Initializing auto-tracking');
             // Fetch remote config to get auto-tracking configuration
             const userId = this.globalUserId || this.persistentAnonymousUserId || this.generateUUID();
             const currentUrl = typeof window !== 'undefined' ? window.location.href : '';
@@ -653,25 +685,20 @@ export class GrainAnalytics {
             };
             const headers = await this.getAuthHeaders();
             const url = `${this.config.apiUrl}/v1/client/${encodeURIComponent(this.config.tenantId)}/config/configurations`;
-            this.log('Fetching auto-tracking config from:', url);
             const response = await fetch(url, {
                 method: 'POST',
                 headers,
                 body: JSON.stringify(request),
             });
             if (!response.ok) {
-                this.log('Failed to fetch auto-tracking config:', response.status, response.statusText);
+                this.log('Failed to fetch auto-tracking config:', response.status);
                 return;
             }
             const configResponse = await response.json();
-            this.log('Received config response:', configResponse);
             if (configResponse.autoTrackingConfig) {
-                this.log('Auto-tracking config found:', configResponse.autoTrackingConfig);
+                this.log('Auto-tracking config loaded');
                 this.setupAutoTrackingManagers(configResponse.autoTrackingConfig);
             }
-            else {
-                this.log('No auto-tracking config in response');
-            }
         }
         catch (error) {
             this.log('Failed to initialize auto-tracking:', error);
@@ -682,10 +709,10 @@ export class GrainAnalytics {
      * Setup auto-tracking managers
      */
     setupAutoTrackingManagers(config) {
-        this.log('Setting up auto-tracking managers...', config);
+        this.log('Setting up auto-tracking managers');
         // Lazy load the managers to avoid bundling them if not needed
         if (config.interactions && config.interactions.length > 0) {
-            this.log('Loading interaction tracking module for', config.interactions.length, 'interactions');
+            this.log('Loading interaction tracking:', config.interactions.length, 'interactions');
             import('./interaction-tracking').then(({ InteractionTrackingManager }) => {
                 try {
                     this.interactionTrackingManager = new InteractionTrackingManager(this, config.interactions, {
@@ -693,20 +720,17 @@ export class GrainAnalytics {
                         enableMutationObserver: true,
                         mutationDebounceDelay: 500,
                     });
-                    this.log('✅ Interaction tracking initialized successfully with', config.interactions.length, 'interactions');
+                    this.log('Interaction tracking initialized');
                 }
                 catch (error) {
-                    this.log('❌ Failed to initialize interaction tracking:', error);
+                    this.log('Failed to initialize interaction tracking:', error);
                 }
             }).catch((error) => {
-                this.log('❌ Failed to load interaction tracking module:', error);
+                this.log('Failed to load interaction tracking module:', error);
             });
         }
-        else {
-            this.log('No interactions configured for auto-tracking');
-        }
         if (config.sections && config.sections.length > 0) {
-            this.log('Loading section tracking module for', config.sections.length, 'sections');
+            this.log('Loading section tracking:', config.sections.length, 'sections');
             import('./section-tracking').then(({ SectionTrackingManager }) => {
                 try {
                     this.sectionTrackingManager = new SectionTrackingManager(this, config.sections, {
@@ -717,18 +741,15 @@ export class GrainAnalytics {
                         batchDelay: 2000,
                         debug: this.config.debug,
                     });
-                    this.log('✅ Section tracking initialized successfully with', config.sections.length, 'sections');
+                    this.log('Section tracking initialized');
                 }
                 catch (error) {
-                    this.log('❌ Failed to initialize section tracking:', error);
+                    this.log('Failed to initialize section tracking:', error);
                 }
             }).catch((error) => {
-                this.log('❌ Failed to load section tracking module:', error);
+                this.log('Failed to load section tracking module:', error);
             });
         }
-        else {
-            this.log('No sections configured for auto-tracking');
-        }
     }
     /**
      * Track session start event
@@ -786,7 +807,7 @@ export class GrainAnalytics {
             properties.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
         }
         this.trackSystemEvent('_grain_session_start', properties);
-        this.log('Session started:', properties);
+        this.log('Session started');
     }
     /**
      * Track session end event
@@ -809,7 +830,7 @@ export class GrainAnalytics {
             properties.page_count = pageCount; // Keep for backward compatibility
         }
         this.trackSystemEvent('_grain_session_end', properties);
-        this.log('Session ended:', properties);
+        this.log('Session ended');
     }
     /**
      * Detect browser name
@@ -913,7 +934,7 @@ export class GrainAnalytics {
         // Bypass consent check for necessary system events
         this.eventQueue.push(event);
         this.eventCountSinceLastHeartbeat++;
-        this.log(`Queued system event: ${eventName}`, properties);
+        this.log(`Queued system event: ${eventName}`);
         // Consider flushing
         if (this.eventQueue.length >= this.config.batchSize) {
             this.flush().catch((error) => {
@@ -949,6 +970,15 @@ export class GrainAnalytics {
     resetEventCountSinceLastHeartbeat() {
         this.eventCountSinceLastHeartbeat = 0;
     }
+    /**
+     * Get the activity detector (for internal use by tracking managers)
+     */
+    getActivityDetector() {
+        if (!this.activityDetector) {
+            throw new Error('Activity detector not initialized');
+        }
+        return this.activityDetector;
+    }
     /**
      * Get the effective user ID (public method)
      */
@@ -1008,7 +1038,7 @@ export class GrainAnalytics {
             this.eventQueue.push(formattedEvent);
             this.eventCountSinceLastHeartbeat++;
             this.sessionEventCount++;
-            this.log(`Queued event: ${event.eventName}`, event.properties);
+            this.log(`Queued event: ${event.eventName}`);
             // Check if we should flush immediately
             if (opts.flush || this.eventQueue.length >= this.config.batchSize) {
                 await this.flush();
@@ -1234,7 +1264,6 @@ export class GrainAnalytics {
             try {
                 const headers = await this.getAuthHeaders();
                 const url = `${this.config.apiUrl}/v1/events/${encodeURIComponent(this.config.tenantId)}/properties`;
-                this.log(`Setting properties for user ${payload.userId} (attempt ${attempt + 1})`);
                 const response = await fetch(url, {
                     method: 'POST',
                     headers,
@@ -1479,7 +1508,6 @@ export class GrainAnalytics {
                 try {
                     const headers = await this.getAuthHeaders();
                     const url = `${this.config.apiUrl}/v1/client/${encodeURIComponent(this.config.tenantId)}/config/configurations`;
-                    this.log(`Fetching configurations for user ${userId} (attempt ${attempt + 1})`);
                     const response = await fetch(url, {
                         method: 'POST',
                         headers,
@@ -1508,7 +1536,7 @@ export class GrainAnalytics {
                     if (configResponse.configurations) {
                         this.updateConfigCache(configResponse, userId);
                     }
-                    this.log(`Successfully fetched configurations for user ${userId}:`, configResponse);
+                    this.log('Successfully fetched configurations');
                     return configResponse;
                 }
                 catch (error) {
@@ -1784,6 +1812,10 @@ export class GrainAnalytics {
             this.sectionTrackingManager.destroy();
             this.sectionTrackingManager = null;
         }
+        if (this.heatmapTrackingManager) {
+            this.heatmapTrackingManager.destroy();
+            this.heatmapTrackingManager = null;
+        }
         // Send any remaining events (in chunks if necessary)
         if (this.eventQueue.length > 0) {
             const eventsToSend = [...this.eventQueue];

package/dist/interaction-tracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interaction-tracking.d.ts","sourceRoot":"","sources":["../src/interaction-tracking.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjH,UAAU,CAAC,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,OAAO,CAAC;IACxE,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,iBAAiB,CAA6E;IACtG,OAAO,CAAC,UAAU,CAA0C;IAC5D,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,qBAAqB,CAAuB;gBAGlD,OAAO,EAAE,kBAAkB,EAC3B,YAAY,EAAE,iBAAiB,EAAE,EACjC,MAAM,GAAE,yBAA8B;IA0BxC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAkCjC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAuC9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAoB9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAyC1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IA0B7B;;OAEG;IACH,OAAO,CAAC,eAAe;IA+BvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAYvB;;OAEG;IACH,OAAO,CAAC,GAAG;IAMX;;OAEG;IACH,kBAAkB,CAAC,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAI;IAoB3D;;OAEG;IACH,OAAO,IAAI,IAAI;CA4BhB"}
+{"version":3,"file":"interaction-tracking.d.ts","sourceRoot":"","sources":["../src/interaction-tracking.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjH,UAAU,CAAC,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,OAAO,CAAC;IACxE,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,iBAAiB,CAA6E;IACtG,OAAO,CAAC,UAAU,CAA0C;IAC5D,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,qBAAqB,CAAuB;gBAGlD,OAAO,EAAE,kBAAkB,EAC3B,YAAY,EAAE,iBAAiB,EAAE,EACjC,MAAM,GAAE,yBAA8B;IA0BxC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAiCjC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiC9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAkB9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAyC1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IA0B7B;;OAEG;IACH,OAAO,CAAC,eAAe;IA+BvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAWvB;;OAEG;IACH,OAAO,CAAC,GAAG;IAMX;;OAEG;IACH,kBAAkB,CAAC,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAI;IAoB3D;;OAEG;IACH,OAAO,IAAI,IAAI;CA4BhB"}

package/dist/interaction-tracking.js

@@ -40,7 +40,7 @@ class InteractionTrackingManager {
     attachAllListeners() {
         if (this.isDestroyed)
             return;
-        this.log('Attaching interaction listeners for', this.interactions.length, 'interactions');
+        this.log('Attaching interaction listeners');
         for (const interaction of this.interactions) {
             this.attachInteractionListener(interaction);
         }
@@ -73,7 +73,6 @@ class InteractionTrackingManager {
             handlers.push({ event: 'focus', handler: focusHandler });
         }
         this.attachedListeners.set(element, handlers);
-        this.log('Attached listeners to element for:', interaction.eventName);
     }
     /**
      * Handle click event on interaction
@@ -98,21 +97,15 @@ class InteractionTrackingManager {
             ...(isNavigationLink && { href: element.href }),
             timestamp: Date.now(),
         };
-        // If it's a navigation link, flush immediately to ensure event is sent before navigation
-        if (isNavigationLink) {
-            // Use flush option to send immediately - handle promise if returned
-            const result = this.tracker.track(interaction.eventName, eventProperties, { flush: true });
-            if (result instanceof Promise) {
-                result.catch((error) => {
-                    // Log error but don't block navigation
-                    this.log('Failed to track navigation click:', error);
-                });
-            }
-        }
-        else {
-            this.tracker.track(interaction.eventName, eventProperties);
+        // Always use flush for auto-tracked clicks to ensure delivery
+        // This is especially important for navigation links and quick interactions
+        const result = this.tracker.track(interaction.eventName, eventProperties, { flush: true });
+        if (result instanceof Promise) {
+            result.catch((error) => {
+                // Log error but don't block interaction
+                this.log('Failed to track click:', error);
+            });
         }
-        this.log('Tracked click interaction:', interaction.eventName);
     }
     /**
      * Handle focus event on interaction (for form fields)
@@ -133,7 +126,6 @@ class InteractionTrackingManager {
             element_class: element.className || undefined,
             timestamp: Date.now(),
         });
-        this.log('Tracked focus interaction:', interaction.eventName);
     }
     /**
      * Find element by XPath selector
@@ -233,7 +225,6 @@ class InteractionTrackingManager {
             element.removeEventListener(event, handler);
         });
         this.attachedListeners.delete(element);
-        this.log('Detached listeners from element');
     }
     /**
      * Log debug messages

package/dist/page-tracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-tracking.d.ts","sourceRoot":"","sources":["../src/page-tracking.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAaH,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/E,UAAU,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,kBAAkB,IAAI,MAAM,CAAC;IAC7B,qBAAqB,IAAI,MAAM,CAAC;IAChC,YAAY,IAAI,MAAM,CAAC;CACxB;AAED,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,iBAAiB,CAAyC;IAClE,OAAO,CAAC,oBAAoB,CAA4C;IACxE,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,aAAa,CAAK;gBAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,kBAAkB;IAY5D;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAqB7B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAK/B;;OAEG;IACH,OAAO,CAAC,cAAc,CAGpB;IAEF;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAGtB;IAEF;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAgHxB;;OAEG;IACH,OAAO,CAAC,aAAa;IASrB;;OAEG;IACH,OAAO,CAAC,UAAU;IAUlB;;OAEG;IACH,OAAO,CAAC,KAAK;IAUb;;OAEG;IACH,OAAO,CAAC,aAAa;IAwBrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAmBnB;;OAEG;IACH,cAAc,IAAI,MAAM,GAAG,IAAI;IAI/B;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAyCnE;;OAEG;IACH,gBAAgB,IAAI,MAAM;IAI1B;;OAEG;IACH,OAAO,IAAI,IAAI;CAyBhB"}
+{"version":3,"file":"page-tracking.d.ts","sourceRoot":"","sources":["../src/page-tracking.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAaH,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/E,UAAU,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,kBAAkB,IAAI,MAAM,CAAC;IAC7B,qBAAqB,IAAI,MAAM,CAAC;IAChC,YAAY,IAAI,MAAM,CAAC;CACxB;AAED,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,iBAAiB,CAAyC;IAClE,OAAO,CAAC,oBAAoB,CAA4C;IACxE,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,aAAa,CAAK;gBAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,kBAAkB;IAY5D;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAqB7B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAK/B;;OAEG;IACH,OAAO,CAAC,cAAc,CAGpB;IAEF;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAGtB;IAEF;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA4GxB;;OAEG;IACH,OAAO,CAAC,aAAa;IASrB;;OAEG;IACH,OAAO,CAAC,UAAU;IAUlB;;OAEG;IACH,OAAO,CAAC,KAAK;IAUb;;OAEG;IACH,OAAO,CAAC,aAAa;IAwBrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAmBnB;;OAEG;IACH,cAAc,IAAI,MAAM,GAAG,IAAI;IAI/B;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAqCnE;;OAEG;IACH,gBAAgB,IAAI,MAAM;IAI1B;;OAEG;IACH,OAAO,IAAI,IAAI;CAqBhB"}