[No QA] fix: add open_app and splash_screen metrics tracking

src/CONST.ts

@@ -1614,6 +1614,8 @@ const CONST = {
     TIMING: {
         GET_ORDERED_REPORT_IDS: 'get_ordered_report_ids',
         CALCULATE_MOST_RECENT_LAST_MODIFIED_ACTION: 'calc_most_recent_last_modified_action',
+        OPEN_APP: 'open_app',
+        SPLASH_SCREEN: 'splash_screen',
         OPEN_SEARCH: 'open_search',
         OPEN_REPORT: 'open_report',
         OPEN_REPORT_FROM_PREVIEW: 'open_report_from_preview',

src/SplashScreenStateContext.tsx

@@ -1,6 +1,7 @@
-import React, {useContext, useMemo, useState} from 'react';
+import React, {useContext, useEffect, useMemo, useState} from 'react';
 import type {ValueOf} from 'type-fest';
 import CONST from './CONST';
+import Timing from './libs/actions/Timing';
 import type ChildrenProps from './types/utils/ChildrenProps';
 
 type SplashScreenStateContextType = {
@@ -23,6 +24,14 @@ function SplashScreenStateContextProvider({children}: ChildrenProps) {
         [splashScreenState],
     );
 
+    useEffect(() => {
+        if (splashScreenState !== 'hidden') {
+            return;
+        }
+
+        Timing.end(CONST.TIMING.SPLASH_SCREEN);
+    }, [splashScreenState]);
+
     return <SplashScreenStateContext.Provider value={splashScreenStateContext}>{children}</SplashScreenStateContext.Provider>;
 }
 

src/libs/actions/App.ts

@@ -162,6 +162,7 @@ const isReadyToOpenApp = new Promise<void>((resolve) => {
 });
 
 function confirmReadyToOpenApp() {
+    Timing.end(CONST.TIMING.OPEN_APP);
     resolveIsReadyPromise();
 }
 
@@ -215,7 +216,6 @@ function setSidebarLoaded() {
 
     Onyx.set(ONYXKEYS.IS_SIDEBAR_LOADED, true);
     Performance.markEnd(CONST.TIMING.SIDEBAR_LOADED);
-    Timing.end(CONST.TIMING.SIDEBAR_LOADED);
 }
 
 function setAppLoading(isLoading: boolean) {

src/pages/Search/SearchPage.tsx

@@ -26,6 +26,7 @@ import usePermissions from '@hooks/usePermissions';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
+import {confirmReadyToOpenApp} from '@libs/actions/App';
 import {searchInServer} from '@libs/actions/Report';
 import {
     approveMoneyRequestOnSearch,
@@ -90,6 +91,10 @@ function SearchPage({route}: SearchPageProps) {
     const [currentSearchResults] = useOnyx(`${ONYXKEYS.COLLECTION.SNAPSHOT}${queryJSON?.hash ?? CONST.DEFAULT_NUMBER_ID}`, {canBeMissing: true});
     const [lastNonEmptySearchResults, setLastNonEmptySearchResults] = useState<SearchResults | undefined>(undefined);
 
+    useEffect(() => {
+        confirmReadyToOpenApp();
+    }, []);
+
     useEffect(() => {
         if (!currentSearchResults?.search?.type) {
             return;

src/pages/home/sidebar/BaseSidebarScreen.tsx

@@ -9,7 +9,6 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {isMobile} from '@libs/Browser';
 import Performance from '@libs/Performance';
-import Timing from '@userActions/Timing';
 import CONST from '@src/CONST';
 import SidebarLinksData from './SidebarLinksData';
 
@@ -21,7 +20,6 @@ function BaseSidebarScreen() {
 
     useEffect(() => {
         Performance.markStart(CONST.TIMING.SIDEBAR_LOADED);
-        Timing.start(CONST.TIMING.SIDEBAR_LOADED);
     }, []);
 
     return (

src/setup/index.ts

@@ -8,8 +8,11 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import addUtilsToWindow from './addUtilsToWindow';
 import initializeLastVisitedPath from './initializeLastVisitedPath';
 import platformSetup from './platformSetup';
+import telemetry from './telemetry';
 
 export default function () {
+    telemetry();
+
     /*
      * Initialize the Onyx store when the app loads for the first time.
      *

src/setup/telemetry/index.native.ts

@@ -0,0 +1,17 @@
+import {AppState} from 'react-native';
+import type {AppStateStatus} from 'react-native';
+import Timing from '@userActions/Timing';
+import CONST from '@src/CONST';
+
+export default function () {
+    Timing.start(CONST.TIMING.SPLASH_SCREEN);
+    Timing.start(CONST.TIMING.OPEN_APP);
+
+    AppState.addEventListener('change', (nextState: AppStateStatus) => {
+        if (nextState !== 'active') {
+            return;
+        }
+
+        Timing.clearData();
+    });
+}

src/setup/telemetry/index.ts

@@ -0,0 +1,15 @@
+import Timing from '@userActions/Timing';
+import CONST from '@src/CONST';
+
+export default function () {
+    Timing.start(CONST.TIMING.SPLASH_SCREEN);
+    Timing.start(CONST.TIMING.OPEN_APP);
+
+    document.addEventListener('visibilitychange', () => {
+        if (!document.hidden) {
+            return;
+        }
+
+        Timing.clearData();
+    });
+}