feat(expo-config-plugin): create config plugin for react-native-performance

[friyiajr]

Motivation

Expo is becoming an increasingly popular way of building React-Native projects. It is important that we support their ecosystem in order to keep this library relevant in the RN Community.

NOTE: Reverted the import change found here because it seemed to be breaking builds in Vanilla RN and Expo Projects. Please double check this fix works on your end @ElviraBurchik.

Description

Fixes N/A

This Pull request adds a plugin folder to the library that has the code for the Expo Config-Plugin. No other code was touched. The purpose of the Config plugin is just to update the code on the library consumer's end

Test plan

1. Checkout this branch
2. At the root of the project run yarn to install all dependancies
3. Run yarn build to build the config plugin locally
4. cd into the ExpoFixture and run yarn again to install it's dependancies
5. Run npx expo prebuild to do all native code setup
6. After this run the app on both platforms making sure that you can see the logs in Flipper

For iOS:

npx expo run:ios

For Android:

npx expo run:android

Checklist

• I have added a decision record entry, PR includes changes to monorepo setup that may require explanation

[sdowding-rbi]

Suggested change

	"react-native-google-cast config plugin does not support AppDelegate' that aren't Objective-C(++) yet.",
	"react-native-performance config plugin does not support AppDelegate' that aren't Objective-C(++) yet.",

copy pasta error 🍝

[friyiajr]

Thanks for pointing this out. I'll rename both errors 👍

[sdowding-rbi]

Thank you for your work on this, I really appreciate it.

[friyiajr]

No problem! I am currently working with the team in charge of this to try and take the next steps to get it merged.

[sdowding-rbi]

Suggested change

	throw new Error('react-native-google-cast config plugin does not support kotlin MainActivity yet.');
	throw new Error('react-native-performance config plugin does not support kotlin MainActivity yet.');

[yefim]

Can we get an update on this? I'd like to use this library in my Expo app

[OwenMelbz]

Is this suggesting the package is compatible with expo?

[gstcarv]

any plans to merge it?

[ansh]

@friyiajr Is this ready to be merged?

[markrickert]

@friyiajr I was able to get this config plugin working with expo sdk 50 (which uses kotlin files now in their prebuild)

const withRequiredAndroidMainApplicationSetup: ConfigPlugin = (expoConfig) => {
  const importStatement =
    'com.shopify.reactnativeperformance.ReactNativePerformance';
  return withMainApplication(expoConfig, async (androidConfig) => {
    const isJava = androidConfig.modResults.language === 'java';
    const newLine = `    ReactNativePerformance.onAppStarted()${
      isJava ? ';' : ''
    }\n`;

    const srcWithNewImport = addImports(
      androidConfig.modResults.contents,
      [importStatement],
      isJava
    );

    androidConfig.modResults.contents = mergeContents({
      tag: 'react-native-performance-onCreate-android',
      src: srcWithNewImport,
      newSrc: newLine,
      anchor: MATCH_ON_CREATE,
      offset: 0,
      comment: '//',
    }).contents;

    return androidConfig;
  });
};