remove performance module

Author: elirangoshen

src/setup/telemetry/index.ts

@@ -1,6 +1,6 @@
 import * as Sentry from '@sentry/react-native';
+import {getBundleStartTimestampMs} from '@sentry/react-native/dist/js/tracing/utils';
 import {Platform} from 'react-native';
-import {PerformanceObserver} from 'react-native-performance';
 import {isDevelopment} from '@libs/Environment/Environment';
 import {endSpan, startSpan} from '@libs/telemetry/activeSpans';
 import {breadcrumbsIntegration, browserProfilingIntegration, consoleIntegration, navigationIntegration, tracingIntegration} from '@libs/telemetry/integrations';
@@ -10,6 +10,8 @@ import CONST from '@src/CONST';
 import pkg from '../../../package.json';
 import makeDebugTransport from './debugTransport';
 
+const bundleEndMs = Date.now();
+
 export default function (): void {
     // With Sentry enabled in dev mode, profiling on iOS and Android does not work
     // If you want to enable Sentry in dev, set ENABLE_SENTRY_ON_DEV=true in .env
@@ -41,25 +43,15 @@ export default function (): void {
         op: CONST.TELEMETRY.SPAN_APP_STARTUP,
     });
 
-    let jsParseStartMs: number | undefined;
-    const observer = new PerformanceObserver((list) => {
-        const entries = list.getEntries();
-        for (const entry of entries) {
-            if (entry.name === 'runJsBundleStart' && jsParseStartMs === undefined) {
-                jsParseStartMs = entry.startTime;
-                startSpan(CONST.TELEMETRY.SPAN_JS_PARSE_TIME, {
-                    name: CONST.TELEMETRY.SPAN_JS_PARSE_TIME,
-                    op: CONST.TELEMETRY.SPAN_JS_PARSE_TIME,
-                    startTime: jsParseStartMs / 1000,
-                });
-            }
-            if (entry.name === 'runJsBundleEnd') {
-                if (jsParseStartMs !== undefined) {
-                    endSpan(CONST.TELEMETRY.SPAN_JS_PARSE_TIME, entry.startTime / 1000);
-                }
-                observer.disconnect();
-            }
-        }
-    });
-    observer.observe({type: 'react-native-mark', buffered: true});
+    const bundleStartMs = getBundleStartTimestampMs();
+    if (bundleStartMs) {
+        const durationMs = bundleEndMs - bundleStartMs;
+        console.debug(`[Telemetry] JS parse time: ${durationMs}ms`);
+        startSpan(CONST.TELEMETRY.SPAN_JS_PARSE_TIME, {
+            name: CONST.TELEMETRY.SPAN_JS_PARSE_TIME,
+            op: CONST.TELEMETRY.SPAN_JS_PARSE_TIME,
+            startTime: bundleStartMs / 1000,
+        });
+        endSpan(CONST.TELEMETRY.SPAN_JS_PARSE_TIME, bundleEndMs / 1000);
+    }
 }

src/types/global.d.ts

@@ -45,3 +45,7 @@ interface ArrayBuffer {
     // Might be defined in browsers, in RN hermes it's not implemented yet
     transfer?: (length: number) => ArrayBuffer;
 }
+
+// Set by the React Native native layer (epoch ms) right before the JS bundle starts executing
+// eslint-disable-next-line no-var, no-underscore-dangle, @typescript-eslint/naming-convention
+declare var __BUNDLE_START_TIME__: number | undefined;