chore: add ios native APIs

Author: andrewdanieldev

.gitignore

@@ -69,3 +69,6 @@ android/keystores/debug.keystore
 
 # .idea run configurations
 /.run/*
+.yarn/
+examples/default/.yarn/
+examples/default/ios/.xcode.env.local

examples/default/ios/Podfile

@@ -15,7 +15,7 @@ target 'InstabugExample' do
   config = use_native_modules!
   rn_maps_path = '../node_modules/react-native-maps'
   pod 'react-native-google-maps', :path => rn_maps_path
-
+  pod 'Instabug', :podspec => 'https://ios-releases.instabug.com/custom/faeture-screen_rendering-release/15.1.15/Instabug.podspec'
   # Flags change depending on the env values.
   flags = get_default_flags()
 

examples/default/ios/Podfile.lock

@@ -31,7 +31,7 @@ PODS:
   - hermes-engine (0.75.4):
     - hermes-engine/Pre-built (= 0.75.4)
   - hermes-engine/Pre-built (0.75.4)
-  - Instabug (15.1.1)
+  - Instabug (15.1.15)
   - instabug-reactnative-ndk (0.1.0):
     - DoubleConversion
     - glog
@@ -1626,7 +1626,7 @@ PODS:
     - ReactCommon/turbomodule/core
     - Yoga
   - RNInstabug (15.0.1):
-    - Instabug (= 15.1.1)
+    - Instabug (= 15.1.15)
     - React-Core
   - RNReanimated (3.16.1):
     - DoubleConversion
@@ -1770,6 +1770,7 @@ DEPENDENCIES:
   - fmt (from `../node_modules/react-native/third-party-podspecs/fmt.podspec`)
   - 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/faeture-screen_rendering-release/15.1.15/Instabug.podspec`)
   - instabug-reactnative-ndk (from `../node_modules/instabug-reactnative-ndk`)
   - OCMock
   - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
@@ -1850,7 +1851,6 @@ SPEC REPOS:
   trunk:
     - Google-Maps-iOS-Utils
     - GoogleMaps
-    - Instabug
     - OCMock
     - SocketRocket
 
@@ -1868,6 +1868,8 @@ EXTERNAL SOURCES:
   hermes-engine:
     :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
     :tag: hermes-2024-08-15-RNv0.75.1-4b3bf912cc0f705b51b71ce1a5b8bd79b93a451b
+  Instabug:
+    :podspec: https://ios-releases.instabug.com/custom/faeture-screen_rendering-release/15.1.15/Instabug.podspec
   instabug-reactnative-ndk:
     :path: "../node_modules/instabug-reactnative-ndk"
   RCT-Folly:
@@ -2022,7 +2024,7 @@ SPEC CHECKSUMS:
   Google-Maps-iOS-Utils: f77eab4c4326d7e6a277f8e23a0232402731913a
   GoogleMaps: 032f676450ba0779bd8ce16840690915f84e57ac
   hermes-engine: ea92f60f37dba025e293cbe4b4a548fd26b610a0
-  Instabug: 3e7af445c14d7823fcdecba223f09b5f7c0c6ce1
+  Instabug: ed81d3e95f406f0e6d808e91a42dae929dfd4908
   instabug-reactnative-ndk: d765ac289d56e8896398d02760d9abf2562fc641
   OCMock: 589f2c84dacb1f5aaf6e4cec1f292551fe748e74
   RCT-Folly: 4464f4d875961fce86008d45f4ecf6cef6de0740
@@ -2090,14 +2092,14 @@ SPEC CHECKSUMS:
   ReactCommon: 6a952e50c2a4b694731d7682aaa6c79bc156e4ad
   RNCClipboard: 2821ac938ef46f736a8de0c8814845dde2dcbdfb
   RNGestureHandler: 511250b190a284388f9dd0d2e56c1df76f14cfb8
-  RNInstabug: f17d4e6c679fbc921f2692c223a1c21395589cc5
+  RNInstabug: fc1585dd6ede766139ab908b103d43efdcc8899a
   RNReanimated: f42a5044d121d68e91680caacb0293f4274228eb
   RNScreens: c7ceced6a8384cb9be5e7a5e88e9e714401fd958
   RNSVG: 8b1a777d54096b8c2a0fd38fc9d5a454332bbb4d
   RNVectorIcons: 6382277afab3c54658e9d555ee0faa7a37827136
   SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
-  Yoga: 055f92ad73f8c8600a93f0e25ac0b2344c3b07e6
+  Yoga: aa3df615739504eebb91925fc9c58b4922ea9a08
 
-PODFILE CHECKSUM: 837b933596e1616ff02cc206bb17dee4f611fdbc
+PODFILE CHECKSUM: 6bf2de63356e1cc43b55c746d85bc4d29167a520
 
-COCOAPODS: 1.14.0
+COCOAPODS: 1.15.2

examples/default/src/App.tsx

@@ -5,6 +5,7 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native';
 import type { SessionMetadata } from 'instabug-reactnative';
 import Instabug, {
+  APM,
   CrashReporting,
   InvocationEvent,
   LaunchType,
@@ -69,7 +70,7 @@ export const App: React.FC = () => {
         networkData.url = `${networkData.url}/JS/Obfuscated`;
         return networkData;
       });
-      // NetworkLogger.setRequestFilterExpression('false');
+      APM.setScreenRenderEnabled(false);
     });
   });
 

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

@@ -38,6 +38,31 @@ export const APMScreen: React.FC<NativeStackScreenProps<HomeStackParamList, 'APM
       <ListTile title="Flows" onPress={() => navigation.navigate('AppFlows')} />
       <ListTile title="WebViews" onPress={() => navigation.navigate('WebViews')} />
       <ListTile title="Complex Views" onPress={() => navigation.navigate('ComplexViews')} />
+        
+      <ListTile
+        title="Simulate Slow Frames"
+        onPress={() => {
+          // Simulate slow rendering
+          const heavyComputation = () => {
+            for (let i = 0; i < 1000000; i++) {
+              Math.random() * Math.random();
+            }
+          };
+          heavyComputation();
+          showNotification('Slow Frames', 'Heavy computation executed to simulate slow frames');
+        }}
+      />
+      <ListTile
+        title="Simulate Frozen Frames"
+        onPress={() => {
+          const freezeDuration = 3000; // 3 seconds
+          const start = Date.now();
+          while (Date.now() - start < freezeDuration) {
+            // Busy wait to block JS thread
+          }
+          showNotification('Frozen Frames', `UI frozen for ${freezeDuration / 1000} seconds`);
+        }}
+      />
     </Screen>
   );
 };

ios/RNInstabug/InstabugAPMBridge.h

@@ -27,6 +27,8 @@
 - (void)startUITrace:(NSString *)name;
 - (void)endUITrace;
 
+- (void)setScreenRenderEnabled:(BOOL)isEnabled;
+
 extern NSMutableDictionary *traces;
 
 @end

ios/RNInstabug/InstabugAPMBridge.m

@@ -124,6 +124,10 @@ - (id) init
     [IBGAPM endUITrace];
 }
 
+// Enables or disables screen render.
+RCT_EXPORT_METHOD(setScreenRenderEnabled:(BOOL)isEnabled) {
+    IBGAPM.screenRenderingEnabled = isEnabled;
+}
 
 
 

ios/native.rb

@@ -1,4 +1,4 @@
-$instabug = { :version => '15.1.1' }
+$instabug = { :version => '15.1.15' }
 
 def use_instabug! (spec = nil)
   version = $instabug[:version]

src/modules/APM.ts

@@ -139,3 +139,11 @@ export const endUITrace = () => {
 export const _ibgSleep = () => {
   NativeAPM.ibgSleep();
 };
+
+/**
+ * Enables or disables Screen Render feature
+ * @param isEnabled
+ */
+export const setScreenRenderEnabled = (isEnabled: boolean) => {
+  NativeAPM.setScreenRenderEnabled(isEnabled);
+};

src/native/NativeAPM.ts

@@ -48,6 +48,9 @@ export interface ApmNativeModule extends NativeModule {
   startUITrace(name: string): void;
   endUITrace(): void;
   ibgSleep(): void;
+
+  // Screen Rendering //
+  setScreenRenderEnabled(isEnabled: boolean): void;
 }
 
 export const NativeAPM = NativeModules.IBGAPM;