react-native-video-trim 6.2.3 → 7.0.1

package/android/src/main/res/drawable/arrow_trianglehead_left_and_right_righttriangle_left_righttriangle_right.xml

@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="23.232dp"
+    android:height="24.688dp"
+    android:viewportWidth="23.232"
+    android:viewportHeight="24.688">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h23.232v24.688h-23.232z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M1.475,21.236L9.189,21.236C10.342,21.236 10.869,20.718 10.869,19.556L10.869,7.886C10.869,7.027 10.234,6.568 9.541,6.568C9.072,6.568 8.613,6.782 8.301,7.232L0.303,18.911C0.088,19.224 0,19.585 0,19.917C0,20.63 0.469,21.236 1.475,21.236ZM2.09,19.644C1.963,19.644 1.943,19.536 2.002,19.448L9.102,8.706C9.16,8.618 9.268,8.648 9.268,8.755L9.268,19.361C9.268,19.585 9.209,19.644 8.975,19.644ZM21.396,21.236C22.412,21.236 22.871,20.63 22.871,19.917C22.871,19.585 22.783,19.224 22.568,18.911L14.58,7.232C14.258,6.782 13.809,6.568 13.34,6.568C12.646,6.568 12.012,7.027 12.012,7.886L12.012,19.556C12.012,20.718 12.529,21.236 13.691,21.236ZM20.781,19.644L13.896,19.644C13.672,19.644 13.613,19.585 13.613,19.361L13.613,8.755C13.613,8.648 13.721,8.618 13.769,8.706L20.869,19.448C20.938,19.536 20.918,19.644 20.781,19.644Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+  <path
+      android:pathData="M17.373,0.708L17.373,4.614C17.373,5.298 18.027,5.542 18.565,5.132L21.182,3.179C21.533,2.905 21.523,2.398 21.182,2.144L18.565,0.2C18.027,-0.21 17.373,0.034 17.373,0.708ZM5.508,4.614L5.508,0.708C5.508,0.034 4.854,-0.21 4.316,0.2L1.699,2.144C1.338,2.407 1.338,2.905 1.699,3.179L4.316,5.132C4.834,5.523 5.508,5.318 5.508,4.614ZM18.691,3.237C18.994,3.237 19.258,2.984 19.258,2.661C19.258,2.359 18.994,2.105 18.691,2.105L4.18,2.105C3.867,2.105 3.613,2.359 3.613,2.661C3.613,2.984 3.867,3.237 4.18,3.237Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

package/android/src/main/res/drawable/arrow_uturn_backward.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18.818dp"
+    android:height="18.232dp"
+    android:viewportWidth="18.818"
+    android:viewportHeight="18.232">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h18.818v18.232h-18.818z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M0,6.572C0,6.807 0.098,7.031 0.293,7.217L6.035,12.852C6.201,13.027 6.455,13.125 6.66,13.125C7.188,13.125 7.529,12.773 7.529,12.266C7.529,12.012 7.441,11.826 7.295,11.67L4.473,8.926L1.719,6.572L4.473,4.209L7.295,1.465C7.441,1.309 7.529,1.123 7.529,0.869C7.529,0.361 7.188,0.01 6.66,0.01C6.455,0.01 6.201,0.107 6.035,0.283L0.293,5.918C0.098,6.104 0,6.328 0,6.572ZM8.486,17.363C8.486,17.842 8.838,18.232 9.375,18.232L11.631,18.232C15.996,18.232 18.457,15.742 18.457,12.002C18.457,8.271 15.928,5.693 11.475,5.693L4.912,5.693L1.68,5.84C1.279,5.859 0.957,6.162 0.957,6.572C0.957,6.973 1.279,7.275 1.68,7.295L4.912,7.441L11.621,7.441C14.951,7.441 16.709,9.277 16.709,11.904C16.709,14.541 14.951,16.494 11.621,16.494L9.375,16.494C8.838,16.494 8.486,16.885 8.486,17.363Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

package/android/src/main/res/drawable/arrow_uturn_forward.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18.818dp"
+    android:height="18.232dp"
+    android:viewportWidth="18.818"
+    android:viewportHeight="18.232">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h18.818v18.232h-18.818z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M18.457,6.572C18.457,6.328 18.359,6.104 18.164,5.918L12.422,0.283C12.256,0.107 12.002,0.01 11.787,0.01C11.269,0.01 10.928,0.361 10.928,0.869C10.928,1.123 11.006,1.309 11.162,1.465L13.975,4.209L16.738,6.572L13.975,8.926L11.162,11.67C11.006,11.826 10.928,12.012 10.928,12.266C10.928,12.773 11.269,13.125 11.787,13.125C12.002,13.125 12.256,13.027 12.422,12.852L18.164,7.217C18.359,7.031 18.457,6.807 18.457,6.572ZM9.971,17.363C9.971,16.885 9.619,16.494 9.082,16.494L6.836,16.494C3.506,16.494 1.738,14.541 1.738,11.904C1.738,9.277 3.506,7.441 6.836,7.441L13.535,7.441L16.768,7.295C17.178,7.275 17.5,6.973 17.5,6.572C17.5,6.162 17.178,5.859 16.768,5.84L13.535,5.693L6.982,5.693C2.52,5.693 0,8.271 0,12.002C0,15.742 2.451,18.232 6.826,18.232L9.082,18.232C9.619,18.232 9.971,17.842 9.971,17.363Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

package/android/src/main/res/drawable/crop.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="21.777dp"
+    android:height="21.982dp"
+    android:viewportWidth="21.777"
+    android:viewportHeight="21.982">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h21.777v21.982h-21.777z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M21.416,16.553C21.416,16.094 21.113,15.811 20.635,15.811L6.553,15.811C6.338,15.811 6.27,15.742 6.27,15.527L6.27,1.445C6.27,0.957 5.957,0.625 5.479,0.625C5.01,0.625 4.697,0.957 4.697,1.445L4.697,16.514C4.697,16.982 5,17.285 5.469,17.285L20.635,17.285C21.113,17.285 21.416,17.002 21.416,16.553ZM0,6.055C0,6.523 0.303,6.797 0.771,6.797L14.863,6.797C15.078,6.797 15.146,6.875 15.146,7.08L15.146,21.162C15.146,21.65 15.459,21.982 15.928,21.982C16.406,21.982 16.719,21.65 16.719,21.162L16.719,6.104C16.719,5.635 16.416,5.322 15.947,5.322L0.771,5.322C0.303,5.322 0,5.605 0,6.055Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

package/android/src/main/res/drawable/rotate_left.xml

@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24.082dp"
+    android:height="24.727dp"
+    android:viewportWidth="24.082"
+    android:viewportHeight="24.727">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h24.082v24.727h-24.082z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M7.021,21.353L16.699,21.353C18.369,21.353 19.209,20.562 19.209,18.853L19.209,9.194C19.209,7.485 18.369,6.685 16.699,6.685L7.021,6.685C5.352,6.685 4.512,7.485 4.512,9.194L4.512,18.853C4.512,20.562 5.352,21.353 7.021,21.353ZM7.051,19.78C6.387,19.78 6.084,19.507 6.084,18.823L6.084,9.214C6.084,8.53 6.387,8.257 7.051,8.257L16.67,8.257C17.344,8.257 17.637,8.53 17.637,9.214L17.637,18.823C17.637,19.507 17.344,19.78 16.67,19.78Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+  <path
+      android:pathData="M19.209,4.312L19.209,0.698C19.209,-0.024 18.662,-0.19 18.115,0.22L15.654,2.027C15.244,2.329 15.234,2.681 15.654,2.984L18.115,4.78C18.662,5.181 19.209,5.015 19.209,4.312ZM18.184,1.929C17.871,1.929 17.617,2.183 17.617,2.486C17.617,2.798 17.871,3.062 18.184,3.062L19.404,3.062C21.523,3.062 22.861,4.527 22.861,6.607L22.861,8.071C22.861,8.403 23.135,8.677 23.467,8.677C23.799,8.677 24.082,8.403 24.082,8.071L24.082,6.607C24.082,3.814 22.217,1.929 19.414,1.929Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

package/android/src/main/res/layout/video_trimmer_view.xml

@@ -3,39 +3,132 @@
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical">
+
   <FrameLayout
     android:id="@+id/headerView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:minHeight="50dp"
     android:background="@android:color/black"
-    android:visibility="gone"
-    >
-    <TextView
-      android:id="@+id/headerText"
-      android:layout_width="wrap_content"
-      android:layout_height="match_parent"
+    android:visibility="gone">
+
+    <HorizontalScrollView
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
       android:layout_gravity="center"
-      android:clickable="true"
-      android:focusable="true"
-      android:text="Header text"
-      android:textColor="@android:color/white"
-      android:textSize="16dp" />
+      android:scrollbars="none"
+      android:fillViewport="true"
+      android:paddingTop="6dp"
+      android:paddingBottom="2dp">
+
+      <TextView
+        android:id="@+id/headerText"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center"
+        android:singleLine="true"
+        android:text=""
+        android:textColor="@android:color/white"
+        android:textSize="16dp"
+        android:paddingHorizontal="16dp" />
+    </HorizontalScrollView>
   </FrameLayout>
 
-  <RelativeLayout
+  <LinearLayout
+    android:id="@+id/transformRow"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_below="@+id/headerView"
+    android:orientation="horizontal"
+    android:paddingHorizontal="16dp"
+    android:paddingVertical="4dp"
+    android:background="@android:color/black"
+    android:gravity="center_vertical"
+    android:visibility="gone">
+
+    <LinearLayout
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:orientation="horizontal"
+      android:gravity="center_vertical">
+
+      <ImageView
+        android:id="@+id/flipBtn"
+        android:layout_width="22dp"
+        android:layout_height="22dp"
+        android:src="@drawable/arrow_trianglehead_left_and_right_righttriangle_left_righttriangle_right"
+        android:tint="@android:color/white"
+        android:scaleType="fitCenter"
+        android:layout_marginEnd="12dp"
+        android:contentDescription="Flip" />
+
+      <ImageView
+        android:id="@+id/rotateBtn"
+        android:layout_width="22dp"
+        android:layout_height="22dp"
+        android:src="@drawable/rotate_left"
+        android:tint="@android:color/white"
+        android:scaleType="fitCenter"
+        android:layout_marginEnd="12dp"
+        android:contentDescription="Rotate" />
+
+      <ImageView
+        android:id="@+id/cropBtn"
+        android:layout_width="22dp"
+        android:layout_height="22dp"
+        android:src="@drawable/crop"
+        android:tint="#80FFFFFF"
+        android:scaleType="fitCenter"
+        android:contentDescription="Crop" />
+    </LinearLayout>
+
+    <View
+      android:layout_width="0dp"
+      android:layout_height="0dp"
+      android:layout_weight="1" />
+
+    <LinearLayout
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:orientation="horizontal"
+      android:gravity="center_vertical">
+
+      <ImageView
+        android:id="@+id/undoBtn"
+        android:layout_width="18dp"
+        android:layout_height="18dp"
+        android:src="@drawable/arrow_uturn_backward"
+        android:tint="#80FFFFFF"
+        android:scaleType="fitCenter"
+        android:layout_marginEnd="12dp"
+        android:contentDescription="Undo" />
+
+      <ImageView
+        android:id="@+id/redoBtn"
+        android:layout_width="18dp"
+        android:layout_height="18dp"
+        android:src="@drawable/arrow_uturn_forward"
+        android:tint="#80FFFFFF"
+        android:scaleType="fitCenter"
+        android:contentDescription="Redo" />
+    </LinearLayout>
+  </LinearLayout>
+
+  <FrameLayout
+    android:id="@+id/videoContainer"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:layout_above="@+id/layout"
-    android:layout_below="@+id/headerView"
+    android:layout_below="@+id/transformRow"
     android:background="@android:color/black"
-    android:gravity="center">
+    android:clipChildren="true"
+    android:clipToPadding="false"
+    android:paddingVertical="4dp">
 
-    <VideoView
+    <TextureView
       android:id="@+id/video_loader"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
-      />
+      android:layout_gravity="center" />
 
     <FrameLayout
       android:id="@+id/audioBannerView"
@@ -53,11 +146,9 @@
         android:layout_height="match_parent"
         android:layout_gravity="center"
         android:contentDescription="Airpods Max"
-        android:src="@drawable/airpodsmax"
-        />
+        android:src="@drawable/airpodsmax" />
     </FrameLayout>
-
-  </RelativeLayout>
+  </FrameLayout>
 
   <RelativeLayout
     android:id="@+id/layout"
@@ -66,7 +157,6 @@
     android:layout_alignParentBottom="true"
     android:background="@android:color/black">
 
-
     <RelativeLayout
       android:id="@+id/trimmerView"
       android:layout_width="match_parent"
@@ -79,8 +169,7 @@
         android:layout_height="match_parent"
         android:layout_marginHorizontal="20dp"
         android:orientation="horizontal"
-        android:padding="4dp"
-        />
+        android:padding="4dp" />
 
       <RelativeLayout
         android:id="@+id/trimmerContainerWrapper"
@@ -161,9 +250,7 @@
             android:contentDescription="TrailingHandle"
             android:src="@drawable/chevron_compact_right" />
         </FrameLayout>
-
       </RelativeLayout>
-
     </RelativeLayout>
 
     <FrameLayout
@@ -213,7 +300,6 @@
         android:text="00:00.00"
         android:textColor="@android:color/white"
         android:textSize="16sp" />
-
     </FrameLayout>
 
     <FrameLayout
@@ -244,8 +330,7 @@
         android:padding="12dp"
         android:src="@drawable/play_fill"
         android:tint="@color/white"
-        android:visibility="gone"
-        />
+        android:visibility="gone" />
 
       <ImageView
         android:id="@+id/failToLoadBtn"
@@ -255,8 +340,7 @@
         android:padding="12dp"
         android:src="@drawable/exclamationmark_triangle_fill"
         android:tint="@color/trim_color"
-        android:visibility="gone"
-        />
+        android:visibility="gone" />
 
       <ProgressBar
         android:id="@+id/loadingIndicator"
@@ -265,8 +349,7 @@
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:padding="10dp"
-        android:indeterminateTint="@color/white"
-        />
+        android:indeterminateTint="@color/white" />
 
       <TextView
         android:id="@+id/saveBtn"
@@ -278,10 +361,7 @@
         android:text="@string/save"
         android:textColor="#2196F3"
         android:textSize="16dp"
-        android:visibility="gone"
-        />
-
+        android:visibility="gone" />
     </FrameLayout>
-
   </RelativeLayout>
 </RelativeLayout>

package/ios/CropOverlayView.swift

@@ -0,0 +1,287 @@
+import UIKit
+
+@available(iOS 13.0, *)
+class CropOverlayView: UIView {
+
+    var cropRect: CGRect = .zero {
+        didSet {
+            setNeedsDisplay()
+        }
+    }
+
+    var allowedRect: CGRect = .zero {
+        didSet {
+            if cropRect.isEmpty {
+                cropRect = allowedRect
+            } else {
+                let clamped = cropRect.intersection(allowedRect)
+                if clamped.isEmpty || clamped.width < minCropSize || clamped.height < minCropSize {
+                    cropRect = allowedRect
+                }
+            }
+        }
+    }
+
+    var onCropChanged: (() -> Void)?
+    var onCropBegan: (() -> Void)?
+    var onCropEnded: (() -> Void)?
+
+    private let minCropSize: CGFloat = 60
+    private let borderWidth: CGFloat = 1.0
+    private let cornerLength: CGFloat = 20
+    private let cornerWidth: CGFloat = 4.0
+    private let edgeHandleLength: CGFloat = 20
+    private let gridLineWidth: CGFloat = CGFloat(1.0 / UIScreen.main.scale)
+    private let edgeHitZone: CGFloat = 30
+
+    private var activeEdge: DragEdge?
+    private var dragStart: CGPoint = .zero
+    private var dragStartRect: CGRect = .zero
+
+    private enum DragEdge {
+        case top, bottom, left, right
+        case topLeft, topRight, bottomLeft, bottomRight
+        case move
+    }
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        commonInit()
+    }
+
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        commonInit()
+    }
+
+    private func commonInit() {
+        backgroundColor = .clear
+        isUserInteractionEnabled = true
+        clipsToBounds = false
+        isOpaque = false
+
+        let pan = UIPanGestureRecognizer(target: self, action: #selector(handlePan(_:)))
+        addGestureRecognizer(pan)
+
+        let pinch = UIPinchGestureRecognizer(target: self, action: #selector(handlePinch(_:)))
+        addGestureRecognizer(pinch)
+    }
+
+    // MARK: - Drawing
+
+    override func draw(_ rect: CGRect) {
+        guard !cropRect.isEmpty, let ctx = UIGraphicsGetCurrentContext() else { return }
+        let cr = cropRect
+
+        ctx.saveGState()
+        let fullPath = UIBezierPath(rect: bounds)
+        fullPath.append(UIBezierPath(rect: cr))
+        fullPath.usesEvenOddFillRule = true
+        ctx.addPath(fullPath.cgPath)
+        ctx.setFillColor(UIColor.black.withAlphaComponent(0.55).cgColor)
+        ctx.fillPath(using: .evenOdd)
+        ctx.restoreGState()
+
+        ctx.setStrokeColor(UIColor.white.cgColor)
+        ctx.setLineWidth(borderWidth)
+        ctx.stroke(cr)
+
+        ctx.setLineWidth(gridLineWidth)
+        for i in 1...2 {
+            let x = cr.minX + cr.width * CGFloat(i) / 3
+            ctx.move(to: CGPoint(x: x, y: cr.minY))
+            ctx.addLine(to: CGPoint(x: x, y: cr.maxY))
+        }
+        for i in 1...2 {
+            let y = cr.minY + cr.height * CGFloat(i) / 3
+            ctx.move(to: CGPoint(x: cr.minX, y: y))
+            ctx.addLine(to: CGPoint(x: cr.maxX, y: y))
+        }
+        ctx.strokePath()
+
+        ctx.setStrokeColor(UIColor.white.cgColor)
+        ctx.setLineWidth(cornerWidth)
+        ctx.setLineCap(.round)
+        ctx.setLineJoin(.round)
+
+        let cl = cornerLength
+        let hw = cornerWidth / 2
+        let corners: [(CGPoint, CGPoint, CGPoint)] = [
+            (CGPoint(x: cr.minX - hw, y: cr.minY + cl),
+             CGPoint(x: cr.minX - hw, y: cr.minY - hw),
+             CGPoint(x: cr.minX + cl, y: cr.minY - hw)),
+            (CGPoint(x: cr.maxX - cl, y: cr.minY - hw),
+             CGPoint(x: cr.maxX + hw, y: cr.minY - hw),
+             CGPoint(x: cr.maxX + hw, y: cr.minY + cl)),
+            (CGPoint(x: cr.minX - hw, y: cr.maxY - cl),
+             CGPoint(x: cr.minX - hw, y: cr.maxY + hw),
+             CGPoint(x: cr.minX + cl, y: cr.maxY + hw)),
+            (CGPoint(x: cr.maxX - cl, y: cr.maxY + hw),
+             CGPoint(x: cr.maxX + hw, y: cr.maxY + hw),
+             CGPoint(x: cr.maxX + hw, y: cr.maxY - cl)),
+        ]
+        for (start, corner, end) in corners {
+            ctx.move(to: start)
+            ctx.addLine(to: corner)
+            ctx.addLine(to: end)
+        }
+
+        let ehl = edgeHandleLength / 2
+        let cx = cr.midX, cy = cr.midY
+        ctx.move(to: CGPoint(x: cx - ehl, y: cr.minY - hw))
+        ctx.addLine(to: CGPoint(x: cx + ehl, y: cr.minY - hw))
+        ctx.move(to: CGPoint(x: cx - ehl, y: cr.maxY + hw))
+        ctx.addLine(to: CGPoint(x: cx + ehl, y: cr.maxY + hw))
+        ctx.move(to: CGPoint(x: cr.minX - hw, y: cy - ehl))
+        ctx.addLine(to: CGPoint(x: cr.minX - hw, y: cy + ehl))
+        ctx.move(to: CGPoint(x: cr.maxX + hw, y: cy - ehl))
+        ctx.addLine(to: CGPoint(x: cr.maxX + hw, y: cy + ehl))
+
+        ctx.strokePath()
+    }
+
+    // MARK: - Hit Testing
+
+    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
+        if detectEdge(at: point) != nil { return self }
+        return nil
+    }
+
+    private func detectEdge(at pt: CGPoint) -> DragEdge? {
+        let r = cropRect
+        let z = edgeHitZone
+
+        let nearT = abs(pt.y - r.minY) < z
+        let nearB = abs(pt.y - r.maxY) < z
+        let nearL = abs(pt.x - r.minX) < z
+        let nearR = abs(pt.x - r.maxX) < z
+        let inH = pt.x > r.minX - z && pt.x < r.maxX + z
+        let inV = pt.y > r.minY - z && pt.y < r.maxY + z
+
+        if nearT && nearL { return .topLeft }
+        if nearT && nearR { return .topRight }
+        if nearB && nearL { return .bottomLeft }
+        if nearB && nearR { return .bottomRight }
+        if nearT && inH { return .top }
+        if nearB && inH { return .bottom }
+        if nearL && inV { return .left }
+        if nearR && inV { return .right }
+        if r.contains(pt) { return .move }
+        return nil
+    }
+
+    // MARK: - Gestures
+
+    @objc private func handlePan(_ g: UIPanGestureRecognizer) {
+        let pt = g.location(in: self)
+        switch g.state {
+        case .began:
+            activeEdge = detectEdge(at: pt)
+            dragStart = pt
+            dragStartRect = cropRect
+            onCropBegan?()
+        case .changed:
+            guard let edge = activeEdge else { return }
+            let dx = pt.x - dragStart.x
+            let dy = pt.y - dragStart.y
+            cropRect = computeNewRect(edge: edge, dx: dx, dy: dy)
+            onCropChanged?()
+        case .ended, .cancelled:
+            activeEdge = nil
+            onCropEnded?()
+        default:
+            break
+        }
+    }
+
+    @objc private func handlePinch(_ g: UIPinchGestureRecognizer) {
+        switch g.state {
+        case .began:
+            dragStartRect = cropRect
+            onCropBegan?()
+        case .changed:
+            let scale = g.scale
+            let cx = dragStartRect.midX
+            let cy = dragStartRect.midY
+            var newW = max(dragStartRect.width * scale, minCropSize)
+            var newH = max(dragStartRect.height * scale, minCropSize)
+            newW = min(newW, allowedRect.width)
+            newH = min(newH, allowedRect.height)
+            var r = CGRect(x: cx - newW / 2, y: cy - newH / 2, width: newW, height: newH)
+            r = clamp(r, isMove: true)
+            cropRect = r
+            onCropChanged?()
+        case .ended, .cancelled:
+            onCropEnded?()
+        default:
+            break
+        }
+    }
+
+    // MARK: - Rect Computation
+
+    private func computeNewRect(edge: DragEdge, dx: CGFloat, dy: CGFloat) -> CGRect {
+        var r = dragStartRect
+
+        switch edge {
+        case .topLeft:
+            r.origin.x += dx; r.size.width -= dx
+            r.origin.y += dy; r.size.height -= dy
+        case .topRight:
+            r.size.width += dx
+            r.origin.y += dy; r.size.height -= dy
+        case .bottomLeft:
+            r.origin.x += dx; r.size.width -= dx
+            r.size.height += dy
+        case .bottomRight:
+            r.size.width += dx; r.size.height += dy
+        case .top:
+            r.origin.y += dy; r.size.height -= dy
+        case .bottom:
+            r.size.height += dy
+        case .left:
+            r.origin.x += dx; r.size.width -= dx
+        case .right:
+            r.size.width += dx
+        case .move:
+            r.origin.x += dx; r.origin.y += dy
+            return clamp(r, isMove: true)
+        }
+
+        if r.width < minCropSize {
+            let anchorsRight = (edge == .left || edge == .topLeft || edge == .bottomLeft)
+            if anchorsRight { r.origin.x = dragStartRect.maxX - minCropSize }
+            r.size.width = minCropSize
+        }
+        if r.height < minCropSize {
+            let anchorsBottom = (edge == .top || edge == .topLeft || edge == .topRight)
+            if anchorsBottom { r.origin.y = dragStartRect.maxY - minCropSize }
+            r.size.height = minCropSize
+        }
+
+        return clamp(r, isMove: false)
+    }
+
+    private func clamp(_ rect: CGRect, isMove: Bool) -> CGRect {
+        var r = rect
+        let a = allowedRect
+        guard !a.isEmpty else { return r }
+
+        if isMove {
+            r.size.width = min(r.width, a.width)
+            r.size.height = min(r.height, a.height)
+            r.origin.x = max(a.minX, min(r.origin.x, a.maxX - r.width))
+            r.origin.y = max(a.minY, min(r.origin.y, a.maxY - r.height))
+        } else {
+            r.origin.x = max(r.origin.x, a.minX)
+            r.origin.y = max(r.origin.y, a.minY)
+            if r.maxX > a.maxX { r.size.width = a.maxX - r.origin.x }
+            if r.maxY > a.maxY { r.size.height = a.maxY - r.origin.y }
+        }
+        return r
+    }
+
+    func resetCrop() {
+        cropRect = allowedRect
+    }
+}

package/ios/VideoTrim.mm

@@ -70,10 +70,9 @@ RCT_EXPORT_MODULE()
   dict[@"outputExt"] = options.outputExt();
   dict[@"removeAfterSavedToPhoto"] = @(options.removeAfterSavedToPhoto());
   dict[@"removeAfterFailedToSavePhoto"] = @(options.removeAfterFailedToSavePhoto());
-  dict[@"enableRotation"] = @(options.enableRotation());
-  dict[@"rotationAngle"] = @(options.rotationAngle());
   dict[@"startTime"] = @(options.startTime());
   dict[@"endTime"] = @(options.endTime());
+  dict[@"enablePreciseTrimming"] = @(options.enablePreciseTrimming());
   
   [self->videoTrim trim:url url:dict config:^(NSDictionary<NSString *,id> * _Nonnull result) {
     BOOL success = [result[@"success"] boolValue];
@@ -109,8 +108,6 @@ RCT_EXPORT_MODULE()
   dict[@"removeAfterFailedToSaveDocuments"] = @(config.removeAfterFailedToSaveDocuments());
   dict[@"removeAfterShared"] = @(config.removeAfterShared());
   dict[@"removeAfterFailedToShare"] = @(config.removeAfterFailedToShare());
-  dict[@"enableRotation"] = @(config.enableRotation());
-  dict[@"rotationAngle"] = @(config.rotationAngle());
   dict[@"enableHapticFeedback"] = @(config.enableHapticFeedback());
   dict[@"maxDuration"] = @(config.maxDuration());
   dict[@"minDuration"] = @(config.minDuration());
@@ -145,6 +142,7 @@ RCT_EXPORT_MODULE()
   dict[@"alertOnFailTitle"] = config.alertOnFailTitle();
   dict[@"alertOnFailMessage"] = config.alertOnFailMessage();
   dict[@"alertOnFailCloseText"] = config.alertOnFailCloseText();
+  dict[@"enablePreciseTrimming"] = @(config.enablePreciseTrimming());
   
   // Handle optional color values
   auto trimmerColorOpt = config.trimmerColor();