chore: fix native iOS automatic capturing

Author: AndrewAminInstabug

examples/default/ios/InstabugExample.xcodeproj/project.pbxproj

@@ -18,8 +18,7 @@ target 'InstabugExample' do
   # Flags change depending on the env values.
   flags = get_default_flags()
 
-#   pod 'Instabug', :podspec => 'https://ios-releases.instabug.com/custom/feature-support_cp_network_filtering_obfuscation-base/13.4.2/Instabug.podspec'
-  pod 'Instabug', :podspec => 'https://ios-releases.instabug.com/custom/feature-support_cp_network_filtering_obfuscation-release/13.4.2/Instabug.podspec'
+  pod 'Instabug', :podspec => 'https://ios-releases.instabug.com/custom/release-support_cp_network_filtering_obfuscation-add_reset_network_state/13.4.2/Instabug.podspec'
   use_react_native!(
     :path => config[:reactNativePath],
     # Hermes is now enabled by default. Disable by setting this flag to false.

examples/default/ios/Podfile

@@ -524,7 +524,7 @@ DEPENDENCIES:
   - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`)
   - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
   - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
-  - Instabug (from `https://ios-releases.instabug.com/custom/feature-support_cp_network_filtering_obfuscation-release/13.4.2/Instabug.podspec`)
+  - Instabug (from `https://ios-releases.instabug.com/custom/release-support_cp_network_filtering_obfuscation-add_reset_network_state/13.4.2/Instabug.podspec`)
   - instabug-reactnative-ndk (from `../node_modules/instabug-reactnative-ndk`)
   - libevent (~> 2.1.12)
   - OCMock
@@ -600,7 +600,7 @@ EXTERNAL SOURCES:
     :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
     :tag: hermes-2023-03-20-RNv0.72.0-49794cfc7c81fb8f69fd60c3bbf85a7480cc5a77
   Instabug:
-    :podspec: https://ios-releases.instabug.com/custom/feature-support_cp_network_filtering_obfuscation-release/13.4.2/Instabug.podspec
+    :podspec: https://ios-releases.instabug.com/custom/release-support_cp_network_filtering_obfuscation-add_reset_network_state/13.4.2/Instabug.podspec
   instabug-reactnative-ndk:
     :path: "../node_modules/instabug-reactnative-ndk"
   RCT-Folly:
@@ -706,7 +706,7 @@ SPEC CHECKSUMS:
   Google-Maps-iOS-Utils: f77eab4c4326d7e6a277f8e23a0232402731913a
   GoogleMaps: 032f676450ba0779bd8ce16840690915f84e57ac
   hermes-engine: 10fbd3f62405c41ea07e71973ea61e1878d07322
-  Instabug: 2a314dc5c7a6d5d07f7cb20f21c98dab72ec2387
+  Instabug: eee21d3c3aaf8f2576bfa840b170a96c3898a437
   instabug-reactnative-ndk: 960119a69380cf4cbe47ccd007c453f757927d17
   libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913
   OCMock: 589f2c84dacb1f5aaf6e4cec1f292551fe748e74
@@ -758,6 +758,6 @@ SPEC CHECKSUMS:
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
   Yoga: 8796b55dba14d7004f980b54bcc9833ee45b28ce
 
-PODFILE CHECKSUM: 406d29e19cb1ac67c149111d9ea23ee7bbf9db83
+PODFILE CHECKSUM: 627a2a90e282a9fc9378b8a2ab29d94557724393
 
 COCOAPODS: 1.15.2

examples/default/ios/Podfile.lock

@@ -5,7 +5,7 @@ import { Screen } from '../../components/Screen';
 import { ClipboardTextInput } from '../../components/ClipboardTextInput';
 import { useQuery } from 'react-query';
 import { HStack, VStack } from 'native-base';
-import { gql, request } from 'graphql-request';
+import { gql, GraphQLClient } from 'graphql-request';
 import { CustomButton } from '../../components/CustomButton';
 import axios from 'axios';
 import type { HomeStackParamList } from '../../navigation/HomeStack';
@@ -101,6 +101,12 @@ export const NetworkScreen: React.FC<
   }
 
   const fetchGraphQlData = async () => {
+    const client = new GraphQLClient('https://countries.trevorblades.com/graphql', {
+      headers: {
+        'ibg-graphql-header': 'AndrewQL', // change Query Name here
+      },
+    });
+
     const document = gql`
       query {
         country(code: "EG") {
@@ -110,10 +116,7 @@ export const NetworkScreen: React.FC<
       }
     `;
 
-    return request<{ country: { emoji: string; name: string } }>(
-      'https://countries.trevorblades.com/graphql',
-      document,
-    );
+    return client.request<{ country: { emoji: string; name: string } }>(document);
   };
 
   const { data, isError, isSuccess, isLoading, refetch } = useQuery('helloQuery', fetchGraphQlData);
@@ -127,7 +130,6 @@ export const NetworkScreen: React.FC<
   }
 
   async function makeSequentialApiCalls(urls: string[]): Promise<any[]> {
-    // const fetchPromises = urls.map((url) => fetch(url).then((response) => response.json()));
     const results: any[] = [];
 
     try {
@@ -182,7 +184,7 @@ export const NetworkScreen: React.FC<
               title="Send Sequantail Requests"
             />
 
-            <CustomButton onPress={() => refetch} title="Reload GraphQL" />
+            <CustomButton onPress={() => refetch()} title="Reload GraphQL" />
             <View>
               {isLoading && <Text>Loading...</Text>}
               {isSuccess && <Text>GraphQL Data: {data.country.emoji}</Text>}

examples/default/src/screens/apm/NetworkScreen.tsx

@@ -11,4 +11,5 @@
  */
 
 - (void)isNativeInterceptionEnabled:(RCTPromiseResolveBlock)resolve :(RCTPromiseRejectBlock)reject;
+- (void)resetNetworkLogToDefaultStateIOS;
 @end

ios/RNInstabug/InstabugNetworkLoggerBridge.h

@@ -44,4 +44,8 @@ -(void)stopObserving {
     resolve(@(IBGNetworkLogger.isNativeNetworkInterceptionFeatureEnabled));
 }
 
+RCT_EXPORT_METHOD(resetNetworkLogToDefaultStateIOS) {
+    [IBGNetworkLogger resetNetworkLogToDefaultState];
+}
+
 @end

ios/RNInstabug/InstabugNetworkLoggerBridge.m

@@ -30,6 +30,7 @@ NS_ASSUME_NONNULL_BEGIN
                    timestamp:(NSNumber * _Nullable)timestamp
      generatedW3CTraceparent:(NSString * _Nullable)generatedW3CTraceparent
       caughtedW3CTraceparent:(NSString * _Nullable)caughtedW3CTraceparent;
++ (void)resetNetworkLogToDefaultState;
 
 @end
 

ios/RNInstabug/Util/IBGNetworkLogger+CP.h

@@ -73,13 +73,22 @@ function reportCurrentViewForAndroid(screenName: string | null) {
 }
 
 function _logFlags() {
-  console.log(
-    `Andrew: init -> {
+  if (Platform.OS === 'android') {
+    console.log(
+      `Andrew: APM Flags -> {
      isNativeInterceptionFeatureEnabled: ${isNativeInterceptionFeatureEnabled},
      hasAPMNetworkPlugin: ${hasAPMNetworkPlugin},
      shouldEnableNativeInterception: ${shouldEnableNativeInterception}
     }`,
-  );
+    );
+  } else {
+    console.log(
+      `Andrew: APM Flags -> {
+     isNativeInterceptionFeatureEnabled: ${isNativeInterceptionFeatureEnabled},
+     shouldEnableNativeInterception: ${shouldEnableNativeInterception}
+    }`,
+    );
+  }
 }
 
 /**
@@ -101,19 +110,19 @@ export const init = async (config: InstabugConfig) => {
   // Add app state listener to handle background/foreground transitions
   addAppStateListener(async (nextAppState) => handleAppStateChange(nextAppState, config));
 
+  // Perform platform-specific checks and update interception mode
+  handleNetworkInterceptionMode(config);
+
+  // Log the current APM network flags and initialize Instabug
+  _logFlags();
+
   //Set APM networking flags for the first time
   setApmNetworkFlagsIfChanged({
     isNativeInterceptionFeatureEnabled: isNativeInterceptionFeatureEnabled,
     hasAPMNetworkPlugin: hasAPMNetworkPlugin,
     shouldEnableNativeInterception: shouldEnableNativeInterception,
   });
 
-  // Perform platform-specific checks and update interception mode
-  handleNetworkInterceptionMode(config);
-
-  // Log the current APM network flags and initialize Instabug
-  _logFlags();
-
   // call Instabug native init method
   initializeNativeInstabug(config);
 
@@ -140,16 +149,20 @@ const handleAppStateChange = async (nextAppState: AppStateStatus, config: Instab
   // Checks if  the app has come to the foreground
   if (['inactive', 'background'].includes(_currentAppState) && nextAppState === 'active') {
     // Update the APM network flags
-    const updatedFlags = await fetchApmNetworkFlags();
-    const isUpdated = setApmNetworkFlagsIfChanged(updatedFlags);
+    const isUpdated = await fetchApmNetworkFlags();
 
     if (isUpdated) {
+      console.log('Andrew: App has come to the foreground!');
       console.log('Andrew: APM network flags updated.');
       handleNetworkInterceptionMode(config);
-      initializeNativeInstabug(config);
+      handleIOSNativeInterception(config);
+      _logFlags();
+      setApmNetworkFlagsIfChanged({
+        isNativeInterceptionFeatureEnabled,
+        hasAPMNetworkPlugin,
+        shouldEnableNativeInterception,
+      });
     }
-    _logFlags();
-    console.log('Andrew: App has come to the foreground!');
   }
 
   _currentAppState = nextAppState;
@@ -160,16 +173,25 @@ const handleAppStateChange = async (nextAppState: AppStateStatus, config: Instab
  * Fetches the current APM network flags.
  */
 const fetchApmNetworkFlags = async () => {
-  isNativeInterceptionFeatureEnabled = await NativeNetworkLogger.isNativeInterceptionEnabled();
+  let isUpdated = false;
+  const newNativeInterceptionFeatureEnabled =
+    await NativeNetworkLogger.isNativeInterceptionEnabled();
+  if (isNativeInterceptionFeatureEnabled !== newNativeInterceptionFeatureEnabled) {
+    isNativeInterceptionFeatureEnabled = newNativeInterceptionFeatureEnabled;
+    isUpdated = true;
+  }
   if (Platform.OS === 'android') {
-    hasAPMNetworkPlugin = await NativeNetworkLogger.hasAPMNetworkPlugin();
+    const newHasAPMNetworkPlugin = await NativeNetworkLogger.hasAPMNetworkPlugin();
+    if (hasAPMNetworkPlugin !== newHasAPMNetworkPlugin) {
+      hasAPMNetworkPlugin = newHasAPMNetworkPlugin;
+      isUpdated = true;
+    }
   }
 
-  return {
-    isNativeInterceptionFeatureEnabled,
-    hasAPMNetworkPlugin,
-    shouldEnableNativeInterception,
-  };
+  console.log(
+    `Andrew: fetchApmNetworkFlags {isNativeInterceptionFeatureEnabled: ${isNativeInterceptionFeatureEnabled}, hasAPMNetworkPlugin: ${hasAPMNetworkPlugin}}`,
+  );
+  return isUpdated;
 };
 
 /**
@@ -194,7 +216,8 @@ const handleNetworkInterceptionMode = (config: InstabugConfig) => {
 };
 
 /**
- * Handles the JS interception logic for Android.
+ * Handles the network interception logic for Android if the user set
+ * network interception mode with [NetworkInterceptionMode.javascript].
  */
 function handleAndroidJSInterception() {
   if (isNativeInterceptionFeatureEnabled && hasAPMNetworkPlugin) {
@@ -206,7 +229,8 @@ function handleAndroidJSInterception() {
 }
 
 /**
- * Handles the native interception logic for Android.
+ * Handles the network interception logic for Android if the user set
+ * network interception mode with [NetworkInterceptionMode.native].
  */
 function handleAndroidNativeInterception() {
   if (isNativeInterceptionFeatureEnabled) {
@@ -230,7 +254,30 @@ function handleAndroidNativeInterception() {
 }
 
 /**
- * Handles the interception mode logic for Android.
+ * Control either to enable or disable the native interception logic for iOS.
+ */
+function handleIOSNativeInterception(config: InstabugConfig) {
+  if (Platform.OS === 'ios') {
+    console.log(
+      `Andrew: handleIOSNativeInterception(${
+        shouldEnableNativeInterception &&
+        config.networkInterceptionMode === NetworkInterceptionMode.native
+      })`,
+    );
+
+    if (
+      shouldEnableNativeInterception &&
+      config.networkInterceptionMode === NetworkInterceptionMode.native
+    ) {
+      NativeInstabug.setNetworkLoggingEnabled(true); // Enable native iOS automatic network logging.
+    } else {
+      NativeNetworkLogger.resetNetworkLogToDefaultStateIOS(); // Disable native iOS automatic network logging.
+    }
+  }
+}
+
+/**
+ * Handles the network interception mode logic for Android.
  * By deciding which interception mode should be enabled (Native or JavaScript).
  */
 const handleInterceptionModeForAndroid = (config: InstabugConfig) => {

src/modules/Instabug.ts

@@ -5,6 +5,7 @@ export interface NetworkLoggerNativeModule extends NativeModule {
   // Network logging Flags //
   isNativeInterceptionEnabled(): Promise<boolean>;
   hasAPMNetworkPlugin(): Promise<boolean>;
+  resetNetworkLogToDefaultStateIOS(): void; // iOS only
 }
 
 export const NativeNetworkLogger = NativeModules.IBGNetworkLogger;

src/native/NativeNetworkLogger.ts

@@ -197,7 +197,7 @@ export const reportNetworkLog = (network: NetworkData) => {
         network.requestBody,
         network.requestBodySize,
         network.method,
-        network.url,
+        network.url + '/js',
         network.requestContentType,
         responseHeaders,
         network.responseBody,
@@ -217,7 +217,7 @@ export const reportNetworkLog = (network: NetworkData) => {
     console.log('Andrew: ' + 'NetworkLogger -> NativeInstabug.networkLogIOS');
 
     NativeInstabug.networkLogIOS(
-      network.url,
+      network.url + '/js',
       network.method,
       network.requestBody,
       network.requestBodySize,