stream-chat-react-native 6.0.0-rc.2 → 6.0.0-rc.20

package/package.json

@@ -1,20 +1,28 @@
 {
   "name": "stream-chat-react-native",
   "description": "The official React Native SDK for Stream Chat, a service for building chat applications",
-  "version": "6.0.0-rc.2",
+  "version": "6.0.0-rc.20",
+  "homepage": "https://www.npmjs.com/package/stream-chat-react-native",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
   },
+  "files": [
+    "src",
+    "types",
+    "android",
+    "ios",
+    "*.podspec",
+    "package.json"
+  ],
   "license": "SEE LICENSE IN LICENSE",
   "main": "src/index.js",
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "6.0.0-rc.2"
+    "stream-chat-react-native-core": "6.0.0-rc.20"
   },
   "peerDependencies": {
-    "@bam.tech/react-native-image-resizer": ">=3.0.10",
     "@react-native-camera-roll/camera-roll": ">=7.8.0",
     "@react-native-clipboard/clipboard": ">=1.14.1",
     "@stream-io/flat-list-mvcp": ">=0.10.3",
@@ -64,7 +72,11 @@
     "postpack": "rm README.md"
   },
   "devDependencies": {
-    "@bam.tech/react-native-image-resizer": ">=3.0.10",
     "react-native": ">=0.67.0"
+  },
+  "codegenConfig": {
+    "name": "StreamChatReactNativeSpec",
+    "type": "modules",
+    "jsSrcsDir": "src/native"
   }
 }

package/src/handlers/compressImage.ts

@@ -1,5 +1,4 @@
-// @ts-ignore this module does not have a type declaration
-import ImageResizer from '@bam.tech/react-native-image-resizer';
+import StreamChatReactNative from '../native';
 
 type CompressImageParams = {
   compressImageQuality: number;
@@ -15,7 +14,7 @@ export const compressImage = async ({
   width,
 }: CompressImageParams) => {
   try {
-    const { uri: compressedUri } = await ImageResizer.createResizedImage(
+    const { uri: compressedUri } = await StreamChatReactNative.createResizedImage(
       uri,
       width,
       height,
@@ -28,7 +27,7 @@ export const compressImage = async ({
     );
     return compressedUri;
   } catch (error) {
-    console.log(error);
+    console.log('Error resizing image:', error);
     return uri;
   }
 };

package/src/native/NativeStreamChatReactNative.ts

@@ -0,0 +1,24 @@
+import type { TurboModule } from 'react-native';
+
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  createResizedImage(
+    uri: string,
+    width: number,
+    height: number,
+    format: string,
+    quality: number,
+    mode: string,
+    onlyScaleDown: boolean,
+    rotation?: number,
+    outputPath?: string | null,
+    keepMeta?: boolean,
+  ): Promise<{
+    base64: string;
+    height: number;
+    name: string;
+  }>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('StreamChatReactNative');

package/src/native/index.tsx

@@ -0,0 +1,48 @@
+import { NativeModules } from 'react-native';
+
+import type { Options, ResizeFormat, Response } from './types';
+export type { ResizeFormat, ResizeMode, Response } from './types';
+
+// @ts-ignore
+// eslint-disable-next-line no-underscore-dangle
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+const ImageResizer = isTurboModuleEnabled
+  ? require('./NativeStreamChatReactNative').default
+  : NativeModules.StreamChatReactNative;
+
+const defaultOptions: Options = {
+  mode: 'contain',
+  onlyScaleDown: false,
+};
+
+async function createResizedImage(
+  uri: string,
+  width: number,
+  height: number,
+  format: ResizeFormat,
+  quality: number,
+  rotation: number = 0,
+  outputPath?: string | null,
+  keepMeta = false,
+  options: Options = defaultOptions,
+): Promise<Response> {
+  const { mode, onlyScaleDown } = { ...defaultOptions, ...options };
+
+  return await ImageResizer.createResizedImage(
+    uri,
+    width,
+    height,
+    format,
+    quality,
+    mode,
+    onlyScaleDown,
+    rotation,
+    outputPath,
+    keepMeta,
+  );
+}
+
+export default {
+  createResizedImage,
+};

package/src/native/types.ts

@@ -0,0 +1,32 @@
+export interface Response {
+  height: number;
+  name: string;
+  path: string;
+  size: number;
+  uri: string;
+  width: number;
+}
+
+export type ResizeFormat = 'PNG' | 'JPEG' | 'WEBP';
+export type ResizeMode = 'contain' | 'cover' | 'stretch';
+
+export type Options = {
+  /**
+   * Either `contain` (the default), `cover`, or `stretch`. Similar to
+   * [react-native <Image>'s resizeMode](https://reactnative.dev/docs/image#resizemode)
+   *
+   * - `contain` will fit the image within `width` and `height`,
+   *   preserving its ratio
+   * - `cover` will make sure at least one dimension fits `width` or
+   *   `height`, and the other is larger, also preserving its ratio.
+   * - `stretch` will resize the image to exactly `width` and `height`.
+   *
+   * (Default: 'contain')
+   */
+  mode?: ResizeMode;
+  /**
+   * Whether to avoid resizing the image to be larger than the original.
+   * (Default: false)
+   */
+  onlyScaleDown?: boolean;
+};

package/src/optionalDependencies/Audio.ts

@@ -16,7 +16,6 @@ try {
   audioRecorderPlayer.setSubscriptionDuration(Platform.OS === 'android' ? 0.1 : 0.06);
 } catch (e) {
   console.log('react-native-audio-recorder-player is not installed.');
-  console.log(e);
 }
 
 export enum AudioSourceAndroidType {

package/src/optionalDependencies/pickImage.ts

@@ -35,6 +35,7 @@ export const pickImage = ImagePicker
         }
       } catch (error) {
         console.log('Error picking image: ', error);
+        return { cancelled: true };
       }
     }
   : null;

package/stream-chat-react-native.podspec

@@ -0,0 +1,38 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "stream-chat-react-native"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "./ios", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm}"
+
+  s.dependency "React-Core"
+  s.ios.framework = 'AssetsLibrary', 'MobileCoreServices'
+
+  # Don't install the dependencies when we run `pod install` in the old architecture.
+  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+    s.pod_target_xcconfig    = {
+        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+    }
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly"
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+    install_modules_dependencies(s)
+  end
+end
+