chore: Upgrade the example applications (#896)

* chore: Upgrade SampleApp to RN v0.65.1

* chore: Upgrade NativeMessaging to RN v0.65.1

* chore: Upgrade TypeScriptMessaging to RN v0.65.1

* chore: Update lockfiles for expo package & sample

* chore: Upgrades ExpoMessaging to expo v42.0.0

* fix: Set the correct Flipper version in examples

* docs: Update compability table

* docs: Update compability table, and move it to doc

* docs: Reorder columns in compability table

Co-authored-by: Vishal Narkhede <[email protected]>

Co-authored-by: Vishal Narkhede <[email protected]>

Author: madsroskar

README.md

@@ -31,18 +31,6 @@
 - [Keep in mind](#-keep-in-mind)
 - [Contributing](#-contributing)
 
-## 🔐 React Native Compatibility
-
-To use this library you need to ensure you match up with the correct version of React Native you are using.
-
-| `stream-chat-react-native` version  | React Native Version  | `stream-chat` Version |
-| ----------------------------------  | --------------------- | --------------------- |
-| `3.2.0`                             | `>= 0.60`             | `>= 3.5.1`            |
-| `3.0.0`                             | `>= 0.60`             | `>= 3.0.0`            |
-| `2.x.x`                             | `>= 0.60`             | `< 3.0.0`             |
-| `1.x.x`                             | `>= 0.59`             | `< 3.0.0`             |
-| `0.x.x`                             | `*`                   | `< 3.0.0`             |
-
 ## 📖 React Native Chat Tutorial
 
 The best place to start is the [React Native Chat Tutorial](https://github.com/GetStream/stream-chat-react-native/wiki/Tutorial-v3.0). It teaches you how to use this SDK and also shows how to make frequently required changes.

docusaurus/docs/reactnative/basics/getting_started.mdx

@@ -87,6 +87,16 @@ Most if not all of the required packages now support auto-linking so setup shoul
 
 For iOS on a Mac install the pods `npx pod-install ios`.
 
+#### Version compabilities
+
+To be able to use the Stream Chat React Native SDK, a few dependencies must meet the following version requirements:
+
+| react-native | stream-chat-react-native (min required) | react-native-reanimated (min required) |
+| - | - | - |
+| 0.65 |  3.9.0 | 2.2.1 |
+| 0.64 |  3.6.2 | 2.2.0 |
+| 0.63 |  3.0.0 | 2.2.0 |
+
 ### Additional Steps
 
 - `react-native` - [additional installation steps](https://reactnative.dev/docs/image#gif-and-webp-support-on-android)

examples/ExpoMessaging/package.json

@@ -12,29 +12,31 @@
     "@react-native-community/netinfo": "6.0.0",
     "@react-navigation/native": "5.8.10",
     "@react-navigation/stack": "5.12.8",
-    "expo": "41.0.1",
-    "expo-blur": "9.0.3",
-    "expo-document-picker": "9.1.2",
-    "expo-file-system": "11.0.2",
-    "expo-haptics": "10.0.0",
-    "expo-image-manipulator": "9.1.0",
-    "expo-image-picker": "10.1.4",
-    "expo-media-library": "12.0.2",
-    "expo-sharing": "9.1.2",
+    "expo": "^42.0.0",
+    "expo-blur": "~9.0.3",
+    "expo-document-picker": "~9.2.4",
+    "expo-file-system": "~11.1.3",
+    "expo-haptics": "~10.1.0",
+    "expo-image-manipulator": "~9.2.2",
+    "expo-image-picker": "~10.2.2",
+    "expo-media-library": "~12.1.2",
+    "expo-sharing": "~9.2.1",
     "react": "16.13.1",
     "react-dom": "16.13.1",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz",
-    "react-native-gesture-handler": "1.10.2",
-    "react-native-reanimated": "2.1.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
+    "react-native-gesture-handler": "~1.10.2",
+    "react-native-reanimated": "~2.2.0",
     "react-native-safe-area-context": "3.2.0",
-    "react-native-screens": "3.0.0",
-    "react-native-svg": "12.1.0",
+    "react-native-screens": "~3.4.0",
+    "react-native-svg": "12.1.1",
     "stream-chat-expo": "link:../../package/expo-package",
     "stream-chat-react-native-core": "link:../../package"
   },
   "devDependencies": {
-    "@babel/core": "7.12.9",
-    "babel-preset-expo": "8.3.0"
+    "@babel/core": "~7.9.0",
+    "@types/react-native": "~0.63.2",
+    "babel-preset-expo": "8.3.0",
+    "typescript": "~4.0.0"
   },
   "private": true
 }

examples/ExpoMessaging/yarn.lock

@@ -23,9 +23,6 @@ node_modules/react-native/flow/
 [options]
 emoji=true
 
-esproposal.optional_chaining=enable
-esproposal.nullish_coalescing=enable
-
 extract_by_default=true
 
 module.file_ext=.js
@@ -63,4 +60,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.137.0
+^0.149.0

examples/NativeMessaging/.flowconfig

@@ -125,11 +125,6 @@ android {
 
     compileSdkVersion rootProject.ext.compileSdkVersion
 
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-
     defaultConfig {
         applicationId "com.nativemessaging"
         minSdkVersion rootProject.ext.minSdkVersion
@@ -217,7 +212,7 @@ dependencies {
 // Run this once to be able to run the application with BUCK
 // puts all compile dependencies into folder libs for BUCK to use
 task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.compile
+    from configurations.implementation
     into 'libs'
 }
 

examples/NativeMessaging/android/app/build.gradle

@@ -13,10 +13,10 @@ buildscript {
     }
     repositories {
         google()
-        jcenter()
+        mavenCentral()
     }
     dependencies {
-        classpath('com.android.tools.build:gradle:4.1.0')
+        classpath('com.android.tools.build:gradle:4.2.1')
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion"
 
         // NOTE: Do not place your application dependencies here; they belong
@@ -26,6 +26,7 @@ buildscript {
 
 allprojects {
     repositories {
+        mavenCentral()
         mavenLocal()
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
@@ -37,7 +38,6 @@ allprojects {
         }
 
         google()
-        jcenter()
         maven { url 'https://maven.google.com' }
         maven { url 'https://www.jitpack.io' }
         maven {

examples/NativeMessaging/android/build.gradle

@@ -25,4 +25,4 @@ android.useAndroidX=true
 android.enableJetifier=true
 
 # Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.75.1
+FLIPPER_VERSION=0.93.0

examples/NativeMessaging/android/gradle.properties

@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip

examples/NativeMessaging/android/gradle/wrapper/gradle-wrapper.properties

@@ -563,7 +563,7 @@
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				ENABLE_TESTABILITY = YES;
-				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "arm64 i386";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
 				GCC_NO_COMMON_BLOCKS = YES;
@@ -628,7 +628,7 @@
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "arm64 i386";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;