noibu-react-native 0.2.35-rc.3 → 0.2.35-rc.5

package/README.md

@@ -71,6 +71,7 @@ That's it! First time the module is set up, it runs an init and starts listening
   - `@property domain {string}` - indicates which Noibu dashboard session recordings should go to ([learn more about domains](https://help.noibu.com/hc/en-us/articles/4846518088845-Domains-Overview))
   - `@property [blockedElements] {string[]}` - defaults see below; lets you specify component ids to be ignored by SDK when collecting error information
   - `@property [enableHttpDataCollection] {boolean}` - default `false`; indicates whether SDK should collect HTTP information like headers or body from requests
+  - `@property [enableWebViewCapture] {boolean}` - default `true`; indicates whether SDK should capture and record React Native WebView/WKWebView DOM content in session replay
   - `@property [listOfUrlsToCollectHttpDataFrom] {string[]}` - is an allowlist of URLs to allow HTTP data collection from, works best with `enableHttpDataCollection` enabled
   - `@property [httpPiiBlockingPatterns] {RegExp[]}` - defaults see below; allows you to specify RegEx patterns for what PII information should be removed from JSON request and response data for the value in a key value pair
   - `@property [fuzzyFieldsToRedact] {string[]}` - defaults see below; allows you to specify fuzzy strings for what PII information should be removed from JSON request and response data based on the key in a key value pair
@@ -87,6 +88,7 @@ Example:
 ```js
 setupNoibu({
   domain: 'react-native-app.myshop.com',
+  enableWebViewCapture: false,
   enableHttpDataCollection: true,
   listOfUrlsToCollectHttpDataFrom: ['https://react-native-app.myshop.com/backend', 'https://example.com/some-path/'],
   blockedElements: ['sensitive-info'],

package/android/build.gradle

@@ -66,5 +66,5 @@ def kotlin_version = getExtOrDefault("kotlinVersion")
 dependencies {
     implementation "com.facebook.react:react-native:+"
     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-    implementation "com.noibu:sessionreplay-recorder:1.0.5-rc.2"
+    implementation "com.noibu:sessionreplay-recorder:1.0.5-rc.3"
 }

package/android/src/legacy/java/com/noibu/sessionreplay/reactnative/NoibuSessionReplayModule.kt

@@ -15,6 +15,8 @@ import com.noibu.mobile.android.sessionreplay.NoibuConfig
 class NoibuSessionReplayModule(reactContext: ReactApplicationContext) :
     ReactContextBaseJavaModule(reactContext) {
 
+    private var enableWebViewCapture: Boolean = true
+
     init {
         NoibuSessionReplayModule.reactContext = reactContext
     }
@@ -41,6 +43,7 @@ class NoibuSessionReplayModule(reactContext: ReactApplicationContext) :
         val config = NoibuConfig(
             sessionReplayEnabled = true,
             maskAllTextInputs = false,
+            enableWebViewCapture = enableWebViewCapture,
         )
         Noibu.setup(context, config){ param ->
             val params = Arguments.createMap()
@@ -51,6 +54,11 @@ class NoibuSessionReplayModule(reactContext: ReactApplicationContext) :
         promise.resolve(true)
     }
 
+    @ReactMethod
+    fun setEnableWebViewCapture(enabled: Boolean) {
+        enableWebViewCapture = enabled
+    }
+
     @ReactMethod
     fun addListener(eventName: String) {
         // Set up any upstream listeners or background tasks as necessary
@@ -65,4 +73,4 @@ class NoibuSessionReplayModule(reactContext: ReactApplicationContext) :
         const val NAME = "NoibuSessionRecorder"
         private var reactContext: ReactApplicationContext? = null
     }
-}
+}

package/android/src/newarch/java/com/noibu/sessionreplay/reactnative/NoibuSessionRecorderModule.kt

@@ -18,6 +18,7 @@ class NoibuSessionRecorderModule(val reactContext: ReactApplicationContext) : Na
     }
 
     private val eventQueue: ConcurrentLinkedQueue<String> = ConcurrentLinkedQueue()
+    private var enableWebViewCapture: Boolean = true
 
     init {
         Log.i(TAG, "[new-arch] Module constructed")
@@ -25,6 +26,10 @@ class NoibuSessionRecorderModule(val reactContext: ReactApplicationContext) : Na
 
     override fun getName(): String = "NoibuSessionRecorder"
 
+    override fun setEnableWebViewCapture(enabled: Boolean) {
+        enableWebViewCapture = enabled
+    }
+
     override fun initialize(promise: Promise) {
         Log.i(TAG, "[new-arch] initialize() called")
         try {
@@ -32,6 +37,7 @@ class NoibuSessionRecorderModule(val reactContext: ReactApplicationContext) : Na
             val config = NoibuConfig(
                 sessionReplayEnabled = true,
                 maskAllTextInputs = false,
+                enableWebViewCapture = enableWebViewCapture,
             )
             Noibu.setup(context, config) { param ->
                 // Enqueue raw mobile event JSON for JS to consume via TurboModule polling

package/dist/constants.js

@@ -24,7 +24,7 @@ const CONTENT_TYPE = 'content-type';
  * Gets the script id from the cookie object, returns default if cannot be found
  */
 function GET_SCRIPT_ID() {
-    return "1.0.104-rn-sdk-0.2.35-rc.3" ;
+    return "1.0.104-rn-sdk-0.2.35-rc.5" ;
 }
 /**
  * Gets the max metro recon number

package/dist/entry/init.js

@@ -42,7 +42,11 @@ const urlConfig = {
 /** initilializes the script to start executing all of NJS features */
 function globalInit(customerConfig) {
     return __awaiter(this, void 0, void 0, function* () {
+        var _a;
         noibuLog('global init started');
+        const sessionRecorderConfig = {
+            enableWebViewCapture: (_a = customerConfig.enableWebViewCapture) !== null && _a !== void 0 ? _a : true,
+        };
         // if the config url is invalid we block collect from executing
         if (isInvalidURLConfig(Object.assign(Object.assign({}, urlConfig), { domain: customerConfig.domain }))) {
             noibuLog('exiting');
@@ -81,7 +85,7 @@ function globalInit(customerConfig) {
             clickMonitor.monitor();
             keyboardInputMonitor.monitor();
             pageMonitor.monitor();
-            SessionRecorder.getInstance().recordUserSession();
+            SessionRecorder.getInstance(sessionRecorderConfig).recordUserSession();
             // Initialize HTTP data collection and request monitoring if enabled
             // This is done after other monitors so failures here don't affect session recording
             if (ClientConfig.getInstance().enableHttpDataCollection) {

package/dist/native/NativeNoibuSessionRecorder.d.ts

@@ -1,5 +1,6 @@
 import type { TurboModule } from 'react-native';
 export interface Spec extends TurboModule {
+    setEnableWebViewCapture(enabled: boolean): void;
     initialize(): Promise<boolean>;
     consumeEvents?(): Promise<string[]>;
 }

package/dist/sessionRecorder/SessionRecorder.d.ts

@@ -1,4 +1,4 @@
-import { RecorderEvent } from './nativeSessionRecorderSubscription';
+import { RecorderEvent, SessionRecorderConfig } from './nativeSessionRecorderSubscription';
 import { Singleton } from '../monitors/BaseMonitor';
 /** Singleton class to record user sessions */
 export default class SessionRecorder extends Singleton {
@@ -13,7 +13,7 @@ export default class SessionRecorder extends Singleton {
     private recordStopper;
     private freezingEvents;
     /** Setups the SessionRecorder instance for usage */
-    constructor();
+    constructor(config?: SessionRecorderConfig);
     /** Sets up the page hide handler to try to push remaining video events */
     setupUnloadHandler(): void;
     /** Sets up the post metrics handler to potentially log a debug message */

package/dist/sessionRecorder/SessionRecorder.js

@@ -17,7 +17,7 @@ const MAX_RECORDER_EVENT_BUFFER = 10;
 /** Singleton class to record user sessions */
 class SessionRecorder extends Singleton {
     /** Setups the SessionRecorder instance for usage */
-    constructor() {
+    constructor(config = {}) {
         super();
         this.eventBuffer = [];
         this.vfCounter = 0;
@@ -31,7 +31,7 @@ class SessionRecorder extends Singleton {
         this.freezingEvents = false;
         this.setupUnloadHandler();
         this.setupPostMetricsHandler();
-        initialize();
+        initialize(config);
         addSafeEventListener(window, 'click', () => this.handleFragPost());
     }
     /** Sets up the page hide handler to try to push remaining video events */

package/dist/sessionRecorder/nativeSessionRecorderSubscription.d.ts

@@ -24,19 +24,13 @@ export declare enum LogLevel {
  * @param maximumDailyNetworkUsageInMB [OPTIONAL default = null] Maximum daily network usage for Noibu - Session recorder (null = No limit). When the limit is reached, Noibu - Session recorder will turn on lean mode.
  */
 export interface SessionRecorderConfig {
-    userId?: string | null;
-    logLevel?: LogLevel;
-    allowMeteredNetworkUsage?: boolean;
     enableWebViewCapture?: boolean;
-    allowedDomains?: string[];
-    disableOnLowEndDevices?: boolean;
-    maximumDailyNetworkUsageInMB?: number;
 }
 /**
  * Initializes the Noibu - Session recording SDK if the API level is supported.
  * Supports both legacy (bridge) and new architecture (TurboModule) on iOS and Android.
  */
-export declare function initialize(): void;
+export declare function initialize(config?: SessionRecorderConfig): void;
 export type RecorderEvent = import('./types').RecorderEvent;
 export type UnsubscribeFn = import('./types').UnsubscribeFn;
 /**

package/dist/sessionRecorder/nativeSessionRecorderSubscription.js

@@ -12,9 +12,9 @@ const RNModule = (_a = NativeModules.NoibuSessionRecorder) !== null && _a !== vo
 const NativeSessionRecorder = TurboNativeSessionRecorder !== null && TurboNativeSessionRecorder !== void 0 ? TurboNativeSessionRecorder : RNModule;
 // Consider new-arch if the resolved module exposes the polling method
 const isNewArch = typeof (NativeSessionRecorder === null || NativeSessionRecorder === void 0 ? void 0 : NativeSessionRecorder.consumeEvents) === 'function';
-const isNewArchIOS = Platform.OS === 'ios' && isNewArch;
 let nativeModuleEmitter;
 const SupportedPlatforms = ['android', 'ios'];
+const DEFAULT_ENABLE_WEBVIEW_CAPTURE = true;
 /** The level of logging to show in the device logcat stream. */
 // eslint-disable-next-line no-shadow
 var LogLevel;
@@ -26,15 +26,19 @@ var LogLevel;
     LogLevel["Error"] = "Error";
     LogLevel["None"] = "None";
 })(LogLevel || (LogLevel = {}));
+let sessionRecorderConfig = {
+    enableWebViewCapture: DEFAULT_ENABLE_WEBVIEW_CAPTURE,
+};
+function resolveEnableWebViewCapture(config = sessionRecorderConfig) {
+    var _a;
+    return (_a = config.enableWebViewCapture) !== null && _a !== void 0 ? _a : DEFAULT_ENABLE_WEBVIEW_CAPTURE;
+}
 /**
  * Initializes the Noibu - Session recording SDK if the API level is supported.
  * Supports both legacy (bridge) and new architecture (TurboModule) on iOS and Android.
  */
-function initialize() {
-    if (Platform.OS === 'ios' && isNewArchIOS) {
-        // New architecture iOS: initialize native module to start capturing
-        NativeSessionRecorder.initialize();
-    }
+function initialize(config = {}) {
+    sessionRecorderConfig = Object.assign(Object.assign(Object.assign({}, sessionRecorderConfig), config), { enableWebViewCapture: resolveEnableWebViewCapture(config) });
     if (!SupportedPlatforms.includes(Platform.OS)) {
         noibuLog(`Noibu - Session recording supports ${SupportedPlatforms.join(', ')} only for now.`);
         return;
@@ -53,6 +57,9 @@ function initialize() {
         }
         nativeModuleEmitter = new NativeEventEmitter(moduleForEmitter);
     }
+    if (typeof NativeSessionRecorder.setEnableWebViewCapture === 'function') {
+        NativeSessionRecorder.setEnableWebViewCapture(resolveEnableWebViewCapture());
+    }
     // Call native initialize only when the method is exposed (new-arch and legacy Android; legacy iOS bridge does not export it)
     if (typeof NativeSessionRecorder.initialize === 'function') {
         NativeSessionRecorder.initialize();
@@ -154,7 +161,7 @@ function subscribeToNativeEvent(callback) {
         };
         nativeModuleEmitter.addListener('noibuRecordingEvent', handleLegacyPayload);
         if (Platform.OS === 'ios' && !isIOSInitialized) {
-            (_a = RNModule === null || RNModule === void 0 ? void 0 : RNModule.startIOS) === null || _a === void 0 ? void 0 : _a.call(RNModule);
+            (_a = RNModule === null || RNModule === void 0 ? void 0 : RNModule.startIOS) === null || _a === void 0 ? void 0 : _a.call(RNModule, resolveEnableWebViewCapture());
             isIOSInitialized = true;
         }
         // return () => subscription?.remove();

package/ios/IOSPocEmitter.m

@@ -2,5 +2,6 @@
 #import <React/RCTEventEmitter.h>
 
 @interface RCT_EXTERN_MODULE(NoibuSessionRecorder, RCTEventEmitter)
-RCT_EXTERN_METHOD(startIOS)
-@end
+RCT_EXTERN_METHOD(setEnableWebViewCapture:(BOOL)enabled)
+RCT_EXTERN_METHOD(startIOS:(BOOL)webViewCaptureEnabled)
+@end

package/ios/IOSPocEmitter.swift

@@ -6,6 +6,7 @@ import NoibuSDK
 class NoibuSessionRecorder: RCTEventEmitter {
 
   private var hasListeners = false
+  private var enableWebViewCapture = true
 
   override init() {
     super.init()
@@ -27,11 +28,17 @@ class NoibuSessionRecorder: RCTEventEmitter {
     hasListeners = false
   }
 
-  @objc func startIOS() {
+  @objc func setEnableWebViewCapture(_ enabled: Bool) {
+    enableWebViewCapture = enabled
+  }
+
+  @objc func startIOS(_ webViewCaptureEnabled: Bool) {
+    enableWebViewCapture = webViewCaptureEnabled
     let NOIBU_API_KEY = "NOIBU_API_KEY"
     let NOIBU_HOST = "https://noibu.com/"
 
     let config = NoibuConfig(apiKey: NOIBU_API_KEY, host: NOIBU_HOST)
+    config.sessionReplayConfig.enableWebViewCapture = enableWebViewCapture
     // config.debug = true // Enable debug logging to see emitted events
 
     config.onReactNativeCallback = { [weak self] mobileEvents in

package/ios/RCTNoibuSessionRecorder.mm

@@ -15,11 +15,22 @@
 @end
 
 @implementation RCTNoibuSessionRecorder
+{
+  BOOL _enableWebViewCapture;
+}
 
 RCT_EXPORT_MODULE(NoibuSessionRecorder)
 
 + (BOOL)requiresMainQueueSetup { return NO; }
 
+- (instancetype)init
+{
+  if ((self = [super init])) {
+    _enableWebViewCapture = YES;
+  }
+  return self;
+}
+
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params
 {
@@ -60,6 +71,11 @@ static NSArray<NSString *> *drain_queue(NSUInteger maxCount) {
   return result ?: @[];
 }
 
+- (void)setEnableWebViewCapture:(BOOL)enabled
+{
+  _enableWebViewCapture = enabled;
+}
+
 - (void)initialize:(RCTPromiseResolveBlock)resolve
             reject:(RCTPromiseRejectBlock)reject
 {
@@ -74,6 +90,7 @@ static NSArray<NSString *> *drain_queue(NSUInteger maxCount) {
     NoibuConfig *config = [[NoibuConfig alloc] apiKey:apiKey host:host];
     // Enable session replay by default, leave other options as defaults
     // Bridge callback to enqueue raw mobile events for JS polling
+    config.sessionReplayConfig.enableWebViewCapture = _enableWebViewCapture;
 
     config.onReactNativeCallback = ^(NSArray<NSDictionary *> *mobileEvents) {
       for (id item in mobileEvents) {

package/noibu-react-native.podspec

@@ -37,7 +37,7 @@ Pod::Spec.new do |s|
   #s.vendored_frameworks = "ios/SessionRecorder.xcframework"
   #s.vendored_frameworks = "ios/Noibu.xcframework"
 
-  s.dependency 'NoibuSDK', '0.0.13'
+  s.dependency 'NoibuSDK', '0.0.14'
   s.pod_target_xcconfig = {
     "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/noibu-react-native/ios/**\""
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noibu-react-native",
-  "version": "0.2.35-rc.3",
+  "version": "0.2.35-rc.5",
   "targetNjsVersion": "1.0.104",
   "description": "React-Native SDK for NoibuJS to collect errors in React-Native applications",
   "main": "dist/entry/index.js",

package/specs/NativeSessionRecorder.ts

@@ -2,9 +2,10 @@ import type {TurboModule} from 'react-native';
 import {TurboModuleRegistry} from 'react-native';
 
 export interface Spec extends TurboModule {
+  setEnableWebViewCapture(enabled: boolean): void;
   initialize(): Promise<boolean>;
   // Returns an array of raw mobile event JSON strings and clears native queue
   consumeEvents?(): Promise<string[]>;
 }
 
-export default TurboModuleRegistry.get<Spec>('NoibuSessionRecorder');
+export default TurboModuleRegistry.get<Spec>('NoibuSessionRecorder');