humanbehavior-js 0.4.11 → 0.4.13

package/dist/cjs/remix/index.cjs

@@ -13173,6 +13173,7 @@ class HumanBehaviorTracker {
      * This is the main entry point - call this once per page
      */
     static init(apiKey, options) {
+        var _a;
         // ✅ SUPPRESS COMMON RRWEB ERRORS FOR CLEAN CONSOLE
         if (isBrowser$1 && (options === null || options === void 0 ? void 0 : options.suppressConsoleErrors) !== false) {
             // Suppress canvas security errors
@@ -13231,6 +13232,8 @@ class HumanBehaviorTracker {
         }
         // Create new tracker instance
         const tracker = new HumanBehaviorTracker(apiKey, options === null || options === void 0 ? void 0 : options.ingestionUrl);
+        // Store canvas recording preference
+        tracker.recordCanvas = (_a = options === null || options === void 0 ? void 0 : options.recordCanvas) !== null && _a !== void 0 ? _a : false;
         // Set redacted fields if specified
         if (options === null || options === void 0 ? void 0 : options.redactFields) {
             tracker.setRedactedFields(options.redactFields);
@@ -13269,6 +13272,7 @@ class HumanBehaviorTracker {
         this.sessionStartTime = Date.now();
         this.rrwebRecord = null;
         this.fullSnapshotTimeout = null;
+        this.recordCanvas = false; // Store canvas recording preference
         if (!apiKey) {
             throw new Error('Human Behavior API Key is required');
         }
@@ -13851,9 +13855,15 @@ class HumanBehaviorTracker {
                     slimDOMOptions: {},
                     // ✅ ERROR SUPPRESSION SETTINGS - Disabled to prevent console noise
                     collectFonts: false, // Disable font collection to reduce errors
-                    inlineStylesheet: false, // Disable inline stylesheet to reduce errors
+                    inlineStylesheet: true, // Keep styles for proper session replay
                     recordCrossOriginIframes: false, // Prevent cross-origin iframe errors
-                    recordCanvas: false, // Disabled to prevent large data URIs and canvas errors
+                    // ✅ CANVAS RECORDING - PostHog-style protection against overwhelm
+                    recordCanvas: this.recordCanvas, // Opt-in only
+                    sampling: this.recordCanvas ? { canvas: 4 } : undefined, // 4 FPS throttle
+                    dataURLOptions: this.recordCanvas ? {
+                        type: 'image/webp',
+                        quality: 0.4
+                    } : undefined, // WebP with 40% quality
                     // ✅ FULLSNAPSHOT GENERATION - No periodic snapshots to avoid animation issues
                     // Rely on initial FullSnapshot + navigation-triggered ones only
                 });
@@ -14330,16 +14340,14 @@ const HumanBehaviorProvider = ({ apiKey, client, children, options }) => {
         if (humanBehavior !== null) {
             return;
         }
-        // Create new tracker instance with the validated apiKey
-        const tracker = new HumanBehaviorTracker(apiKeyRef.current.trim());
-        // ✅ APPLY LOGGING CONFIGURATION FROM OPTIONS
-        if (options === null || options === void 0 ? void 0 : options.logLevel) {
-            HumanBehaviorTracker.configureLogging({ level: options.logLevel });
-        }
-        // ✅ APPLY REDACTION FIELDS FROM OPTIONS
-        if ((options === null || options === void 0 ? void 0 : options.redactFields) && options.redactFields.length > 0) {
-            tracker.setRedactedFields(options.redactFields);
-        }
+        // Create new tracker instance with the validated apiKey and options
+        const tracker = HumanBehaviorTracker.init(apiKeyRef.current.trim(), {
+            ingestionUrl: options === null || options === void 0 ? void 0 : options.ingestionUrl,
+            logLevel: options === null || options === void 0 ? void 0 : options.logLevel,
+            redactFields: options === null || options === void 0 ? void 0 : options.redactFields,
+            suppressConsoleErrors: options === null || options === void 0 ? void 0 : options.suppressConsoleErrors,
+            recordCanvas: options === null || options === void 0 ? void 0 : options.recordCanvas, // Pass canvas recording option
+        });
         setHumanBehavior(tracker);
         // Wait for initialization to complete
         (_a = tracker.initializationPromise) === null || _a === void 0 ? void 0 : _a.then(() => __awaiter(void 0, void 0, void 0, function* () {