chore: update CHANGELOG.md, rename setScreenRenderingEnabled api on native SDKs for consistency

Author: andrewdanieldev

CHANGELOG.md

@@ -10,6 +10,8 @@
 
 - Add support Advanced UI customization. ([#1411](https://github.com/Instabug/Instabug-React-Native/pull/1411))
 
+- Add screen rendering monitoring functionality within the APM product. ([#1416](https://github.com/Instabug/Instabug-React-Native/pull/1416))
+
 ## [15.0.2](https://github.com/Instabug/Instabug-React-Native/compare/v15.2.0...dev)
 
 ### Added

android/src/main/java/com/instabug/reactlibrary/RNInstabugAPMModule.java

@@ -396,7 +396,7 @@ private void networkLogAndroid(final double requestStartTime,
      * @param isEnabled boolean indicating enabled or disabled.
      */
     @ReactMethod
-    public void setScreenRenderEnabled(boolean isEnabled) {
+    public void setScreenRenderingEnabled(boolean isEnabled) {
         MainThreadHandler.runOnMainThread(new Runnable() {
             @Override
             public void run() {

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.26)
   - instabug-reactnative-ndk (0.1.0):
     - DoubleConversion
     - glog
@@ -1626,7 +1626,7 @@ PODS:
     - ReactCommon/turbomodule/core
     - Yoga
   - RNInstabug (15.0.2):
-    - Instabug (= 15.1.1)
+    - Instabug (= 15.1.26)
     - 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.26/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.26/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: c47bd604b5212496da79b19b368eb5de73833d69
   instabug-reactnative-ndk: d765ac289d56e8896398d02760d9abf2562fc641
   OCMock: 589f2c84dacb1f5aaf6e4cec1f292551fe748e74
   RCT-Folly: 4464f4d875961fce86008d45f4ecf6cef6de0740
@@ -2090,14 +2092,14 @@ SPEC CHECKSUMS:
   ReactCommon: 6a952e50c2a4b694731d7682aaa6c79bc156e4ad
   RNCClipboard: 2821ac938ef46f736a8de0c8814845dde2dcbdfb
   RNGestureHandler: 511250b190a284388f9dd0d2e56c1df76f14cfb8
-  RNInstabug: c4d26c830b40c474422012d1a216d8ea37c88151
+  RNInstabug: 22cc867a673c42a5f293542222efb20fcdf9a352
   RNReanimated: f42a5044d121d68e91680caacb0293f4274228eb
   RNScreens: c7ceced6a8384cb9be5e7a5e88e9e714401fd958
   RNSVG: 8b1a777d54096b8c2a0fd38fc9d5a454332bbb4d
   RNVectorIcons: 6382277afab3c54658e9d555ee0faa7a37827136
   SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
-  Yoga: 055f92ad73f8c8600a93f0e25ac0b2344c3b07e6
+  Yoga: aa3df615739504eebb91925fc9c58b4922ea9a08
 
-PODFILE CHECKSUM: 837b933596e1616ff02cc206bb17dee4f611fdbc
+PODFILE CHECKSUM: 4e2ae668f4fb59c72dfd359d3d9c86ec6d4967e5
 
-COCOAPODS: 1.14.0
+COCOAPODS: 1.15.2

examples/default/src/App.tsx

@@ -3,15 +3,16 @@ import { StyleSheet } from 'react-native';
 
 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,
   LogLevel,
   NetworkInterceptionMode,
   NetworkLogger,
   ReproStepsMode,
+  type SessionMetadata,
   SessionReplay,
 } from 'instabug-reactnative';
 import { NativeBaseProvider } from 'native-base';
@@ -60,6 +61,7 @@ export const App: React.FC = () => {
 
   useEffect(() => {
     initializeInstabug();
+    APM.setScreenRenderingEnabled(true);
     NetworkLogger.setNetworkDataObfuscationHandler(async (networkData) => {
       networkData.url = `${networkData.url}/JS/Obfuscated`;
       return networkData;

ios/RNInstabug/InstabugAPMBridge.h

@@ -21,7 +21,7 @@
 - (void)startUITrace:(NSString *)name;
 - (void)endUITrace;
 
-- (void)setScreenRenderEnabled:(BOOL)isEnabled;
+- (void)setScreenRenderingEnabled:(BOOL)isEnabled;
 
 extern NSMutableDictionary *traces;
 

ios/RNInstabug/InstabugAPMBridge.m

@@ -90,7 +90,7 @@ - (id) init
 }
 
 // Enables or disables screen render.
-RCT_EXPORT_METHOD(setScreenRenderEnabled:(BOOL)isEnabled) {
+RCT_EXPORT_METHOD(setScreenRenderingEnabled:(BOOL)isEnabled) {
     IBGAPM.screenRenderingEnabled = isEnabled;
 }
 

src/modules/APM.ts

@@ -121,5 +121,5 @@ export const _ibgSleep = () => {
  * @param isEnabled
  */
 export const setScreenRenderingEnabled = (isEnabled: boolean) => {
-  NativeAPM.setScreenRenderEnabled(isEnabled);
+  NativeAPM.setScreenRenderingEnabled(isEnabled);
 };

src/native/NativeAPM.ts

@@ -46,7 +46,7 @@ export interface ApmNativeModule extends NativeModule {
   ibgSleep(): void;
 
   // Screen Rendering //
-  setScreenRenderEnabled(isEnabled: boolean): void;
+  setScreenRenderingEnabled(isEnabled: boolean): void;
 }
 
 export const NativeAPM = NativeModules.IBGAPM;

test/mocks/mockAPM.ts

@@ -14,7 +14,7 @@ const mockAPM: ApmNativeModule = {
   endAppLaunch: jest.fn(),
   ibgSleep: jest.fn(),
   networkLogAndroid: jest.fn(),
-  setScreenRenderEnabled: jest.fn(),
+  setScreenRenderingEnabled: jest.fn(),
 };
 
 export default mockAPM;

test/modules/APM.spec.ts

@@ -105,7 +105,7 @@ describe('APM Module', () => {
   it('should call the native method setScreenRenderEnabled', () => {
     APM.setScreenRenderingEnabled(true);
 
-    expect(NativeAPM.setScreenRenderEnabled).toBeCalledTimes(1);
-    expect(NativeAPM.setScreenRenderEnabled).toBeCalledWith(true);
+    expect(NativeAPM.setScreenRenderingEnabled).toBeCalledTimes(1);
+    expect(NativeAPM.setScreenRenderingEnabled).toBeCalledWith(true);
   });
 });