@imgly/editor-react-native 1.84.0 → 1.85.0-rc.1

package/android/build.gradle

@@ -171,7 +171,7 @@ repositories {
 }
 
 dependencies {
-    api "ly.img:editor:1.84.0"
+    api "ly.img:editor:1.85.0-rc.1"
 
     implementation "androidx.activity:activity-ktx:1.9.0"
     implementation "androidx.appcompat:appcompat:1.7.1"

package/android/src/main/kotlin/ly/img/editor/configuration/apparel/callback/OnCreate.kt

@@ -55,6 +55,8 @@ fun ApparelConfigurationBuilder.onPreCreateScene() {
         keypath = "ubq://page/dimOutOfPageAreas",
         value = false,
     )
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    editorContext.engine.editor.setSettingBoolean(keypath = "dragToSwapFills/enabled", value = true)
 }
 
 /**

package/android/src/main/kotlin/ly/img/editor/configuration/design/callback/OnCreate.kt

@@ -49,6 +49,8 @@ fun DesignConfigurationBuilder.onPreCreateScene() {
         keypath = "features/pageCarouselEnabled",
         value = true,
     )
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    editorContext.engine.editor.setSettingBoolean(keypath = "dragToSwapFills/enabled", value = true)
 }
 
 /**

package/android/src/main/kotlin/ly/img/editor/configuration/photo/callback/OnCreate.kt

@@ -50,6 +50,8 @@ fun PhotoConfigurationBuilder.onPreCreateScene() {
     editorContext.engine.editor.setSettingBoolean(keypath = "page/selectWhenNoBlocksSelected", value = true)
     editorContext.engine.editor.setSettingBoolean(keypath = "page/highlightWhenCropping", value = true)
     editorContext.engine.editor.setSettingBoolean(keypath = "doubleClickToCropEnabled", value = false)
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    editorContext.engine.editor.setSettingBoolean(keypath = "dragToSwapFills/enabled", value = true)
 }
 
 /**

package/android/src/main/kotlin/ly/img/editor/configuration/postcard/callback/OnCreate.kt

@@ -47,6 +47,8 @@ suspend fun PostcardConfigurationBuilder.onCreate(
 fun PostcardConfigurationBuilder.onPreCreateScene() {
     showLoading = true
     editorContext.engine.editor.setGlobalScope("editor/add", GlobalScope.DEFER)
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    editorContext.engine.editor.setSettingBoolean(keypath = "dragToSwapFills/enabled", value = true)
 }
 
 /**

package/android/src/main/kotlin/ly/img/editor/configuration/video/callback/OnCreate.kt

@@ -64,6 +64,8 @@ fun VideoConfigurationBuilder.onPreCreateScene() {
         keypath = "page/innerBorderColor",
         value = Color.fromRGBA(0.67f, 0.67f, 0.67f, 0.5f),
     )
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    engine.editor.setSettingBoolean(keypath = "dragToSwapFills/enabled", value = true)
 }
 
 /**

package/android/src/main/kotlin/ly/img/editor/configuration/video/component/InspectorBar.kt

@@ -24,6 +24,7 @@ import ly.img.editor.core.component.rememberFormatText
 import ly.img.editor.core.component.rememberLayer
 import ly.img.editor.core.component.rememberReplace
 import ly.img.editor.core.component.rememberSelectGroup
+import ly.img.editor.core.component.rememberSeparateAudio
 import ly.img.editor.core.component.rememberShape
 import ly.img.editor.core.component.rememberSplit
 import ly.img.editor.core.component.rememberTextBackground
@@ -61,6 +62,7 @@ fun VideoConfigurationBuilder.rememberInspectorBar() = InspectorBar.remember {
             add { InspectorBar.Button.rememberEffect() } // Video, Image
             add { InspectorBar.Button.rememberBlur() } // Video, Image
             add { InspectorBar.Button.rememberShape() } // Video, Image, Shape
+            add { InspectorBar.Button.rememberSeparateAudio() } // Video
             add { InspectorBar.Button.rememberSelectGroup() } // Video, Image, Sticker, Shape, Text
             add { InspectorBar.Button.rememberEnterGroup() } // Group
             add { InspectorBar.Button.rememberLayer() } // Video, Image, Sticker, Shape, Text

package/index.d.ts

@@ -1,3 +1,2 @@
 export * from './src/NativeIMGLYEditor';
 export { default } from './src/NativeIMGLYEditor';
-

package/index.js

@@ -1,3 +1,2 @@
 export * from './src/NativeIMGLYEditor';
 export { default } from './src/NativeIMGLYEditor';
-

package/ios/StarterKits/Apparel/callbacks/OnCreate+Apparel.swift

@@ -53,6 +53,9 @@ public extension ApparelEditorConfiguration {
     try engine.editor.setSettingEnum("touch/pinchAction", value: "Zoom")
     try engine.editor.setSettingEnum("touch/rotateAction", value: "None")
 
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    try engine.editor.setSettingBool("dragToSwapFills/enabled", value: true)
+
     try ([
       "appearance/adjustments", "appearance/filter", "appearance/effect",
       "appearance/blur", "appearance/shadow",

package/ios/StarterKits/Design/callbacks/OnCreate+Design.swift

@@ -52,6 +52,9 @@ public extension DesignEditorConfiguration {
     try engine.editor.setSettingEnum("touch/pinchAction", value: "Zoom")
     try engine.editor.setSettingEnum("touch/rotateAction", value: "None")
 
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    try engine.editor.setSettingBool("dragToSwapFills/enabled", value: true)
+
     try ([
       "appearance/adjustments", "appearance/filter", "appearance/effect",
       "appearance/blur", "appearance/shadow",

package/ios/StarterKits/Photo/callbacks/OnCreate+Photo.swift

@@ -52,6 +52,9 @@ public extension PhotoEditorConfiguration {
     try engine.editor.setSettingEnum("touch/pinchAction", value: "Zoom")
     try engine.editor.setSettingEnum("touch/rotateAction", value: "None")
 
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    try engine.editor.setSettingBool("dragToSwapFills/enabled", value: true)
+
     try ([
       "appearance/adjustments", "appearance/filter", "appearance/effect",
       "appearance/blur", "appearance/shadow",

package/ios/StarterKits/Postcard/callbacks/OnCreate+Postcard.swift

@@ -52,6 +52,9 @@ public extension PostcardEditorConfiguration {
     try engine.editor.setSettingEnum("touch/pinchAction", value: "Zoom")
     try engine.editor.setSettingEnum("touch/rotateAction", value: "None")
 
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    try engine.editor.setSettingBool("dragToSwapFills/enabled", value: true)
+
     try ([
       "appearance/adjustments", "appearance/filter", "appearance/effect",
       "appearance/blur", "appearance/shadow",

package/ios/StarterKits/Video/callbacks/OnCreate+Video.swift

@@ -52,6 +52,9 @@ public extension VideoEditorConfiguration {
     try engine.editor.setSettingBool("touch/dragStartCanSelect", value: false)
     try engine.editor.setSettingEnum("touch/pinchAction", value: "Scale")
 
+    // Press and hold an image, then drag it onto another image to exchange the two.
+    try engine.editor.setSettingBool("dragToSwapFills/enabled", value: true)
+
     try engine.editor.setSettingBool("controlGizmo/showMoveHandles", value: false)
     try engine.editor.setSettingBool("controlGizmo/showRotateHandles", value: false)
     try engine.editor.setSettingBool("controlGizmo/showScaleHandles", value: false)

package/ios/StarterKits/Video/components/InspectorBar+Video.swift

@@ -36,6 +36,7 @@ extension VideoEditorConfiguration {
         InspectorBar.Buttons.selectGroup()
         InspectorBar.Buttons.enterGroup()
 
+        InspectorBar.Buttons.separateAudio()
         InspectorBar.Buttons.layer()
         InspectorBar.Buttons.split()
         InspectorBar.Buttons.duplicate()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imgly/editor-react-native",
-  "version": "1.84.0",
+  "version": "1.85.0-rc.1",
   "description": "CreativeEditor SDK for React Native - enable photo, video and design editing for your users on iOS and Android.",
   "react-native": "index.js",
   "source": "index.js",

package/src/NativeIMGLYEditor.ts

@@ -96,7 +96,7 @@ export class EditorSettingsModel implements EditorSettings {
    * sources (stickers, filters, and more).
    */
   baseUri: string =
-    'https://cdn.img.ly/packages/imgly/cesdk-react-native/1.84.0/assets';
+    'https://cdn.img.ly/packages/imgly/cesdk-react-native/1.85.0-rc.1/assets';
 
   /**
    * Unique ID tied to your application's user.
@@ -216,12 +216,7 @@ class IMGLYEditor {
     // iOS Bridge (Old Architecture): Pass undefined, which the bridge handles
     // gracefully. Passing {} causes decoding errors.
 
-    return NativeModule.openEditor(
-      settings,
-      modifiedSource,
-      preset,
-      metadata
-    );
+    return NativeModule.openEditor(settings, modifiedSource, preset, metadata);
   }
 }