@100mslive/react-native-video-plugin 1.0.0 → 1.1.0

package/android/build.gradle

@@ -12,7 +12,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:7.2.1"
+    classpath "com.android.tools.build:gradle:8.7.2"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
   }
@@ -71,13 +71,13 @@ android {
     }
   }
 
-  lintOptions {
+  lint {
     disable "GradleCompatible"
   }
 
   compileOptions {
-    sourceCompatibility JavaVersion.VERSION_1_8
-    targetCompatibility JavaVersion.VERSION_1_8
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
   }
 }
 

package/android/gradle.properties

@@ -1,5 +1,5 @@
-ReactNativeVideoPlugin_kotlinVersion=1.7.0
-ReactNativeVideoPlugin_minSdkVersion=21
-ReactNativeVideoPlugin_targetSdkVersion=31
-ReactNativeVideoPlugin_compileSdkVersion=31
-ReactNativeVideoPlugin_ndkversion=21.4.7075529
+ReactNativeVideoPlugin_kotlinVersion=2.0.21
+ReactNativeVideoPlugin_minSdkVersion=24
+ReactNativeVideoPlugin_targetSdkVersion=35
+ReactNativeVideoPlugin_compileSdkVersion=35
+ReactNativeVideoPlugin_ndkversion=27.1.12297006

package/android/src/main/java/com/hms/reactnativevideoplugin/ReactNativeVideoPluginModule.kt

@@ -71,7 +71,7 @@ class ReactNativeVideoPluginModule(reactContext: ReactApplicationContext) :
         }
         try {
           val bitmap: Bitmap? =
-            if (bgImageUri.startsWith("http://")) {
+            if (bgImageUri.startsWith("http://") || bgImageUri.startsWith("https://")) {
               val url = URL(bgImageUri)
               BitmapFactory.decodeStream(url.openConnection().getInputStream())
             } else if (bgImageUri.startsWith("file://")) {

package/lib/commonjs/HMSVirtualBackgroundPlugin.js

@@ -55,6 +55,17 @@ class HMSVirtualBackgroundPlugin extends _HMSVideoPlugin.HMSVideoPlugin {
 }
 exports.HMSVirtualBackgroundPlugin = HMSVirtualBackgroundPlugin;
 function resolveBackground(background) {
+  // Check if it's a remote URL with dimensions already provided
+  if (typeof background === 'object' && 'uri' in background && background.uri && (background.uri.startsWith('http://') || background.uri.startsWith('https://')) && background.width && background.height) {
+    // For remote URLs with dimensions, pass them through directly
+    // Don't use Image.resolveAssetSource() as it doesn't handle remote URLs properly
+    return {
+      type: 'image',
+      source: background
+    };
+  }
+
+  // For bundled assets (require()) or local file:// URLs, use resolveAssetSource
   return {
     type: 'image',
     source: _reactNative.Image.resolveAssetSource(background)

package/lib/commonjs/HMSVirtualBackgroundPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_HMSVideoPlugin","HMSVirtualBackgroundPlugin","HMSVideoPlugin","NAME","constructor","setBlur","blurRadius","data","id","background","type","nativeModule","changeVirtualBackground","setBackground","backgroundImage","resolveBackground","exports","source","Image","resolveAssetSource"],"sourceRoot":"../../src","sources":["HMSVirtualBackgroundPlugin.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,eAAA,GAAAD,OAAA;AAEO,MAAME,0BAA0B,SAASC,8BAAc,CAAC;EAC7D,OAAOC,IAAI,GAAG,4BAA4B;EAE1CC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAACH,0BAA0B,CAACE,IAAI,CAAC;EACxC;;EAEA;AACF;AACA;AACA;EACEE,OAAOA,CAACC,UAAkB,EAAoB;IAC5C,MAAMC,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC,UAAU,EAAE;QAAEC,IAAI,EAAE,MAAM;QAAEJ;MAAW;IACzC,CAAC;IACD,OAAO,IAAI,CAACK,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,aAAaA,CACXC,eAAoD,EAClC;IAClB,MAAML,UAAU,GAAGM,iBAAiB,CAACD,eAAe,CAAC;IACrD,MAAMP,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC;IACF,CAAC;IACD,OAAO,IAAI,CAACE,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;AACF;AAACS,OAAA,CAAAf,0BAAA,GAAAA,0BAAA;AAED,SAASc,iBAAiBA,CAACN,UAA+C,EAGxE;EACA,OAAO;IACLC,IAAI,EAAE,OAAO;IACbO,MAAM,EAAEC,kBAAK,CAACC,kBAAkB,CAACV,UAAU;EAC7C,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_HMSVideoPlugin","HMSVirtualBackgroundPlugin","HMSVideoPlugin","NAME","constructor","setBlur","blurRadius","data","id","background","type","nativeModule","changeVirtualBackground","setBackground","backgroundImage","resolveBackground","exports","uri","startsWith","width","height","source","Image","resolveAssetSource"],"sourceRoot":"../../src","sources":["HMSVirtualBackgroundPlugin.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,eAAA,GAAAD,OAAA;AAEO,MAAME,0BAA0B,SAASC,8BAAc,CAAC;EAC7D,OAAOC,IAAI,GAAG,4BAA4B;EAE1CC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAACH,0BAA0B,CAACE,IAAI,CAAC;EACxC;;EAEA;AACF;AACA;AACA;EACEE,OAAOA,CAACC,UAAkB,EAAoB;IAC5C,MAAMC,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC,UAAU,EAAE;QAAEC,IAAI,EAAE,MAAM;QAAEJ;MAAW;IACzC,CAAC;IACD,OAAO,IAAI,CAACK,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,aAAaA,CACXC,eAAoD,EAClC;IAClB,MAAML,UAAU,GAAGM,iBAAiB,CAACD,eAAe,CAAC;IACrD,MAAMP,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC;IACF,CAAC;IACD,OAAO,IAAI,CAACE,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;AACF;AAACS,OAAA,CAAAf,0BAAA,GAAAA,0BAAA;AAED,SAASc,iBAAiBA,CAACN,UAA+C,EAGxE;EACA;EACA,IACE,OAAOA,UAAU,KAAK,QAAQ,IAC9B,KAAK,IAAIA,UAAU,IACnBA,UAAU,CAACQ,GAAG,KACbR,UAAU,CAACQ,GAAG,CAACC,UAAU,CAAC,SAAS,CAAC,IAAIT,UAAU,CAACQ,GAAG,CAACC,UAAU,CAAC,UAAU,CAAC,CAAC,IAC/ET,UAAU,CAACU,KAAK,IAChBV,UAAU,CAACW,MAAM,EACjB;IACA;IACA;IACA,OAAO;MACLV,IAAI,EAAE,OAAO;MACbW,MAAM,EAAEZ;IACV,CAAC;EACH;;EAEA;EACA,OAAO;IACLC,IAAI,EAAE,OAAO;IACbW,MAAM,EAAEC,kBAAK,CAACC,kBAAkB,CAACd,UAAU;EAC7C,CAAC;AACH","ignoreList":[]}

package/lib/module/HMSVirtualBackgroundPlugin.js

@@ -48,6 +48,17 @@ export class HMSVirtualBackgroundPlugin extends HMSVideoPlugin {
   }
 }
 function resolveBackground(background) {
+  // Check if it's a remote URL with dimensions already provided
+  if (typeof background === 'object' && 'uri' in background && background.uri && (background.uri.startsWith('http://') || background.uri.startsWith('https://')) && background.width && background.height) {
+    // For remote URLs with dimensions, pass them through directly
+    // Don't use Image.resolveAssetSource() as it doesn't handle remote URLs properly
+    return {
+      type: 'image',
+      source: background
+    };
+  }
+
+  // For bundled assets (require()) or local file:// URLs, use resolveAssetSource
   return {
     type: 'image',
     source: Image.resolveAssetSource(background)

package/lib/module/HMSVirtualBackgroundPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","HMSVideoPlugin","HMSVirtualBackgroundPlugin","NAME","constructor","setBlur","blurRadius","data","id","background","type","nativeModule","changeVirtualBackground","setBackground","backgroundImage","resolveBackground","source","resolveAssetSource"],"sourceRoot":"../../src","sources":["HMSVirtualBackgroundPlugin.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,cAAc;AAOpC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,OAAO,MAAMC,0BAA0B,SAASD,cAAc,CAAC;EAC7D,OAAOE,IAAI,GAAG,4BAA4B;EAE1CC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAACF,0BAA0B,CAACC,IAAI,CAAC;EACxC;;EAEA;AACF;AACA;AACA;EACEE,OAAOA,CAACC,UAAkB,EAAoB;IAC5C,MAAMC,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC,UAAU,EAAE;QAAEC,IAAI,EAAE,MAAM;QAAEJ;MAAW;IACzC,CAAC;IACD,OAAO,IAAI,CAACK,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,aAAaA,CACXC,eAAoD,EAClC;IAClB,MAAML,UAAU,GAAGM,iBAAiB,CAACD,eAAe,CAAC;IACrD,MAAMP,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC;IACF,CAAC;IACD,OAAO,IAAI,CAACE,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;AACF;AAEA,SAASQ,iBAAiBA,CAACN,UAA+C,EAGxE;EACA,OAAO;IACLC,IAAI,EAAE,OAAO;IACbM,MAAM,EAAEhB,KAAK,CAACiB,kBAAkB,CAACR,UAAU;EAC7C,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["Image","HMSVideoPlugin","HMSVirtualBackgroundPlugin","NAME","constructor","setBlur","blurRadius","data","id","background","type","nativeModule","changeVirtualBackground","setBackground","backgroundImage","resolveBackground","uri","startsWith","width","height","source","resolveAssetSource"],"sourceRoot":"../../src","sources":["HMSVirtualBackgroundPlugin.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,cAAc;AAOpC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,OAAO,MAAMC,0BAA0B,SAASD,cAAc,CAAC;EAC7D,OAAOE,IAAI,GAAG,4BAA4B;EAE1CC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAACF,0BAA0B,CAACC,IAAI,CAAC;EACxC;;EAEA;AACF;AACA;AACA;EACEE,OAAOA,CAACC,UAAkB,EAAoB;IAC5C,MAAMC,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC,UAAU,EAAE;QAAEC,IAAI,EAAE,MAAM;QAAEJ;MAAW;IACzC,CAAC;IACD,OAAO,IAAI,CAACK,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,aAAaA,CACXC,eAAoD,EAClC;IAClB,MAAML,UAAU,GAAGM,iBAAiB,CAACD,eAAe,CAAC;IACrD,MAAMP,IAAI,GAAG;MACXC,EAAE,EAAE,OAAO;MACXC;IACF,CAAC;IACD,OAAO,IAAI,CAACE,YAAY,CAACC,uBAAuB,CAACL,IAAI,CAAC;EACxD;AACF;AAEA,SAASQ,iBAAiBA,CAACN,UAA+C,EAGxE;EACA;EACA,IACE,OAAOA,UAAU,KAAK,QAAQ,IAC9B,KAAK,IAAIA,UAAU,IACnBA,UAAU,CAACO,GAAG,KACbP,UAAU,CAACO,GAAG,CAACC,UAAU,CAAC,SAAS,CAAC,IAAIR,UAAU,CAACO,GAAG,CAACC,UAAU,CAAC,UAAU,CAAC,CAAC,IAC/ER,UAAU,CAACS,KAAK,IAChBT,UAAU,CAACU,MAAM,EACjB;IACA;IACA;IACA,OAAO;MACLT,IAAI,EAAE,OAAO;MACbU,MAAM,EAAEX;IACV,CAAC;EACH;;EAEA;EACA,OAAO;IACLC,IAAI,EAAE,OAAO;IACbU,MAAM,EAAEpB,KAAK,CAACqB,kBAAkB,CAACZ,UAAU;EAC7C,CAAC;AACH","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@100mslive/react-native-video-plugin",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "HMSSDK now provides support for Virtual Background using @100mslive/react-native-video-plugin. It allows users to change their background during a call. Users can choose from a variety of backgrounds or upload their own custom background. It also provides a feature to blur the background.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -114,7 +114,7 @@
     "type": "git",
     "url": "git+https://github.com/100mslive/react-native-video-plugin.git"
   },
-  "author": "Jatin Nagar <jatin.nagar@100ms.live> (https://www.100ms.live/), Yogesh <yogesh@100ms.live> (https://www.100ms.live/)",
+  "author": "Yogesh Singh (https://www.100ms.live/)",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/100mslive/react-native-video-plugin/issues"
@@ -124,13 +124,13 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@100mslive/react-native-hms": "^1.10.9",
+    "@100mslive/react-native-hms": "1.12.0",
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.5.0",
-    "@react-native/babel-preset": "^0.73.1",
-    "@react-native/eslint-config": "^0.73.1",
+    "@react-native/babel-preset": "0.78.1",
+    "@react-native/eslint-config": "0.78.1",
     "@types/jest": "^29.5.5",
-    "@types/react": "^18.2.44",
+    "@types/react": "^19.0.6",
     "commitlint": "^17.0.2",
     "del-cli": "^5.1.0",
     "eslint": "^8.51.0",
@@ -138,24 +138,25 @@
     "eslint-plugin-prettier": "^5.0.1",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
-    "react": "18.2.0",
-    "react-native": "0.71.19",
+    "react": "19.0.0",
+    "react-native": "0.78.1",
     "react-native-builder-bob": "^0.20.0",
     "turbo": "^1.10.7",
-    "typescript": "^5.2.2"
+    "typescript": "^5.7.3"
   },
   "resolutions": {
-    "@types/react": "^18.2.44"
+    "@types/react": "^19.0.6",
+    "image-size": "1.1.1"
   },
   "peerDependencies": {
-    "@100mslive/react-native-hms": "^1.10.9",
+    "@100mslive/react-native-hms": "1.12.0",
     "react": "*",
     "react-native": "*"
   },
   "workspaces": [
     "example"
   ],
-  "packageManager": "yarn@3.6.1",
+  "packageManager": "yarn@4.10.3",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [

package/sdk-versions.json

@@ -1,3 +1,3 @@
 {
-  "android": "2.9.64"
+  "android": "2.9.78"
 }

package/src/HMSVirtualBackgroundPlugin.ts

@@ -57,8 +57,26 @@ export class HMSVirtualBackgroundPlugin extends HMSVideoPlugin {
 
 function resolveBackground(background: ImageURISource | ImageRequireSource): {
   type: 'image';
-  source: ImageResolvedAssetSource;
+  source: ImageResolvedAssetSource | ImageURISource;
 } {
+  // Check if it's a remote URL with dimensions already provided
+  if (
+    typeof background === 'object' &&
+    'uri' in background &&
+    background.uri &&
+    (background.uri.startsWith('http://') || background.uri.startsWith('https://')) &&
+    background.width &&
+    background.height
+  ) {
+    // For remote URLs with dimensions, pass them through directly
+    // Don't use Image.resolveAssetSource() as it doesn't handle remote URLs properly
+    return {
+      type: 'image',
+      source: background as ImageURISource,
+    };
+  }
+
+  // For bundled assets (require()) or local file:// URLs, use resolveAssetSource
   return {
     type: 'image',
     source: Image.resolveAssetSource(background),