[js/rn] Supoort New Architecture

[jhen0409]

Description

I’m gradually migrating my app projects to New Architecture. While the new architecture still supports legacy bridge for “module”, but usually there will be a lot of calls with onnxruntime-react-native, the new Turbo Native Module will help to improve the performance, so I make it a high priority in my work. These are what I did in this PR:

• Support Turbo Native Module
  • Old architecture compatible
  • The codegen will generate JSI code automatically, it depends on defined types in TS or JS, so lib/NativeOnnxruntime.ts is necessary.
  • Currently I got issue like Import from another file not working in new architecture  facebook/react-native#36431 (RN 0.71) so I can’t use types from another import files, I just remain {} for SessionOptions and RunOptions.
• For E2E project, it needs to enable the new architecture for the entire app project to test the changes
  • In React Native v0.69, it requires complex setup to enable new architecture. Starting with 0.71 it just need one flag to enable, so I upgrade the project to 0.71 version by template. (Currently Detox is supported React Native <= v0.71)
  • It’s still old-arch compatible for module, so I haven’t change the MNISTDataHandler demo module
  • The project still use old-arch by default, Detox probably not supported yet for new-arch
• I still use RN v0.69 for react_native unit tests, it has some build issues from v0.71 on Android

Motivation and Context

Related #16031 because the interface of Turbo Native Module is based on JSI. I still keep JSIHelper because Turbo Module’s type conversation still does not seem to support buffer.

With new architecture enabled, It improve latency issue from bridge I mentioned in #16031 (comment), the latency obvious drop in my cases.

[jhen0409]

thanks again for the contribution.

another general question: If I understand correctly, to enable the new architecture for testing:

On Android, need to set buildconfig.IS_NEW_ARCHITECTURE_ENABLED (which is defined in build.gradle) and this option can also be passed into ./gradlew command?

For E2E project, you can change newArchEnabled=false to true.

On iOS, just need to set the ENV and uncomment the lines in Podfile?

# Use New Architecture
# ENV['RCT_NEW_ARCH_ENABLED'] = '1'

Yes.

[YUNQIUGUO]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[fs-eire]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[jhen0409]

After updating RN to 0.71 in js/react_native, I forget to update the podfile. It should work now.

[fs-eire]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[fs-eire]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[fs-eire]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[fs-eire]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[fs-eire]

/azp run ONNX Runtime React Native CI Pipeline

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).