From 6b791b16600962aaf0f54267a7a47cc4de4c1ab0 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Tue, 13 Feb 2024 15:19:16 +0100
Subject: [PATCH 01/18] install react-native-release-profiler

---
 .../NewExpensifyDebugDevelopment.entitlements | 16 +++++++++++
 ios/Podfile.lock                              | 16 ++++++++---
 package-lock.json                             | 28 +++++++++++++++++++
 package.json                                  |  1 +
 4 files changed, 57 insertions(+), 4 deletions(-)
 create mode 100644 ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements

diff --git a/ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements b/ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements
new file mode 100644
index 000000000000..1d9bc86a21de
--- /dev/null
+++ b/ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>aps-environment</key>
+	<string>development</string>
+	<key>com.apple.developer.associated-domains</key>
+	<array>
+		<string>applinks:new.expensify.com</string>
+		<string>applinks:staging.new.expensify.com</string>
+		<string>webcredentials:new.expensify.com</string>
+	</array>
+	<key>com.apple.developer.usernotifications.communication</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index 19a579b846e8..a6b61dc6f1ff 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -1193,6 +1193,10 @@ PODS:
     - React
     - React-callinvoker
     - React-Core
+  - react-native-release-profiler (0.1.6):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
   - react-native-render-html (6.3.1):
     - React-Core
   - react-native-safe-area-context (4.7.4):
@@ -1443,7 +1447,7 @@ PODS:
     - RNSound/Core (= 0.11.2)
   - RNSound/Core (0.11.2):
     - React-Core
-  - RNSVG (14.0.0):
+  - RNSVG (14.1.0):
     - React-Core
   - SDWebImage (5.17.0):
     - SDWebImage/Core (= 5.17.0)
@@ -1458,7 +1462,7 @@ PODS:
     - SDWebImage/Core (~> 5.17)
   - SocketRocket (0.6.1)
   - Turf (2.7.0)
-  - VisionCamera (2.16.5):
+  - VisionCamera (2.16.8):
     - React
     - React-callinvoker
     - React-Core
@@ -1540,6 +1544,7 @@ DEPENDENCIES:
   - react-native-performance (from `../node_modules/react-native-performance`)
   - react-native-plaid-link-sdk (from `../node_modules/react-native-plaid-link-sdk`)
   - react-native-quick-sqlite (from `../node_modules/react-native-quick-sqlite`)
+  - react-native-release-profiler (from `../node_modules/react-native-release-profiler`)
   - react-native-render-html (from `../node_modules/react-native-render-html`)
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
   - react-native-view-shot (from `../node_modules/react-native-view-shot`)
@@ -1743,6 +1748,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-plaid-link-sdk"
   react-native-quick-sqlite:
     :path: "../node_modules/react-native-quick-sqlite"
+  react-native-release-profiler:
+    :path: "../node_modules/react-native-release-profiler"
   react-native-render-html:
     :path: "../node_modules/react-native-render-html"
   react-native-safe-area-context:
@@ -1936,6 +1943,7 @@ SPEC CHECKSUMS:
   react-native-performance: cef2b618d47b277fb5c3280b81a3aad1e72f2886
   react-native-plaid-link-sdk: df1618a85a615d62ff34e34b76abb7a56497fbc1
   react-native-quick-sqlite: bcc7a7a250a40222f18913a97cd356bf82d0a6c4
+  react-native-release-profiler: 86f2004d5f8c4fff17d90a5580513519a685d7ae
   react-native-render-html: 96c979fe7452a0a41559685d2f83b12b93edac8c
   react-native-safe-area-context: 2cd91d532de12acdb0a9cbc8d43ac72a8e4c897c
   react-native-view-shot: 6b7ed61d77d88580fed10954d45fad0eb2d47688
@@ -1982,14 +1990,14 @@ SPEC CHECKSUMS:
   RNReanimated: 57f436e7aa3d277fbfed05e003230b43428157c0
   RNScreens: b582cb834dc4133307562e930e8fa914b8c04ef2
   RNSound: 6c156f925295bdc83e8e422e7d8b38d33bc71852
-  RNSVG: 255767813dac22db1ec2062c8b7e7b856d4e5ae6
+  RNSVG: ba3e7232f45e34b7b47e74472386cf4e1a676d0a
   SDWebImage: 750adf017a315a280c60fde706ab1e552a3ae4e9
   SDWebImageAVIFCoder: 8348fef6d0ec69e129c66c9fe4d74fbfbf366112
   SDWebImageSVGCoder: 15a300a97ec1c8ac958f009c02220ac0402e936c
   SDWebImageWebPCoder: af09429398d99d524cae2fe00f6f0f6e491ed102
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
   Turf: 13d1a92d969ca0311bbc26e8356cca178ce95da2
-  VisionCamera: fda554d8751e395effcc87749f8b7c198c1031be
+  VisionCamera: 0a6794d1974aed5d653d0d0cb900493e2583e35a
   Yoga: 13c8ef87792450193e117976337b8527b49e8c03
 
 PODFILE CHECKSUM: 0ccbb4f2406893c6e9f266dc1e7470dcd72885d2
diff --git a/package-lock.json b/package-lock.json
index d499a59df097..7b99e43e4d2c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -106,6 +106,7 @@
         "react-native-qrcode-svg": "^6.2.0",
         "react-native-quick-sqlite": "^8.0.0-beta.2",
         "react-native-reanimated": "^3.6.1",
+        "react-native-release-profiler": "^0.1.6",
         "react-native-render-html": "6.3.1",
         "react-native-safe-area-context": "4.7.4",
         "react-native-screens": "3.29.0",
@@ -45281,6 +45282,33 @@
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
       "license": "MIT"
     },
+    "node_modules/react-native-release-profiler": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/react-native-release-profiler/-/react-native-release-profiler-0.1.6.tgz",
+      "integrity": "sha512-kSAPYjO3PDzV4xbjgj2NoiHtL7EaXmBira/WOcyz6S7mz1MVBoF0Bj74z5jAZo6BoBJRKqmQWI4ep+m0xvoF+g==",
+      "dependencies": {
+        "@react-native-community/cli": "^12.2.1",
+        "commander": "^11.1.0"
+      },
+      "bin": {
+        "react-native-release-profiler": "lib/commonjs/cli.js"
+      },
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-release-profiler/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/react-native-render-html": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/react-native-render-html/-/react-native-render-html-6.3.1.tgz",
diff --git a/package.json b/package.json
index 7157b28faf4b..ebbb3c58a944 100644
--- a/package.json
+++ b/package.json
@@ -154,6 +154,7 @@
     "react-native-qrcode-svg": "^6.2.0",
     "react-native-quick-sqlite": "^8.0.0-beta.2",
     "react-native-reanimated": "^3.6.1",
+    "react-native-release-profiler": "^0.1.6",
     "react-native-render-html": "6.3.1",
     "react-native-safe-area-context": "4.7.4",
     "react-native-screens": "3.29.0",

From 9c189c3a85de452f06fe9fb7a85d1f3df9a50473 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Tue, 13 Feb 2024 15:22:13 +0100
Subject: [PATCH 02/18] ProfilingToolMenu

---
 src/ONYXKEYS.ts                      |  2 +
 src/components/ProfilingToolMenu.tsx | 76 ++++++++++++++++++++++++++++
 src/components/ScreenWrapper.tsx     |  4 +-
 src/components/TestToolsModal.tsx    |  6 ++-
 src/libs/actions/ProfilingTool.ts    | 22 ++++++++
 5 files changed, 107 insertions(+), 3 deletions(-)
 create mode 100644 src/components/ProfilingToolMenu.tsx
 create mode 100644 src/libs/actions/ProfilingTool.ts

diff --git a/src/ONYXKEYS.ts b/src/ONYXKEYS.ts
index 4a9c809485e5..0d93f1b88d70 100755
--- a/src/ONYXKEYS.ts
+++ b/src/ONYXKEYS.ts
@@ -201,6 +201,7 @@ const ONYXKEYS = {
 
     /** Is the test tools modal open? */
     IS_TEST_TOOLS_MODAL_OPEN: 'isTestToolsModalOpen',
+    IS_APP_PROFILING: 'isAppProfiling',
 
     /** Stores information about active wallet transfer amount, selectedAccountID, status, etc */
     WALLET_TRANSFER: 'walletTransfer',
@@ -443,6 +444,7 @@ type OnyxValues = {
     [ONYXKEYS.IS_LOADING_PAYMENT_METHODS]: boolean;
     [ONYXKEYS.IS_LOADING_REPORT_DATA]: boolean;
     [ONYXKEYS.IS_TEST_TOOLS_MODAL_OPEN]: boolean;
+    [ONYXKEYS.IS_APP_PROFILING]: boolean;
     [ONYXKEYS.IS_LOADING_APP]: boolean;
     [ONYXKEYS.WALLET_TRANSFER]: OnyxTypes.WalletTransfer;
     [ONYXKEYS.LAST_ACCESSED_WORKSPACE_POLICY_ID]: string;
diff --git a/src/components/ProfilingToolMenu.tsx b/src/components/ProfilingToolMenu.tsx
new file mode 100644
index 000000000000..26e92ee327a2
--- /dev/null
+++ b/src/components/ProfilingToolMenu.tsx
@@ -0,0 +1,76 @@
+import React, {useCallback, useState} from 'react';
+import {withOnyx} from 'react-native-onyx';
+import type {OnyxEntry} from 'react-native-onyx';
+import {startProfiling, stopProfiling} from 'react-native-release-profiler';
+import useThemeStyles from '@hooks/useThemeStyles';
+import toggleProfileToolsModal from '@libs/actions/ProfilingTool';
+import ONYXKEYS from '@src/ONYXKEYS';
+import Switch from './Switch';
+import TestToolRow from './TestToolRow';
+import Text from './Text';
+
+type ProfilingToolMenuOnyxProps = {
+    isAppProfiling: OnyxEntry<boolean>;
+};
+
+type ProfilingToolMenuProps = ProfilingToolMenuOnyxProps;
+
+function ProfilingToolMenu({isAppProfiling = false}: ProfilingToolMenuProps) {
+    const styles = useThemeStyles();
+    const [pathIOS, setPathIOS] = useState('');
+
+    // eslint-disable-next-line @lwc/lwc/no-async-await
+    const stop = useCallback(async () => {
+        const path = await stopProfiling(true);
+        if (path) {
+            setPathIOS(path);
+        }
+        return path;
+    }, []);
+
+    const onToggleProfiling = useCallback(() => {
+        const shouldProfiling = !isAppProfiling;
+        if (shouldProfiling) {
+            startProfiling();
+        } else {
+            stop();
+        }
+        toggleProfileToolsModal();
+        return () => {
+            stop();
+        };
+    }, [isAppProfiling, stop]);
+
+    return (
+        <>
+            <Text
+                style={[styles.textLabelSupporting, styles.mb4]}
+                numberOfLines={1}
+            >
+                Release options
+            </Text>
+
+            <TestToolRow title="Use release Profiling">
+                <Switch
+                    accessibilityLabel="Use release Profiling"
+                    isOn={!!isAppProfiling}
+                    onToggle={onToggleProfiling}
+                />
+            </TestToolRow>
+                <Text
+                    style={[styles.textLabelSupporting, styles.mb4]}
+                    // numberOfLines={1}
+                >
+                    {!!pathIOS && `path: ${pathIOS}`}
+                </Text>
+        </>
+    );
+}
+
+ProfilingToolMenu.displayName = 'ProfilingToolMenu';
+
+export default withOnyx<ProfilingToolMenuProps, ProfilingToolMenuOnyxProps>({
+    isAppProfiling: {
+        key: ONYXKEYS.IS_APP_PROFILING,
+    },
+})(ProfilingToolMenu);
diff --git a/src/components/ScreenWrapper.tsx b/src/components/ScreenWrapper.tsx
index 8b6a894cdd51..687ab68160c6 100644
--- a/src/components/ScreenWrapper.tsx
+++ b/src/components/ScreenWrapper.tsx
@@ -218,7 +218,7 @@ function ScreenWrapper(
                         ref={ref}
                         style={[styles.flex1, {minHeight}]}
                         // eslint-disable-next-line react/jsx-props-no-spreading
-                        {...(isDevelopment ? panResponder.panHandlers : {})}
+                        {...panResponder.panHandlers}
                         testID={testID}
                     >
                         <View
@@ -236,7 +236,7 @@ function ScreenWrapper(
                                     enabled={shouldEnablePickerAvoiding}
                                 >
                                     <HeaderGap styles={headerGapStyles} />
-                                    {isDevelopment && <TestToolsModal />}
+                                    <TestToolsModal />
                                     {isDevelopment && <CustomDevMenu />}
                                     {
                                         // If props.children is a function, call it to provide the insets to the children.
diff --git a/src/components/TestToolsModal.tsx b/src/components/TestToolsModal.tsx
index 2b1ec1e84c5b..5f469e750882 100644
--- a/src/components/TestToolsModal.tsx
+++ b/src/components/TestToolsModal.tsx
@@ -2,11 +2,13 @@ import React from 'react';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import {withOnyx} from 'react-native-onyx';
+import useEnvironment from '@hooks/useEnvironment';
 import useThemeStyles from '@hooks/useThemeStyles';
 import toggleTestToolsModal from '@userActions/TestTool';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import Modal from './Modal';
+import ProfilingToolMenu from './ProfilingToolMenu';
 import TestToolMenu from './TestToolMenu';
 
 type TestToolsModalOnyxProps = {
@@ -17,6 +19,7 @@ type TestToolsModalOnyxProps = {
 type TestToolsModalProps = TestToolsModalOnyxProps;
 
 function TestToolsModal({isTestToolsModalOpen = false}: TestToolsModalProps) {
+    const {isDevelopment} = useEnvironment();
     const styles = useThemeStyles();
 
     return (
@@ -26,7 +29,8 @@ function TestToolsModal({isTestToolsModalOpen = false}: TestToolsModalProps) {
             onClose={toggleTestToolsModal}
         >
             <View style={[styles.settingsPageBody, styles.p5]}>
-                <TestToolMenu />
+                {isDevelopment && <TestToolMenu />}
+                <ProfilingToolMenu />
             </View>
         </Modal>
     );
diff --git a/src/libs/actions/ProfilingTool.ts b/src/libs/actions/ProfilingTool.ts
new file mode 100644
index 000000000000..9c820c673866
--- /dev/null
+++ b/src/libs/actions/ProfilingTool.ts
@@ -0,0 +1,22 @@
+import throttle from 'lodash/throttle';
+import Onyx from 'react-native-onyx';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+
+let isAppProfiling = false;
+Onyx.connect({
+    key: ONYXKEYS.IS_APP_PROFILING,
+    callback: (val) => (isAppProfiling = val ?? false),
+});
+
+/**
+ * Toggle the test tools modal open or closed.
+ * Throttle the toggle to make the modal stay open if you accidentally tap an extra time, which is easy to do.
+ */
+function toggleProfileToolsModal() {
+    const toggle = () => Onyx.set(ONYXKEYS.IS_APP_PROFILING, !isAppProfiling);
+    const throttledToggle = throttle(toggle, CONST.TIMING.TEST_TOOLS_MODAL_THROTTLE_TIME);
+    throttledToggle();
+}
+
+export default toggleProfileToolsModal;

From ce7179460a34f6bf4665df9578f6e394e8126a28 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Tue, 13 Feb 2024 15:27:40 +0100
Subject: [PATCH 03/18] set width for TestToolsModal

---
 src/components/TestToolsModal.tsx | 8 +++++---
 src/styles/utils/index.ts         | 5 +++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/TestToolsModal.tsx b/src/components/TestToolsModal.tsx
index 5f469e750882..824162e63c51 100644
--- a/src/components/TestToolsModal.tsx
+++ b/src/components/TestToolsModal.tsx
@@ -3,7 +3,8 @@ import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import {withOnyx} from 'react-native-onyx';
 import useEnvironment from '@hooks/useEnvironment';
-import useThemeStyles from '@hooks/useThemeStyles';
+import useStyleUtils from '@hooks/useStyleUtils';
+import useWindowDimensions from '@hooks/useWindowDimensions';
 import toggleTestToolsModal from '@userActions/TestTool';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
@@ -20,7 +21,8 @@ type TestToolsModalProps = TestToolsModalOnyxProps;
 
 function TestToolsModal({isTestToolsModalOpen = false}: TestToolsModalProps) {
     const {isDevelopment} = useEnvironment();
-    const styles = useThemeStyles();
+    const {windowWidth} = useWindowDimensions();
+    const StyleUtils = useStyleUtils();
 
     return (
         <Modal
@@ -28,7 +30,7 @@ function TestToolsModal({isTestToolsModalOpen = false}: TestToolsModalProps) {
             type={CONST.MODAL.MODAL_TYPE.CENTERED_SMALL}
             onClose={toggleTestToolsModal}
         >
-            <View style={[styles.settingsPageBody, styles.p5]}>
+            <View style={[StyleUtils.getTestToolsModalStyle(windowWidth)]}>
                 {isDevelopment && <TestToolMenu />}
                 <ProfilingToolMenu />
             </View>
diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts
index d4d2b427cbe8..14222ede67ba 100644
--- a/src/styles/utils/index.ts
+++ b/src/styles/utils/index.ts
@@ -1474,6 +1474,11 @@ const createStyleUtils = (theme: ThemeColors, styles: ThemeStyles) => ({
     },
 
     getFullscreenCenteredContentStyles: () => [StyleSheet.absoluteFill, styles.justifyContentCenter, styles.alignItemsCenter],
+
+    /**
+     * Returns the styles for the Tools modal
+     */
+    getTestToolsModalStyle: (windowWidth: number): ViewStyle[] => [styles.settingsPageBody, styles.p5, {width: windowWidth * 0.9}],
 });
 
 type StyleUtilsType = ReturnType<typeof createStyleUtils>;

From fc0c2dd9dbcba618a6ef228288420614dd371c46 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Tue, 13 Feb 2024 15:30:45 +0100
Subject: [PATCH 04/18] clean up

---
 .../NewExpensifyDebugDevelopment.entitlements    | 16 ----------------
 src/components/ProfilingToolMenu.tsx             |  7 +------
 2 files changed, 1 insertion(+), 22 deletions(-)
 delete mode 100644 ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements

diff --git a/ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements b/ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements
deleted file mode 100644
index 1d9bc86a21de..000000000000
--- a/ios/NewExpensify/NewExpensifyDebugDevelopment.entitlements
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>aps-environment</key>
-	<string>development</string>
-	<key>com.apple.developer.associated-domains</key>
-	<array>
-		<string>applinks:new.expensify.com</string>
-		<string>applinks:staging.new.expensify.com</string>
-		<string>webcredentials:new.expensify.com</string>
-	</array>
-	<key>com.apple.developer.usernotifications.communication</key>
-	<true/>
-</dict>
-</plist>
diff --git a/src/components/ProfilingToolMenu.tsx b/src/components/ProfilingToolMenu.tsx
index 26e92ee327a2..e9bcb661cf61 100644
--- a/src/components/ProfilingToolMenu.tsx
+++ b/src/components/ProfilingToolMenu.tsx
@@ -57,12 +57,7 @@ function ProfilingToolMenu({isAppProfiling = false}: ProfilingToolMenuProps) {
                     onToggle={onToggleProfiling}
                 />
             </TestToolRow>
-                <Text
-                    style={[styles.textLabelSupporting, styles.mb4]}
-                    // numberOfLines={1}
-                >
-                    {!!pathIOS && `path: ${pathIOS}`}
-                </Text>
+            <Text style={[styles.textLabelSupporting, styles.mb4]}>{!!pathIOS && `path: ${pathIOS}`}</Text>
         </>
     );
 }

From fda4e961db2c5bd81013f7d91444daae3a36f065 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Tue, 13 Feb 2024 16:12:51 +0100
Subject: [PATCH 05/18] remove ProfilingToolMenu from web

---
 .../index.native.tsx}                                      | 6 +++---
 src/components/ProfilingToolMenu/index.tsx                 | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)
 rename src/components/{ProfilingToolMenu.tsx => ProfilingToolMenu/index.native.tsx} (94%)
 create mode 100644 src/components/ProfilingToolMenu/index.tsx

diff --git a/src/components/ProfilingToolMenu.tsx b/src/components/ProfilingToolMenu/index.native.tsx
similarity index 94%
rename from src/components/ProfilingToolMenu.tsx
rename to src/components/ProfilingToolMenu/index.native.tsx
index e9bcb661cf61..a14263d9a89b 100644
--- a/src/components/ProfilingToolMenu.tsx
+++ b/src/components/ProfilingToolMenu/index.native.tsx
@@ -5,9 +5,9 @@ import {startProfiling, stopProfiling} from 'react-native-release-profiler';
 import useThemeStyles from '@hooks/useThemeStyles';
 import toggleProfileToolsModal from '@libs/actions/ProfilingTool';
 import ONYXKEYS from '@src/ONYXKEYS';
-import Switch from './Switch';
-import TestToolRow from './TestToolRow';
-import Text from './Text';
+import Switch from '@components/Switch';
+import Text from '@components/Text';
+import TestToolRow from '@components/TestToolRow';
 
 type ProfilingToolMenuOnyxProps = {
     isAppProfiling: OnyxEntry<boolean>;
diff --git a/src/components/ProfilingToolMenu/index.tsx b/src/components/ProfilingToolMenu/index.tsx
new file mode 100644
index 000000000000..71eef72b7c25
--- /dev/null
+++ b/src/components/ProfilingToolMenu/index.tsx
@@ -0,0 +1,7 @@
+function ProfilingToolMenu() {
+  return null;
+}
+
+ProfilingToolMenu.displayName = 'ProfilingToolMenu';
+
+export default ProfilingToolMenu;

From 2597243b07872df7a630d6efb60375881b1e0b72 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Tue, 13 Feb 2024 16:43:01 +0100
Subject: [PATCH 06/18] rename

---
 src/ONYXKEYS.ts                               |  6 ++--
 .../ProfilingToolMenu/index.native.tsx        | 28 +++++++++----------
 src/components/ProfilingToolMenu/index.tsx    |  2 +-
 src/libs/actions/ProfilingTool.ts             | 12 ++++----
 4 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/ONYXKEYS.ts b/src/ONYXKEYS.ts
index 0d93f1b88d70..04e26d776d12 100755
--- a/src/ONYXKEYS.ts
+++ b/src/ONYXKEYS.ts
@@ -201,7 +201,9 @@ const ONYXKEYS = {
 
     /** Is the test tools modal open? */
     IS_TEST_TOOLS_MODAL_OPEN: 'isTestToolsModalOpen',
-    IS_APP_PROFILING: 'isAppProfiling',
+
+    /** Is app in profiling mode */
+    APP_PROFILING_IN_PROGRESS: 'isProfilingInProgress',
 
     /** Stores information about active wallet transfer amount, selectedAccountID, status, etc */
     WALLET_TRANSFER: 'walletTransfer',
@@ -444,7 +446,7 @@ type OnyxValues = {
     [ONYXKEYS.IS_LOADING_PAYMENT_METHODS]: boolean;
     [ONYXKEYS.IS_LOADING_REPORT_DATA]: boolean;
     [ONYXKEYS.IS_TEST_TOOLS_MODAL_OPEN]: boolean;
-    [ONYXKEYS.IS_APP_PROFILING]: boolean;
+    [ONYXKEYS.APP_PROFILING_IN_PROGRESS]: boolean;
     [ONYXKEYS.IS_LOADING_APP]: boolean;
     [ONYXKEYS.WALLET_TRANSFER]: OnyxTypes.WalletTransfer;
     [ONYXKEYS.LAST_ACCESSED_WORKSPACE_POLICY_ID]: string;
diff --git a/src/components/ProfilingToolMenu/index.native.tsx b/src/components/ProfilingToolMenu/index.native.tsx
index a14263d9a89b..affbcfab3c6e 100644
--- a/src/components/ProfilingToolMenu/index.native.tsx
+++ b/src/components/ProfilingToolMenu/index.native.tsx
@@ -2,20 +2,20 @@ import React, {useCallback, useState} from 'react';
 import {withOnyx} from 'react-native-onyx';
 import type {OnyxEntry} from 'react-native-onyx';
 import {startProfiling, stopProfiling} from 'react-native-release-profiler';
-import useThemeStyles from '@hooks/useThemeStyles';
-import toggleProfileToolsModal from '@libs/actions/ProfilingTool';
-import ONYXKEYS from '@src/ONYXKEYS';
 import Switch from '@components/Switch';
-import Text from '@components/Text';
 import TestToolRow from '@components/TestToolRow';
+import Text from '@components/Text';
+import useThemeStyles from '@hooks/useThemeStyles';
+import toggleProfileTool from '@libs/actions/ProfilingTool';
+import ONYXKEYS from '@src/ONYXKEYS';
 
 type ProfilingToolMenuOnyxProps = {
-    isAppProfiling: OnyxEntry<boolean>;
+    isProfilingInProgress: OnyxEntry<boolean>;
 };
 
 type ProfilingToolMenuProps = ProfilingToolMenuOnyxProps;
 
-function ProfilingToolMenu({isAppProfiling = false}: ProfilingToolMenuProps) {
+function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuProps) {
     const styles = useThemeStyles();
     const [pathIOS, setPathIOS] = useState('');
 
@@ -29,17 +29,17 @@ function ProfilingToolMenu({isAppProfiling = false}: ProfilingToolMenuProps) {
     }, []);
 
     const onToggleProfiling = useCallback(() => {
-        const shouldProfiling = !isAppProfiling;
+        const shouldProfiling = !isProfilingInProgress;
         if (shouldProfiling) {
             startProfiling();
         } else {
             stop();
         }
-        toggleProfileToolsModal();
+        toggleProfileTool();
         return () => {
             stop();
         };
-    }, [isAppProfiling, stop]);
+    }, [isProfilingInProgress, stop]);
 
     return (
         <>
@@ -50,10 +50,10 @@ function ProfilingToolMenu({isAppProfiling = false}: ProfilingToolMenuProps) {
                 Release options
             </Text>
 
-            <TestToolRow title="Use release Profiling">
+            <TestToolRow title="Use Profiling">
                 <Switch
-                    accessibilityLabel="Use release Profiling"
-                    isOn={!!isAppProfiling}
+                    accessibilityLabel="Use Profiling"
+                    isOn={!!isProfilingInProgress}
                     onToggle={onToggleProfiling}
                 />
             </TestToolRow>
@@ -65,7 +65,7 @@ function ProfilingToolMenu({isAppProfiling = false}: ProfilingToolMenuProps) {
 ProfilingToolMenu.displayName = 'ProfilingToolMenu';
 
 export default withOnyx<ProfilingToolMenuProps, ProfilingToolMenuOnyxProps>({
-    isAppProfiling: {
-        key: ONYXKEYS.IS_APP_PROFILING,
+    isProfilingInProgress: {
+        key: ONYXKEYS.APP_PROFILING_IN_PROGRESS,
     },
 })(ProfilingToolMenu);
diff --git a/src/components/ProfilingToolMenu/index.tsx b/src/components/ProfilingToolMenu/index.tsx
index 71eef72b7c25..ab12fff27ef8 100644
--- a/src/components/ProfilingToolMenu/index.tsx
+++ b/src/components/ProfilingToolMenu/index.tsx
@@ -1,5 +1,5 @@
 function ProfilingToolMenu() {
-  return null;
+    return null;
 }
 
 ProfilingToolMenu.displayName = 'ProfilingToolMenu';
diff --git a/src/libs/actions/ProfilingTool.ts b/src/libs/actions/ProfilingTool.ts
index 9c820c673866..ac03eac213c1 100644
--- a/src/libs/actions/ProfilingTool.ts
+++ b/src/libs/actions/ProfilingTool.ts
@@ -3,20 +3,20 @@ import Onyx from 'react-native-onyx';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 
-let isAppProfiling = false;
+let isProfilingInProgress = false;
 Onyx.connect({
-    key: ONYXKEYS.IS_APP_PROFILING,
-    callback: (val) => (isAppProfiling = val ?? false),
+    key: ONYXKEYS.APP_PROFILING_IN_PROGRESS,
+    callback: (val) => (isProfilingInProgress = val ?? false),
 });
 
 /**
  * Toggle the test tools modal open or closed.
  * Throttle the toggle to make the modal stay open if you accidentally tap an extra time, which is easy to do.
  */
-function toggleProfileToolsModal() {
-    const toggle = () => Onyx.set(ONYXKEYS.IS_APP_PROFILING, !isAppProfiling);
+function toggleProfileTool() {
+    const toggle = () => Onyx.set(ONYXKEYS.APP_PROFILING_IN_PROGRESS, !isProfilingInProgress);
     const throttledToggle = throttle(toggle, CONST.TIMING.TEST_TOOLS_MODAL_THROTTLE_TIME);
     throttledToggle();
 }
 
-export default toggleProfileToolsModal;
+export default toggleProfileTool;

From 112e08b76225728611f4e05e8dbe58ca5ae5cc87 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Wed, 14 Feb 2024 12:41:31 +0100
Subject: [PATCH 07/18] add trace sharing

---
 package-lock.json                             |  9 ++++
 package.json                                  |  1 +
 .../ProfilingToolMenu/index.native.tsx        | 46 +++++++++++++++++--
 3 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 90fe6779b8ab..6246a23dfef0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -110,6 +110,7 @@
         "react-native-render-html": "6.3.1",
         "react-native-safe-area-context": "4.7.4",
         "react-native-screens": "3.29.0",
+        "react-native-share": "^10.0.2",
         "react-native-sound": "^0.11.2",
         "react-native-svg": "14.1.0",
         "react-native-tab-view": "^3.5.2",
@@ -45378,6 +45379,14 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-share": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/react-native-share/-/react-native-share-10.0.2.tgz",
+      "integrity": "sha512-EZs4MtsyauAI1zP8xXT1hIFB/pXOZJNDCKcgCpEfTZFXgCUzz8MDVbI1ocP2hA59XHRSkqAQdbJ0BFTpjxOBlg==",
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/react-native-sound": {
       "version": "0.11.2",
       "resolved": "https://registry.npmjs.org/react-native-sound/-/react-native-sound-0.11.2.tgz",
diff --git a/package.json b/package.json
index 25e0042ee60d..e6bc3a77d02e 100644
--- a/package.json
+++ b/package.json
@@ -158,6 +158,7 @@
     "react-native-render-html": "6.3.1",
     "react-native-safe-area-context": "4.7.4",
     "react-native-screens": "3.29.0",
+    "react-native-share": "^10.0.2",
     "react-native-sound": "^0.11.2",
     "react-native-svg": "14.1.0",
     "react-native-tab-view": "^3.5.2",
diff --git a/src/components/ProfilingToolMenu/index.native.tsx b/src/components/ProfilingToolMenu/index.native.tsx
index affbcfab3c6e..222c2fae482e 100644
--- a/src/components/ProfilingToolMenu/index.native.tsx
+++ b/src/components/ProfilingToolMenu/index.native.tsx
@@ -1,13 +1,20 @@
 import React, {useCallback, useState} from 'react';
+import RNFS from 'react-native-fs';
 import {withOnyx} from 'react-native-onyx';
 import type {OnyxEntry} from 'react-native-onyx';
 import {startProfiling, stopProfiling} from 'react-native-release-profiler';
+import Share from 'react-native-share';
+import Button from '@components/Button';
 import Switch from '@components/Switch';
 import TestToolRow from '@components/TestToolRow';
 import Text from '@components/Text';
 import useThemeStyles from '@hooks/useThemeStyles';
 import toggleProfileTool from '@libs/actions/ProfilingTool';
+import getPlatform from '@libs/getPlatform';
+import Log from '@libs/Log';
+import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
+import pkg from '../../../package.json';
 
 type ProfilingToolMenuOnyxProps = {
     isProfilingInProgress: OnyxEntry<boolean>;
@@ -21,11 +28,8 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
 
     // eslint-disable-next-line @lwc/lwc/no-async-await
     const stop = useCallback(async () => {
-        const path = await stopProfiling(true);
-        if (path) {
-            setPathIOS(path);
-        }
-        return path;
+        const path = await stopProfiling(getPlatform() === CONST.PLATFORM.IOS);
+        setPathIOS(path);
     }, []);
 
     const onToggleProfiling = useCallback(() => {
@@ -41,6 +45,29 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
         };
     }, [isProfilingInProgress, stop]);
 
+    // eslint-disable-next-line @lwc/lwc/no-async-await
+    const onDownloadProfiling = useCallback(async () => {
+        const newFileName = `Profile_trace_for_${pkg.version}.json`;
+        const newFilePath = `${RNFS.DocumentDirectoryPath}/${newFileName}`;
+
+        // Copy the file to a new location with the desired filename
+        await RNFS.copyFile(pathIOS, newFilePath)
+            .then(() => {
+                Log.hmmm('[ProfilingToolMenu] file copied successfully');
+            })
+            .catch((error) => {
+                Log.hmmm('[ProfilingToolMenu] error copying file: ', error);
+            });
+
+        const actualPath = `file://${newFilePath}`;
+
+        await Share.open({
+            url: actualPath,
+            title: `Profile_trace_for_${pkg.version}`,
+            type: 'application/json',
+        });
+    }, [pathIOS]);
+
     return (
         <>
             <Text
@@ -58,6 +85,15 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
                 />
             </TestToolRow>
             <Text style={[styles.textLabelSupporting, styles.mb4]}>{!!pathIOS && `path: ${pathIOS}`}</Text>
+            {!!pathIOS && (
+                <TestToolRow title="Profile trace">
+                    <Button
+                        small
+                        text="Share"
+                        onPress={onDownloadProfiling}
+                    />
+                </TestToolRow>
+            )}
         </>
     );
 }

From 5208371e9fadef15c4e51bccf5c1bc766595993d Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Wed, 14 Feb 2024 17:18:20 +0100
Subject: [PATCH 08/18] add more metrics

---
 .../ProfilingToolMenu/index.native.tsx        | 62 +++++++++++++++++--
 1 file changed, 58 insertions(+), 4 deletions(-)

diff --git a/src/components/ProfilingToolMenu/index.native.tsx b/src/components/ProfilingToolMenu/index.native.tsx
index 222c2fae482e..6f2289c1c9e6 100644
--- a/src/components/ProfilingToolMenu/index.native.tsx
+++ b/src/components/ProfilingToolMenu/index.native.tsx
@@ -1,4 +1,6 @@
 import React, {useCallback, useState} from 'react';
+import Config from 'react-native-config';
+import DeviceInfo from 'react-native-device-info';
 import RNFS from 'react-native-fs';
 import {withOnyx} from 'react-native-onyx';
 import type {OnyxEntry} from 'react-native-onyx';
@@ -12,6 +14,7 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import toggleProfileTool from '@libs/actions/ProfilingTool';
 import getPlatform from '@libs/getPlatform';
 import Log from '@libs/Log';
+import CONFIG from '@src/CONFIG';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import pkg from '../../../package.json';
@@ -22,14 +25,35 @@ type ProfilingToolMenuOnyxProps = {
 
 type ProfilingToolMenuProps = ProfilingToolMenuOnyxProps;
 
+function formatBytes(bytes: number, decimals = 2) {
+    if (!+bytes) {
+        return '0 Bytes';
+    }
+
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+    return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
+}
+
 function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuProps) {
     const styles = useThemeStyles();
     const [pathIOS, setPathIOS] = useState('');
+    const [totalMemory, setTotalMemory] = useState(0);
+    const [usedMemory, setUsedMemory] = useState(0);
 
     // eslint-disable-next-line @lwc/lwc/no-async-await
     const stop = useCallback(async () => {
         const path = await stopProfiling(getPlatform() === CONST.PLATFORM.IOS);
         setPathIOS(path);
+
+        const amountOfTotalMemory = await DeviceInfo.getTotalMemory();
+        const amountOfUsedMemory = await DeviceInfo.getUsedMemory();
+        setTotalMemory(amountOfTotalMemory);
+        setUsedMemory(amountOfUsedMemory);
     }, []);
 
     const onToggleProfiling = useCallback(() => {
@@ -45,10 +69,36 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
         };
     }, [isProfilingInProgress, stop]);
 
+    const getAppInfo = useCallback(
+        () =>
+            JSON.stringify({
+                appVersion: pkg.version,
+                environment: CONFIG.ENVIRONMENT,
+                buildVariant: __DEV__ ? 'debug' : 'release',
+                platform: getPlatform(),
+                totalMemory: formatBytes(totalMemory, 2),
+                usedMemory: formatBytes(usedMemory, 2),
+            }),
+        [totalMemory, usedMemory],
+    );
+
     // eslint-disable-next-line @lwc/lwc/no-async-await
     const onDownloadProfiling = useCallback(async () => {
         const newFileName = `Profile_trace_for_${pkg.version}.json`;
         const newFilePath = `${RNFS.DocumentDirectoryPath}/${newFileName}`;
+        const actualPath = `file://${newFilePath}`;
+
+        // Check if the file already exists and delete it if it does
+        try {
+            const fileExists = await RNFS.exists(newFilePath);
+            if (fileExists) {
+                await RNFS.unlink(newFilePath);
+                Log.hmmm('[ProfilingToolMenu] existing file deleted successfully');
+            }
+        } catch (error) {
+            const typedError = error as Error;
+            Log.hmmm('[ProfilingToolMenu] error checking/deleting existing file: ', typedError.message);
+        }
 
         // Copy the file to a new location with the desired filename
         await RNFS.copyFile(pathIOS, newFilePath)
@@ -59,14 +109,18 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
                 Log.hmmm('[ProfilingToolMenu] error copying file: ', error);
             });
 
-        const actualPath = `file://${newFilePath}`;
+        // Define new filename and path for the app info file
+        const infoFileName = `App_Info_${pkg.version}.json`;
+        const infoFilePath = `${RNFS.DocumentDirectoryPath}/${infoFileName}`;
+        const actualInfoFile = `file://${infoFilePath}`;
+
+        await RNFS.writeFile(infoFilePath, getAppInfo(), 'utf8');
 
         await Share.open({
-            url: actualPath,
-            title: `Profile_trace_for_${pkg.version}`,
+            urls: [actualPath, actualInfoFile],
             type: 'application/json',
         });
-    }, [pathIOS]);
+    }, [getAppInfo, pathIOS]);
 
     return (
         <>

From 1860b286765e791d59d8286b4428335ec78d0e65 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 14:35:49 +0100
Subject: [PATCH 09/18] add release-profile script

---
 scripts/release-profile.sh | 61 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100755 scripts/release-profile.sh

diff --git a/scripts/release-profile.sh b/scripts/release-profile.sh
new file mode 100755
index 000000000000..5c894d01aade
--- /dev/null
+++ b/scripts/release-profile.sh
@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+// Function to parse command-line arguments into a key-value object
+function parseCommandLineArguments() {
+  const args = process.argv.slice(2); // Skip node and script paths
+  const argsMap = {};
+  args.forEach(arg => {
+    const [key, value] = arg.split('=');
+    if (key.startsWith('--')) {
+      argsMap[key.substring(2)] = value;
+    }
+  });
+  return argsMap;
+}
+
+// Function to find .cpuprofile files in the current directory
+function findCpuProfileFiles() {
+  const files = fs.readdirSync(process.cwd());
+  return files.filter(file => file.endsWith('.cpuprofile'));
+}
+
+const argsMap = parseCommandLineArguments();
+
+// Determine sourcemapPath based on the platform flag passed
+let sourcemapPath;
+if (argsMap.platform === "ios") {
+    sourcemapPath = 'main.jsbundle.map';
+} else if (argsMap.platform === "android") {
+    sourcemapPath = 'android/app/build/generated/sourcemaps/react/productionRelease/index.android.bundle.map';
+} else {
+    console.error('Please specify the platform using --platform=ios or --platform=android');
+    process.exit(1);
+}
+
+// Attempt to find .cpuprofile files
+const cpuProfiles = findCpuProfileFiles();
+if (cpuProfiles.length === 0) {
+  console.error('No .cpuprofile files found in the root directory.');
+  process.exit(1);
+} else if (cpuProfiles.length > 1) {
+  console.error('Multiple .cpuprofile files found. Please specify which one to use by placing only one .cpuprofile in the root or specifying the filename as an argument.');
+  process.exit(1);
+} else {
+  // Construct the command
+  const cpuprofileName = cpuProfiles[0];
+  const command = `npx react-native-release-profiler --local ${cpuprofileName} --sourcemap-path ${sourcemapPath}`;
+
+  console.log(`Executing: ${command}`);
+  
+  // Execute the command
+  try {
+    const output = execSync(command, { stdio: 'inherit' });
+    console.log(output.toString());
+  } catch (error) {
+    console.error(`Error executing command: ${error}`);
+    process.exit(1);
+  }
+}

From 94e680a8d82dd576aaf63c299575b4552b466cff Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 14:36:44 +0100
Subject: [PATCH 10/18] add commands to package

---
 package.json | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ca7e523b1971..f264e01abb68 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,8 @@
     "analyze-packages": "ANALYZE_BUNDLE=true webpack --config config/webpack/webpack.common.js --env envFile=.env.production",
     "symbolicate:android": "npx metro-symbolicate android/app/build/generated/sourcemaps/react/release/index.android.bundle.map",
     "symbolicate:ios": "npx metro-symbolicate main.jsbundle.map",
+    "symbolicate-release:ios": "scripts/release-profile.sh --platform=ios",
+    "symbolicate-release:android": "scripts/release-profile.sh --platform=android",
     "test:e2e": "ts-node tests/e2e/testRunner.js --development --skipCheckout --skipInstallDeps --buildMode none",
     "test:e2e:dev": "ts-node tests/e2e/testRunner.js --development --skipCheckout --config ./config.dev.js --buildMode skip --skipInstallDeps",
     "gh-actions-unused-styles": "./.github/scripts/findUnusedKeys.sh",
@@ -325,5 +327,5 @@
   "engines": {
     "node": "20.10.0",
     "npm": "10.2.3"
-  }
+    }  
 }

From 521c97264233a8b5cfa0f21ae62a2589c3769940 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 14:39:01 +0100
Subject: [PATCH 11/18] refactor ProfilingToolMenu

---
 .../ProfilingToolMenu/index.native.tsx        | 100 +++++++++++-------
 1 file changed, 59 insertions(+), 41 deletions(-)

diff --git a/src/components/ProfilingToolMenu/index.native.tsx b/src/components/ProfilingToolMenu/index.native.tsx
index 6f2289c1c9e6..dd33ae3f1746 100644
--- a/src/components/ProfilingToolMenu/index.native.tsx
+++ b/src/components/ProfilingToolMenu/index.native.tsx
@@ -1,5 +1,4 @@
-import React, {useCallback, useState} from 'react';
-import Config from 'react-native-config';
+import React, {useCallback, useEffect, useState} from 'react';
 import DeviceInfo from 'react-native-device-info';
 import RNFS from 'react-native-fs';
 import {withOnyx} from 'react-native-onyx';
@@ -32,7 +31,7 @@ function formatBytes(bytes: number, decimals = 2) {
 
     const k = 1024;
     const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    const sizes = ['Bytes', 'KiB', 'MiB', 'GiB'];
 
     const i = Math.floor(Math.log(bytes) / Math.log(k));
 
@@ -42,6 +41,7 @@ function formatBytes(bytes: number, decimals = 2) {
 function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuProps) {
     const styles = useThemeStyles();
     const [pathIOS, setPathIOS] = useState('');
+    const [sharePath, setSharePath] = useState('');
     const [totalMemory, setTotalMemory] = useState(0);
     const [usedMemory, setUsedMemory] = useState(0);
 
@@ -74,7 +74,6 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
             JSON.stringify({
                 appVersion: pkg.version,
                 environment: CONFIG.ENVIRONMENT,
-                buildVariant: __DEV__ ? 'debug' : 'release',
                 platform: getPlatform(),
                 totalMemory: formatBytes(totalMemory, 2),
                 usedMemory: formatBytes(usedMemory, 2),
@@ -82,45 +81,64 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
         [totalMemory, usedMemory],
     );
 
-    // eslint-disable-next-line @lwc/lwc/no-async-await
-    const onDownloadProfiling = useCallback(async () => {
-        const newFileName = `Profile_trace_for_${pkg.version}.json`;
-        const newFilePath = `${RNFS.DocumentDirectoryPath}/${newFileName}`;
-        const actualPath = `file://${newFilePath}`;
-
-        // Check if the file already exists and delete it if it does
-        try {
-            const fileExists = await RNFS.exists(newFilePath);
-            if (fileExists) {
-                await RNFS.unlink(newFilePath);
-                Log.hmmm('[ProfilingToolMenu] existing file deleted successfully');
-            }
-        } catch (error) {
-            const typedError = error as Error;
-            Log.hmmm('[ProfilingToolMenu] error checking/deleting existing file: ', typedError.message);
+    useEffect(() => {
+        if (!pathIOS) {
+            return;
         }
 
-        // Copy the file to a new location with the desired filename
-        await RNFS.copyFile(pathIOS, newFilePath)
-            .then(() => {
-                Log.hmmm('[ProfilingToolMenu] file copied successfully');
-            })
-            .catch((error) => {
-                Log.hmmm('[ProfilingToolMenu] error copying file: ', error);
-            });
-
-        // Define new filename and path for the app info file
-        const infoFileName = `App_Info_${pkg.version}.json`;
-        const infoFilePath = `${RNFS.DocumentDirectoryPath}/${infoFileName}`;
-        const actualInfoFile = `file://${infoFilePath}`;
-
-        await RNFS.writeFile(infoFilePath, getAppInfo(), 'utf8');
-
-        await Share.open({
-            urls: [actualPath, actualInfoFile],
-            type: 'application/json',
-        });
-    }, [getAppInfo, pathIOS]);
+        // eslint-disable-next-line @lwc/lwc/no-async-await
+        const rename = async () => {
+            const newFileName = `Profile_trace_for_${pkg.version}.cpuprofile`;
+            const newFilePath = `${RNFS.DocumentDirectoryPath}/${newFileName}`;
+
+            try {
+                const fileExists = await RNFS.exists(newFilePath);
+                if (fileExists) {
+                    await RNFS.unlink(newFilePath);
+                    Log.hmmm('[ProfilingToolMenu] existing file deleted successfully');
+                }
+            } catch (error) {
+                const typedError = error as Error;
+                Log.hmmm('[ProfilingToolMenu] error checking/deleting existing file: ', typedError.message);
+            }
+
+            // Copy the file to a new location with the desired filename
+            await RNFS.copyFile(pathIOS, newFilePath)
+                .then(() => {
+                    Log.hmmm('[ProfilingToolMenu] file copied successfully');
+                })
+                .catch((error) => {
+                    Log.hmmm('[ProfilingToolMenu] error copying file: ', error);
+                });
+
+            setSharePath(newFilePath);
+        };
+
+        rename();
+    }, [pathIOS]);
+
+    const onDownloadProfiling = useCallback(() => {
+        // eslint-disable-next-line @lwc/lwc/no-async-await
+        const shareFiles = async () => {
+            try {
+                // Define new filename and path for the app info file
+                const infoFileName = `App_Info_${pkg.version}.json`;
+                const infoFilePath = `${RNFS.DocumentDirectoryPath}/${infoFileName}`;
+                const actualInfoFile = `file://${infoFilePath}`;
+
+                await RNFS.writeFile(infoFilePath, getAppInfo(), 'utf8');
+
+                const shareOptions = {
+                    urls: [`file://${sharePath}`, actualInfoFile],
+                };
+
+                await Share.open(shareOptions);
+            } catch (error) {
+                console.error('Error renaming and sharing file:', error);
+            }
+        };
+        shareFiles();
+    }, [getAppInfo, sharePath]);
 
     return (
         <>

From bcd5b33a43640ce15973a8844abb1a274eb6b2d2 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 14:55:39 +0100
Subject: [PATCH 12/18] update README

---
 README.md | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)

diff --git a/README.md b/README.md
index 24fa343f0d45..f45dfb0ec679 100644
--- a/README.md
+++ b/README.md
@@ -185,6 +185,68 @@ Our React Native Android app now uses the `Hermes` JS engine which requires your
 
 To make it easier to test things in web, we expose the Onyx object to the window, so you can easily do `Onyx.set('bla', 1)`.
 
+----
+
+# Profiling
+### Record a trace:
+1. Launch the app.
+2. Navigate to the feature you wish to test.
+3. Tap with four fingers to open a menu.
+4. In the menu, enable **`Use Profiling`**.
+5. Close the menu and interact with the app.
+6. Tap with four fingers again and select to stop profiling.
+7. A **`Share`** option appears for sharing the trace.
+8. Two files will be available: the trace file(`Profile<app version>.cpuprofile`) and another with build info(`AppInfo<app version>.json`).
+
+Build info:
+```jsx
+{
+    appVersion: "1.0.0",
+    environment: "production",
+    platform: "IOS",
+    totalMemory: "3GB",
+    usedMemory: "300MB"
+}
+```
+
+### How to generate source map to symbolicate trace record:
+1. You have two files: `AppInfo<app version>.json` and `Profile<app version>.cpuprofile`
+2. Put `Profile<app version>.cpuprofile` in the root of the project.
+3. Get the app version from **`AppInfo<app version>.json`** and switch to that branch for accurate source maps creation. 
+4. Enable source maps on Android 
+Ensure the following is set in your app's `android/app/build.gradle` file.
+
+    ```jsx
+    project.ext.react = [
+        enableHermes: true,
+        hermesFlagsRelease: ["-O", "-output-source-map"], // plus whichever flag was required to set this away from default
+    ]
+    ```
+    
+5. Enable source maps on IOS 
+Within Xcode head to the build phase - `Bundle React Native code and images`.
+    
+    ```jsx
+    export SOURCEMAP_FILE="$(pwd)/../main.jsbundle.map";
+    
+    export NODE_BINARY=node
+    ../node_modules/react-native/scripts/react-native-xcode.sh
+    ```
+    
+6. Do `npm i` and `npm run pod-install` 
+7. Depend on platform you want to test run Android/IOS app in production mode
+8. After build was completed you would see generated source map
+Android: `android/app/build/generated/sourcemaps/react/productionRelease/index.android.bundle.map` 
+IOS: `main.jsbundle.map` 
+9. Next you need to symbolicate your trace. 
+Android: `npm run symbolicate-release:android`
+IOS: `npm run symbolicate-release:ios` 
+10. You would see that file`Profile_trace_for_<app version>-converted.json` appeared in you app root folder
+11. Open the performance trace file in your tool of choice:
+    - SpeedScope ([https://www.speedscope.app](https://www.speedscope.app/))
+    - Perfetto UI (https://ui.perfetto.dev/)
+    - Google Chrome's Tracing UI (chrome://tracing)
+
 ---
 
 # App Structure and Conventions

From f0803b280f341c545b3b844df7998f4f52c1b79a Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 16:18:21 +0100
Subject: [PATCH 13/18] update scripts

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 93b9f7572bff..81ea0496a2c7 100644
--- a/package.json
+++ b/package.json
@@ -50,8 +50,8 @@
     "analyze-packages": "ANALYZE_BUNDLE=true webpack --config config/webpack/webpack.common.js --env envFile=.env.production",
     "symbolicate:android": "npx metro-symbolicate android/app/build/generated/sourcemaps/react/release/index.android.bundle.map",
     "symbolicate:ios": "npx metro-symbolicate main.jsbundle.map",
-    "symbolicate-release:ios": "scripts/release-profile.sh --platform=ios",
-    "symbolicate-release:android": "scripts/release-profile.sh --platform=android",
+    "symbolicate-release:ios": "node scripts/release-profile.sh --platform=ios",
+    "symbolicate-release:android": "node scripts/release-profile.sh --platform=android",
     "test:e2e": "ts-node tests/e2e/testRunner.js --development --skipCheckout --skipInstallDeps --buildMode none",
     "test:e2e:dev": "ts-node tests/e2e/testRunner.js --development --skipCheckout --config ./config.dev.js --buildMode skip --skipInstallDeps",
     "gh-actions-unused-styles": "./.github/scripts/findUnusedKeys.sh",

From 3622df55a68465ef566e391ef5177c3a583e2181 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 16:40:06 +0100
Subject: [PATCH 14/18] switch sh to js

---
 scripts/{release-profile.sh => release-profile.js} | 2 ++
 1 file changed, 2 insertions(+)
 rename scripts/{release-profile.sh => release-profile.js} (95%)

diff --git a/scripts/release-profile.sh b/scripts/release-profile.js
similarity index 95%
rename from scripts/release-profile.sh
rename to scripts/release-profile.js
index 5c894d01aade..defa0ca7a9b7 100755
--- a/scripts/release-profile.sh
+++ b/scripts/release-profile.js
@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+/* eslint-disable no-console */
 
 const fs = require('fs');
 const { execSync } = require('child_process');
@@ -19,6 +20,7 @@ function parseCommandLineArguments() {
 // Function to find .cpuprofile files in the current directory
 function findCpuProfileFiles() {
   const files = fs.readdirSync(process.cwd());
+  // eslint-disable-next-line rulesdir/prefer-underscore-method
   return files.filter(file => file.endsWith('.cpuprofile'));
 }
 

From 016f21e2d11edee4a370e95db36e5e85cd4eb629 Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Fri, 16 Feb 2024 16:50:40 +0100
Subject: [PATCH 15/18] lint

---
 package.json               |  4 +--
 scripts/release-profile.js | 66 +++++++++++++++++++-------------------
 2 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/package.json b/package.json
index 81ea0496a2c7..eae61a638792 100644
--- a/package.json
+++ b/package.json
@@ -50,8 +50,8 @@
     "analyze-packages": "ANALYZE_BUNDLE=true webpack --config config/webpack/webpack.common.js --env envFile=.env.production",
     "symbolicate:android": "npx metro-symbolicate android/app/build/generated/sourcemaps/react/release/index.android.bundle.map",
     "symbolicate:ios": "npx metro-symbolicate main.jsbundle.map",
-    "symbolicate-release:ios": "node scripts/release-profile.sh --platform=ios",
-    "symbolicate-release:android": "node scripts/release-profile.sh --platform=android",
+    "symbolicate-release:ios": "scripts/release-profile.js --platform=ios",
+    "symbolicate-release:android": "scripts/release-profile.js --platform=android",
     "test:e2e": "ts-node tests/e2e/testRunner.js --development --skipCheckout --skipInstallDeps --buildMode none",
     "test:e2e:dev": "ts-node tests/e2e/testRunner.js --development --skipCheckout --config ./config.dev.js --buildMode skip --skipInstallDeps",
     "gh-actions-unused-styles": "./.github/scripts/findUnusedKeys.sh",
diff --git a/scripts/release-profile.js b/scripts/release-profile.js
index defa0ca7a9b7..0f96232bcdca 100755
--- a/scripts/release-profile.js
+++ b/scripts/release-profile.js
@@ -2,35 +2,35 @@
 /* eslint-disable no-console */
 
 const fs = require('fs');
-const { execSync } = require('child_process');
+const {execSync} = require('child_process');
 
 // Function to parse command-line arguments into a key-value object
 function parseCommandLineArguments() {
-  const args = process.argv.slice(2); // Skip node and script paths
-  const argsMap = {};
-  args.forEach(arg => {
-    const [key, value] = arg.split('=');
-    if (key.startsWith('--')) {
-      argsMap[key.substring(2)] = value;
-    }
-  });
-  return argsMap;
+    const args = process.argv.slice(2); // Skip node and script paths
+    const argsMap = {};
+    args.forEach((arg) => {
+        const [key, value] = arg.split('=');
+        if (key.startsWith('--')) {
+            argsMap[key.substring(2)] = value;
+        }
+    });
+    return argsMap;
 }
 
 // Function to find .cpuprofile files in the current directory
 function findCpuProfileFiles() {
-  const files = fs.readdirSync(process.cwd());
-  // eslint-disable-next-line rulesdir/prefer-underscore-method
-  return files.filter(file => file.endsWith('.cpuprofile'));
+    const files = fs.readdirSync(process.cwd());
+    // eslint-disable-next-line rulesdir/prefer-underscore-method
+    return files.filter((file) => file.endsWith('.cpuprofile'));
 }
 
 const argsMap = parseCommandLineArguments();
 
 // Determine sourcemapPath based on the platform flag passed
 let sourcemapPath;
-if (argsMap.platform === "ios") {
+if (argsMap.platform === 'ios') {
     sourcemapPath = 'main.jsbundle.map';
-} else if (argsMap.platform === "android") {
+} else if (argsMap.platform === 'android') {
     sourcemapPath = 'android/app/build/generated/sourcemaps/react/productionRelease/index.android.bundle.map';
 } else {
     console.error('Please specify the platform using --platform=ios or --platform=android');
@@ -40,24 +40,24 @@ if (argsMap.platform === "ios") {
 // Attempt to find .cpuprofile files
 const cpuProfiles = findCpuProfileFiles();
 if (cpuProfiles.length === 0) {
-  console.error('No .cpuprofile files found in the root directory.');
-  process.exit(1);
+    console.error('No .cpuprofile files found in the root directory.');
+    process.exit(1);
 } else if (cpuProfiles.length > 1) {
-  console.error('Multiple .cpuprofile files found. Please specify which one to use by placing only one .cpuprofile in the root or specifying the filename as an argument.');
-  process.exit(1);
-} else {
-  // Construct the command
-  const cpuprofileName = cpuProfiles[0];
-  const command = `npx react-native-release-profiler --local ${cpuprofileName} --sourcemap-path ${sourcemapPath}`;
-
-  console.log(`Executing: ${command}`);
-  
-  // Execute the command
-  try {
-    const output = execSync(command, { stdio: 'inherit' });
-    console.log(output.toString());
-  } catch (error) {
-    console.error(`Error executing command: ${error}`);
+    console.error('Multiple .cpuprofile files found. Please specify which one to use by placing only one .cpuprofile in the root or specifying the filename as an argument.');
     process.exit(1);
-  }
+} else {
+    // Construct the command
+    const cpuprofileName = cpuProfiles[0];
+    const command = `npx react-native-release-profiler --local ${cpuprofileName} --sourcemap-path ${sourcemapPath}`;
+
+    console.log(`Executing: ${command}`);
+
+    // Execute the command
+    try {
+        const output = execSync(command, {stdio: 'inherit'});
+        console.log(output.toString());
+    } catch (error) {
+        console.error(`Error executing command: ${error}`);
+        process.exit(1);
+    }
 }

From bfcd7dc57ada3d3d57a54cf1061ad726d9ad994a Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Sun, 18 Feb 2024 11:56:43 +0100
Subject: [PATCH 16/18] mock react-native-share

---
 jest/setup.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/jest/setup.ts b/jest/setup.ts
index 4a23a85edb83..b0bb0829dd08 100644
--- a/jest/setup.ts
+++ b/jest/setup.ts
@@ -42,3 +42,7 @@ jest.mock('react-native-sound', () => {
 
     return SoundMock;
 });
+
+jest.mock('react-native-share', () => ({
+    default: jest.fn(),
+}));

From 9c34421cfdd8b8263584a7db05efd902e2b02abd Mon Sep 17 00:00:00 2001
From: Taras Perun <terry.perun@gmail.com>
Date: Sun, 18 Feb 2024 12:59:33 +0100
Subject: [PATCH 17/18] update README

---
 README.md | 85 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 48 insertions(+), 37 deletions(-)

diff --git a/README.md b/README.md
index e379cdd5bbef..cb41ba264c83 100644
--- a/README.md
+++ b/README.md
@@ -189,62 +189,73 @@ To make it easier to test things in web, we expose the Onyx object to the window
 
 ----
 
-# Profiling
-### Record a trace:
-1. Launch the app.
-2. Navigate to the feature you wish to test.
-3. Tap with four fingers to open a menu.
-4. In the menu, enable **`Use Profiling`**.
-5. Close the menu and interact with the app.
-6. Tap with four fingers again and select to stop profiling.
-7. A **`Share`** option appears for sharing the trace.
-8. Two files will be available: the trace file(`Profile<app version>.cpuprofile`) and another with build info(`AppInfo<app version>.json`).
+# Release Profiler
+Often, performance issue debugging occurs in debug builds, which can introduce errors from elements such as JS Garbage Collection, Hermes debug markers, or LLDB pauses.
 
-Build info:
-```jsx
-{
-    appVersion: "1.0.0",
-    environment: "production",
-    platform: "IOS",
-    totalMemory: "3GB",
-    usedMemory: "300MB"
-}
-```
+`react-native-release-profiler` facilitates profiling within release builds for accurate local problem-solving and broad performance analysis in production to spot regressions or collect extensive device data. Therefore, we will utilize the production build version
 
-### How to generate source map to symbolicate trace record:
-1. You have two files: `AppInfo<app version>.json` and `Profile<app version>.cpuprofile`
-2. Put `Profile<app version>.cpuprofile` in the root of the project.
-3. Get the app version from **`AppInfo<app version>.json`** and switch to that branch for accurate source maps creation. 
-4. Enable source maps on Android 
+### Getting Started with Source Maps
+To accurately profile your application, generating source maps for Android and iOS is crucial. Here's how to enable them:
+1. Enable source maps on Android 
 Ensure the following is set in your app's `android/app/build.gradle` file.
 
     ```jsx
     project.ext.react = [
         enableHermes: true,
-        hermesFlagsRelease: ["-O", "-output-source-map"], // plus whichever flag was required to set this away from default
+        hermesFlagsRelease: ["-O", "-output-source-map"], // <-- here, plus whichever flag was required to set this away from default
     ]
     ```
     
-5. Enable source maps on IOS 
+2. Enable source maps on IOS 
 Within Xcode head to the build phase - `Bundle React Native code and images`.
     
     ```jsx
-    export SOURCEMAP_FILE="$(pwd)/../main.jsbundle.map";
+    export SOURCEMAP_FILE="$(pwd)/../main.jsbundle.map" // <-- here;
     
     export NODE_BINARY=node
     ../node_modules/react-native/scripts/react-native-xcode.sh
     ```
-    
-6. Do `npm i` and `npm run pod-install` 
-7. Depend on platform you want to test run Android/IOS app in production mode
-8. After build was completed you would see generated source map
-Android: `android/app/build/generated/sourcemaps/react/productionRelease/index.android.bundle.map` 
-IOS: `main.jsbundle.map` 
-9. Next you need to symbolicate your trace. 
+3. Install the necessary packages and CocoaPods dependencies:
+    ```jsx
+    npm i && npm run pod-install
+    ```
+7. Depending on the platform you are targeting, run your Android/iOS app in production mode.
+8. Upon completion, the generated source map can be found at:
+  Android: `android/app/build/generated/sourcemaps/react/productionRelease/index.android.bundle.map` 
+  IOS: `main.jsbundle.map` 
+
+### Recording a Trace:
+1. Ensure you have generated the source map as outlined above.
+2. Launch the app in production mode.
+2. Navigate to the feature you wish to profile.
+3. Initiate the profiling session by tapping with four fingers to open the menu and selecting **`Use Profiling`**.
+4. Close the menu and interact with the app.
+5. After completing your interactions, tap with four fingers again and select to stop profiling.
+6. You will be presented with a **`Share`** option to export the trace, which includes a trace file (`Profile<app version>.cpuprofile`) and build info (`AppInfo<app version>.json`).
+
+Build info:
+```jsx
+{
+    appVersion: "1.0.0",
+    environment: "production",
+    platform: "IOS",
+    totalMemory: "3GB",
+    usedMemory: "300MB"
+}
+```
+
+### How to symbolicate trace record:
+1. You have two files: `AppInfo<app version>.json` and `Profile<app version>.cpuprofile`
+2. Place the `Profile<app version>.cpuprofile` file at the root of your project.
+3. If you have already generated a source map from the steps above for this branch, you can skip to the next step. Otherwise, obtain the app version from `AppInfo<app version>.json` switch to that branch and generate the source map as described.
+
+`IMPORTANT:` You should generate the source map from the same branch as the trace was recorded.
+
+4. Use the following commands to symbolicate the trace for Android and iOS, respectively:
 Android: `npm run symbolicate-release:android`
 IOS: `npm run symbolicate-release:ios` 
-10. You would see that file`Profile_trace_for_<app version>-converted.json` appeared in you app root folder
-11. Open the performance trace file in your tool of choice:
+5. A new file named `Profile_trace_for_<app version>-converted.json` will appear in your project's root folder.
+6. Open this file in your tool of choice:
     - SpeedScope ([https://www.speedscope.app](https://www.speedscope.app/))
     - Perfetto UI (https://ui.perfetto.dev/)
     - Google Chrome's Tracing UI (chrome://tracing)

From 12a6970e89cab2b0d1685f1b056c148eb0885981 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hanno=20J=2E=20G=C3=B6decke?= <die.drei99@yahoo.de>
Date: Wed, 21 Feb 2024 20:33:15 +0100
Subject: [PATCH 18/18] undo spacing

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0dd1fe87056f..7beb426932aa 100644
--- a/package.json
+++ b/package.json
@@ -328,5 +328,5 @@
   "engines": {
     "node": "20.10.0",
     "npm": "10.2.3"
-    }  
+  }  
 }