@ansight/react-native 1.3.0-preview.1 → 1.3.0-preview.11

package/index.js

@@ -10,6 +10,15 @@ const {
   findNodeHandle,
   processColor,
 } = require("react-native");
+const { version: reactVersion } = require("react");
+const {
+  createAutomaticSessionProperties,
+  mergeSessionProperties,
+} = require("./session-properties");
+const {
+  installNetworkCapture: installNetworkCaptureCore,
+  sanitizeNetworkRequest,
+} = require("./network");
 
 const nativeModule = NativeModules.AnsightReactNative;
 
@@ -33,6 +42,9 @@ const hostConnectionStatusListeners = new Set();
 let lastHostConnectionStatusKey = null;
 const logListeners = new Set();
 let logEventSubscription = null;
+let networkCaptureSubscription = null;
+let networkCaptureRegistration = null;
+let networkConnectionEventSubscription = null;
 const REACT_COMPONENT_TREE_TOOL_ID = "react.get_component_tree";
 const REACT_SHADOW_TREE_TOOL_ID = "react.get_shadow_tree";
 
@@ -44,7 +56,28 @@ function normalizePairingPayload(payload) {
 }
 
 function normalizeOptions(options = {}) {
-  return { ...options };
+  const normalized = {
+    ...options,
+    customProperties: mergeSessionProperties(
+      automaticSessionProperties(),
+      options.customProperties
+    ),
+  };
+  delete normalized.networkCapture;
+  return normalized;
+}
+
+function automaticSessionProperties() {
+  return createAutomaticSessionProperties({
+    platform: Platform,
+    reactVersion,
+    runtimeGlobal: global,
+    developmentMode: typeof __DEV__ !== "undefined" && __DEV__,
+  });
+}
+
+function automaticSessionPropertyValue(group, key) {
+  return automaticSessionProperties()[group]?.[key];
 }
 
 function cloneOptions(options = {}) {
@@ -61,6 +94,9 @@ function cloneOptions(options = {}) {
   if (options.touchCapture && typeof options.touchCapture === "object") {
     clone.touchCapture = { ...options.touchCapture };
   }
+  if (options.crashCapture && typeof options.crashCapture === "object") {
+    clone.crashCapture = { ...options.crashCapture };
+  }
   if (options.lifecycleCapture) {
     clone.lifecycleCapture = { ...options.lifecycleCapture };
   }
@@ -70,6 +106,17 @@ function cloneOptions(options = {}) {
   if (options.hostConnection) {
     clone.hostConnection = { ...options.hostConnection };
   }
+  if (options.networkCapture && typeof options.networkCapture === "object") {
+    clone.networkCapture = {
+      ...options.networkCapture,
+      additionalSensitiveHeaderNames: options.networkCapture.additionalSensitiveHeaderNames
+        ? [...options.networkCapture.additionalSensitiveHeaderNames]
+        : undefined,
+      additionalSensitiveQueryParameterNames: options.networkCapture.additionalSensitiveQueryParameterNames
+        ? [...options.networkCapture.additionalSensitiveQueryParameterNames]
+        : undefined,
+    };
+  }
   if (options.secureStorage) {
     clone.secureStorage = {
       ...options.secureStorage,
@@ -157,6 +204,8 @@ class AnsightOptionsBuilder {
       retentionPeriodSeconds: 120,
       enableFramesPerSecond: true,
       enableBatteryLevel: false,
+      enableOpenFileHandleTracking: false,
+      enableJniReferenceCountTracking: false,
       sessionJpegCapture: {
         intervalMilliseconds: 2000,
         quality: 60,
@@ -209,6 +258,26 @@ class AnsightOptionsBuilder {
     return this;
   }
 
+  withOpenFileHandleTracking() {
+    this._options.enableOpenFileHandleTracking = true;
+    return this;
+  }
+
+  withoutOpenFileHandleTracking() {
+    this._options.enableOpenFileHandleTracking = false;
+    return this;
+  }
+
+  withJniReferenceCountTracking() {
+    this._options.enableJniReferenceCountTracking = true;
+    return this;
+  }
+
+  withoutJniReferenceCountTracking() {
+    this._options.enableJniReferenceCountTracking = false;
+    return this;
+  }
+
   withRetentionPeriodSeconds(retentionPeriodSeconds) {
     this._options.retentionPeriodSeconds = retentionPeriodSeconds;
     return this;
@@ -269,6 +338,7 @@ class AnsightOptionsBuilder {
         maxWidth: arguments.length > 2 ? arguments[2] : 480,
         captureGpuBackedSurfaces: arguments.length > 3 ? arguments[3] : true,
         mode: arguments.length > 4 ? arguments[4] : "screenshotOnly",
+        captureKeyboardPresence: arguments.length > 5 ? arguments[5] : false,
       };
       return this;
     }
@@ -276,6 +346,7 @@ class AnsightOptionsBuilder {
       intervalMilliseconds: 2000,
       quality: 60,
       maxWidth: 480,
+      captureKeyboardPresence: false,
       mode: "screenshotOnly",
       ...(optionsOrIntervalMilliseconds || {}),
     };
@@ -297,11 +368,67 @@ class AnsightOptionsBuilder {
     return this;
   }
 
+  withCrashCapture(crashCapture = {}) {
+    this._options.crashCapture = { ...crashCapture, enabled: true };
+    return this;
+  }
+
+  withoutCrashCapture() {
+    this._options.crashCapture = false;
+    return this;
+  }
+
   withLifecycleCapture(lifecycleCapture = {}) {
     this._options.lifecycleCapture = { ...lifecycleCapture };
     return this;
   }
 
+  withNetworkCapture(networkCapture = {}) {
+    this._options.networkCapture = { ...networkCapture };
+    return this;
+  }
+
+  withNetworkRequestBodies(maximumBodyBytes) {
+    if (!this._options.networkCapture || typeof this._options.networkCapture !== "object") return this;
+    const current = this._options.networkCapture;
+    this._options.networkCapture = {
+      ...current,
+      captureRequestBody: true,
+      ...(maximumBodyBytes == null ? {} : { maximumBodyBytes }),
+    };
+    return this;
+  }
+
+  withoutNetworkRequestBodies() {
+    if (!this._options.networkCapture || typeof this._options.networkCapture !== "object") return this;
+    const current = this._options.networkCapture;
+    this._options.networkCapture = { ...current, captureRequestBody: false };
+    return this;
+  }
+
+  withNetworkResponseBodies(maximumBodyBytes) {
+    if (!this._options.networkCapture || typeof this._options.networkCapture !== "object") return this;
+    const current = this._options.networkCapture;
+    this._options.networkCapture = {
+      ...current,
+      captureResponseBody: true,
+      ...(maximumBodyBytes == null ? {} : { maximumBodyBytes }),
+    };
+    return this;
+  }
+
+  withoutNetworkResponseBodies() {
+    if (!this._options.networkCapture || typeof this._options.networkCapture !== "object") return this;
+    const current = this._options.networkCapture;
+    this._options.networkCapture = { ...current, captureResponseBody: false };
+    return this;
+  }
+
+  withoutNetworkCapture() {
+    this._options.networkCapture = false;
+    return this;
+  }
+
   withToolGuard(toolGuard) {
     this._options.toolGuard = toolGuard;
     return this;
@@ -544,6 +671,7 @@ function addHostConnectionStatusListener(listener, options = {}) {
 
 async function notifyAfterHostConnectionChange(operation) {
   const result = await operation();
+  await refreshNetworkCaptureConnection();
   await emitHostConnectionStatusChangedIfNeeded();
   return result;
 }
@@ -1391,7 +1519,7 @@ function summarizeProps(props) {
   }
   const keys = Object.keys(props).filter((key) => key !== "children");
   const summary = { keys };
-  ["testID", "nativeID", "accessibilityLabel", "role"].forEach((key) => {
+  ["testID", "nativeID", "accessibilityLabel", "accessibilityRole", "role"].forEach((key) => {
     if (props[key] != null && !isSensitiveKey(key)) {
       summary[key] = String(props[key]);
     }
@@ -1403,6 +1531,42 @@ function summarizeProps(props) {
   return summary;
 }
 
+function reactSemanticRole(type, props, fiberTag) {
+  const declared = props && (props.accessibilityRole || props.role);
+  if (declared) return String(declared).toLowerCase();
+  if (fiberTag === 6 || /text/i.test(type)) return "text";
+  if (/button|pressable|touchable/i.test(type)) return "button";
+  if (/textinput/i.test(type)) return "textbox";
+  if (/switch/i.test(type)) return "switch";
+  if (/scrollview|flatlist|sectionlist/i.test(type)) return "scrollview";
+  return "view";
+}
+
+function reactSupportedActions(type, props) {
+  const actions = [];
+  if (props && typeof props.onPress === "function") actions.push("tap");
+  if (props && (typeof props.onChangeText === "function" || /textinput/i.test(type))) {
+    actions.push("typeText", "focus");
+  }
+  if (/scrollview|flatlist|sectionlist/i.test(type) || (props && typeof props.onScroll === "function")) {
+    actions.push("scroll", "swipe");
+  }
+  return actions;
+}
+
+function applyReactTargetability(node, fiber, props, type) {
+  const style = StyleSheet && typeof StyleSheet.flatten === "function"
+    ? StyleSheet.flatten(props && props.style)
+    : props && props.style;
+  node.text = node.label || (node.visual && node.visual.text) || null;
+  node.role = reactSemanticRole(type, props, fiber.tag);
+  node.supportedActions = reactSupportedActions(type, props);
+  node.visible = !(style && style.display === "none") && !(props && props.accessibilityElementsHidden);
+  node.enabled = !(props && (props.disabled === true || props.accessibilityState && props.accessibilityState.disabled === true));
+  node.focusable = !!(props && props.focusable) || node.supportedActions.includes("focus");
+  node.interactable = node.visible && node.enabled && node.supportedActions.length > 0;
+}
+
 function reactColorToArgbHex(value) {
   if (value == null) {
     return undefined;
@@ -1453,6 +1617,28 @@ function createReactVisual(fiber, props, maxStringLength) {
   return visual;
 }
 
+function createReactZIndex(props) {
+  const style = StyleSheet && typeof StyleSheet.flatten === "function"
+    ? StyleSheet.flatten(props && props.style)
+    : props && props.style;
+  const zIndex = style && style.zIndex != null ? Number(style.zIndex) : NaN;
+  const elevation = style && style.elevation != null ? Number(style.elevation) : NaN;
+  if (Number.isFinite(zIndex) && zIndex !== 0) return zIndex;
+  if (Number.isFinite(elevation) && elevation !== 0) return elevation;
+  return null;
+}
+
+function registerReactType(context, typeName) {
+  const normalizedTypeName = String(typeName || "UnknownComponent").trim() || "UnknownComponent";
+  const existingTypeId = context.typeIdsByName.get(normalizedTypeName);
+  if (existingTypeId != null) return existingTypeId;
+
+  const typeId = context.types.length;
+  context.types.push(normalizedTypeName);
+  context.typeIdsByName.set(normalizedTypeName, typeId);
+  return typeId;
+}
+
 function nativeTagForFiber(fiber) {
   const stateNode = fiber && fiber.stateNode;
   if (!stateNode) {
@@ -1524,17 +1710,17 @@ function serializeFiber(fiber, context, depth) {
 
   const props = fiber.memoizedProps || fiber.pendingProps || {};
   const type = reactFiberTypeName(fiber);
-  const kind = reactFiberKind(fiber.tag);
   const node = {
     id: reactFiberId(fiber),
-    type,
-    kind,
+    typeId: registerReactType(context, type),
     tag: fiber.tag,
     key: fiber.key == null ? null : String(fiber.key),
     depth,
     visual: createReactVisual(fiber, props, context.maxStringLength),
     children: [],
   };
+  const zIndex = createReactZIndex(props);
+  if (zIndex != null) node.z = zIndex;
 
   if (fiber._debugSource) {
     node.source = {
@@ -1546,7 +1732,7 @@ function serializeFiber(fiber, context, depth) {
 
   const owner = fiber._debugOwner && reactFiberTypeName(fiber._debugOwner);
   if (owner) {
-    node.owner = owner;
+    node.ownerTypeId = registerReactType(context, owner);
   }
 
   const nativeTag = nativeTagForFiber(fiber);
@@ -1577,6 +1763,8 @@ function serializeFiber(fiber, context, depth) {
     node.state = sanitizeValue(fiber.memoizedState, context);
   }
 
+  applyReactTargetability(node, fiber, props, type);
+
   if (depth < context.maxDepth) {
     let child = fiber.child;
     while (child) {
@@ -1600,16 +1788,18 @@ function isShadowTreeFiber(fiber) {
 
 function createShadowTreeNode(fiber, context, depth) {
   const props = fiber.memoizedProps || fiber.pendingProps || {};
+  const type = reactFiberTypeName(fiber);
   const node = {
     id: reactFiberId(fiber),
-    type: reactFiberTypeName(fiber),
-    kind: fiber.tag === 3 ? "root" : fiber.tag === 6 ? "text" : "host",
+    typeId: registerReactType(context, type),
     tag: fiber.tag,
     key: fiber.key == null ? null : String(fiber.key),
     depth,
     visual: createReactVisual(fiber, props, context.maxStringLength),
     children: [],
   };
+  const zIndex = createReactZIndex(props);
+  if (zIndex != null) node.z = zIndex;
 
   const nativeTag = nativeTagForFiber(fiber);
   if (nativeTag != null) {
@@ -1635,6 +1825,8 @@ function createShadowTreeNode(fiber, context, depth) {
     }
   }
 
+  applyReactTargetability(node, fiber, props, type);
+
   return node;
 }
 
@@ -1691,19 +1883,21 @@ async function captureReactVisualTree(rawOptions = {}) {
     maxStringLength: rawOptions.maxStringLength || 180,
     maxValueDepth: rawOptions.maxValueDepth || 2,
     nodesWithNativeTags: [],
+    typeIdsByName: new Map(),
+    types: [],
     count: 0,
     truncated: false,
     visited: new Set(),
   };
   const roots = getReactRoots();
-  const rootNodes = roots.roots.map((root, index) => {
+  const rootNodes = roots.roots.map((root) => {
     const node = serializeFiber(root.fiber, context, 0);
     if (node) {
       node.rendererId = root.rendererId;
-      node.rootIndex = index;
     }
     return node;
   }).filter(Boolean);
+  const rootTypeId = registerReactType(context, "ReactRoots");
 
   if (includeBounds && context.nodesWithNativeTags.length > 0) {
     await Promise.all(context.nodesWithNativeTags.slice(0, 300).map(async (node) => {
@@ -1715,6 +1909,7 @@ async function captureReactVisualTree(rawOptions = {}) {
   }
 
   return {
+    format: "ansight.react.visual-tree.compact.v2",
     platform: Platform.OS,
     source: "react",
     adapter: "react.fiber",
@@ -1724,11 +1919,11 @@ async function captureReactVisualTree(rawOptions = {}) {
     renderers: roots.renderers,
     root: {
       id: "react:roots",
-      type: "ReactRoots",
-      kind: "container",
+      typeId: rootTypeId,
+      childCount: rootNodes.length,
       children: rootNodes,
     },
-    roots: rootNodes,
+    types: context.types,
     nodeCount: context.count,
     truncated: context.truncated,
     unavailableReason: roots.hookAvailable ? undefined : "React DevTools global hook is not available in this runtime.",
@@ -1748,19 +1943,21 @@ async function captureReactShadowTree(rawOptions = {}) {
     maxStringLength: rawOptions.maxStringLength || 180,
     maxValueDepth: rawOptions.maxValueDepth || 2,
     nodesWithNativeTags: [],
+    typeIdsByName: new Map(),
+    types: [],
     count: 0,
     truncated: false,
     visited: new Set(),
   };
   const roots = getReactRoots();
-  const rootNodes = roots.roots.flatMap((root, index) => {
+  const rootNodes = roots.roots.flatMap((root) => {
     const nodes = serializeShadowFiber(root.fiber, context, 0);
     nodes.forEach((node) => {
       node.rendererId = root.rendererId;
-      node.rootIndex = index;
     });
     return nodes;
   });
+  const rootTypeId = registerReactType(context, "ReactNativeShadowRoots");
 
   if (includeBounds && context.nodesWithNativeTags.length > 0) {
     await Promise.all(context.nodesWithNativeTags.slice(0, 300).map(async (node) => {
@@ -1772,6 +1969,7 @@ async function captureReactShadowTree(rawOptions = {}) {
   }
 
   return {
+    format: "ansight.react.visual-tree.compact.v2",
     platform: Platform.OS,
     source: "react-native",
     adapter: "react-native.host-fiber",
@@ -1781,11 +1979,11 @@ async function captureReactShadowTree(rawOptions = {}) {
     renderers: roots.renderers,
     root: {
       id: "react:shadow-roots",
-      type: "ReactNativeShadowRoots",
-      kind: "container",
+      typeId: rootTypeId,
+      childCount: rootNodes.length,
       children: rootNodes,
     },
-    roots: rootNodes,
+    types: context.types,
     nodeCount: context.count,
     truncated: context.truncated,
     unavailableReason: roots.hookAvailable ? undefined : "React DevTools global hook is not available in this runtime.",
@@ -1801,13 +1999,18 @@ function flattenReactTree(node, output = []) {
   return output;
 }
 
-function nodeSearchText(node) {
+function createReactNodeSnapshot(node) {
+  const snapshot = { ...node };
+  delete snapshot.children;
+  return snapshot;
+}
+
+function nodeSearchText(node, types) {
   return [
     node.id,
-    node.type,
-    node.kind,
+    types[node.typeId],
     node.label,
-    node.owner,
+    types[node.ownerTypeId],
     node.propsSummary && node.propsSummary.testID,
     node.propsSummary && node.propsSummary.nativeID,
     node.propsSummary && node.propsSummary.accessibilityLabel,
@@ -1815,14 +2018,14 @@ function nodeSearchText(node) {
   ].filter(Boolean).join(" ").toLowerCase();
 }
 
-function matchesReactNode(node, args) {
+function matchesReactNode(node, args, types) {
   const query = args.query ? String(args.query).toLowerCase() : null;
   const type = args.type ? String(args.type).toLowerCase() : null;
   const testID = args.testID ? String(args.testID).toLowerCase() : null;
   const text = args.text ? String(args.text).toLowerCase() : null;
-  const searchText = nodeSearchText(node);
+  const searchText = nodeSearchText(node, types);
   return (!query || searchText.includes(query)) &&
-    (!type || String(node.type || "").toLowerCase().includes(type)) &&
+    (!type || String(types[node.typeId] || "").toLowerCase().includes(type)) &&
     (!testID || String((node.propsSummary && node.propsSummary.testID) || "").toLowerCase() === testID) &&
     (!text || searchText.includes(text));
 }
@@ -2043,12 +2246,14 @@ function installReactTools(options = {}) {
         });
         const maxResults = parseInteger(args.maxResults, 50, 1, 500);
         const matches = flattenReactTree(tree.root)
-          .filter((node) => node.id !== "react:roots" && matchesReactNode(node, args))
-          .slice(0, maxResults);
+          .filter((node) => node.id !== "react:roots" && matchesReactNode(node, args, tree.types))
+          .slice(0, maxResults)
+          .map(createReactNodeSnapshot);
         return {
           success: tree.hookAvailable,
           message: `Found ${matches.length} React component(s).`,
           result: {
+            types: tree.types,
             matches,
             count: matches.length,
             truncated: matches.length === maxResults,
@@ -2060,7 +2265,11 @@ function installReactTools(options = {}) {
         const tree = await captureReactVisualTree(reactToolOptions(options, args));
         const node = flattenReactTree(tree.root).find((candidate) => candidate.id === args.nodeId);
         return node
-          ? { success: true, message: "React component captured.", result: node }
+          ? {
+            success: true,
+            message: "React component captured.",
+            result: { types: tree.types, node: createReactNodeSnapshot(node) },
+          }
           : { success: false, message: `React component '${args.nodeId}' was not found.`, errorCode: "react_component_not_found" };
       }
 
@@ -2101,7 +2310,7 @@ function installReactTools(options = {}) {
           result: {
             nodeId: args.nodeId,
             prop,
-            type: node.type,
+            type: tree.types[node.typeId],
           },
         };
       }
@@ -2137,6 +2346,14 @@ function installErrorHandlers(options = {}) {
 
   if (global.ErrorUtils && global.ErrorUtils.setGlobalHandler) {
     global.ErrorUtils.setGlobalHandler((error, isFatal) => {
+      nativeModule.recordCrashCandidate({
+        runtime: "react-native-javascript",
+        kind: "unhandled_javascript_error",
+        message: error && error.message,
+        stack: error && error.stack,
+        fatal: !!isFatal,
+        metadata: JSON.stringify({ name: error && error.name }),
+      }).catch(() => {});
       nativeModule.recordEvent({
         label: error && error.message ? error.message : "Unhandled JavaScript error",
         type: "Exception",
@@ -2159,6 +2376,13 @@ function installErrorHandlers(options = {}) {
     global.__ansightUnhandledRejectionTrackingInstalled = true;
     global.addEventListener("unhandledrejection", (event) => {
       const reason = event && event.reason;
+      nativeModule.recordCrashCandidate({
+        runtime: "react-native-javascript",
+        kind: "unhandled_promise_rejection",
+        message: reason && reason.message ? reason.message : String(reason),
+        stack: reason && reason.stack,
+        fatal: false,
+      }).catch(() => {});
       nativeModule.recordEvent({
         label: reason && reason.message ? reason.message : "Unhandled JavaScript promise rejection",
         type: "Exception",
@@ -2180,6 +2404,7 @@ function installErrorHandlers(options = {}) {
 
 async function initialize(options = {}) {
   const result = await nativeModule.initialize(normalizeOptions(options));
+  await configureNetworkCapture(options.networkCapture);
   if (options.lifecycle !== false) {
     startAppStateTracking();
   }
@@ -2189,6 +2414,7 @@ async function initialize(options = {}) {
 
 async function initializeAndActivate(options = {}) {
   const result = await nativeModule.initializeAndActivate(normalizeOptions(options));
+  await configureNetworkCapture(options.networkCapture);
   if (options.lifecycle !== false) {
     startAppStateTracking();
   }
@@ -2253,6 +2479,103 @@ function recordEvent(input) {
   return nativeModule.recordEvent(input || {});
 }
 
+function recordCrashCandidate(input = {}) {
+  const metadata = input.metadata && typeof input.metadata === "object"
+    ? JSON.stringify(input.metadata)
+    : input.metadata;
+  return nativeModule.recordCrashCandidate({
+    ...input,
+    metadata,
+  });
+}
+
+function recordNetworkRequest(input, sanitizationOptions = {}) {
+  const sanitized = sanitizeNetworkRequest(input, sanitizationOptions, global);
+  if (!sanitized) {
+    return Promise.resolve({ success: false, message: "Network request capture was suppressed by the sanitizer." });
+  }
+  return nativeModule.recordNetworkRequest(sanitized);
+}
+
+function installNetworkCapture(options = {}) {
+  uninstallNetworkCapture();
+  const registration = { options };
+  networkCaptureRegistration = registration;
+  ensureNetworkConnectionEventSubscription();
+  void refreshNetworkCaptureConnection();
+  return {
+    remove() {
+      if (networkCaptureRegistration === registration) {
+        uninstallNetworkCapture();
+      }
+    },
+  };
+}
+
+function uninstallNetworkCapture() {
+  networkCaptureRegistration = null;
+  if (networkConnectionEventSubscription) {
+    networkConnectionEventSubscription.remove();
+    networkConnectionEventSubscription = null;
+  }
+  detachNetworkCapture();
+}
+
+function detachNetworkCapture() {
+  if (!networkCaptureSubscription) return;
+  networkCaptureSubscription.remove();
+  networkCaptureSubscription = null;
+}
+
+async function refreshNetworkCaptureConnection() {
+  const registration = networkCaptureRegistration;
+  if (!registration) {
+    detachNetworkCapture();
+    return;
+  }
+  try {
+    const status = await nativeModule.hostConnectionStatus();
+    if (networkCaptureRegistration !== registration) return;
+    applyNetworkConnectionStatus(status);
+  } catch {
+    if (networkCaptureRegistration === registration) detachNetworkCapture();
+  }
+}
+
+function ensureNetworkConnectionEventSubscription() {
+  if (networkConnectionEventSubscription) return;
+  const emitter = new NativeEventEmitter(nativeModule);
+  networkConnectionEventSubscription = emitter.addListener(
+    "AnsightHostConnectionStatus",
+    applyNetworkConnectionStatus,
+  );
+}
+
+function applyNetworkConnectionStatus(status) {
+  const registration = networkCaptureRegistration;
+  if (!registration || !status || status.isConnected !== true) {
+    detachNetworkCapture();
+    return;
+  }
+  if (!networkCaptureSubscription) {
+    networkCaptureSubscription = installNetworkCaptureCore({
+      globalObject: global,
+      options: registration.options,
+      sourcePrefix: "react-native",
+      capture: (request) => nativeModule.recordNetworkRequest(request),
+    });
+  }
+}
+
+async function configureNetworkCapture(value) {
+  uninstallNetworkCapture();
+  if (!value) return;
+  const registration = { options: typeof value === "object" ? value : {} };
+  networkCaptureRegistration = registration;
+  ensureNetworkConnectionEventSubscription();
+  await refreshNetworkCaptureConnection();
+}
+
 function screenViewed(name, details) {
   return nativeModule.screenViewed(name, details || {});
 }
@@ -2295,6 +2618,8 @@ const Ansight = {
   recordMetric: (value, channel = 255) => nativeModule.recordMetric(value, channel),
   event: recordEvent,
   recordEvent,
+  recordCrashCandidate,
+  recordNetworkRequest,
   screenViewed,
   trackRoute,
   setAppLifecycleState: (state) => nativeModule.setAppLifecycleState(state),
@@ -2329,12 +2654,21 @@ const Ansight = {
   captureScreenFrame: (options = {}) => nativeModule.captureScreenFrame(options || {}),
   enableTouchCapture: () => nativeModule.enableTouchCapture(),
   disableTouchCapture: () => nativeModule.disableTouchCapture(),
-  updateSessionProperties: (properties) => nativeModule.updateSessionProperties(properties || {}),
-  clearSessionProperties: () => nativeModule.clearSessionProperties(),
-  updateCustomProperties: (properties) => nativeModule.updateSessionProperties(properties || {}),
+  updateSessionProperties: (properties) => nativeModule.updateSessionProperties(
+    mergeSessionProperties(automaticSessionProperties(), properties || {})
+  ),
+  clearSessionProperties: () => nativeModule.updateSessionProperties(automaticSessionProperties()),
+  updateCustomProperties: (properties) => nativeModule.updateSessionProperties(
+    mergeSessionProperties(automaticSessionProperties(), properties || {})
+  ),
   registerCustomProperty: (group, key, value) => nativeModule.registerCustomProperty(group, key, value),
-  removeCustomProperty: (group, key) => nativeModule.removeCustomProperty(group, key),
-  clearCustomProperties: () => nativeModule.clearSessionProperties(),
+  removeCustomProperty: (group, key) => {
+    const automaticValue = automaticSessionPropertyValue(group, key);
+    return automaticValue == null
+      ? nativeModule.removeCustomProperty(group, key)
+      : nativeModule.registerCustomProperty(group, key, automaticValue);
+  },
+  clearCustomProperties: () => nativeModule.updateSessionProperties(automaticSessionProperties()),
   registerTool,
   unregisterTool,
   registerArtifactProvider,
@@ -2356,6 +2690,9 @@ const Ansight = {
   installReactTools,
   uninstallReactTools,
   installErrorHandlers,
+  installNetworkCapture,
+  uninstallNetworkCapture,
+  sanitizeNetworkRequest,
   createReactNavigationTracker,
   platform: Platform.OS,
 };
@@ -2374,3 +2711,7 @@ module.exports.registerArtifactProviders = registerArtifactProviders;
 module.exports.unregisterArtifactProvider = unregisterArtifactProvider;
 module.exports.listRegisteredArtifactProviders = listRegisteredArtifactProviders;
 module.exports.clearArtifactProviders = clearArtifactProviders;
+module.exports.recordNetworkRequest = recordNetworkRequest;
+module.exports.installNetworkCapture = installNetworkCapture;
+module.exports.uninstallNetworkCapture = uninstallNetworkCapture;
+module.exports.sanitizeNetworkRequest = sanitizeNetworkRequest;