Merge pull request #1908 from GetStream/develop

Next Release

Author: vanGalilea

.github/workflows/changelog-preview.yml

@@ -23,7 +23,15 @@ jobs:
           node-version: ${{ matrix.node-version }}
           registry-url: 'https://registry.npmjs.org'
       - name: Installation
-        run: yarn --frozen-lockfile && yarn bootstrap-ci
+        run: |
+          yarn --frozen-lockfile
+          cd package/
+          yarn --frozen-lockfile
+          cd native-package/
+          yarn --frozen-lockfile
+          cd ../../examples/SampleApp/
+          yarn --frozen-lockfile
+
       - name: Generate Changelog
         id: generate_changelog
         run: |

.github/workflows/check-pr.yml

@@ -11,19 +11,30 @@ on:
 jobs:
   check_pr:
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [ 16.x ]
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           # Disabling shallow clone is recommended for improving relevancy of reporting
           fetch-depth: 0
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
       - name: Installation & Build Package
         # installation already takes care of calling prepare which calls build
         # for the sdk package
-        run: yarn --frozen-lockfile && yarn bootstrap-ci
+        run: | 
+          yarn --frozen-lockfile
+          cd package/
+          yarn --frozen-lockfile
+          cd native-package/
+          yarn --frozen-lockfile
+          cd ../../examples/SampleApp/
+          yarn --frozen-lockfile
+
       - name: Lint
         run: yarn lerna-workspaces run lint && cd docusaurus && npx prettier --check '**/*.mdx'
       - name: Test

.github/workflows/next-release.yml

@@ -25,10 +25,18 @@ jobs:
           registry-url: 'https://registry.npmjs.org'
       - name: Prepare git
         run: |
-          git config --global user.name "Vishal Narkhede"
-          git config --global user.email "vishal@getstream.io"
+          git config --global user.name "Steve Galili"
+          git config --global user.email "steve.galili@getstream.io"
       - name: Installation && Build SDK
-        run: yarn --frozen-lockfile && yarn bootstrap-ci
+        run: |
+          yarn --frozen-lockfile
+          cd package/
+          yarn --frozen-lockfile
+          cd native-package/
+          yarn --frozen-lockfile
+          cd ../../examples/SampleApp/
+          yarn --frozen-lockfile
+
       - name: Lint
         run: yarn lerna-workspaces run lint && (cd docusaurus; npx prettier --check '**/*.mdx')
       - name: Test

.github/workflows/release.yml

@@ -29,7 +29,15 @@ jobs:
          git config --global user.name "Steve Galili"
          git config --global user.email "[email protected]"
      - name: Installation && Build SDK
-       run: yarn --frozen-lockfile && yarn bootstrap-ci
+       run: |
+        yarn --frozen-lockfile
+        cd package/
+        yarn --frozen-lockfile
+        cd native-package/
+        yarn --frozen-lockfile
+        cd ../../examples/SampleApp/
+        yarn --frozen-lockfile
+
      - name: Lint
        run: yarn lerna-workspaces run lint && cd docusaurus && npx prettier --check '**/*.mdx'
      - name: Publish Release

.github/workflows/sample-distribution.yml

@@ -27,9 +27,14 @@ jobs:
           timeout_minutes: 10
           max_attempts: 3
           command: |
-            yarn && yarn bootstrap-ci;
-            cd package/native-package
-            yarn;
+            yarn --frozen-lockfile
+            cd package/
+            yarn --frozen-lockfile
+            cd native-package/
+            yarn --frozen-lockfile
+            cd ../../examples/SampleApp/
+            yarn --frozen-lockfile
+
       - name: Cache iOS pods
         uses: actions/cache@v2
         with:
@@ -73,9 +78,14 @@ jobs:
           max_attempts: 3
           command: |
             yarn add global react-native-cli;
-            yarn && yarn bootstrap-ci;
-            cd package/native-package
-            yarn;
+            yarn --frozen-lockfile
+            cd package/
+            yarn --frozen-lockfile
+            cd native-package/
+            yarn --frozen-lockfile
+            cd ../../examples/SampleApp/
+            yarn --frozen-lockfile
+
       - name: Build
         run: |
           cd examples/SampleApp

docusaurus/docs/reactnative/basics/getting_started.mdx

@@ -307,8 +307,8 @@ Stream Chat for React Native is set up for parity on Expo, expo requires a diffe
 ### Add Required Dependencies
 
 ```bash
-expo install stream-chat-expo
-expo install @react-native-community/netinfo expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-svg
+npx expo install stream-chat-expo
+npx expo install @react-native-community/netinfo expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-svg
 ```
 
 ### Additional Steps

docusaurus/docs/reactnative/basics/offline_support.mdx

@@ -17,10 +17,10 @@ The offline storage implementation currently offers the following features:
 - Access to chat when Internet connection is disabled or low.
 - Faster startup times and loading, since initial data is loaded from offline storage before performing any network requests.
 - Syncing of the offline database using WebSocket events and Sync API.
+- Optimistically update offline database during chat interactions, such as send message, add reaction, etc.
 
 The following features are currently **NOT** implemented. They will be implemented gradually as part of minor releases in v5.
 
-- Optimistically update offline database during chat interactions, such as send message, add reaction, etc.
 - Access to threads in offline mode.
 
 ## How To Enable Offline Support
@@ -30,19 +30,18 @@ To enable offline support, please follow the given steps:
 
 1. **Upgrade stream-chat dependency (optional)**
 
-If you have installed `stream-chat` dependency explicitly on your application, then upgrade it to v7:
+If you have installed `stream-chat` dependency explicitly on your application, then please make sure to upgrade it to v7 or higher.
 
 ```bash
-yarn add stream-chat@7.0.0
+yarn add stream-chat
 ```
 
 2. **Add `react-native-quick-sqlite` dependency**
 
-> At the moment, support for only v4 of `react-native-quick-sqlite` is available.
-> Support for v5 of `react-native-quick-sqlite` will be introduced in one of the upcoming minor release.
+> If you are using v5.5.1 or lower version of `stream-chat-react-native`, then please install v4 of `react-native-quick-sqlite` instead.
 
 ```bash
-  yarn add react-native-quick-sqlite@4.0.8
+  yarn add react-native-quick-sqlite@5.1.0
   npx pod-install
 ```
 

docusaurus/docs/reactnative/customization/native_handlers.mdx

@@ -128,3 +128,19 @@ A function to trigger haptic feedback given the type of haptic force desired.
 **React Native:** [`react-native-haptic-feedback`](https://github.com/junina-de/react-native-haptic-feedback)
 
 **Expo:** [`expo-haptics`](https://docs.expo.io/versions/latest/sdk/haptics/)
+
+### Sound
+
+A component that renders the Sound/Audio on the message attachment.
+
+**React Native:** [`react-native-video`](https://github.com/react-native-video/react-native-video)
+
+**Expo:** [`expo-av`](https://docs.expo.dev/versions/latest/sdk/av/)
+
+### Video
+
+A component that renders the Video on the ImageGallery when an video attachment is opened.
+
+**React Native:** [`react-native-video`](https://github.com/react-native-video/react-native-video)
+
+**Expo:** [`expo-av`](https://docs.expo.dev/versions/latest/sdk/av/)

examples/ExpoMessaging/App.js

@@ -3,7 +3,8 @@ import 'react-native-gesture-handler';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { LogBox, SafeAreaView, StatusBar, useColorScheme, View } from 'react-native';
 import { DarkTheme, DefaultTheme, NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator, useHeaderHeight } from '@react-navigation/stack';
+import { createStackNavigator } from '@react-navigation/stack';
+import { useHeaderHeight } from '@react-navigation/elements';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { StreamChat } from 'stream-chat';
 import {

examples/ExpoMessaging/android/app/build.gradle

@@ -1,7 +1,6 @@
 apply plugin: "com.android.application"
 
 import com.android.build.OutputFile
-import org.apache.tools.ant.taskdefs.condition.Os
 
 /**
  * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
@@ -151,27 +150,14 @@ android {
         buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
 
         if (isNewArchitectureEnabled()) {
-            // We configure the NDK build only if you decide to opt-in for the New Architecture.
+            // We configure the CMake build only if you decide to opt-in for the New Architecture.
             externalNativeBuild {
-                ndkBuild {
-                    arguments "APP_PLATFORM=android-21",
-                        "APP_STL=c++_shared",
-                        "NDK_TOOLCHAIN_VERSION=clang",
-                        "GENERATED_SRC_DIR=$buildDir/generated/source",
-                        "PROJECT_BUILD_DIR=$buildDir",
-                        "REACT_ANDROID_DIR=${reactNativeRoot}/ReactAndroid",
-                        "REACT_ANDROID_BUILD_DIR=${reactNativeRoot}/ReactAndroid/build",
-                        "NODE_MODULES_DIR=$rootDir/../node_modules"
-                    cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1"
-                    cppFlags "-std=c++17"
-                    // Make sure this target name is the same you specify inside the
-                    // src/main/jni/Android.mk file for the `LOCAL_MODULE` variable.
-                    targets "expomessaging_appmodules"
-
-                    // Fix for windows limit on number of character in file paths and in command lines
-                    if (Os.isFamily(Os.FAMILY_WINDOWS)) {
-                        arguments "NDK_APP_SHORT_COMMANDS=true"
-                    }
+                cmake {
+                    arguments "-DPROJECT_BUILD_DIR=$buildDir",
+                        "-DREACT_ANDROID_DIR=${reactNativeRoot}/ReactAndroid",
+                        "-DREACT_ANDROID_BUILD_DIR=${reactNativeRoot}/ReactAndroid/build",
+                        "-DNODE_MODULES_DIR=$rootDir/../node_modules",
+                        "-DANDROID_STL=c++_shared"
                 }
             }
             if (!enableSeparateBuildPerCPUArchitecture) {
@@ -183,10 +169,10 @@ android {
     }
 
     if (isNewArchitectureEnabled()) {
-        // We configure the NDK build only if you decide to opt-in for the New Architecture.
+        // We configure the CMake build only if you decide to opt-in for the New Architecture.
         externalNativeBuild {
-            ndkBuild {
-                path "$projectDir/src/main/jni/Android.mk"
+            cmake {
+                path "$projectDir/src/main/jni/CMakeLists.txt"
             }
         }
         def reactAndroidProjectDir = project(':ReactAndroid').projectDir
@@ -208,15 +194,15 @@ android {
             preReleaseBuild.dependsOn(packageReactNdkReleaseLibs)
 
             // Due to a bug inside AGP, we have to explicitly set a dependency
-            // between configureNdkBuild* tasks and the preBuild tasks.
+            // between configureCMakeDebug* tasks and the preBuild tasks.
             // This can be removed once this is solved: https://issuetracker.google.com/issues/207403732
-            configureNdkBuildRelease.dependsOn(preReleaseBuild)
-            configureNdkBuildDebug.dependsOn(preDebugBuild)
+            configureCMakeRelWithDebInfo.dependsOn(preReleaseBuild)
+            configureCMakeDebug.dependsOn(preDebugBuild)
             reactNativeArchitectures().each { architecture ->
-                tasks.findByName("configureNdkBuildDebug[${architecture}]")?.configure {
+                tasks.findByName("configureCMakeDebug[${architecture}]")?.configure {
                     dependsOn("preDebugBuild")
                 }
-                tasks.findByName("configureNdkBuildRelease[${architecture}]")?.configure {
+                tasks.findByName("configureCMakeRelWithDebInfo[${architecture}]")?.configure {
                     dependsOn("preReleaseBuild")
                 }
             }