react native: expose logScreenView

examples/expo/src/app/App.tsx

@@ -17,6 +17,7 @@ import {
   trace,
   error,
   warn,
+  logScreenView,
 } from '@bitdrift/react-native';
 import axios from 'axios';
 import { Picker } from '@react-native-picker/picker';
@@ -65,6 +66,8 @@ const HomeScreen = () => {
       log?.(`[${selectedLogLevel.toUpperCase()}]: Log emitted`, {
         randomNumber: Math.random(),
       });
+
+      logScreenView('HomeScreen');
       showToast(`Logged: [${selectedLogLevel.toUpperCase()}]: Log emitted`);
     }
   };

packages/react-native/android/src/main/java/com/bdreactnative/BdReactNativeModule.kt

@@ -90,6 +90,11 @@ class BdReactNativeModule internal constructor(context: ReactApplicationContext)
     Capture.Logger.removeField(key)
   }
 
+  @ReactMethod
+  override fun logScreenView(screenView: String) {
+    Capture.Logger.logScreenView(screenView)
+  }
+
   companion object {
     const val NAME = "BdReactNative"
   }

packages/react-native/android/src/oldarch/BdReactNativeSpec.kt

@@ -28,4 +28,6 @@ abstract class BdReactNativeSpec internal constructor(context: ReactApplicationC
   abstract fun addField(key: String, value: String)
 
   abstract fun removeField(key: String)
+
+  abstract fun logScreenView(screenView: String)
 }

packages/react-native/ios/BdReactNative.mm

@@ -35,6 +35,11 @@ @implementation BdReactNative
     [CAPRNLogger getSessionURL:resolve rejecter:reject];
 }
 
+RCT_EXPORT_METHOD(logScreenView:(NSString *)screenName)
+{
+    [CAPRNLogger logScreenViewWithScreenName:screenName];
+}
+
 #ifndef RCT_NEW_ARCH_ENABLED
 
 RCT_EXPORT_METHOD(init:(NSString*)apiKey

packages/react-native/ios/Logger.swift

@@ -86,4 +86,9 @@ import Capture
         }
         resolve(sessionURL)
     }
+
+    @objc 
+    public static func logScreenView(screenName: String) {
+        Capture.Logger.logScreenView(screenName: screenName)
+    }
 }

packages/react-native/src/NativeBdReactNative.ts

@@ -36,6 +36,8 @@ export interface Spec extends TurboModule {
   getSessionID(): Promise<string>;
 
   getSessionURL(): Promise<string>;
+
+  logScreenView(screenName: string): void;
 }
 
 export default TurboModuleRegistry.getEnforcing<Spec>('BdReactNative');

packages/react-native/src/index.tsx

@@ -104,6 +104,14 @@ export async function getSessionURL(): Promise<string> {
   return NativeBdReactNative.getSessionURL();
 }
 
+/**
+  * Logs a screen view event. This can be called to record that a screen was viewed.
+  * @param screenName The name of the screen that was viewed.
+  */
+export function logScreenView(screenName: string): void {
+  return NativeBdReactNative.logScreenView(screenName);
+}
+
 /**
  * Generate a device code for the current device. Useful for streaming logs from a specific device using {@link https://docs.bitdrift.dev/cli/quickstart.html#log-tailing|bd tail}.
  * @returns The device code for the current device.