New Example - PurchaseTester TypeScript

.circleci/config.yml

@@ -55,6 +55,8 @@ jobs:
           pod_install_directory: examples/purchaseTester/ios
       - rn/pod_install:
           pod_install_directory: examples/purchaseTesterTypescript/ios
+      - rn/yarn_install:
+          cache_folder: ~/.cache/yarn
       - rn/ios_build:
           build_configuration: Release
           device: iPhone 11 Pro

examples/purchaseTesterTypescript/android/settings.gradle

@@ -1,5 +1,7 @@
 rootProject.name = 'PurchaseTester'
+
 include ':react-native-purchases'
-project(':react-native-purchases').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-purchases/android')
+project(':react-native-purchases').projectDir = new File(rootProject.projectDir, '../../../android')
+
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'

examples/purchaseTesterTypescript/app/screens/HomeScreen.tsx

@@ -50,7 +50,10 @@ const HomeScreen: React.FC<Props> = ({
     // currently passing fetchData to components and screens
     // so everything can be refreshed
     Purchases.addPurchaserInfoUpdateListener(fetchData);
-    fetchData();
+
+    // Oddly the cleanest way to call an async function
+    // from a non-asyn function
+    setTimeout(fetchData, 1)
   }, []);
 
   // Gets purchaser info, app user id, if user is anonymous, and offerings
@@ -213,4 +216,4 @@ const styles = StyleSheet.create({
   }
 });
 
-export default HomeScreen;
+export default HomeScreen;

examples/purchaseTesterTypescript/ios/Podfile

@@ -4,9 +4,6 @@ require_relative '../node_modules/@react-native-community/cli-platform-ios/nativ
 platform :ios, '11.0'
 
 target 'PurchaseTester' do
-  # Pods for ReactNativeSample
-  pod 'RNPurchases', :path => '../../../'
-
   config = use_native_modules!
 
   use_react_native!(
@@ -31,4 +28,4 @@ target 'PurchaseTester' do
     react_native_post_install(installer)
     __apply_Xcode_12_5_M1_post_install_workaround(installer)
   end
-end
+end

examples/purchaseTesterTypescript/ios/Podfile.lock

@@ -408,7 +408,7 @@ DEPENDENCIES:
   - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
   - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
-  - RNPurchases (from `../../../`)
+  - RNPurchases (from `../../..`)
   - RNScreens (from `../node_modules/react-native-screens`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
@@ -494,7 +494,7 @@ EXTERNAL SOURCES:
   ReactCommon:
     :path: "../node_modules/react-native/ReactCommon"
   RNPurchases:
-    :path: "../../../"
+    :path: "../../.."
   RNScreens:
     :path: "../node_modules/react-native-screens"
   Yoga:
@@ -552,6 +552,6 @@ SPEC CHECKSUMS:
   Yoga: e7dc4e71caba6472ff48ad7d234389b91dadc280
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
-PODFILE CHECKSUM: 33ed4a8d19e916379fff8d32a64e33f1b80d7738
+PODFILE CHECKSUM: cd6af7a9d5d8dd302a106b9b100d159909f7f592
 
 COCOAPODS: 1.11.2

examples/purchaseTesterTypescript/metro.config.js

@@ -5,13 +5,36 @@
  * @format
  */
 
-module.exports = {
-  transformer: {
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: true,
-      },
-    }),
-  },
-};
+// IMPORTANT
+// Make sure `npm install` is run in this referenced package's directory
+// This package will be looking for node_modules in its own directory
+const packagePath = require('path').resolve('../../');
+
+ module.exports = {
+   resolver: {
+     // Tells metro to look at for `react-native-purchases`
+     // This fixes issues with referencing file in package.json which 
+     // creates a symlink and metro can't handle symlinks
+     nodeModulesPaths: [packagePath], 
+
+     // Tells metro to first look in the package.json's source,then react-native then main
+     // This is needed so that metro uses the 'source' for `react-native-purchases` and
+     // not the 'dist'
+     resolverMainFields: ['source', 'react-native', 'main'], // will first look the source then main
+   },
+
+   // Metro will automatically update when something is changed in this path
+   watchFolders: [
+     packagePath
+   ],
+
+   transformer: {
+     getTransformOptions: async () => ({
+       transform: {
+         experimentalImportSupport: false,
+         inlineRequires: true,
+       },
+     }),
+   },
+ };
+

examples/purchaseTesterTypescript/package.json

@@ -15,7 +15,6 @@
     "@react-navigation/native-stack": "^6.2.5",
     "react": "17.0.2",
     "react-native": "0.66.4",
-    "react-native-purchases": "^4.5.0",
     "react-native-safe-area-context": "^3.3.2",
     "react-native-screens": "^3.10.1"
   },

examples/purchaseTesterTypescript/react-native.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    dependencies: {
+        // This is used for auto linking because `react-native link <dep>` will
+        // soon be deprecated 
+        // This is essentiallly an auto linking definition for local dependencies
+        'react-native-purchases': {
+            root: require('path').resolve("../../../")
+        },
+    },
+};