Add version 2.15.0

Author: leontobias

CHANGELOG.md

@@ -1,3 +1,15 @@
+## [2.15.0]
+
+### Changed
+
+* 🚨 Bumped iOS deployment target to 13.0.
+* [react-native-videoeditorsdk] Raised minimum VideoEditor SDK for iOS version to 11.1.0. See the [changelog](https://github.com/imgly/vesdk-ios-build/blob/master/CHANGELOG.md) for more information.
+* [react-native-photoeditorsdk] Raised minimum PhotoEditor SDK for iOS version to 11.1.0. See the [changelog](https://github.com/imgly/pesdk-ios-build/blob/master/CHANGELOG.md) for more information.
+
+### Added
+
+* Added implementation and documentation for background removal.
+
 ## [2.14.0]
 
 ### Added

README.md

@@ -19,6 +19,12 @@
 
 Check out our [video tutorial](https://img.ly/blog/a-photo-and-video-editor-for-your-react-native-apps/) for a step-by-step integration guide which also details advanced SDK features, such as serializing and reusing previously applied editing operations.
 
+## System requirements
+
+- React Native: 0.60
+- iOS: 13
+- Android: 5 (SDK 21)
+
 ## Getting started
 
 ### Known Issues
@@ -100,7 +106,9 @@ In order to use this module with the Expo CLI you can make use of our integrated
 
    **Please note that the `react-native-imglysdk` module manages both VideoEditor SDK as well as PhotoEditor SDK so you only need to add the Expo config plugin once even when using both SDKs.**
 
-3. The changes will be applied on `expo prebuild` or during the prebuild phase of `eas build`.
+3. From version `2.15.0` the iOS deployment target needs to be set to at least iOS 13. You can use the `expo-build-properties` config plugin for this. Please refer to the [official Expo docs](https://docs.expo.dev/versions/v45.0.0/sdk/build-properties/).
+
+4. The changes will be applied on `expo prebuild` or during the prebuild phase of `eas build`.
 
 For further information on how to integrate Expo config plugins please also refer to the official [docs](https://docs.expo.dev/guides/config-plugins/#using-a-plugin-in-your-app).
 
@@ -219,6 +227,7 @@ For older React Native versions autolinking is not available and VideoEditor SDK
 
            include 'backend:sticker-animated'
            include 'backend:sticker-smart'
+           include 'backend:background-removal'
        }
    }
    ```

RNVideoEditorSDK.podspec

@@ -10,13 +10,13 @@ Pod::Spec.new do |s|
   s.homepage     = package['homepage']
   s.license      = { :type => package['license'], :file => package['licenseFilename'] }
   s.author       = { package['author']['name'] => package['author']['email'] }
-  s.platform     = :ios, '9.0'
+  s.platform     = :ios, '13.0'
   s.source       = { :git => package['repository']['url'], :tag => "#{s.version}" }
   s.source_files = 'ios/**/*.{h,m,swift}'
   s.public_header_files = ['ios/RNVideoEditorSDK.h', 'ios/RNImglyKit.h']
   s.requires_arc = true
 
   s.dependency 'React'
   s.dependency 'React-RCTImage'
-  s.dependency 'VideoEditorSDK', '~> 10.30'
+  s.dependency 'VideoEditorSDK', '~> 11.1'
 end

configuration.ts

@@ -27,11 +27,13 @@ export interface Configuration {
   /**
    * Defines all allowed actions for the main screen that are displayed as overlay buttons on the canvas.
    * Only buttons for allowed actions are visible.
+   * @note The `CanvasAction.REMOVE_BACKGROUND` action is only shown when editing photos where a person could be detected. This feature is only supported on devices running iOS 15+.
    * @note The `CanvasAction.SOUND_ON_OFF` and `CanvasAction.PLAY_PAUSE` action is only shown when editing videos.
    * @example // Defaults to:
    * [CanvasAction.SOUND_ON_OFF, CanvasAction.PLAY_PAUSE, CanvasAction.UNDO, CanvasAction.REDO]
    */
   mainCanvasActions?: Array<
+    CanvasAction.REMOVE_BACKGROUND |
     CanvasAction.SOUND_ON_OFF |
     CanvasAction.PLAY_PAUSE |
     CanvasAction.UNDO |
@@ -603,8 +605,9 @@ export interface Configuration {
     colors?: ColorPalette;
     /**
      * Defines all allowed actions for the sticker tool menu. Only buttons for allowed actions are visible and shown in the given order.
+     * @note The `StickerAction.REMOVE_BACKGROUND` action is only shown for personal and external (non-animated) stickers where a person could be detected. This feature is only supported on devices running iOS 15+.
      * @example // Defaults to:
-     * [StickerAction.REPLACE, StickerAction.OPACITY, StickerAction.COLOR]
+     * [StickerAction.REPLACE, StickerAction.OPACITY, StickerAction.COLOR, StickerAction.REMOVE_BACKGROUND]
      */
     actions?: StickerAction[];
     /**
@@ -1297,6 +1300,7 @@ export enum CanvasAction {
   INVERT = "invert",
   SOUND_ON_OFF = "soundonoff",
   PLAY_PAUSE = "playpause",
+  REMOVE_BACKGROUND = "removebackground",
 }
 
 /** A sticker action. */
@@ -1308,6 +1312,7 @@ export enum StickerAction {
   SATURATION = "saturation",
   REPLACE = "replace",
   OPACITY = "opacity",
+  REMOVE_BACKGROUND = "removebackground",
 }
 
 /** A text action. */

ios/RNVideoEditorSDK.m

@@ -29,6 +29,13 @@ + (void)setWillPresentVideoEditViewController:(RNVESDKWillPresentBlock)willPrese
   _willPresentVideoEditViewController = willPresentBlock;
 }
 
+- (void)handleError:(nonnull PESDKVideoEditViewController *)videoEditViewController code:(nullable NSString *)code message:(nullable NSString *)message error:(nullable NSError *)error {
+  RCTPromiseRejectBlock reject = self.reject;
+  [self dismiss:videoEditViewController animated:YES completion:^{
+    reject(code, message, error);
+  }];
+}
+
 - (void)present:(nonnull PESDKVideo *)video withConfiguration:(nullable NSDictionary *)dictionary andSerialization:(nullable NSDictionary *)state
         resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject
 {
@@ -113,49 +120,49 @@ - (void)present:(nonnull PESDKVideo *)video withConfiguration:(nullable NSDictio
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject)
 {
-    NSMutableArray<AVAsset *> *assets = [NSMutableArray new];
-
-    if (requests.count > 0) {
-        for (NSURLRequest *request in requests) {
-            if (request.URL.isFileURL) {
-              if (![[NSFileManager defaultManager] fileExistsAtPath:request.URL.path]) {
-                reject(RN_IMGLY.kErrorUnableToLoad, @"File does not exist", nil);
-                return;
-              }
-            }
-
-            AVAsset *asset = [AVAsset assetWithURL:request.URL];
-            [assets addObject:asset];
+  NSMutableArray<AVAsset *> *assets = [NSMutableArray new];
+
+  if (requests.count > 0) {
+    for (NSURLRequest *request in requests) {
+      if (request.URL.isFileURL) {
+        if (![[NSFileManager defaultManager] fileExistsAtPath:request.URL.path]) {
+          reject(RN_IMGLY.kErrorUnableToLoad, @"File does not exist", nil);
+          return;
         }
+      }
+
+      AVAsset *asset = [AVAsset assetWithURL:request.URL];
+      [assets addObject:asset];
     }
+  }
 
-    PESDKVideo *video;
+  PESDKVideo *video;
 
-    if (CGSizeEqualToSize(videoSize, CGSizeZero)) {
-        if (assets.count == 0) {
-            RCTLogError(@"A video without assets must have a specific size.");
-            reject(RN_IMGLY.kErrorUnableToLoad, @"The editor requires a valid size when initialized without a video.", nil);
-            return;
-        }
-        video = [[PESDKVideo alloc] initWithAssets:assets];
-    } else {
-        if (videoSize.height <= 0 || videoSize.width <= 0) {
-            RCTLogError(@"Invalid video size: width and height must be greater than zero");
-            reject(RN_IMGLY.kErrorUnableToLoad, @"Invalid video size: width and height must be greater than zero", nil);
-            return;
-        }
-        if (assets.count == 0) {
-            video = [[PESDKVideo alloc] initWithSize:videoSize];
-        }
-        video = [[PESDKVideo alloc] initWithAssets:assets size:videoSize];
+  if (CGSizeEqualToSize(videoSize, CGSizeZero)) {
+    if (assets.count == 0) {
+      RCTLogError(@"A video without assets must have a specific size.");
+      reject(RN_IMGLY.kErrorUnableToLoad, @"The editor requires a valid size when initialized without a video.", nil);
+      return;
+    }
+    video = [[PESDKVideo alloc] initWithAssets:assets];
+  } else {
+    if (videoSize.height <= 0 || videoSize.width <= 0) {
+      RCTLogError(@"Invalid video size: width and height must be greater than zero");
+      reject(RN_IMGLY.kErrorUnableToLoad, @"Invalid video size: width and height must be greater than zero", nil);
+      return;
+    }
+    if (assets.count == 0) {
+      video = [[PESDKVideo alloc] initWithSize:videoSize];
     }
+    video = [[PESDKVideo alloc] initWithAssets:assets size:videoSize];
+  }
 
-    [self present:video withConfiguration:configuration andSerialization:state resolve:resolve reject:reject];
+  [self present:video withConfiguration:configuration andSerialization:state resolve:resolve reject:reject];
 }
 
 #pragma mark - PESDKVideoEditViewControllerDelegate
 
-- (void)videoEditViewController:(nonnull PESDKVideoEditViewController *)videoEditViewController didFinishWithVideoAtURL:(nullable NSURL *)url {
+- (void)videoEditViewControllerDidFinish:(nonnull PESDKVideoEditViewController *)videoEditViewController result:(nonnull PESDKVideoEditorResult *)result {
   NSError *error = nil;
   id serialization = nil;
 
@@ -171,17 +178,16 @@ - (void)videoEditViewController:(nonnull PESDKVideoEditViewController *)videoEdi
     }
   }
 
-  RCTPromiseResolveBlock resolve = self.resolve;
-  RCTPromiseRejectBlock reject = self.reject;
-  [self dismiss:videoEditViewController animated:YES completion:^{
-    if (error == nil) {
-      resolve(@{ @"video": (url != nil) ? url.absoluteString : [NSNull null],
-                 @"hasChanges": @(videoEditViewController.hasChanges),
+  if (error == nil) {
+    RCTPromiseResolveBlock resolve = self.resolve;
+    [self dismiss:videoEditViewController animated:YES completion:^{
+      resolve(@{ @"video": (result.output.url != nil) ? result.output.url.absoluteString : [NSNull null],
+                 @"hasChanges": @(result.status == VESDKVideoEditorStatusRenderedWithChanges),
                  @"serialization": (serialization != nil) ? serialization : [NSNull null] });
-    } else {
-      reject(RN_IMGLY.kErrorUnableToExport, [NSString RN_IMGLY_string:@"Unable to export video or serialization." withError:error], error);
-    }
-  }];
+    }];
+  } else {
+    [self handleError:videoEditViewController code:RN_IMGLY.kErrorUnableToExport message:[NSString RN_IMGLY_string:@"Unable to export video or serialization." withError:error] error:error];
+  }
 }
 
 - (void)videoEditViewControllerDidCancel:(nonnull PESDKVideoEditViewController *)videoEditViewController {
@@ -191,11 +197,8 @@ - (void)videoEditViewControllerDidCancel:(nonnull PESDKVideoEditViewController *
   }];
 }
 
-- (void)videoEditViewControllerDidFailToGenerateVideo:(nonnull PESDKVideoEditViewController *)videoEditViewController {
-  RCTPromiseRejectBlock reject = self.reject;
-  [self dismiss:videoEditViewController animated:YES completion:^{
-    reject(RN_IMGLY.kErrorUnableToExport, @"Unable to generate video", nil);
-  }];
+- (void)videoEditViewControllerDidFail:(nonnull PESDKVideoEditViewController *)videoEditViewController error:(PESDKVideoEditorError *)error {
+  [self handleError:videoEditViewController code:RN_IMGLY.kErrorUnableToExport message:@"Unable to generate video" error:error];
 }
 
 @end

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-videoeditorsdk",
   "title": "React Native module for VideoEditor SDK",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "description": "A React Native module for VideoEditor SDK. Integrate the video editor into your own HTML5, iOS or Android app - in minutes!",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -35,6 +35,6 @@
     "react-native": ">=0.60.0 <1.0.x"
   },
   "dependencies": {
-    "react-native-imglysdk": "2.14.0"
+    "react-native-imglysdk": "2.15.0"
   }
 }