@coralogix/react-native-plugin 0.2.5 → 0.2.7

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## 0.2.7 (2026-01-29)
+
+### 🩹 Fixes
+
+- changed name for traceParentInHeader options object
+- simplify traceParentInHeader mapping and rename allowedTracingUrls
+- when traceParentInHeader is disabled, don't inject any headers at all
+- map traceParentInHeader keys from RN to native iOS SDK format
+- change documentation for  View Tracking
+
+### 🩹 Patch
+
+- updated the android native sdk to version 2.6.4
+- updated the ios native sdk to version 1.5.3
+
+## 0.2.6 (2026-01-05)
+
+### 🚀 Features
+
+- Implement React Native SDK E2E Test
+- Bump iOS native version to 1.5.2
+
 ## 0.2.5 (2025-12-08)
 
 Fix: Resolved an issue where severity mapping bug by treating the value as Double instead of Int.

package/CxSdk.podspec

@@ -16,9 +16,9 @@ Pod::Spec.new do |s|
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
-  s.dependency 'Coralogix','1.5.0'
-  s.dependency 'CoralogixInternal','1.5.0'
-  s.dependency 'SessionReplay','1.5.0'
+  s.dependency 'Coralogix','1.5.3'
+  s.dependency 'CoralogixInternal','1.5.3'
+  s.dependency 'SessionReplay','1.5.3'
 
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.

package/README.md

@@ -103,18 +103,18 @@ CoralogixRum.setViewContext({
 ```
 
 You can automatically track view changes by using [react-navigation](https://reactnavigation.org/docs/navigation-container/#onstatechange).
-Wrap your navigation ref with our `attachReactNavigationObserver` hook like so:
+Use the NavigationContainer onStateChange callback to track route changes and update the view context manually, as shown below:
 
 ```javascript
-const navigationRef = createNavigationContainerRef();
-const navHooks = attachReactNavigationObserver(navigationRef);
-
 <NavigationContainer
   ref={navigationRef}
-  onReady={navHooks.onReady}
-  onStateChange={navHooks.onStateChange}
+  onStateChange={() => {
+    const currentRouteName = navigationRef.current.getCurrentRoute().name;
+
+    CoralogixRum.setViewContext({ view: currentRouteName });
+  }}
 >
-  >{/* ... */}
+  {/* ... */}
 </NavigationContainer>
 ```
 

package/android/build.gradle

@@ -75,7 +75,7 @@ dependencies {
   implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 
-  implementation "com.coralogix:android-sdk:2.6.2"
+  implementation "com.coralogix:android-sdk:2.6.4"
 }
 
 react {

package/android/src/main/java/com/cxsdk/CxSdkModule.kt

@@ -309,7 +309,7 @@ class CxSdkModule(reactContext: ReactApplicationContext) :
 
     val traceParentInHeaderMap = getMap("traceParentInHeader")
     val isTraceParentInHeaderEnabled = traceParentInHeaderMap?.let {
-      it.hasKey("enable") && it.getBoolean("enable")
+      it.hasKey("enabled") && it.getBoolean("enabled")
     } ?: false
     val collectIpData = if (hasKey("collectIPData")) getBoolean("collectIPData") else true
 

package/index.cjs.js

@@ -4,6 +4,7 @@ var reactNative = require('react-native');
 var instrumentationFetch = require('@opentelemetry/instrumentation-fetch');
 var instrumentation = require('@opentelemetry/instrumentation');
 var sdkTraceWeb = require('@opentelemetry/sdk-trace-web');
+var core = require('@opentelemetry/core');
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -219,7 +220,7 @@ function stopJsRefreshRateSampler() {
   appStateSub = null;
 }
 
-var version = "0.2.5";
+var version = "0.2.7";
 var pkg = {
 	version: version};
 
@@ -257,17 +258,6 @@ class Logger {
 }
 const logger = new Logger();
 
-const propagateTraceHeaderCorsUrls = config => {
-  var _traceParentInHeader$;
-  const {
-    traceParentInHeader
-  } = config;
-  const propagateCorsUrls = traceParentInHeader == null || (_traceParentInHeader$ = traceParentInHeader.options) == null ? void 0 : _traceParentInHeader$.propagateTraceHeaderCorsUrls;
-  if (traceParentInHeader != null && traceParentInHeader.enabled && propagateCorsUrls) {
-    config.propagateTraceHeaderCorsUrls = propagateCorsUrls;
-  }
-};
-
 const CORALOGIX_LOGS_URL_SUFFIX = '/browser/v1beta/logs';
 const CORALOGIX_RECORDING_URL_SUFFIX = '/sessionrecording';
 const OPTIONS_DEFAULTS = {
@@ -331,8 +321,18 @@ let OtelNetworkAttrs = /*#__PURE__*/function (OtelNetworkAttrs) {
 
 class CoralogixFetchInstrumentation extends instrumentationFetch.FetchInstrumentation {
   constructor(config) {
-    propagateTraceHeaderCorsUrls(config);
-    config.applyCustomAttributesOnSpan = (span, request, result) => {
+    var _traceParentInHeader$;
+    const {
+      traceParentInHeader
+    } = config;
+    const enabled = (traceParentInHeader == null ? void 0 : traceParentInHeader.enabled) === true;
+    const urls = traceParentInHeader == null || (_traceParentInHeader$ = traceParentInHeader.options) == null ? void 0 : _traceParentInHeader$.allowedTracingUrls;
+    const fetchConfig = {
+      // If disabled -> match nothing -> no traceparent injection
+      // If enabled and user didn't provide urls -> match all
+      propagateTraceHeaderCorsUrls: enabled ? urls != null ? urls : /.*/ : allowNone()
+    };
+    fetchConfig.applyCustomAttributesOnSpan = (span, request, result) => {
       span.end();
       const readableSpan = span;
       const attrs = readableSpan.attributes;
@@ -366,12 +366,16 @@ class CoralogixFetchInstrumentation extends instrumentationFetch.FetchInstrument
       };
       CoralogixRum.reportNetworkRequest(details);
     };
-    super(config);
+    super(fetchConfig);
   }
   enable() {
     super.enable();
   }
 }
+function allowNone() {
+  // matches nothing
+  return /^$/;
+}
 
 function isSessionReplayOptionsValid(options) {
   const scaleValid = options.captureScale > 0 && options.captureScale <= 1;
@@ -672,6 +676,9 @@ async function registerCoralogixInstrumentations(options) {
     beforeSendCallback = options.beforeSend;
   }
   const tracerProvider = new sdkTraceWeb.WebTracerProvider();
+  tracerProvider.register({
+    propagator: new core.W3CTraceContextPropagator()
+  });
   const instrumentations = [];
   const instrumentationsOptions = options.instrumentations;
 
@@ -681,12 +688,12 @@ async function registerCoralogixInstrumentations(options) {
   if (isAndroid) {
     pluginApplied = await CxSdk.isCoralogixGradlePluginApplied();
   }
-  const shouldInterceptNetowrk = isAndroid && !pluginApplied && (!instrumentationsOptions || instrumentationsOptions.network !== false);
+  const shouldInterceptNetwork = isAndroid && !pluginApplied && (!instrumentationsOptions || instrumentationsOptions.network !== false);
   const shouldInterceptErrors = !instrumentationsOptions || instrumentationsOptions.errors !== false;
   const shouldInterceptMobileVitals = !instrumentationsOptions || instrumentationsOptions.mobile_vitals !== false;
-
+  logger.debug("activating fetch instrumentation: ", shouldInterceptNetwork);
   // Fetch instrumentation
-  if (shouldInterceptNetowrk) {
+  if (shouldInterceptNetwork) {
     fetchInstrumentation = new CoralogixFetchInstrumentation(options);
     instrumentations.push(fetchInstrumentation);
   }

package/index.esm.js

@@ -2,6 +2,7 @@ import { AppState, Platform, NativeModules, NativeEventEmitter, findNodeHandle }
 import { FetchInstrumentation } from '@opentelemetry/instrumentation-fetch';
 import { InstrumentationBase, registerInstrumentations } from '@opentelemetry/instrumentation';
 import { WebTracerProvider } from '@opentelemetry/sdk-trace-web';
+import { W3CTraceContextPropagator } from '@opentelemetry/core';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -217,7 +218,7 @@ function stopJsRefreshRateSampler() {
   appStateSub = null;
 }
 
-var version = "0.2.5";
+var version = "0.2.7";
 var pkg = {
 	version: version};
 
@@ -255,17 +256,6 @@ class Logger {
 }
 const logger = new Logger();
 
-const propagateTraceHeaderCorsUrls = config => {
-  var _traceParentInHeader$;
-  const {
-    traceParentInHeader
-  } = config;
-  const propagateCorsUrls = traceParentInHeader == null || (_traceParentInHeader$ = traceParentInHeader.options) == null ? void 0 : _traceParentInHeader$.propagateTraceHeaderCorsUrls;
-  if (traceParentInHeader != null && traceParentInHeader.enabled && propagateCorsUrls) {
-    config.propagateTraceHeaderCorsUrls = propagateCorsUrls;
-  }
-};
-
 const CORALOGIX_LOGS_URL_SUFFIX = '/browser/v1beta/logs';
 const CORALOGIX_RECORDING_URL_SUFFIX = '/sessionrecording';
 const OPTIONS_DEFAULTS = {
@@ -329,8 +319,18 @@ let OtelNetworkAttrs = /*#__PURE__*/function (OtelNetworkAttrs) {
 
 class CoralogixFetchInstrumentation extends FetchInstrumentation {
   constructor(config) {
-    propagateTraceHeaderCorsUrls(config);
-    config.applyCustomAttributesOnSpan = (span, request, result) => {
+    var _traceParentInHeader$;
+    const {
+      traceParentInHeader
+    } = config;
+    const enabled = (traceParentInHeader == null ? void 0 : traceParentInHeader.enabled) === true;
+    const urls = traceParentInHeader == null || (_traceParentInHeader$ = traceParentInHeader.options) == null ? void 0 : _traceParentInHeader$.allowedTracingUrls;
+    const fetchConfig = {
+      // If disabled -> match nothing -> no traceparent injection
+      // If enabled and user didn't provide urls -> match all
+      propagateTraceHeaderCorsUrls: enabled ? urls != null ? urls : /.*/ : allowNone()
+    };
+    fetchConfig.applyCustomAttributesOnSpan = (span, request, result) => {
       span.end();
       const readableSpan = span;
       const attrs = readableSpan.attributes;
@@ -364,12 +364,16 @@ class CoralogixFetchInstrumentation extends FetchInstrumentation {
       };
       CoralogixRum.reportNetworkRequest(details);
     };
-    super(config);
+    super(fetchConfig);
   }
   enable() {
     super.enable();
   }
 }
+function allowNone() {
+  // matches nothing
+  return /^$/;
+}
 
 function isSessionReplayOptionsValid(options) {
   const scaleValid = options.captureScale > 0 && options.captureScale <= 1;
@@ -670,6 +674,9 @@ async function registerCoralogixInstrumentations(options) {
     beforeSendCallback = options.beforeSend;
   }
   const tracerProvider = new WebTracerProvider();
+  tracerProvider.register({
+    propagator: new W3CTraceContextPropagator()
+  });
   const instrumentations = [];
   const instrumentationsOptions = options.instrumentations;
 
@@ -679,12 +686,12 @@ async function registerCoralogixInstrumentations(options) {
   if (isAndroid) {
     pluginApplied = await CxSdk.isCoralogixGradlePluginApplied();
   }
-  const shouldInterceptNetowrk = isAndroid && !pluginApplied && (!instrumentationsOptions || instrumentationsOptions.network !== false);
+  const shouldInterceptNetwork = isAndroid && !pluginApplied && (!instrumentationsOptions || instrumentationsOptions.network !== false);
   const shouldInterceptErrors = !instrumentationsOptions || instrumentationsOptions.errors !== false;
   const shouldInterceptMobileVitals = !instrumentationsOptions || instrumentationsOptions.mobile_vitals !== false;
-
+  logger.debug("activating fetch instrumentation: ", shouldInterceptNetwork);
   // Fetch instrumentation
-  if (shouldInterceptNetowrk) {
+  if (shouldInterceptNetwork) {
     fetchInstrumentation = new CoralogixFetchInstrumentation(options);
     instrumentations.push(fetchInstrumentation);
   }

package/ios/CxSdk.swift

@@ -128,7 +128,8 @@ class CxSdk: RCTEventEmitter {
       return
     }
     let data = data as? [String: Any] ?? [String: Any]()
-    coralogixRum?.log(severity:cxLogSeverity, message: message, data: data)
+    let labels = labels as? [String: Any] ?? [String: Any]()
+    coralogixRum?.log(severity:cxLogSeverity, message: message, data: data, labels: labels)
     resolve("log success")
   }
 
@@ -402,8 +403,8 @@ class CxSdk: RCTEventEmitter {
                                            fpsSampleRate: parameter["fpsSamplingSeconds"] as? TimeInterval ?? 300,
                                            instrumentations: instrumentationDict,
                                            collectIPData: parameter["collectIPData"] as? Bool ?? true,
-                                           proxyUrl: parameter["proxyUrl"] as? String ?? nil,
-                                           traceParentInHeader: parameter["traceParentInHeader"] as? [String: Any] ?? nil,
+                                          proxyUrl: parameter["proxyUrl"] as? String ?? nil,
+                                          traceParentInHeader: mapTraceParentInHeader(parameter["traceParentInHeader"] as? [String: Any]),
                                            mobileVitals: mobileVitalsDict,
                                            debug: parameter["debug"] as? Bool ?? true)
 
@@ -446,6 +447,23 @@ class CxSdk: RCTEventEmitter {
     return sessionReplayOptions
   }
 
+  private func mapTraceParentInHeader(_ rnConfig: [String: Any]?) -> [String: Any]? {
+    guard let rnConfig = rnConfig else { return nil }
+    
+    var nativeConfig: [String: Any] = [:]
+    
+    // Copy all keys, but rename "enabled" to "enable"
+    for (key, value) in rnConfig {
+      if key == "enabled" {
+        nativeConfig["enable"] = value
+      } else {
+        nativeConfig[key] = value
+      }
+    }
+    
+    return nativeConfig.isEmpty ? nil : nativeConfig
+  }
+
   private func convertToJSCompatibleEvent(event: [String: Any]) -> [String: Any] {
     var jsEvent: [String: Any] = [:]
     for (key, value) in event {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coralogix/react-native-plugin",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Official Coralogix React Native plugin",
   "license": "Apache-2.0",
   "author": "Coralogix",
@@ -25,6 +25,8 @@
   },
   "main": "./index.cjs.js",
   "dependencies": {
+    "@opentelemetry/context-zone": "^2.5.0",
+    "@opentelemetry/core": "^2.5.0",
     "@opentelemetry/instrumentation": "0.48.0",
     "@opentelemetry/instrumentation-fetch": "0.203.0",
     "@opentelemetry/sdk-trace-web": "1.30.1"

package/src/model/Types.d.ts

@@ -141,7 +141,7 @@ export interface TraceParentInHeader {
     enabled: boolean;
     options?: {
         /** urls outside of origin that should also add Traceparent to header */
-        propagateTraceHeaderCorsUrls?: Array<string | RegExp>;
+        allowedTracingUrls?: Array<string | RegExp>;
     };
 }
 export interface CoralogixStackFrame {

package/src/CoralogixPropgator.d.ts

@@ -1,2 +0,0 @@
-import { FetchInstrumentationConfig } from '@opentelemetry/instrumentation-fetch';
-export declare const propagateTraceHeaderCorsUrls: (config: FetchInstrumentationConfig) => void;