feat: migrate to @sendbird/react-native-create-thumbnail for thumbnail creation

Author: OnestarLee

docs-validation/1_introduction/NativeModules.tsx

@@ -25,7 +25,7 @@ import * as DocumentPicker from '@react-native-documents/picker';
 import * as FileAccess from 'react-native-file-access';
 import * as ImagePicker from 'react-native-image-picker';
 import * as Permissions from 'react-native-permissions';
-import * as CreateThumbnail from 'react-native-create-thumbnail';
+import * as CreateThumbnail from '@sendbird/react-native-create-thumbnail';
 import * as ImageResizer from '@bam.tech/react-native-image-resizer';
 import * as AudioRecorderPlayer from 'react-native-nitro-sound';
 

docs-validation/1_introduction/SendYourFirstMessage.tsx

@@ -22,7 +22,7 @@ import * as DocumentPicker from '@react-native-documents/picker';
 import * as FileAccess from 'react-native-file-access';
 import * as ImagePicker from 'react-native-image-picker';
 import * as Permissions from 'react-native-permissions';
-import * as CreateThumbnail from 'react-native-create-thumbnail';
+import * as CreateThumbnail from '@sendbird/react-native-create-thumbnail';
 import * as ImageResizer from '@bam.tech/react-native-image-resizer';
 import * as AudioRecorderPlayer from 'react-native-nitro-sound';
 

docs-validation/package.json

@@ -19,7 +19,7 @@
  "date-fns": "^4.1.0",
  "react": "19.1.1",
  "react-native": "0.82.1",
- "react-native-create-thumbnail": "^2.0.0",
+ "@sendbird/react-native-create-thumbnail": "^1.0.1",
  "react-native-file-access": "^3.1.0",
  "react-native-image-picker": "^8.2.0",
  "react-native-mmkv": "^4.0.0",

packages/uikit-react-native/README.md

@@ -149,12 +149,12 @@ npm install react-native-video \
  react-native-file-access \
  react-native-image-picker \
  react-native-document-picker \
- react-native-create-thumbnail \
  react-native-nitro-sound \
  @react-native-clipboard/clipboard \
  @react-native-camera-roll/camera-roll \
  @react-native-firebase/app \
  @react-native-firebase/messaging \
+ @sendbird/react-native-create-thumbnail \
  @bam.tech/react-native-image-resizer
 
 npx pod-install
@@ -169,7 +169,7 @@ import * as DocumentPicker from '@react-native-documents/picker';
 import * as FileAccess from 'react-native-file-access';
 import * as ImagePicker from 'react-native-image-picker';
 import * as Permissions from 'react-native-permissions';
-import * as CreateThumbnail from 'react-native-create-thumbnail';
+import * as CreateThumbnail from '@sendbird/react-native-create-thumbnail';
 import * as ImageResizer from '@bam.tech/react-native-image-resizer';
 import * as AudioRecorderPlayer from 'react-native-nitro-sound';
 

packages/uikit-react-native/package.json

@@ -83,6 +83,7 @@
  "@react-native-documents/picker": "^10.1.0",
  "@react-native-firebase/app": "^19.3.0",
  "@react-native-firebase/messaging": "^19.3.0",
+ "@sendbird/react-native-create-thumbnail": "^1.0.1",
  "@types/react": "*",
  "@types/react-native": "*",
  "date-fns": ">=2.28.0",
@@ -173,6 +174,9 @@
  "@react-native-firebase/messaging": {
  "optional": true
  },
+ "@sendbird/react-native-create-thumbnail": {
+ "optional": true
+ },
  "@sendbird/react-native-scrollview-enhancer": {
  "optional": true
  },

packages/uikit-react-native/src/platform/createMediaService.native.tsx

@@ -3,14 +3,17 @@ import React from 'react';
 import type * as RNCreateThumbnail from 'react-native-create-thumbnail';
 import type RNVideo from 'react-native-video';
 
+import type * as SBCreateThumbnail from '@sendbird/react-native-create-thumbnail';
 import { getDownscaleSize, getFileExtension, hash } from '@sendbird/uikit-utils';
 
 import SBUUtils from '../libs/SBUUtils';
 import type { MediaServiceInterface } from './types';
 
+export type ThumbnailModule = typeof SBCreateThumbnail | typeof RNCreateThumbnail;
+
 type Modules = {
  VideoComponent: typeof RNVideo;
- thumbnailModule: typeof RNCreateThumbnail;
+ thumbnailModule: ThumbnailModule;
  imageResizerModule: typeof RNImageResizer;
 };
 

patches/react-native-create-thumbnail+2.1.1.patch

@@ -1995,8 +1995,6 @@ PODS:
  - ReactCommon/turbomodule/core
  - SocketRocket
  - Yoga
- - react-native-create-thumbnail (2.1.1):
- - React-Core
  - react-native-document-picker (10.1.7):
  - boost
  - DoubleConversion
@@ -3053,6 +3051,8 @@ PODS:
  - SDWebImageWebPCoder (0.8.5):
  - libwebp (~> 1.0)
  - SDWebImage/Core (~> 5.10)
+ - sendbird-react-native-create-thumbnail (1.0.2):
+ - React-Core
  - SocketRocket (0.7.1)
  - Yoga (0.0.0)
  - ZIPFoundation (0.9.20)
@@ -3109,7 +3109,6 @@ DEPENDENCIES:
  - React-Mapbuffer (from `../../node_modules/react-native/ReactCommon`)
  - React-microtasksnativemodule (from `../../node_modules/react-native/ReactCommon/react/nativemodule/microtasks`)
  - "react-native-cameraroll (from `../../node_modules/@react-native-camera-roll/camera-roll`)"
- - react-native-create-thumbnail (from `../../node_modules/react-native-create-thumbnail`)
  - "react-native-document-picker (from `../../node_modules/@react-native-documents/picker`)"
  - react-native-image-picker (from `../../node_modules/react-native-image-picker`)
  - "react-native-image-resizer (from `../../node_modules/@bam.tech/react-native-image-resizer`)"
@@ -3161,6 +3160,7 @@ DEPENDENCIES:
  - "RNNotifeeCore (from `../../node_modules/@notifee/react-native/RNNotifeeCore.podspec`)"
  - RNPermissions (from `../../node_modules/react-native-permissions`)
  - RNScreens (from `../../node_modules/react-native-screens`)
+ - "sendbird-react-native-create-thumbnail (from `../../node_modules/@sendbird/react-native-create-thumbnail`)"
  - SocketRocket (~> 0.7.1)
  - Yoga (from `../../node_modules/react-native/ReactCommon/yoga`)
 
@@ -3274,8 +3274,6 @@ EXTERNAL SOURCES:
  :path: "../../node_modules/react-native/ReactCommon/react/nativemodule/microtasks"
  react-native-cameraroll:
  :path: "../../node_modules/@react-native-camera-roll/camera-roll"
- react-native-create-thumbnail:
- :path: "../../node_modules/react-native-create-thumbnail"
  react-native-document-picker:
  :path: "../../node_modules/@react-native-documents/picker"
  react-native-image-picker:
@@ -3378,6 +3376,8 @@ EXTERNAL SOURCES:
  :path: "../../node_modules/react-native-permissions"
  RNScreens:
  :path: "../../node_modules/react-native-screens"
+ sendbird-react-native-create-thumbnail:
+ :path: "../../node_modules/@sendbird/react-native-create-thumbnail"
  Yoga:
  :path: "../../node_modules/react-native/ReactCommon/yoga"
 
@@ -3439,7 +3439,6 @@ SPEC CHECKSUMS:
  React-Mapbuffer: 06d59c448da7e34eb05b3fb2189e12f6a30fec57
  React-microtasksnativemodule: d1ee999dc9052e23f6488b730fa2d383a4ea40e5
  react-native-cameraroll: bb98380ee21115d5fe1ae0f8b80c86e044613746
- react-native-create-thumbnail: 733160dca9a548262e1030e7fcdae90a93d203ca
  react-native-document-picker: 1734eb0aa3dbd1cd7bf1b105936f9b55031ae616
  react-native-image-picker: 0314366753615115fa55c3cc937ac44cb7e75702
  react-native-image-resizer: 290b045c34c69db7574e4d08aadfc4abe1ff5a99
@@ -3493,6 +3492,7 @@ SPEC CHECKSUMS:
  RNScreens: d821082c6dd1cb397cc0c98b026eeafaa68be479
  SDWebImage: a7f831e1a65eb5e285e3fb046a23fcfbf08e696d
  SDWebImageWebPCoder: 908b83b6adda48effe7667cd2b7f78c897e5111d
+ sendbird-react-native-create-thumbnail: 60f24fb637306b6914307e678435909172fb9143
  SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
  Yoga: 689c8e04277f3ad631e60fe2a08e41d411daf8eb
  ZIPFoundation: dfd3d681c4053ff7e2f7350bc4e53b5dba3f5351

sample/ios/Podfile.lock

@@ -30,6 +30,7 @@
  "@react-navigation/native": "^6.1.17",
  "@react-navigation/native-stack": "^6.10.0",
  "@sendbird/chat": "^4.20.2",
+ "@sendbird/react-native-create-thumbnail": "^1.0.1",
  "@storybook/addon-actions": "^6.4.19",
  "@storybook/addon-controls": "^6.4.19",
  "@storybook/addon-ondevice-actions": "^6.0.1-alpha.7",
@@ -40,7 +41,6 @@
  "fbjs": "^3.0.4",
  "react": "19.1.1",
  "react-native": "0.82.1",
- "react-native-create-thumbnail": "^2.1.1",
  "react-native-fast-image": "^8.6.3",
  "react-native-file-access": "^3.1.1",
  "react-native-image-picker": "^8.2.0",

sample/package.json

@@ -5,13 +5,13 @@ import * as DocumentPicker from '@react-native-documents/picker';
 import RNFBMessaging from '@react-native-firebase/messaging';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { Platform, StatusBar } from 'react-native';
-import * as CreateThumbnail from 'react-native-create-thumbnail';
 import * as FileAccess from 'react-native-file-access';
 import * as ImagePicker from 'react-native-image-picker';
 import * as AudioRecorderPlayer from 'react-native-nitro-sound';
 import * as Permissions from 'react-native-permissions';
 import Video from 'react-native-video';
 
+import * as CreateThumbnail from '@sendbird/react-native-create-thumbnail';
 import {
  SendbirdUIKitContainerProps,
  createNativeClipboardService,