feat: Add performance.now() to Worklets

[mrousavy]

Description

Adds support for measuring performance/elapsed time in millisecond precision using Chrono with performance.now() in Worklets.

Changes

• Inject _chronoNow func in global runtime object

Test code and steps to reproduce

runOnUI(() => {
  'worklet'
  const start = performance.now()
  for (let i = 0; i < 1000000; i++) {}
  const end = performance.now()
  console.log(`Loop took ${end - start} ms!`)
})()

Checklist

• Included code example that can be used to test this change
• Updated TS types
• Added TS types tests
• Added unit / integration tests
• Updated documentation
• Ensured that CI passes

Related Issues

• fix: Use same implementation for performance.now() on iOS and Android facebook/react-native#32695

[piaskowyk]

It will be useful for performance profiling 🚀

[mrousavy]

Btw, this is now also aligned with how the original performance.now() works :) (Because of: facebook/react-native@1721efb)

[enesozturk]

Before opening a issue wanted to write here, I have the same issue with v2.3.1 in Expo app. Trying to use it with Storybook RN. I have a basic stack:

<Stack.Navigator>
  <Stack.Screen name="Home" component={TabNavigator} />
  <Stack.Screen name="Storybook" component={Story} />
</Stack.Navigator>

When I navigate to Storybook page, it is ok but when press go back. I got the issue.

Packages:

{
  "expo": "^44.0.0",
  "react-native-reanimated": "~2.3.1",
}

Should I share any other details?

Edit:

• Also shared in global.performance.now is not a function #2760 and
• And TypeError: global.performance.now is not a function #2730

[shamilovtim]

^ You probably have to mock it out