@devskin/browser-sdk 1.0.41 → 1.0.42

package/dist/devskin.umd.js

@@ -13475,11 +13475,12 @@
                     },
                     // Configuration options
                     sampling: {
-                        // Mouse interactions
-                        mousemove: this.config.sampleRate !== undefined
-                            ? Math.floor(100 / this.config.sampleRate)
-                            : true,
-                        // Mouse interactions
+                        // Mouse movement sampling - throttle to reduce bandwidth
+                        // e.g. 0.1 = capture 10% of mouse movements (Math.floor(1/0.1) = 10, meaning capture 1 every 10 events)
+                        mousemove: this.config.mouseMoveSampleRate !== undefined
+                            ? Math.max(1, Math.floor(1 / this.config.mouseMoveSampleRate))
+                            : 10, // Default: capture 1 every 10 mouse movements (10%)
+                        // Mouse interactions (clicks, etc) - always capture
                         mouseInteraction: true,
                         // Scroll events
                         scroll: 150, // Throttle scroll events to every 150ms
@@ -13894,6 +13895,72 @@
             // private sessionRecorder: SessionRecorder | null = null; // Replaced by RRWebRecorder
             this.rrwebRecorder = null;
         }
+        /**
+         * Detect if the current visitor is a bot/crawler
+         */
+        isBot() {
+            if (typeof navigator === 'undefined')
+                return true;
+            const botPatterns = [
+                /bot/i,
+                /crawler/i,
+                /spider/i,
+                /crawling/i,
+                /google/i,
+                /bing/i,
+                /yahoo/i,
+                /duckduckgo/i,
+                /baiduspider/i,
+                /yandex/i,
+                /facebookexternalhit/i,
+                /twitterbot/i,
+                /rogerbot/i,
+                /linkedinbot/i,
+                /embedly/i,
+                /quora link preview/i,
+                /showyoubot/i,
+                /outbrain/i,
+                /pinterest/i,
+                /slackbot/i,
+                /vkShare/i,
+                /W3C_Validator/i,
+                /redditbot/i,
+                /Applebot/i,
+                /WhatsApp/i,
+                /flipboard/i,
+                /tumblr/i,
+                /bitlybot/i,
+                /SkypeUriPreview/i,
+                /nuzzel/i,
+                /Discordbot/i,
+                /Google Page Speed/i,
+                /Qwantify/i,
+                /pinterestbot/i,
+                /Bitrix link preview/i,
+                /XING-contenttabreceiver/i,
+                /Chrome-Lighthouse/i,
+                /telegrambot/i,
+                /Lighthouse/i,
+                /GTmetrix/i,
+                /PageSpeed/i,
+                /HeadlessChrome/i,
+                /PhantomJS/i,
+            ];
+            const userAgent = navigator.userAgent;
+            // Check user agent against bot patterns
+            if (botPatterns.some(pattern => pattern.test(userAgent))) {
+                return true;
+            }
+            // Check for headless browsers
+            if ('webdriver' in navigator && navigator.webdriver === true) {
+                return true;
+            }
+            // Check for headless Chrome
+            if (userAgent.includes('HeadlessChrome')) {
+                return true;
+            }
+            return false;
+        }
         /**
          * Initialize the DevSkin SDK
          * Uses requestIdleCallback to defer heavy initialization without blocking the page
@@ -13926,7 +13993,7 @@
                 // Wait for session creation to complete before starting collectors
                 this.startSession().then(() => {
                     // Session created, now safe to start collectors that send data
-                    var _a, _b;
+                    var _a, _b, _c;
                     if (this.config.captureWebVitals) {
                         this.performanceCollector = new PerformanceCollector(this.config, this.transport);
                         this.performanceCollector.start();
@@ -13953,36 +14020,53 @@
                     }
                     // Initialize session recording with rrweb
                     if ((_a = this.config.sessionRecording) === null || _a === void 0 ? void 0 : _a.enabled) {
-                        // Use RRWebRecorder for complete DOM recording
-                        // Pass sessionStartTime to ensure timestamp continuity across page navigations
-                        this.rrwebRecorder = new RRWebRecorder(this.sessionId, {
-                            enabled: true,
-                            sampleRate: this.config.sessionRecording.sampling || 0.5,
-                            blockClass: 'rr-block',
-                            ignoreClass: this.config.sessionRecording.ignoreClass || 'rr-ignore',
-                            maskAllInputs: this.config.sessionRecording.maskAllInputs !== undefined
-                                ? this.config.sessionRecording.maskAllInputs
-                                : true,
-                            maskInputOptions: {
-                                password: true,
-                                email: true,
-                                tel: true,
-                            },
-                            recordCanvas: this.config.sessionRecording.recordCanvas || false,
-                            collectFonts: true,
-                            inlineStylesheet: true,
-                            checkoutEveryNms: 5 * 60 * 1000, // Every 5 minutes
-                            checkoutEveryNth: 200, // Every 200 events
-                        }, (events) => {
-                            var _a;
-                            // Send rrweb events to backend
-                            (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendRecordingEvents(this.sessionId, events);
-                        }, this.sessionStartTime // Pass session start time for timestamp continuity
-                        );
-                        // Start recording immediately (session already created)
-                        this.rrwebRecorder.start();
-                        if ((_b = this.config) === null || _b === void 0 ? void 0 : _b.debug) {
-                            console.log('[DevSkin] RRWeb recording started for session:', this.sessionId);
+                        // Skip recording for bots/crawlers to avoid impacting SEO
+                        const isBot = this.isBot();
+                        // Apply session sampling - decide if this session should be recorded
+                        const samplingRate = this.config.sessionRecording.sampling || 1.0;
+                        const shouldRecord = !isBot && Math.random() < samplingRate;
+                        if (shouldRecord) {
+                            // Use RRWebRecorder for complete DOM recording
+                            // Pass sessionStartTime to ensure timestamp continuity across page navigations
+                            this.rrwebRecorder = new RRWebRecorder(this.sessionId, {
+                                enabled: true,
+                                mouseMoveSampleRate: 0.5, // Sample 10% of mouse movements to reduce bandwidth
+                                blockClass: 'rr-block',
+                                ignoreClass: this.config.sessionRecording.ignoreClass || 'rr-ignore',
+                                maskAllInputs: this.config.sessionRecording.maskAllInputs !== undefined
+                                    ? this.config.sessionRecording.maskAllInputs
+                                    : true,
+                                maskInputOptions: {
+                                    password: true,
+                                    email: true,
+                                    tel: true,
+                                },
+                                recordCanvas: this.config.sessionRecording.recordCanvas || false,
+                                collectFonts: true,
+                                inlineStylesheet: true,
+                                checkoutEveryNms: 5 * 60 * 1000, // Every 5 minutes
+                                checkoutEveryNth: 200, // Every 200 events
+                            }, (events) => {
+                                var _a;
+                                // Send rrweb events to backend
+                                (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendRecordingEvents(this.sessionId, events);
+                            }, this.sessionStartTime // Pass session start time for timestamp continuity
+                            );
+                            // Start recording immediately (session already created)
+                            this.rrwebRecorder.start();
+                            if ((_b = this.config) === null || _b === void 0 ? void 0 : _b.debug) {
+                                console.log(`[DevSkin] RRWeb recording started for session: ${this.sessionId} (sampling: ${samplingRate * 100}%)`);
+                            }
+                        }
+                        else {
+                            if ((_c = this.config) === null || _c === void 0 ? void 0 : _c.debug) {
+                                if (isBot) {
+                                    console.log(`[DevSkin] Session ${this.sessionId} skipped recording (bot/crawler detected for SEO optimization)`);
+                                }
+                                else {
+                                    console.log(`[DevSkin] Session ${this.sessionId} not sampled for recording (sampling: ${samplingRate * 100}%)`);
+                                }
+                            }
                         }
                     }
                     // Track initial page view