New Example - PurchaseTester TypeScript

.circleci/config.yml

@@ -1,54 +1,7 @@
 version: 2.1
 orbs:
-  rn: react-native-community/react-native@6.0.1
+  rn: react-native-community/react-native@6.1.0
 commands:
-  yarn_install_example:
-    steps:
-      - run:
-          command: >
-            mkdir -p ~/.tmp/checksumfiles
-
-            find . -type f -name 'package.json' -not -path "*node_modules*" -exec
-            cat {} + >> ~/.tmp/checksumfiles/package.json
-
-            find . -type f -name 'yarn.lock' -not -path "*node_modules*" -exec cat
-            {} + >> ~/.tmp/checksumfiles/yarn.lock
-          name: Create cache checksum file
-
-      # Commented out because something is up with the permissions of the cache folder in the machines.
-      # There's an open issue here:  react-native-community/react-native-circleci-orb#66
-
-      # - restore_cache:
-      #     keys:
-      #       - >-
-      #         yarn-cache-{{ arch }}-{{ checksum "~/.tmp/checksumfiles/package.json"
-      #         }}-{{ checksum "~/.tmp/checksumfiles/yarn.lock" }}-{{
-      #         .Environment.CACHE_VERSION }}
-      - run:
-          command: >-
-            yarn --cwd examples/purchaseTester && yarn install --non-interactive --cache-folder /tmp/yarn
-          name: Yarn Install
-      # - save_cache:
-      #     key: >
-      #       yarn-cache-{{ arch }}-{{ checksum "~/.tmp/checksumfiles/package.json"
-      #       }}-{{ checksum "~/.tmp/checksumfiles/yarn.lock" }}-{{
-      #       .Environment.CACHE_VERSION }}
-      #     paths:
-      #       - /tmp/yarn
-
-  install_pods:
-    steps:
-      - restore_cache:
-          keys:
-            - cache-pods-{{ checksum "examples/purchaseTester/ios/Podfile.lock" }}-{{ .Environment.CACHE_VERSION }}
-            - cache-pods-
-      - run:
-          command: yarn pods
-          name: Pod install
-      - save_cache:
-          paths:
-            - examples/purchaseTester/ios/Pods
-          key: cache-pods-{{ checksum "examples/purchaseTester/ios/Podfile.lock" }}-{{ .Environment.CACHE_VERSION }}
 
 jobs:
   analyse_js:
@@ -57,7 +10,15 @@ jobs:
       node_version: '12'
     steps:
       - checkout
-      - yarn_install_example
+      - rn/yarn_install:
+          yarn_install_directory: examples/purchaseTester
+          cache_folder: ~/.cache/yarn
+      - rn/yarn_install:
+          yarn_install_directory: examples/purchaseTesterTypescript
+          cache_folder: ~/.cache/yarn
+      - run:
+          name: Yarn Install
+          command: yarn install --non-interactive --cache-folder /tmp/yarn
       - run:
           name: Tests
           command: yarn test
@@ -68,9 +29,14 @@ jobs:
     executor: rn/linux_android
     steps:
       - checkout
-      - yarn_install_example
+      - rn/yarn_install:
+          yarn_install_directory: examples/purchaseTester
+          cache_folder: ~/.cache/yarn
+      - rn/yarn_install:
+          yarn_install_directory: examples/purchaseTesterTypescript
+          cache_folder: ~/.cache/yarn
       - rn/android_build:
-          project_path: examples/purchaseTester/android
+          project_path: examples/purchaseTesterTypescript/android
   ios:
     executor:
       name: rn/macos
@@ -79,15 +45,23 @@ jobs:
       - checkout
       - rn/ios_simulator_start:
           device: iPhone 11 Pro
-      - yarn_install_example
-      - install_pods
+      - rn/yarn_install:
+          yarn_install_directory: examples/purchaseTester
+          cache_folder: ~/.cache/yarn
+      - rn/yarn_install:
+          yarn_install_directory: examples/purchaseTesterTypescript
+          cache_folder: ~/.cache/yarn
+      - rn/pod_install:
+          pod_install_directory: examples/purchaseTester/ios
+      - rn/pod_install:
+          pod_install_directory: examples/purchaseTesterTypescript/ios
       - rn/ios_build:
           build_configuration: Release
           device: iPhone 11 Pro
           derived_data_path: ~/DerivedData
           project_type: workspace
-          project_path: examples/purchaseTester/ios/ReactNativeSample.xcworkspace
-          scheme: ReactNativeSample
+          project_path: examples/purchaseTesterTypescript/ios/PurchaseTester.xcworkspace
+          scheme: PurchaseTester
 
 workflows:
   test:

.gitignore

@@ -9,6 +9,7 @@ node_modules/
 npm-debug.log
 yarn-error.log
 **/yarn.lock
+**/package-lock.json
 
 # Xcode
 #

examples/purchaseTester/ios/Podfile.lock

@@ -323,7 +323,7 @@ PODS:
     - React-perflogger (= 0.64.3)
   - RNGestureHandler (1.10.3):
     - React-Core
-  - RNPurchases (4.4.1):
+  - RNPurchases (4.5.0):
     - PurchasesHybridCommon (= 1.11.1)
     - React-Core
   - RNScreens (2.18.1):
@@ -473,7 +473,7 @@ SPEC CHECKSUMS:
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
   DoubleConversion: cf9b38bf0b2d048436d9a82ad2abe1404f11e7de
   FBLazyVector: c71c5917ec0ad2de41d5d06a5855f6d5eda06971
-  FBReactNativeSpec: a2b6216a2bf6c8d5ea8963a88fa38290bbbdc414
+  FBReactNativeSpec: 6a7ee9cb0839006f75cc5c23f6d5283dc6080c4d
   Flipper: d3da1aa199aad94455ae725e9f3aa43f3ec17021
   Flipper-DoubleConversion: 38631e41ef4f9b12861c67d17cb5518d06badc41
   Flipper-Folly: 755929a4f851b2fb2c347d533a23f191b008554c
@@ -511,11 +511,11 @@ SPEC CHECKSUMS:
   React-runtimeexecutor: 493d9abb8b23c3f84e19ae221eeba92cadcb70dc
   ReactCommon: 8fea6422328e2fc093e25c9fac67adbcf0f04fb4
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
-  RNPurchases: ac0462ae7af5921b5f3e6578a542b24f207efcb4
+  RNPurchases: aa1b4dff749eb760c6de50f1d987aa45455e58a8
   RNScreens: f7ad633b2e0190b77b6a7aab7f914fad6f198d8d
   Yoga: e6ecf3fa25af9d4c87e94ad7d5d292eedef49749
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
 PODFILE CHECKSUM: ef0169631a326f7a668fc6ea8da5bdfe60d83f4c
 
-COCOAPODS: 1.10.1
+COCOAPODS: 1.11.2

examples/purchaseTester/ios/ReactNativeSample.xcodeproj/project.pbxproj

@@ -202,7 +202,7 @@
 			);
 			inputPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-ReactNativeSample/Pods-ReactNativeSample-frameworks.sh",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL/OpenSSL.framework/OpenSSL",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
@@ -384,7 +384,7 @@
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				ENABLE_TESTABILITY = YES;
-				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "arm64 ";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
 				GCC_NO_COMMON_BLOCKS = YES;
@@ -438,7 +438,7 @@
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "arm64 ";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;

examples/purchaseTesterTypescript/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

examples/purchaseTesterTypescript/.editorconfig

@@ -0,0 +1,3 @@
+# Windows files
+[*.bat]
+end_of_line = crlf

examples/purchaseTesterTypescript/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+  rules: {
+    "no-shadow": "off",
+    "@typescript-eslint/no-shadow": ["error"],
+  },
+};

examples/purchaseTesterTypescript/.gitattributes

@@ -0,0 +1,3 @@
+# Windows files should use crlf line endings
+# https://help.github.com/articles/dealing-with-line-endings/
+*.bat text eol=crlf

examples/purchaseTesterTypescript/.gitignore

@@ -0,0 +1,60 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/

examples/purchaseTesterTypescript/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  arrowParens: 'avoid',
+};

examples/purchaseTesterTypescript/.watchmanconfig

@@ -0,0 +1 @@
+{}

examples/purchaseTesterTypescript/App.tsx

@@ -0,0 +1,65 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * Generated with the TypeScript template
+ * https://github.com/react-native-community/react-native-template-typescript
+ *
+ * @format
+ */
+
+ import React, { useEffect } from 'react';
+
+import { Platform, Text } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+
+import Purchases from 'react-native-purchases';
+
+import HomeScreen from './app/screens/HomeScreen';
+import CustomerInfoScreen from './app/screens/CustomerInfoScreen';
+import OfferingDetailScreen from './app/screens/OfferingDetailScreen';
+
+import APIKeys from './app/APIKeys';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+const Stack = createNativeStackNavigator();
+
+const App = () => {
+  const isSetup = () => {
+    return APIKeys.apple.length > 0 || APIKeys.google.length > 0;
+  }
+
+  useEffect(() => {
+    if (!isSetup()) { return }
+
+    Purchases.setDebugLogsEnabled(true);
+    if (Platform.OS == "android") {
+      Purchases.setup(APIKeys.google);
+    } else {
+      Purchases.setup(APIKeys.apple);
+    }
+  }, []);
+
+  return !isSetup() ? (
+      <SafeAreaView>
+        <Text style={{margin: 20, textAlign: 'center'}}>
+          Update RevenueCat API Keys in APIKeys.tsx
+        </Text>
+      </SafeAreaView>
+    ) : (
+      <NavigationContainer>
+        <Stack.Navigator  initialRouteName="Home">
+          <Stack.Screen
+            name="Home"
+            component={HomeScreen}
+            options={{ title: 'PurchaseTester' }}
+          />
+          <Stack.Screen name="CustomerInfo" component={CustomerInfoScreen} />
+          <Stack.Screen name="OfferingDetail" component={OfferingDetailScreen} />
+        </Stack.Navigator>
+      </NavigationContainer>
+    );
+};
+
+export default App;

examples/purchaseTesterTypescript/__tests__/App-test.tsx

@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});