@movementinfra/expo-twostep-video 0.1.10 → 0.1.12

package/README.md

@@ -126,6 +126,7 @@ function VideoEditor() {
 | `adjustSpeed({ assetId, speed, startTime?, endTime? })` | Change speed | `VideoComposition` |
 | `loopSegment({ assetId, startTime, endTime, loopCount })` | Loop a segment | `LoopResult` |
 | `transformVideo({ assetId, speed?, mirrorAxis?, startTime?, endTime? })` | Combined transform | `VideoComposition` |
+| `panZoomVideo({ assetId, panX, panY, zoomLevel })` | Apply pan/zoom crop | `VideoComposition` |
 | `generateThumbnails({ assetId, times, size? })` | Extract frames | `string[]` (base64) |
 | `exportVideo({ compositionId, quality? })` | Export composition | `ExportResult` |
 | `exportAsset({ assetId, quality? })` | Export asset directly | `ExportResult` |
@@ -420,6 +421,7 @@ function VideoPlayer({ compositionId }: { compositionId: string }) {
 | `onProgress` | `function` | Called periodically with `{ currentTime, duration, progress }` |
 | `onEnd` | `function` | Called when video ends (not called if `loop` is true) |
 | `onError` | `function` | Called on playback error |
+| `onPanZoomChange` | `function` | Called when user pinches/pans with `{ panX, panY, zoomLevel }` |
 
 #### Player Methods (via ref)
 
@@ -439,6 +441,205 @@ await playerRef.current?.seek(10.5);
 await playerRef.current?.replay();
 ```
 
+### Pan & Zoom
+
+The `TwoStepVideoView` component supports interactive pan and zoom gestures, allowing users to zoom into video content and pan around while zoomed.
+
+#### Gesture Controls
+
+| Gesture | Action |
+|---------|--------|
+| Pinch (2 fingers) | Zoom in/out (1x to 5x) |
+| Drag (2 fingers) | Pan around when zoomed in |
+
+#### Pan/Zoom Events
+
+Listen for pan/zoom state changes with the `onPanZoomChange` prop:
+
+```tsx
+import { TwoStepVideoView, PanZoomState } from 'expo-twostep-video';
+
+function VideoWithZoom() {
+  const [panZoom, setPanZoom] = useState<PanZoomState>({
+    panX: 0,
+    panY: 0,
+    zoomLevel: 1,
+  });
+
+  return (
+    <View>
+      <TwoStepVideoView
+        assetId={asset.id}
+        onPanZoomChange={(e) => setPanZoom(e.nativeEvent)}
+        style={{ width: '100%', height: 300 }}
+      />
+
+      {panZoom.zoomLevel > 1 && (
+        <Text>
+          Zoom: {panZoom.zoomLevel.toFixed(1)}x |
+          Pan: ({panZoom.panX.toFixed(2)}, {panZoom.panY.toFixed(2)})
+        </Text>
+      )}
+    </View>
+  );
+}
+```
+
+#### Pan/Zoom Methods (via ref)
+
+Control pan/zoom programmatically using the player ref:
+
+```typescript
+const playerRef = useRef<TwoStepVideoViewRef>(null);
+
+// Get current pan/zoom state
+const state = await playerRef.current?.getPanZoomState();
+// Returns: { panX: number, panY: number, zoomLevel: number }
+
+// Set pan/zoom programmatically
+await playerRef.current?.setPanZoomState({
+  panX: 0.5,      // Pan right (range: -1 to 1)
+  panY: -0.3,     // Pan up (range: -1 to 1)
+  zoomLevel: 2.0  // 2x zoom (range: 1 to 5)
+});
+
+// Reset to default (no zoom, centered)
+await playerRef.current?.resetPanZoom();
+```
+
+#### Baking Pan/Zoom into Export
+
+To permanently apply the pan/zoom transform to a video for export, use `panZoomVideo`:
+
+```typescript
+import * as TwoStepVideo from 'expo-twostep-video';
+
+// Apply pan/zoom as a permanent transformation
+const composition = await TwoStepVideo.panZoomVideo({
+  assetId: asset.id,
+  panX: 0.3,       // Pan position (-1 to 1)
+  panY: -0.2,
+  zoomLevel: 1.5,  // Zoom level (1 to 5)
+});
+
+// Export the cropped/zoomed video
+const result = await TwoStepVideo.exportVideo({
+  compositionId: composition.id,
+  quality: 'high',
+});
+```
+
+#### Complete Pan/Zoom Example
+
+A full implementation with gesture preview and export:
+
+```tsx
+import React, { useState, useRef } from 'react';
+import { View, Button, Text, StyleSheet } from 'react-native';
+import * as TwoStepVideo from 'expo-twostep-video';
+import {
+  TwoStepVideoView,
+  TwoStepVideoViewRef,
+  PanZoomState,
+} from 'expo-twostep-video';
+
+function PanZoomEditor({ assetId }: { assetId: string }) {
+  const playerRef = useRef<TwoStepVideoViewRef>(null);
+  const [panZoom, setPanZoom] = useState<PanZoomState>({
+    panX: 0,
+    panY: 0,
+    zoomLevel: 1,
+  });
+
+  const hasTransform = panZoom.zoomLevel > 1 ||
+    panZoom.panX !== 0 ||
+    panZoom.panY !== 0;
+
+  const handleReset = async () => {
+    await playerRef.current?.resetPanZoom();
+    setPanZoom({ panX: 0, panY: 0, zoomLevel: 1 });
+  };
+
+  const handleApplyAndExport = async () => {
+    // Bake the pan/zoom into a composition
+    const composition = await TwoStepVideo.panZoomVideo({
+      assetId,
+      panX: panZoom.panX,
+      panY: panZoom.panY,
+      zoomLevel: panZoom.zoomLevel,
+    });
+
+    // Export the result
+    const result = await TwoStepVideo.exportVideo({
+      compositionId: composition.id,
+      quality: 'high',
+    });
+
+    // Reset the preview since transform is now baked in
+    await handleReset();
+
+    console.log('Exported to:', result.uri);
+  };
+
+  return (
+    <View style={styles.container}>
+      {/* Video Preview with Gestures */}
+      <TwoStepVideoView
+        ref={playerRef}
+        assetId={assetId}
+        onPanZoomChange={(e) => setPanZoom(e.nativeEvent)}
+        style={styles.video}
+      />
+
+      {/* Gesture Hint */}
+      <Text style={styles.hint}>
+        Pinch to zoom, drag with 2 fingers to pan
+      </Text>
+
+      {/* Transform Info */}
+      {hasTransform && (
+        <View style={styles.info}>
+          <Text>Zoom: {panZoom.zoomLevel.toFixed(2)}x</Text>
+          <Text>Pan X: {panZoom.panX.toFixed(3)}</Text>
+          <Text>Pan Y: {panZoom.panY.toFixed(3)}</Text>
+        </View>
+      )}
+
+      {/* Controls */}
+      <View style={styles.buttons}>
+        <Button
+          title="Reset"
+          onPress={handleReset}
+          disabled={!hasTransform}
+        />
+        <Button
+          title="Apply & Export"
+          onPress={handleApplyAndExport}
+          disabled={!hasTransform}
+        />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, padding: 16 },
+  video: { width: '100%', height: 300, backgroundColor: '#000' },
+  hint: { textAlign: 'center', color: '#666', marginTop: 8 },
+  info: { padding: 12, backgroundColor: '#f0f0f0', borderRadius: 8, marginTop: 12 },
+  buttons: { flexDirection: 'row', justifyContent: 'space-around', marginTop: 16 },
+});
+
+export default PanZoomEditor;
+```
+
+#### Pan/Zoom Notes
+
+- **Zoom range**: 1x (no zoom) to 5x by default
+- **Pan range**: -1 to 1 on both axes (only effective when zoomed in)
+- **Pan constraint**: Pan is automatically constrained to keep video content visible at the current zoom level
+- **Simulator testing**: Multi-touch gestures work best on real devices. The iOS Simulator uses Option+drag for pinch, which can be unreliable
+
 ### Events
 
 #### `addExportProgressListener(callback)`
@@ -570,6 +771,7 @@ interface TwoStepVideoViewProps {
   onProgress?: (event: { nativeEvent: ProgressEvent }) => void;
   onEnd?: (event: { nativeEvent: {} }) => void;
   onError?: (event: { nativeEvent: ErrorEvent }) => void;
+  onPanZoomChange?: (event: { nativeEvent: PanZoomState }) => void;
   style?: ViewStyle;
 }
 
@@ -578,6 +780,25 @@ interface TwoStepVideoViewRef {
   pause: () => Promise<void>;
   seek: (time: number) => Promise<void>;
   replay: () => Promise<void>;
+  getPanZoomState: () => Promise<PanZoomState>;
+  setPanZoomState: (state: Partial<PanZoomState>) => Promise<void>;
+  resetPanZoom: () => Promise<void>;
+}
+
+// Pan/Zoom types
+interface PanZoomState {
+  panX: number;      // Horizontal pan (-1 to 1, 0 = center)
+  panY: number;      // Vertical pan (-1 to 1, 0 = center)
+  zoomLevel: number; // Zoom level (1 to 5, 1 = no zoom)
+}
+
+interface PanZoomVideoOptions {
+  assetId: string;
+  panX: number;
+  panY: number;
+  zoomLevel: number;
+  startTime?: number;
+  endTime?: number;
 }
 ```
 

package/build/ExpoTwoStepVideo.types.d.ts

@@ -20,6 +20,38 @@ export type ProgressEvent = {
 export type ErrorEvent = {
     error: string;
 };
+/**
+ * Pan/Zoom state representing the current view transform
+ */
+export type PanZoomState = {
+    /** Horizontal pan position (-1.0 to 1.0, 0 = center) */
+    panX: number;
+    /** Vertical pan position (-1.0 to 1.0, 0 = center) */
+    panY: number;
+    /** Zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.) */
+    zoomLevel: number;
+};
+/**
+ * Pan/Zoom change event payload
+ */
+export type PanZoomChangeEvent = PanZoomState;
+/**
+ * Options for creating a pan/zoom composition
+ */
+export type PanZoomVideoOptions = {
+    /** ID of the loaded asset */
+    assetId: string;
+    /** Horizontal pan position (-1.0 to 1.0, 0 = center) */
+    panX?: number;
+    /** Vertical pan position (-1.0 to 1.0, 0 = center) */
+    panY?: number;
+    /** Zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.) */
+    zoomLevel?: number;
+    /** Optional start time in seconds */
+    startTime?: number;
+    /** Optional end time in seconds */
+    endTime?: number;
+};
 /**
  * Video player view props
  */
@@ -30,6 +62,10 @@ export type TwoStepVideoViewProps = {
     assetId?: string;
     /** Enable continuous looping - video will restart automatically when it ends */
     loop?: boolean;
+    /** Minimum zoom level (default: 1.0) */
+    minZoom?: number;
+    /** Maximum zoom level (default: 5.0) */
+    maxZoom?: number;
     /** Called when playback status changes */
     onPlaybackStatusChange?: (event: {
         nativeEvent: PlaybackStatusEvent;
@@ -46,6 +82,10 @@ export type TwoStepVideoViewProps = {
     onError?: (event: {
         nativeEvent: ErrorEvent;
     }) => void;
+    /** Called when pan/zoom gesture changes */
+    onPanZoomChange?: (event: {
+        nativeEvent: PanZoomChangeEvent;
+    }) => void;
     /** View style */
     style?: StyleProp<ViewStyle>;
 };
@@ -61,6 +101,12 @@ export type TwoStepVideoViewRef = {
     seek: (time: number) => Promise<void>;
     /** Restart playback from the beginning */
     replay: () => Promise<void>;
+    /** Get the current pan/zoom state */
+    getPanZoomState: () => Promise<PanZoomState>;
+    /** Set the pan/zoom state programmatically */
+    setPanZoomState: (state: Partial<PanZoomState>) => Promise<void>;
+    /** Reset pan/zoom to default state (zoom=1, pan=0,0) */
+    resetPanZoom: () => Promise<void>;
 };
 /**
  * Video player controller view props (with native controls)

package/build/ExpoTwoStepVideo.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideo.types.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideo.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,iDAAiD;IACjD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,aAAa,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,wEAAwE;IACxE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACvD,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,qBAAqB;IACrB,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,qBAAqB;IACrB,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,yCAAyC;IACzC,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,0CAA0C;IAC1C,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,qBAAqB,GAAG;IACrE,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,8BAA8B,GAAG,mBAAmB,GAAG;IACjE,4BAA4B;IAC5B,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,2BAA2B;IAC3B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,CAAC"}
+{"version":3,"file":"ExpoTwoStepVideo.types.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideo.types.ts"],"names":[],"mappings":"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"}

package/build/ExpoTwoStepVideo.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideo.types.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideo.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\n/**\n * Playback status event payload\n */\nexport type PlaybackStatusEvent = {\n  status: 'ready' | 'playing' | 'paused' | 'ended' | 'seeked';\n  time?: number;\n};\n\n/**\n * Progress event payload\n */\nexport type ProgressEvent = {\n  currentTime: number;\n  duration: number;\n  progress: number;\n};\n\n/**\n * Error event payload\n */\nexport type ErrorEvent = {\n  error: string;\n};\n\n/**\n * Video player view props\n */\nexport type TwoStepVideoViewProps = {\n  /** ID of a composition to play (from trimVideo, mirrorVideo, etc.) */\n  compositionId?: string;\n  /** ID of an asset to play (from loadAsset) */\n  assetId?: string;\n  /** Enable continuous looping - video will restart automatically when it ends */\n  loop?: boolean;\n  /** Called when playback status changes */\n  onPlaybackStatusChange?: (event: { nativeEvent: PlaybackStatusEvent }) => void;\n  /** Called periodically with playback progress */\n  onProgress?: (event: { nativeEvent: ProgressEvent }) => void;\n  /** Called when playback reaches the end (not called if loop is true) */\n  onEnd?: (event: { nativeEvent: Record<string, never> }) => void;\n  /** Called when an error occurs */\n  onError?: (event: { nativeEvent: ErrorEvent }) => void;\n  /** View style */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Ref handle for video player view\n */\nexport type TwoStepVideoViewRef = {\n  /** Start playback */\n  play: () => Promise<void>;\n  /** Pause playback */\n  pause: () => Promise<void>;\n  /** Seek to a specific time in seconds */\n  seek: (time: number) => Promise<void>;\n  /** Restart playback from the beginning */\n  replay: () => Promise<void>;\n};\n\n/**\n * Video player controller view props (with native controls)\n */\nexport type TwoStepPlayerControllerViewProps = TwoStepVideoViewProps & {\n  /** Show native playback controls (default: true) */\n  showsPlaybackControls?: boolean;\n};\n\n/**\n * Ref handle for video player controller view (with fullscreen support)\n */\nexport type TwoStepPlayerControllerViewRef = TwoStepVideoViewRef & {\n  /** Enter fullscreen mode */\n  enterFullscreen: () => Promise<void>;\n  /** Exit fullscreen mode */\n  exitFullscreen: () => Promise<void>;\n};\n"]}
+{"version":3,"file":"ExpoTwoStepVideo.types.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideo.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\n/**\n * Playback status event payload\n */\nexport type PlaybackStatusEvent = {\n  status: 'ready' | 'playing' | 'paused' | 'ended' | 'seeked';\n  time?: number;\n};\n\n/**\n * Progress event payload\n */\nexport type ProgressEvent = {\n  currentTime: number;\n  duration: number;\n  progress: number;\n};\n\n/**\n * Error event payload\n */\nexport type ErrorEvent = {\n  error: string;\n};\n\n/**\n * Pan/Zoom state representing the current view transform\n */\nexport type PanZoomState = {\n  /** Horizontal pan position (-1.0 to 1.0, 0 = center) */\n  panX: number;\n  /** Vertical pan position (-1.0 to 1.0, 0 = center) */\n  panY: number;\n  /** Zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.) */\n  zoomLevel: number;\n};\n\n/**\n * Pan/Zoom change event payload\n */\nexport type PanZoomChangeEvent = PanZoomState;\n\n/**\n * Options for creating a pan/zoom composition\n */\nexport type PanZoomVideoOptions = {\n  /** ID of the loaded asset */\n  assetId: string;\n  /** Horizontal pan position (-1.0 to 1.0, 0 = center) */\n  panX?: number;\n  /** Vertical pan position (-1.0 to 1.0, 0 = center) */\n  panY?: number;\n  /** Zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.) */\n  zoomLevel?: number;\n  /** Optional start time in seconds */\n  startTime?: number;\n  /** Optional end time in seconds */\n  endTime?: number;\n};\n\n/**\n * Video player view props\n */\nexport type TwoStepVideoViewProps = {\n  /** ID of a composition to play (from trimVideo, mirrorVideo, etc.) */\n  compositionId?: string;\n  /** ID of an asset to play (from loadAsset) */\n  assetId?: string;\n  /** Enable continuous looping - video will restart automatically when it ends */\n  loop?: boolean;\n  /** Minimum zoom level (default: 1.0) */\n  minZoom?: number;\n  /** Maximum zoom level (default: 5.0) */\n  maxZoom?: number;\n  /** Called when playback status changes */\n  onPlaybackStatusChange?: (event: { nativeEvent: PlaybackStatusEvent }) => void;\n  /** Called periodically with playback progress */\n  onProgress?: (event: { nativeEvent: ProgressEvent }) => void;\n  /** Called when playback reaches the end (not called if loop is true) */\n  onEnd?: (event: { nativeEvent: Record<string, never> }) => void;\n  /** Called when an error occurs */\n  onError?: (event: { nativeEvent: ErrorEvent }) => void;\n  /** Called when pan/zoom gesture changes */\n  onPanZoomChange?: (event: { nativeEvent: PanZoomChangeEvent }) => void;\n  /** View style */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Ref handle for video player view\n */\nexport type TwoStepVideoViewRef = {\n  /** Start playback */\n  play: () => Promise<void>;\n  /** Pause playback */\n  pause: () => Promise<void>;\n  /** Seek to a specific time in seconds */\n  seek: (time: number) => Promise<void>;\n  /** Restart playback from the beginning */\n  replay: () => Promise<void>;\n  /** Get the current pan/zoom state */\n  getPanZoomState: () => Promise<PanZoomState>;\n  /** Set the pan/zoom state programmatically */\n  setPanZoomState: (state: Partial<PanZoomState>) => Promise<void>;\n  /** Reset pan/zoom to default state (zoom=1, pan=0,0) */\n  resetPanZoom: () => Promise<void>;\n};\n\n/**\n * Video player controller view props (with native controls)\n */\nexport type TwoStepPlayerControllerViewProps = TwoStepVideoViewProps & {\n  /** Show native playback controls (default: true) */\n  showsPlaybackControls?: boolean;\n};\n\n/**\n * Ref handle for video player controller view (with fullscreen support)\n */\nexport type TwoStepPlayerControllerViewRef = TwoStepVideoViewRef & {\n  /** Enter fullscreen mode */\n  enterFullscreen: () => Promise<void>;\n  /** Exit fullscreen mode */\n  exitFullscreen: () => Promise<void>;\n};\n"]}

package/build/ExpoTwoStepVideoView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideoView.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideoView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAiBtF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,gBAAgB,mGAqBrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ExpoTwoStepVideoView.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideoView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAoBpG;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,gBAAgB,mGA+BrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/build/ExpoTwoStepVideoView.js

@@ -39,6 +39,16 @@ const TwoStepVideoView = forwardRef((props, ref) => {
         replay: async () => {
             await nativeRef.current?.replay();
         },
+        getPanZoomState: async () => {
+            const state = await nativeRef.current?.getPanZoomState();
+            return state ?? { panX: 0, panY: 0, zoomLevel: 1 };
+        },
+        setPanZoomState: async (state) => {
+            await nativeRef.current?.setPanZoomState(state.panX, state.panY, state.zoomLevel);
+        },
+        resetPanZoom: async () => {
+            await nativeRef.current?.resetPanZoom();
+        },
     }));
     return <NativeView ref={nativeRef} {...props}/>;
 });

package/build/ExpoTwoStepVideoView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideoView.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAiBhE,MAAM,UAAU,GAAyC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAE/F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE9C,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAClC,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,EAAE,KAAK,EAAE,IAAY,EAAE,EAAE;YAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,MAAM,EAAE,KAAK,IAAI,EAAE;YACjB,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QACpC,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnD,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { TwoStepVideoViewProps, TwoStepVideoViewRef } from './ExpoTwoStepVideo.types';\n\n// Internal props type that includes the native ref\ntype NativeViewProps = TwoStepVideoViewProps & {\n  ref?: React.Ref<NativeViewRef>;\n};\n\n// Native view ref with native methods\ntype NativeViewRef = {\n  play: () => Promise<void>;\n  pause: () => Promise<void>;\n  seek: (time: number) => Promise<void>;\n  replay: () => Promise<void>;\n};\n\nconst NativeView: React.ComponentType<NativeViewProps> = requireNativeView('ExpoTwoStepVideo');\n\n/**\n * Video player view that can play compositions and assets directly\n *\n * @example\n * ```tsx\n * const playerRef = useRef<TwoStepVideoViewRef>(null);\n *\n * // Play a composition (from mirrorVideo, trimVideo, etc.)\n * <TwoStepVideoView\n *   ref={playerRef}\n *   compositionId={composition.id}\n *   onPlaybackStatusChange={(e) => console.log(e.nativeEvent.status)}\n *   onProgress={(e) => setProgress(e.nativeEvent.progress)}\n *   style={{ width: '100%', height: 300 }}\n * />\n *\n * // Control playback\n * playerRef.current?.play();\n * playerRef.current?.pause();\n * playerRef.current?.seek(5.0);\n * ```\n */\nconst TwoStepVideoView = forwardRef<TwoStepVideoViewRef, TwoStepVideoViewProps>(\n  (props, ref) => {\n    const nativeRef = useRef<NativeViewRef>(null);\n\n    useImperativeHandle(ref, () => ({\n      play: async () => {\n        await nativeRef.current?.play();\n      },\n      pause: async () => {\n        await nativeRef.current?.pause();\n      },\n      seek: async (time: number) => {\n        await nativeRef.current?.seek(time);\n      },\n      replay: async () => {\n        await nativeRef.current?.replay();\n      },\n    }));\n\n    return <NativeView ref={nativeRef} {...props} />;\n  }\n);\n\nTwoStepVideoView.displayName = 'TwoStepVideoView';\n\nexport default TwoStepVideoView;\n"]}
+{"version":3,"file":"ExpoTwoStepVideoView.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAoBhE,MAAM,UAAU,GAAyC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAE/F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE9C,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAClC,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,EAAE,KAAK,EAAE,IAAY,EAAE,EAAE;YAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,MAAM,EAAE,KAAK,IAAI,EAAE;YACjB,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QACpC,CAAC;QACD,eAAe,EAAE,KAAK,IAAI,EAAE;YAC1B,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC;YACzD,OAAO,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;QACrD,CAAC;QACD,eAAe,EAAE,KAAK,EAAE,KAA4B,EAAE,EAAE;YACtD,MAAM,SAAS,CAAC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,CAAC;QACD,YAAY,EAAE,KAAK,IAAI,EAAE;YACvB,MAAM,SAAS,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;QAC1C,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnD,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { PanZoomState, TwoStepVideoViewProps, TwoStepVideoViewRef } from './ExpoTwoStepVideo.types';\n\n// Internal props type that includes the native ref\ntype NativeViewProps = TwoStepVideoViewProps & {\n  ref?: React.Ref<NativeViewRef>;\n};\n\n// Native view ref with native methods\ntype NativeViewRef = {\n  play: () => Promise<void>;\n  pause: () => Promise<void>;\n  seek: (time: number) => Promise<void>;\n  replay: () => Promise<void>;\n  getPanZoomState: () => Promise<PanZoomState>;\n  setPanZoomState: (panX?: number, panY?: number, zoomLevel?: number) => Promise<void>;\n  resetPanZoom: () => Promise<void>;\n};\n\nconst NativeView: React.ComponentType<NativeViewProps> = requireNativeView('ExpoTwoStepVideo');\n\n/**\n * Video player view that can play compositions and assets directly\n *\n * @example\n * ```tsx\n * const playerRef = useRef<TwoStepVideoViewRef>(null);\n *\n * // Play a composition (from mirrorVideo, trimVideo, etc.)\n * <TwoStepVideoView\n *   ref={playerRef}\n *   compositionId={composition.id}\n *   onPlaybackStatusChange={(e) => console.log(e.nativeEvent.status)}\n *   onProgress={(e) => setProgress(e.nativeEvent.progress)}\n *   style={{ width: '100%', height: 300 }}\n * />\n *\n * // Control playback\n * playerRef.current?.play();\n * playerRef.current?.pause();\n * playerRef.current?.seek(5.0);\n * ```\n */\nconst TwoStepVideoView = forwardRef<TwoStepVideoViewRef, TwoStepVideoViewProps>(\n  (props, ref) => {\n    const nativeRef = useRef<NativeViewRef>(null);\n\n    useImperativeHandle(ref, () => ({\n      play: async () => {\n        await nativeRef.current?.play();\n      },\n      pause: async () => {\n        await nativeRef.current?.pause();\n      },\n      seek: async (time: number) => {\n        await nativeRef.current?.seek(time);\n      },\n      replay: async () => {\n        await nativeRef.current?.replay();\n      },\n      getPanZoomState: async () => {\n        const state = await nativeRef.current?.getPanZoomState();\n        return state ?? { panX: 0, panY: 0, zoomLevel: 1 };\n      },\n      setPanZoomState: async (state: Partial<PanZoomState>) => {\n        await nativeRef.current?.setPanZoomState(state.panX, state.panY, state.zoomLevel);\n      },\n      resetPanZoom: async () => {\n        await nativeRef.current?.resetPanZoom();\n      },\n    }));\n\n    return <NativeView ref={nativeRef} {...props} />;\n  }\n);\n\nTwoStepVideoView.displayName = 'TwoStepVideoView';\n\nexport default TwoStepVideoView;\n"]}

package/build/TwoStepPlayerControllerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoStepPlayerControllerView.d.ts","sourceRoot":"","sources":["../src/TwoStepPlayerControllerView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAoC,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAmB5G;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,2BAA2B;;wDA2BhC,CAAC;AAIF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"TwoStepPlayerControllerView.d.ts","sourceRoot":"","sources":["../src/TwoStepPlayerControllerView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAkD,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAmB1H;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,2BAA2B;;wDAqChC,CAAC;AAIF,eAAe,2BAA2B,CAAC"}

package/build/TwoStepPlayerControllerView.js

@@ -46,6 +46,16 @@ const TwoStepPlayerControllerView = forwardRef((props, ref) => {
         exitFullscreen: async () => {
             await nativeRef.current?.exitFullscreen();
         },
+        // Pan/zoom not supported on controller view (uses AVPlayerViewController)
+        getPanZoomState: async () => {
+            return { panX: 0, panY: 0, zoomLevel: 1 };
+        },
+        setPanZoomState: async (_state) => {
+            // Not supported on controller view
+        },
+        resetPanZoom: async () => {
+            // Not supported on controller view
+        },
     }));
     return <NativeView ref={nativeRef} {...props}/>;
 });

package/build/TwoStepPlayerControllerView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoStepPlayerControllerView.js","sourceRoot":"","sources":["../src/TwoStepPlayerControllerView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAmBhE,MAAM,UAAU,GAAyC,iBAAiB,CAAC,kDAAkD,CAAC,CAAC;AAE/H;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,2BAA2B,GAAG,UAAU,CAC5C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE9C,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAClC,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,EAAE,KAAK,EAAE,IAAY,EAAE,EAAE;YAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,MAAM,EAAE,KAAK,IAAI,EAAE;YACjB,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QACpC,CAAC;QACD,eAAe,EAAE,KAAK,IAAI,EAAE;YAC1B,MAAM,SAAS,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC;QAC7C,CAAC;QACD,cAAc,EAAE,KAAK,IAAI,EAAE;YACzB,MAAM,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC;QAC5C,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnD,CAAC,CACF,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAExE,eAAe,2BAA2B,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { TwoStepPlayerControllerViewProps, TwoStepPlayerControllerViewRef } from './ExpoTwoStepVideo.types';\n\n// Internal props type that includes the native ref\ntype NativeViewProps = TwoStepPlayerControllerViewProps & {\n  ref?: React.Ref<NativeViewRef>;\n};\n\n// Native view ref with native methods\ntype NativeViewRef = {\n  play: () => Promise<void>;\n  pause: () => Promise<void>;\n  seek: (time: number) => Promise<void>;\n  replay: () => Promise<void>;\n  enterFullscreen: () => Promise<void>;\n  exitFullscreen: () => Promise<void>;\n};\n\nconst NativeView: React.ComponentType<NativeViewProps> = requireNativeView('ExpoTwoStepVideo_ExpoTwoStepPlayerControllerView');\n\n/**\n * Video player view with native iOS controls and fullscreen support\n *\n * Uses AVPlayerViewController under the hood for native playback controls,\n * AirPlay support, picture-in-picture, and fullscreen mode.\n *\n * @example\n * ```tsx\n * const playerRef = useRef<TwoStepPlayerControllerViewRef>(null);\n *\n * // Play a video with native controls\n * <TwoStepPlayerControllerView\n *   ref={playerRef}\n *   assetId={asset.id}\n *   showsPlaybackControls={true}\n *   onProgress={(e) => setProgress(e.nativeEvent.progress)}\n *   style={{ width: '100%', height: 300 }}\n * />\n *\n * // Enter fullscreen mode\n * playerRef.current?.enterFullscreen();\n * ```\n */\nconst TwoStepPlayerControllerView = forwardRef<TwoStepPlayerControllerViewRef, TwoStepPlayerControllerViewProps>(\n  (props, ref) => {\n    const nativeRef = useRef<NativeViewRef>(null);\n\n    useImperativeHandle(ref, () => ({\n      play: async () => {\n        await nativeRef.current?.play();\n      },\n      pause: async () => {\n        await nativeRef.current?.pause();\n      },\n      seek: async (time: number) => {\n        await nativeRef.current?.seek(time);\n      },\n      replay: async () => {\n        await nativeRef.current?.replay();\n      },\n      enterFullscreen: async () => {\n        await nativeRef.current?.enterFullscreen();\n      },\n      exitFullscreen: async () => {\n        await nativeRef.current?.exitFullscreen();\n      },\n    }));\n\n    return <NativeView ref={nativeRef} {...props} />;\n  }\n);\n\nTwoStepPlayerControllerView.displayName = 'TwoStepPlayerControllerView';\n\nexport default TwoStepPlayerControllerView;\n"]}
+{"version":3,"file":"TwoStepPlayerControllerView.js","sourceRoot":"","sources":["../src/TwoStepPlayerControllerView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAmBhE,MAAM,UAAU,GAAyC,iBAAiB,CAAC,kDAAkD,CAAC,CAAC;AAE/H;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,2BAA2B,GAAG,UAAU,CAC5C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE9C,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAClC,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,EAAE,KAAK,EAAE,IAAY,EAAE,EAAE;YAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,MAAM,EAAE,KAAK,IAAI,EAAE;YACjB,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QACpC,CAAC;QACD,eAAe,EAAE,KAAK,IAAI,EAAE;YAC1B,MAAM,SAAS,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC;QAC7C,CAAC;QACD,cAAc,EAAE,KAAK,IAAI,EAAE;YACzB,MAAM,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC;QAC5C,CAAC;QACD,0EAA0E;QAC1E,eAAe,EAAE,KAAK,IAA2B,EAAE;YACjD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;QAC5C,CAAC;QACD,eAAe,EAAE,KAAK,EAAE,MAA6B,EAAE,EAAE;YACvD,mCAAmC;QACrC,CAAC;QACD,YAAY,EAAE,KAAK,IAAI,EAAE;YACvB,mCAAmC;QACrC,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnD,CAAC,CACF,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAExE,eAAe,2BAA2B,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { PanZoomState, TwoStepPlayerControllerViewProps, TwoStepPlayerControllerViewRef } from './ExpoTwoStepVideo.types';\n\n// Internal props type that includes the native ref\ntype NativeViewProps = TwoStepPlayerControllerViewProps & {\n  ref?: React.Ref<NativeViewRef>;\n};\n\n// Native view ref with native methods\ntype NativeViewRef = {\n  play: () => Promise<void>;\n  pause: () => Promise<void>;\n  seek: (time: number) => Promise<void>;\n  replay: () => Promise<void>;\n  enterFullscreen: () => Promise<void>;\n  exitFullscreen: () => Promise<void>;\n};\n\nconst NativeView: React.ComponentType<NativeViewProps> = requireNativeView('ExpoTwoStepVideo_ExpoTwoStepPlayerControllerView');\n\n/**\n * Video player view with native iOS controls and fullscreen support\n *\n * Uses AVPlayerViewController under the hood for native playback controls,\n * AirPlay support, picture-in-picture, and fullscreen mode.\n *\n * @example\n * ```tsx\n * const playerRef = useRef<TwoStepPlayerControllerViewRef>(null);\n *\n * // Play a video with native controls\n * <TwoStepPlayerControllerView\n *   ref={playerRef}\n *   assetId={asset.id}\n *   showsPlaybackControls={true}\n *   onProgress={(e) => setProgress(e.nativeEvent.progress)}\n *   style={{ width: '100%', height: 300 }}\n * />\n *\n * // Enter fullscreen mode\n * playerRef.current?.enterFullscreen();\n * ```\n */\nconst TwoStepPlayerControllerView = forwardRef<TwoStepPlayerControllerViewRef, TwoStepPlayerControllerViewProps>(\n  (props, ref) => {\n    const nativeRef = useRef<NativeViewRef>(null);\n\n    useImperativeHandle(ref, () => ({\n      play: async () => {\n        await nativeRef.current?.play();\n      },\n      pause: async () => {\n        await nativeRef.current?.pause();\n      },\n      seek: async (time: number) => {\n        await nativeRef.current?.seek(time);\n      },\n      replay: async () => {\n        await nativeRef.current?.replay();\n      },\n      enterFullscreen: async () => {\n        await nativeRef.current?.enterFullscreen();\n      },\n      exitFullscreen: async () => {\n        await nativeRef.current?.exitFullscreen();\n      },\n      // Pan/zoom not supported on controller view (uses AVPlayerViewController)\n      getPanZoomState: async (): Promise<PanZoomState> => {\n        return { panX: 0, panY: 0, zoomLevel: 1 };\n      },\n      setPanZoomState: async (_state: Partial<PanZoomState>) => {\n        // Not supported on controller view\n      },\n      resetPanZoom: async () => {\n        // Not supported on controller view\n      },\n    }));\n\n    return <NativeView ref={nativeRef} {...props} />;\n  }\n);\n\nTwoStepPlayerControllerView.displayName = 'TwoStepPlayerControllerView';\n\nexport default TwoStepPlayerControllerView;\n"]}

package/build/index.d.ts

@@ -411,6 +411,57 @@ export declare function transformVideo(options: TransformVideoOptions): Promise<
  * ```
  */
 export declare function loopSegment(options: LoopSegmentOptions): Promise<LoopResult>;
+/**
+ * Options for pan and zoom transformation
+ */
+export interface PanZoomVideoOptions {
+    /** Asset ID to transform */
+    assetId: string;
+    /** Horizontal pan position (-1.0 to 1.0, 0 = center) */
+    panX?: number;
+    /** Vertical pan position (-1.0 to 1.0, 0 = center) */
+    panY?: number;
+    /** Zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.) */
+    zoomLevel?: number;
+    /** Optional start time in seconds (for trimming) */
+    startTime?: number;
+    /** Optional end time in seconds (for trimming) */
+    endTime?: number;
+}
+/**
+ * Apply pan and zoom transformation to a video
+ *
+ * This creates a composition with the pan/zoom baked in for export.
+ * For real-time preview, use the gesture controls on TwoStepVideoView.
+ *
+ * @param options - Pan/zoom options including asset ID and transform values
+ * @returns Promise resolving to composition metadata
+ *
+ * @example
+ * ```typescript
+ * // Get current pan/zoom from player and apply to export
+ * const panZoomState = await playerRef.current.getPanZoomState();
+ * const composition = await TwoStepVideo.panZoomVideo({
+ *   assetId: asset.id,
+ *   panX: panZoomState.panX,
+ *   panY: panZoomState.panY,
+ *   zoomLevel: panZoomState.zoomLevel
+ * });
+ *
+ * // Export the pan/zoomed video
+ * const result = await TwoStepVideo.exportVideo({
+ *   compositionId: composition.id,
+ *   quality: 'high'
+ * });
+ *
+ * // Apply zoom only (no pan, centered)
+ * const zoomed = await TwoStepVideo.panZoomVideo({
+ *   assetId: asset.id,
+ *   zoomLevel: 2.0  // 2x zoom, centered
+ * });
+ * ```
+ */
+export declare function panZoomVideo(options: PanZoomVideoOptions): Promise<VideoComposition>;
 /**
  * Generate thumbnail images from a video at specific times
  *
@@ -556,6 +607,7 @@ declare const _default: {
     adjustSpeed: typeof adjustSpeed;
     transformVideo: typeof transformVideo;
     loopSegment: typeof loopSegment;
+    panZoomVideo: typeof panZoomVideo;
     cleanupFile: typeof cleanupFile;
     releaseAsset: typeof releaseAsset;
     releaseComposition: typeof releaseComposition;
@@ -568,6 +620,6 @@ export { default as TwoStepVideoView } from './ExpoTwoStepVideoView';
 export { default as TwoStepPlayerControllerView } from './TwoStepPlayerControllerView';
 export { default as VideoScrubber } from './VideoScrubber';
 export { useVideoScrubber } from './hooks/useVideoScrubber';
-export type { TwoStepVideoViewProps, TwoStepVideoViewRef, TwoStepPlayerControllerViewProps, TwoStepPlayerControllerViewRef, PlaybackStatusEvent, ProgressEvent, ErrorEvent, } from './ExpoTwoStepVideo.types';
+export type { TwoStepVideoViewProps, TwoStepVideoViewRef, TwoStepPlayerControllerViewProps, TwoStepPlayerControllerViewRef, PlaybackStatusEvent, ProgressEvent, ErrorEvent, PanZoomState, PanZoomChangeEvent, } from './ExpoTwoStepVideo.types';
 export type { VideoScrubberProps, VideoScrubberRef, VideoScrubberTheme, } from './VideoScrubber.types';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/build/index.js

@@ -238,6 +238,42 @@ export async function transformVideo(options) {
 export async function loopSegment(options) {
     return await ExpoTwoStepVideoModule.loopSegment(options.assetId, options.startTime, options.endTime, options.loopCount);
 }
+/**
+ * Apply pan and zoom transformation to a video
+ *
+ * This creates a composition with the pan/zoom baked in for export.
+ * For real-time preview, use the gesture controls on TwoStepVideoView.
+ *
+ * @param options - Pan/zoom options including asset ID and transform values
+ * @returns Promise resolving to composition metadata
+ *
+ * @example
+ * ```typescript
+ * // Get current pan/zoom from player and apply to export
+ * const panZoomState = await playerRef.current.getPanZoomState();
+ * const composition = await TwoStepVideo.panZoomVideo({
+ *   assetId: asset.id,
+ *   panX: panZoomState.panX,
+ *   panY: panZoomState.panY,
+ *   zoomLevel: panZoomState.zoomLevel
+ * });
+ *
+ * // Export the pan/zoomed video
+ * const result = await TwoStepVideo.exportVideo({
+ *   compositionId: composition.id,
+ *   quality: 'high'
+ * });
+ *
+ * // Apply zoom only (no pan, centered)
+ * const zoomed = await TwoStepVideo.panZoomVideo({
+ *   assetId: asset.id,
+ *   zoomLevel: 2.0  // 2x zoom, centered
+ * });
+ * ```
+ */
+export async function panZoomVideo(options) {
+    return await ExpoTwoStepVideoModule.panZoomVideo(options.assetId, options.panX ?? 0, options.panY ?? 0, options.zoomLevel ?? 1.0, options.startTime, options.endTime);
+}
 /**
  * Generate thumbnail images from a video at specific times
  *
@@ -415,6 +451,7 @@ export default {
     adjustSpeed,
     transformVideo,
     loopSegment,
+    panZoomVideo,
     // Memory management
     cleanupFile,
     releaseAsset,

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * TwoStepVideo - Professional video editing for React Native\n * Built on native AVFoundation with Expo Modules\n */\n\nimport { type EventSubscription } from 'expo-modules-core';\nimport ExpoTwoStepVideoModule from './ExpoTwoStepVideoModule';\n\n// MARK: - Types\n\n/**\n * Quality presets for video export\n */\nexport type VideoQuality = 'low' | 'medium' | 'high' | 'highest';\n\n/**\n * Mirror axis options for video mirroring\n */\nexport type MirrorAxis = 'horizontal' | 'vertical' | 'both';\n\n/**\n * Video asset metadata returned after loading\n */\nexport interface VideoAsset {\n  /** Unique identifier for this asset */\n  id: string;\n  /** Duration in seconds */\n  duration: number;\n  /** Video width in pixels */\n  width: number;\n  /** Video height in pixels */\n  height: number;\n  /** Frame rate (fps) */\n  frameRate: number;\n  /** Whether the video has audio */\n  hasAudio: boolean;\n}\n\n/**\n * Video composition metadata\n */\nexport interface VideoComposition {\n  /** Unique identifier for this composition */\n  id: string;\n  /** Total duration in seconds */\n  duration: number;\n}\n\n/**\n * Time segment for multi-segment trimming\n */\nexport interface TimeSegment {\n  /** Start time in seconds */\n  start: number;\n  /** End time in seconds */\n  end: number;\n}\n\n/**\n * Export result containing output file information\n */\nexport interface ExportResult {\n  /** File URI (e.g., \"file:///path/to/video.mp4\") */\n  uri: string;\n  /** Absolute file path */\n  path: string;\n}\n\n/**\n * Export progress event\n */\nexport interface ExportProgressEvent {\n  /** Progress from 0.0 to 1.0 */\n  progress: number;\n  /** Asset ID if exporting asset directly */\n  assetId?: string;\n  /** Composition ID if exporting composition */\n  compositionId?: string;\n}\n\n/**\n * Options for loading a video asset\n */\nexport interface LoadAssetOptions {\n  /** File URI (e.g., \"file:///path/to/video.mp4\") */\n  uri: string;\n}\n\n/**\n * Options for trimming a video\n */\nexport interface TrimVideoOptions {\n  /** Asset ID to trim */\n  assetId: string;\n  /** Start time in seconds */\n  startTime: number;\n  /** End time in seconds */\n  endTime: number;\n}\n\n/**\n * Options for multi-segment trimming\n */\nexport interface TrimMultipleOptions {\n  /** Asset ID to trim */\n  assetId: string;\n  /** Array of time segments to extract and concatenate */\n  segments: TimeSegment[];\n}\n\n/**\n * Options for generating thumbnails\n */\nexport interface GenerateThumbnailsOptions {\n  /** Asset ID to generate thumbnails from */\n  assetId: string;\n  /** Array of times (in seconds) to extract thumbnails */\n  times: number[];\n  /** Optional size for thumbnails */\n  size?: {\n    width: number;\n    height: number;\n  };\n}\n\n/**\n * Options for exporting a composition\n */\nexport interface ExportCompositionOptions {\n  /** Composition ID to export */\n  compositionId: string;\n  /** Optional output URI (uses temp directory if not provided) */\n  outputUri?: string;\n  /** Quality preset (default: 'high') */\n  quality?: VideoQuality;\n}\n\n/**\n * Options for exporting an asset directly\n */\nexport interface ExportAssetOptions {\n  /** Asset ID to export */\n  assetId: string;\n  /** Optional output URI (uses temp directory if not provided) */\n  outputUri?: string;\n  /** Quality preset (default: 'high') */\n  quality?: VideoQuality;\n}\n\n/**\n * Options for mirroring a video\n */\nexport interface MirrorVideoOptions {\n  /** Asset ID to mirror */\n  assetId: string;\n  /** Axis to mirror on: 'horizontal', 'vertical', or 'both' */\n  axis: MirrorAxis;\n  /** Optional start time in seconds (for segment mirroring) */\n  startTime?: number;\n  /** Optional end time in seconds (for segment mirroring) */\n  endTime?: number;\n}\n\n/**\n * Options for adjusting video speed\n */\nexport interface AdjustSpeedOptions {\n  /** Asset ID to adjust */\n  assetId: string;\n  /** Speed multiplier (0.25 = 4x slower, 2.0 = 2x faster) */\n  speed: number;\n  /** Optional start time in seconds */\n  startTime?: number;\n  /** Optional end time in seconds */\n  endTime?: number;\n}\n\n/**\n * Options for combined video transformation\n */\nexport interface TransformVideoOptions {\n  /** Asset ID to transform */\n  assetId: string;\n  /** Speed multiplier (default: 1.0) */\n  speed?: number;\n  /** Optional mirror axis */\n  mirrorAxis?: MirrorAxis;\n  /** Optional start time in seconds (for trimming) */\n  startTime?: number;\n  /** Optional end time in seconds (for trimming) */\n  endTime?: number;\n}\n\n/**\n * Options for looping a video segment\n */\nexport interface LoopSegmentOptions {\n  /** Asset ID to loop */\n  assetId: string;\n  /** Start time of the segment to loop (in seconds) */\n  startTime: number;\n  /** End time of the segment to loop (in seconds) */\n  endTime: number;\n  /** Number of times to repeat (total plays = loopCount + 1) */\n  loopCount: number;\n}\n\n/**\n * Result from looping a video segment\n */\nexport interface LoopResult {\n  /** Unique identifier for this composition */\n  id: string;\n  /** Total duration in seconds */\n  duration: number;\n  /** Number of times the segment repeats */\n  loopCount: number;\n  /** Total number of times the segment plays */\n  totalPlays: number;\n}\n\n// MARK: - Constants\n\n/**\n * Quality constants\n */\nexport const Quality = {\n  LOW: ExpoTwoStepVideoModule.QUALITY_LOW,\n  MEDIUM: ExpoTwoStepVideoModule.QUALITY_MEDIUM,\n  HIGH: ExpoTwoStepVideoModule.QUALITY_HIGH,\n  HIGHEST: ExpoTwoStepVideoModule.QUALITY_HIGHEST,\n} as const;\n\n/**\n * Mirror axis constants\n */\nexport const Mirror = {\n  HORIZONTAL: ExpoTwoStepVideoModule.MIRROR_HORIZONTAL,\n  VERTICAL: ExpoTwoStepVideoModule.MIRROR_VERTICAL,\n  BOTH: ExpoTwoStepVideoModule.MIRROR_BOTH,\n} as const;\n\n// MARK: - API Functions\n\n/**\n * Load a video asset from a file URI\n *\n * @param options - Load options containing the file URI\n * @returns Promise resolving to video asset metadata\n *\n * @example\n * ```typescript\n * const asset = await TwoStepVideo.loadAsset({\n *   uri: 'file:///path/to/video.mp4'\n * });\n * console.log(`Duration: ${asset.duration}s, Size: ${asset.width}x${asset.height}`);\n * ```\n */\nexport async function loadAsset(options: LoadAssetOptions): Promise<VideoAsset> {\n  return await ExpoTwoStepVideoModule.loadAsset(options.uri);\n}\n\n/**\n * Load a video asset from the Photos library\n *\n * @param localIdentifier - PHAsset local identifier from the Photos library\n * @returns Promise resolving to video asset metadata\n *\n * @example\n * ```typescript\n * // After using expo-media-library to get a photo asset\n * const asset = await TwoStepVideo.loadAssetFromPhotos(photoAsset.id);\n * ```\n */\nexport async function loadAssetFromPhotos(localIdentifier: string): Promise<VideoAsset> {\n  return await ExpoTwoStepVideoModule.loadAssetFromPhotos(localIdentifier);\n}\n\n/**\n * Validate a video file URI without loading the full asset\n * Useful for quick validation before processing\n *\n * @param uri - File URI to validate\n * @returns Promise resolving to true if valid video file\n *\n * @example\n * ```typescript\n * const isValid = await TwoStepVideo.validateVideoUri('file:///path/to/video.mp4');\n * if (isValid) {\n *   const asset = await TwoStepVideo.loadAsset({ uri });\n * }\n * ```\n */\nexport async function validateVideoUri(uri: string): Promise<boolean> {\n  return await ExpoTwoStepVideoModule.validateVideoUri(uri);\n}\n\n/**\n * Trim a video to a single time range\n *\n * @param options - Trim options including asset ID and time range\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * const asset = await TwoStepVideo.loadAsset({ uri });\n * const composition = await TwoStepVideo.trimVideo({\n *   assetId: asset.id,\n *   startTime: 5.0,\n *   endTime: 15.0\n * });\n * console.log(`Trimmed to ${composition.duration}s`);\n * ```\n */\nexport async function trimVideo(options: TrimVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.trimVideo(\n    options.assetId,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Trim a video to multiple segments and concatenate them\n *\n * @param options - Trim options including asset ID and segments\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * const composition = await TwoStepVideo.trimVideoMultiple({\n *   assetId: asset.id,\n *   segments: [\n *     { start: 0, end: 3 },    // First 3 seconds\n *     { start: 10, end: 13 },  // 3 seconds from middle\n *     { start: 20, end: 23 }   // 3 seconds from end\n *   ]\n * });\n * ```\n */\nexport async function trimVideoMultiple(options: TrimMultipleOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.trimVideoMultiple(options.assetId, options.segments);\n}\n\n/**\n * Mirror a video horizontally, vertically, or both\n *\n * @param options - Mirror options including asset ID and axis\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Mirror horizontally (flip left-right, common for selfie videos)\n * const composition = await TwoStepVideo.mirrorVideo({\n *   assetId: asset.id,\n *   axis: 'horizontal'\n * });\n *\n * // Mirror a specific segment\n * const composition = await TwoStepVideo.mirrorVideo({\n *   assetId: asset.id,\n *   axis: 'vertical',\n *   startTime: 5,\n *   endTime: 10\n * });\n * ```\n */\nexport async function mirrorVideo(options: MirrorVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.mirrorVideo(\n    options.assetId,\n    options.axis,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Adjust the playback speed of a video\n *\n * @param options - Speed options including asset ID and speed multiplier\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Slow motion (0.5x speed = 2x slower)\n * const slowMo = await TwoStepVideo.adjustSpeed({\n *   assetId: asset.id,\n *   speed: 0.5\n * });\n *\n * // Fast forward (2x speed)\n * const fastForward = await TwoStepVideo.adjustSpeed({\n *   assetId: asset.id,\n *   speed: 2.0\n * });\n *\n * // Speed up a specific segment\n * const timelapse = await TwoStepVideo.adjustSpeed({\n *   assetId: asset.id,\n *   speed: 4.0,\n *   startTime: 10,\n *   endTime: 30\n * });\n * ```\n */\nexport async function adjustSpeed(options: AdjustSpeedOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.adjustSpeed(\n    options.assetId,\n    options.speed,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Transform a video with combined trimming, mirroring, and speed adjustment\n * Use the player's `loop` prop for continuous playback looping\n *\n * @param options - Transform options including asset ID, speed, and mirror axis\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Mirror and slow down\n * const transformed = await TwoStepVideo.transformVideo({\n *   assetId: asset.id,\n *   speed: 0.5,\n *   mirrorAxis: 'horizontal'\n * });\n *\n * // Just mirror (speed defaults to 1.0)\n * const mirrored = await TwoStepVideo.transformVideo({\n *   assetId: asset.id,\n *   mirrorAxis: 'both'\n * });\n *\n * // Transform a specific segment (trim + mirror + speed)\n * const segment = await TwoStepVideo.transformVideo({\n *   assetId: asset.id,\n *   speed: 2.0,\n *   mirrorAxis: 'horizontal',\n *   startTime: 0,\n *   endTime: 5\n * });\n *\n * // Play in loop mode\n * <TwoStepVideoView compositionId={segment.id} loop />\n * ```\n */\nexport async function transformVideo(options: TransformVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.transformVideo(\n    options.assetId,\n    options.speed,\n    options.mirrorAxis,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Loop a segment of a video multiple times\n *\n * @param options - Loop options including segment time range and repeat count\n * @returns Promise resolving to loop result with duration info\n *\n * @example\n * ```typescript\n * // Loop a 2-second segment 3 times (plays 4 times total)\n * const looped = await TwoStepVideo.loopSegment({\n *   assetId: asset.id,\n *   startTime: 5,\n *   endTime: 7,\n *   loopCount: 3\n * });\n * console.log(`Duration: ${looped.duration}s (plays ${looped.totalPlays} times)`);\n *\n * // Create a perfect loop for social media\n * const perfectLoop = await TwoStepVideo.loopSegment({\n *   assetId: asset.id,\n *   startTime: 0,\n *   endTime: 3,\n *   loopCount: 4  // 15 seconds total (3s * 5 plays)\n * });\n * ```\n */\nexport async function loopSegment(options: LoopSegmentOptions): Promise<LoopResult> {\n  return await ExpoTwoStepVideoModule.loopSegment(\n    options.assetId,\n    options.startTime,\n    options.endTime,\n    options.loopCount\n  );\n}\n\n/**\n * Generate thumbnail images from a video at specific times\n *\n * @param options - Thumbnail generation options\n * @returns Promise resolving to array of base64 encoded PNG images\n *\n * @example\n * ```typescript\n * const thumbnails = await TwoStepVideo.generateThumbnails({\n *   assetId: asset.id,\n *   times: [1, 5, 10, 15],\n *   size: { width: 300, height: 300 }\n * });\n *\n * // Use in Image component\n * <Image source={{ uri: `data:image/png;base64,${thumbnails[0]}` }} />\n * ```\n */\nexport async function generateThumbnails(\n  options: GenerateThumbnailsOptions\n): Promise<string[]> {\n  return await ExpoTwoStepVideoModule.generateThumbnails(\n    options.assetId,\n    options.times,\n    options.size\n  );\n}\n\n/**\n * Export a composition to a video file\n *\n * @param options - Export options including composition ID and quality\n * @returns Promise resolving to export result with file URI\n *\n * @example\n * ```typescript\n * const result = await TwoStepVideo.exportVideo({\n *   compositionId: composition.id,\n *   quality: 'high'\n * });\n * console.log(`Exported to: ${result.uri}`);\n * ```\n */\nexport async function exportVideo(options: ExportCompositionOptions): Promise<ExportResult> {\n  return await ExpoTwoStepVideoModule.exportVideo(\n    options.compositionId,\n    options.outputUri,\n    options.quality\n  );\n}\n\n/**\n * Export an asset directly without creating a composition\n * Useful for re-encoding or changing quality without trimming\n *\n * @param options - Export options including asset ID and quality\n * @returns Promise resolving to export result with file URI\n *\n * @example\n * ```typescript\n * const result = await TwoStepVideo.exportAsset({\n *   assetId: asset.id,\n *   quality: 'medium'\n * });\n * ```\n */\nexport async function exportAsset(options: ExportAssetOptions): Promise<ExportResult> {\n  return await ExpoTwoStepVideoModule.exportAsset(\n    options.assetId,\n    options.outputUri,\n    options.quality\n  );\n}\n\n/**\n * Clean up a temporary file\n * Call this after you're done with exported files in the temp directory\n *\n * @param uri - File URI to clean up\n *\n * @example\n * ```typescript\n * const result = await TwoStepVideo.exportVideo({ ... });\n * // ... do something with result.uri\n * TwoStepVideo.cleanupFile(result.uri);\n * ```\n */\nexport function cleanupFile(uri: string): void {\n  ExpoTwoStepVideoModule.cleanupFile(uri);\n}\n\n/**\n * Release an asset from memory\n * Call this when you're done with an asset to free up memory\n *\n * @param assetId - ID of the asset to release\n */\nexport function releaseAsset(assetId: string): void {\n  ExpoTwoStepVideoModule.releaseAsset(assetId);\n}\n\n/**\n * Release a composition from memory\n *\n * @param compositionId - ID of the composition to release\n */\nexport function releaseComposition(compositionId: string): void {\n  ExpoTwoStepVideoModule.releaseComposition(compositionId);\n}\n\n/**\n * Release all cached assets and compositions\n * Useful for cleanup when unmounting screens\n */\nexport function releaseAll(): void {\n  ExpoTwoStepVideoModule.releaseAll();\n}\n\n// MARK: - Event Listeners\n\n/**\n * Add a listener for export progress events\n *\n * @param listener - Callback function receiving progress events\n * @returns Subscription object with remove() method\n *\n * @example\n * ```typescript\n * const subscription = TwoStepVideo.addExportProgressListener((event) => {\n *   console.log(`Export progress: ${Math.round(event.progress * 100)}%`);\n *   setProgress(event.progress);\n * });\n *\n * // Later, remove the listener\n * subscription.remove();\n * ```\n */\nexport function addExportProgressListener(\n  listener: (event: ExportProgressEvent) => void\n): EventSubscription {\n  return ExpoTwoStepVideoModule.addListener('onExportProgress', listener);\n}\n\n// MARK: - Helper Hook (for React)\n\n/**\n * React hook for managing export progress\n * Only works in React components\n *\n * @returns Current export progress (0.0 to 1.0)\n *\n * @example\n * ```typescript\n * function VideoEditor() {\n *   const progress = useExportProgress();\n *\n *   return (\n *     <View>\n *       <Text>Export Progress: {Math.round(progress * 100)}%</Text>\n *     </View>\n *   );\n * }\n * ```\n */\nexport function useExportProgress(): number {\n  const [progress, setProgress] = React.useState(0);\n\n  React.useEffect(() => {\n    const subscription = addExportProgressListener((event) => {\n      setProgress(event.progress);\n    });\n\n    return () => subscription.remove();\n  }, []);\n\n  return progress;\n}\n\n// Note: React import needed for the hook\n// If React is not available, the hook won't be usable but\n// the rest of the module will work fine\nlet React: any;\ntry {\n  React = require('react');\n} catch {\n  // React not available, hook won't work\n}\n\n// MARK: - Exports\n\nexport default {\n  // Constants\n  Quality,\n  Mirror,\n\n  // Core functions\n  loadAsset,\n  loadAssetFromPhotos,\n  validateVideoUri,\n  trimVideo,\n  trimVideoMultiple,\n  generateThumbnails,\n  exportVideo,\n  exportAsset,\n\n  // Transformation functions\n  mirrorVideo,\n  adjustSpeed,\n  transformVideo,\n  loopSegment,\n\n  // Memory management\n  cleanupFile,\n  releaseAsset,\n  releaseComposition,\n  releaseAll,\n\n  // Events\n  addExportProgressListener,\n\n  // React hook\n  useExportProgress,\n};\n\n// MARK: - View Component Export\n\nexport { default as TwoStepVideoView } from './ExpoTwoStepVideoView';\nexport { default as TwoStepPlayerControllerView } from './TwoStepPlayerControllerView';\nexport { default as VideoScrubber } from './VideoScrubber';\nexport { useVideoScrubber } from './hooks/useVideoScrubber';\nexport type {\n  TwoStepVideoViewProps,\n  TwoStepVideoViewRef,\n  TwoStepPlayerControllerViewProps,\n  TwoStepPlayerControllerViewRef,\n  PlaybackStatusEvent,\n  ProgressEvent,\n  ErrorEvent,\n} from './ExpoTwoStepVideo.types';\nexport type {\n  VideoScrubberProps,\n  VideoScrubberRef,\n  VideoScrubberTheme,\n} from './VideoScrubber.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAuN9D,oBAAoB;AAEpB;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,sBAAsB,CAAC,WAAW;IACvC,MAAM,EAAE,sBAAsB,CAAC,cAAc;IAC7C,IAAI,EAAE,sBAAsB,CAAC,YAAY;IACzC,OAAO,EAAE,sBAAsB,CAAC,eAAe;CACvC,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,UAAU,EAAE,sBAAsB,CAAC,iBAAiB;IACpD,QAAQ,EAAE,sBAAsB,CAAC,eAAe;IAChD,IAAI,EAAE,sBAAsB,CAAC,WAAW;CAChC,CAAC;AAEX,wBAAwB;AAExB;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAyB;IACvD,OAAO,MAAM,sBAAsB,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAC7D,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,eAAuB;IAC/D,OAAO,MAAM,sBAAsB,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;AAC3E,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,GAAW;IAChD,OAAO,MAAM,sBAAsB,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;AAC5D,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAyB;IACvD,OAAO,MAAM,sBAAsB,CAAC,SAAS,CAC3C,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,OAA4B;IAClE,OAAO,MAAM,sBAAsB,CAAC,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC3F,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAA2B;IAC3D,OAAO,MAAM,sBAAsB,CAAC,WAAW,CAC7C,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAA2B;IAC3D,OAAO,MAAM,sBAAsB,CAAC,WAAW,CAC7C,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,OAA8B;IACjE,OAAO,MAAM,sBAAsB,CAAC,cAAc,CAChD,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,UAAU,EAClB,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAA2B;IAC3D,OAAO,MAAM,sBAAsB,CAAC,WAAW,CAC7C,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,CAClB,CAAC;AACJ,CAAC;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,OAA4B;IAC7D,OAAO,MAAM,sBAAsB,CAAC,YAAY,CAC9C,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,IAAI,IAAI,CAAC,EACjB,OAAO,CAAC,IAAI,IAAI,CAAC,EACjB,OAAO,CAAC,SAAS,IAAI,GAAG,EACxB,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,KAAK,UAAU,kBAAkB,CACtC,OAAkC;IAElC,OAAO,MAAM,sBAAsB,CAAC,kBAAkB,CACpD,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,IAAI,CACb,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAAiC;IACjE,OAAO,MAAM,sBAAsB,CAAC,WAAW,CAC7C,OAAO,CAAC,aAAa,EACrB,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAA2B;IAC3D,OAAO,MAAM,sBAAsB,CAAC,WAAW,CAC7C,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,OAAO,CAChB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,WAAW,CAAC,GAAW;IACrC,sBAAsB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,OAAe;IAC1C,sBAAsB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC/C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,aAAqB;IACtD,sBAAsB,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAC3D,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU;IACxB,sBAAsB,CAAC,UAAU,EAAE,CAAC;AACtC,CAAC;AAED,0BAA0B;AAE1B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,yBAAyB,CACvC,QAA8C;IAE9C,OAAO,sBAAsB,CAAC,WAAW,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AAC1E,CAAC;AAED,kCAAkC;AAElC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,YAAY,GAAG,yBAAyB,CAAC,CAAC,KAAK,EAAE,EAAE;YACvD,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,yCAAyC;AACzC,0DAA0D;AAC1D,wCAAwC;AACxC,IAAI,KAAU,CAAC;AACf,IAAI,CAAC;IACH,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC;AAAC,MAAM,CAAC;IACP,uCAAuC;AACzC,CAAC;AAED,kBAAkB;AAElB,eAAe;IACb,YAAY;IACZ,OAAO;IACP,MAAM;IAEN,iBAAiB;IACjB,SAAS;IACT,mBAAmB;IACnB,gBAAgB;IAChB,SAAS;IACT,iBAAiB;IACjB,kBAAkB;IAClB,WAAW;IACX,WAAW;IAEX,2BAA2B;IAC3B,WAAW;IACX,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IAEZ,oBAAoB;IACpB,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,UAAU;IAEV,SAAS;IACT,yBAAyB;IAEzB,aAAa;IACb,iBAAiB;CAClB,CAAC;AAEF,gCAAgC;AAEhC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["/**\n * TwoStepVideo - Professional video editing for React Native\n * Built on native AVFoundation with Expo Modules\n */\n\nimport { type EventSubscription } from 'expo-modules-core';\nimport ExpoTwoStepVideoModule from './ExpoTwoStepVideoModule';\n\n// MARK: - Types\n\n/**\n * Quality presets for video export\n */\nexport type VideoQuality = 'low' | 'medium' | 'high' | 'highest';\n\n/**\n * Mirror axis options for video mirroring\n */\nexport type MirrorAxis = 'horizontal' | 'vertical' | 'both';\n\n/**\n * Video asset metadata returned after loading\n */\nexport interface VideoAsset {\n  /** Unique identifier for this asset */\n  id: string;\n  /** Duration in seconds */\n  duration: number;\n  /** Video width in pixels */\n  width: number;\n  /** Video height in pixels */\n  height: number;\n  /** Frame rate (fps) */\n  frameRate: number;\n  /** Whether the video has audio */\n  hasAudio: boolean;\n}\n\n/**\n * Video composition metadata\n */\nexport interface VideoComposition {\n  /** Unique identifier for this composition */\n  id: string;\n  /** Total duration in seconds */\n  duration: number;\n}\n\n/**\n * Time segment for multi-segment trimming\n */\nexport interface TimeSegment {\n  /** Start time in seconds */\n  start: number;\n  /** End time in seconds */\n  end: number;\n}\n\n/**\n * Export result containing output file information\n */\nexport interface ExportResult {\n  /** File URI (e.g., \"file:///path/to/video.mp4\") */\n  uri: string;\n  /** Absolute file path */\n  path: string;\n}\n\n/**\n * Export progress event\n */\nexport interface ExportProgressEvent {\n  /** Progress from 0.0 to 1.0 */\n  progress: number;\n  /** Asset ID if exporting asset directly */\n  assetId?: string;\n  /** Composition ID if exporting composition */\n  compositionId?: string;\n}\n\n/**\n * Options for loading a video asset\n */\nexport interface LoadAssetOptions {\n  /** File URI (e.g., \"file:///path/to/video.mp4\") */\n  uri: string;\n}\n\n/**\n * Options for trimming a video\n */\nexport interface TrimVideoOptions {\n  /** Asset ID to trim */\n  assetId: string;\n  /** Start time in seconds */\n  startTime: number;\n  /** End time in seconds */\n  endTime: number;\n}\n\n/**\n * Options for multi-segment trimming\n */\nexport interface TrimMultipleOptions {\n  /** Asset ID to trim */\n  assetId: string;\n  /** Array of time segments to extract and concatenate */\n  segments: TimeSegment[];\n}\n\n/**\n * Options for generating thumbnails\n */\nexport interface GenerateThumbnailsOptions {\n  /** Asset ID to generate thumbnails from */\n  assetId: string;\n  /** Array of times (in seconds) to extract thumbnails */\n  times: number[];\n  /** Optional size for thumbnails */\n  size?: {\n    width: number;\n    height: number;\n  };\n}\n\n/**\n * Options for exporting a composition\n */\nexport interface ExportCompositionOptions {\n  /** Composition ID to export */\n  compositionId: string;\n  /** Optional output URI (uses temp directory if not provided) */\n  outputUri?: string;\n  /** Quality preset (default: 'high') */\n  quality?: VideoQuality;\n}\n\n/**\n * Options for exporting an asset directly\n */\nexport interface ExportAssetOptions {\n  /** Asset ID to export */\n  assetId: string;\n  /** Optional output URI (uses temp directory if not provided) */\n  outputUri?: string;\n  /** Quality preset (default: 'high') */\n  quality?: VideoQuality;\n}\n\n/**\n * Options for mirroring a video\n */\nexport interface MirrorVideoOptions {\n  /** Asset ID to mirror */\n  assetId: string;\n  /** Axis to mirror on: 'horizontal', 'vertical', or 'both' */\n  axis: MirrorAxis;\n  /** Optional start time in seconds (for segment mirroring) */\n  startTime?: number;\n  /** Optional end time in seconds (for segment mirroring) */\n  endTime?: number;\n}\n\n/**\n * Options for adjusting video speed\n */\nexport interface AdjustSpeedOptions {\n  /** Asset ID to adjust */\n  assetId: string;\n  /** Speed multiplier (0.25 = 4x slower, 2.0 = 2x faster) */\n  speed: number;\n  /** Optional start time in seconds */\n  startTime?: number;\n  /** Optional end time in seconds */\n  endTime?: number;\n}\n\n/**\n * Options for combined video transformation\n */\nexport interface TransformVideoOptions {\n  /** Asset ID to transform */\n  assetId: string;\n  /** Speed multiplier (default: 1.0) */\n  speed?: number;\n  /** Optional mirror axis */\n  mirrorAxis?: MirrorAxis;\n  /** Optional start time in seconds (for trimming) */\n  startTime?: number;\n  /** Optional end time in seconds (for trimming) */\n  endTime?: number;\n}\n\n/**\n * Options for looping a video segment\n */\nexport interface LoopSegmentOptions {\n  /** Asset ID to loop */\n  assetId: string;\n  /** Start time of the segment to loop (in seconds) */\n  startTime: number;\n  /** End time of the segment to loop (in seconds) */\n  endTime: number;\n  /** Number of times to repeat (total plays = loopCount + 1) */\n  loopCount: number;\n}\n\n/**\n * Result from looping a video segment\n */\nexport interface LoopResult {\n  /** Unique identifier for this composition */\n  id: string;\n  /** Total duration in seconds */\n  duration: number;\n  /** Number of times the segment repeats */\n  loopCount: number;\n  /** Total number of times the segment plays */\n  totalPlays: number;\n}\n\n// MARK: - Constants\n\n/**\n * Quality constants\n */\nexport const Quality = {\n  LOW: ExpoTwoStepVideoModule.QUALITY_LOW,\n  MEDIUM: ExpoTwoStepVideoModule.QUALITY_MEDIUM,\n  HIGH: ExpoTwoStepVideoModule.QUALITY_HIGH,\n  HIGHEST: ExpoTwoStepVideoModule.QUALITY_HIGHEST,\n} as const;\n\n/**\n * Mirror axis constants\n */\nexport const Mirror = {\n  HORIZONTAL: ExpoTwoStepVideoModule.MIRROR_HORIZONTAL,\n  VERTICAL: ExpoTwoStepVideoModule.MIRROR_VERTICAL,\n  BOTH: ExpoTwoStepVideoModule.MIRROR_BOTH,\n} as const;\n\n// MARK: - API Functions\n\n/**\n * Load a video asset from a file URI\n *\n * @param options - Load options containing the file URI\n * @returns Promise resolving to video asset metadata\n *\n * @example\n * ```typescript\n * const asset = await TwoStepVideo.loadAsset({\n *   uri: 'file:///path/to/video.mp4'\n * });\n * console.log(`Duration: ${asset.duration}s, Size: ${asset.width}x${asset.height}`);\n * ```\n */\nexport async function loadAsset(options: LoadAssetOptions): Promise<VideoAsset> {\n  return await ExpoTwoStepVideoModule.loadAsset(options.uri);\n}\n\n/**\n * Load a video asset from the Photos library\n *\n * @param localIdentifier - PHAsset local identifier from the Photos library\n * @returns Promise resolving to video asset metadata\n *\n * @example\n * ```typescript\n * // After using expo-media-library to get a photo asset\n * const asset = await TwoStepVideo.loadAssetFromPhotos(photoAsset.id);\n * ```\n */\nexport async function loadAssetFromPhotos(localIdentifier: string): Promise<VideoAsset> {\n  return await ExpoTwoStepVideoModule.loadAssetFromPhotos(localIdentifier);\n}\n\n/**\n * Validate a video file URI without loading the full asset\n * Useful for quick validation before processing\n *\n * @param uri - File URI to validate\n * @returns Promise resolving to true if valid video file\n *\n * @example\n * ```typescript\n * const isValid = await TwoStepVideo.validateVideoUri('file:///path/to/video.mp4');\n * if (isValid) {\n *   const asset = await TwoStepVideo.loadAsset({ uri });\n * }\n * ```\n */\nexport async function validateVideoUri(uri: string): Promise<boolean> {\n  return await ExpoTwoStepVideoModule.validateVideoUri(uri);\n}\n\n/**\n * Trim a video to a single time range\n *\n * @param options - Trim options including asset ID and time range\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * const asset = await TwoStepVideo.loadAsset({ uri });\n * const composition = await TwoStepVideo.trimVideo({\n *   assetId: asset.id,\n *   startTime: 5.0,\n *   endTime: 15.0\n * });\n * console.log(`Trimmed to ${composition.duration}s`);\n * ```\n */\nexport async function trimVideo(options: TrimVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.trimVideo(\n    options.assetId,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Trim a video to multiple segments and concatenate them\n *\n * @param options - Trim options including asset ID and segments\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * const composition = await TwoStepVideo.trimVideoMultiple({\n *   assetId: asset.id,\n *   segments: [\n *     { start: 0, end: 3 },    // First 3 seconds\n *     { start: 10, end: 13 },  // 3 seconds from middle\n *     { start: 20, end: 23 }   // 3 seconds from end\n *   ]\n * });\n * ```\n */\nexport async function trimVideoMultiple(options: TrimMultipleOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.trimVideoMultiple(options.assetId, options.segments);\n}\n\n/**\n * Mirror a video horizontally, vertically, or both\n *\n * @param options - Mirror options including asset ID and axis\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Mirror horizontally (flip left-right, common for selfie videos)\n * const composition = await TwoStepVideo.mirrorVideo({\n *   assetId: asset.id,\n *   axis: 'horizontal'\n * });\n *\n * // Mirror a specific segment\n * const composition = await TwoStepVideo.mirrorVideo({\n *   assetId: asset.id,\n *   axis: 'vertical',\n *   startTime: 5,\n *   endTime: 10\n * });\n * ```\n */\nexport async function mirrorVideo(options: MirrorVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.mirrorVideo(\n    options.assetId,\n    options.axis,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Adjust the playback speed of a video\n *\n * @param options - Speed options including asset ID and speed multiplier\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Slow motion (0.5x speed = 2x slower)\n * const slowMo = await TwoStepVideo.adjustSpeed({\n *   assetId: asset.id,\n *   speed: 0.5\n * });\n *\n * // Fast forward (2x speed)\n * const fastForward = await TwoStepVideo.adjustSpeed({\n *   assetId: asset.id,\n *   speed: 2.0\n * });\n *\n * // Speed up a specific segment\n * const timelapse = await TwoStepVideo.adjustSpeed({\n *   assetId: asset.id,\n *   speed: 4.0,\n *   startTime: 10,\n *   endTime: 30\n * });\n * ```\n */\nexport async function adjustSpeed(options: AdjustSpeedOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.adjustSpeed(\n    options.assetId,\n    options.speed,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Transform a video with combined trimming, mirroring, and speed adjustment\n * Use the player's `loop` prop for continuous playback looping\n *\n * @param options - Transform options including asset ID, speed, and mirror axis\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Mirror and slow down\n * const transformed = await TwoStepVideo.transformVideo({\n *   assetId: asset.id,\n *   speed: 0.5,\n *   mirrorAxis: 'horizontal'\n * });\n *\n * // Just mirror (speed defaults to 1.0)\n * const mirrored = await TwoStepVideo.transformVideo({\n *   assetId: asset.id,\n *   mirrorAxis: 'both'\n * });\n *\n * // Transform a specific segment (trim + mirror + speed)\n * const segment = await TwoStepVideo.transformVideo({\n *   assetId: asset.id,\n *   speed: 2.0,\n *   mirrorAxis: 'horizontal',\n *   startTime: 0,\n *   endTime: 5\n * });\n *\n * // Play in loop mode\n * <TwoStepVideoView compositionId={segment.id} loop />\n * ```\n */\nexport async function transformVideo(options: TransformVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.transformVideo(\n    options.assetId,\n    options.speed,\n    options.mirrorAxis,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Loop a segment of a video multiple times\n *\n * @param options - Loop options including segment time range and repeat count\n * @returns Promise resolving to loop result with duration info\n *\n * @example\n * ```typescript\n * // Loop a 2-second segment 3 times (plays 4 times total)\n * const looped = await TwoStepVideo.loopSegment({\n *   assetId: asset.id,\n *   startTime: 5,\n *   endTime: 7,\n *   loopCount: 3\n * });\n * console.log(`Duration: ${looped.duration}s (plays ${looped.totalPlays} times)`);\n *\n * // Create a perfect loop for social media\n * const perfectLoop = await TwoStepVideo.loopSegment({\n *   assetId: asset.id,\n *   startTime: 0,\n *   endTime: 3,\n *   loopCount: 4  // 15 seconds total (3s * 5 plays)\n * });\n * ```\n */\nexport async function loopSegment(options: LoopSegmentOptions): Promise<LoopResult> {\n  return await ExpoTwoStepVideoModule.loopSegment(\n    options.assetId,\n    options.startTime,\n    options.endTime,\n    options.loopCount\n  );\n}\n\n/**\n * Options for pan and zoom transformation\n */\nexport interface PanZoomVideoOptions {\n  /** Asset ID to transform */\n  assetId: string;\n  /** Horizontal pan position (-1.0 to 1.0, 0 = center) */\n  panX?: number;\n  /** Vertical pan position (-1.0 to 1.0, 0 = center) */\n  panY?: number;\n  /** Zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.) */\n  zoomLevel?: number;\n  /** Optional start time in seconds (for trimming) */\n  startTime?: number;\n  /** Optional end time in seconds (for trimming) */\n  endTime?: number;\n}\n\n/**\n * Apply pan and zoom transformation to a video\n *\n * This creates a composition with the pan/zoom baked in for export.\n * For real-time preview, use the gesture controls on TwoStepVideoView.\n *\n * @param options - Pan/zoom options including asset ID and transform values\n * @returns Promise resolving to composition metadata\n *\n * @example\n * ```typescript\n * // Get current pan/zoom from player and apply to export\n * const panZoomState = await playerRef.current.getPanZoomState();\n * const composition = await TwoStepVideo.panZoomVideo({\n *   assetId: asset.id,\n *   panX: panZoomState.panX,\n *   panY: panZoomState.panY,\n *   zoomLevel: panZoomState.zoomLevel\n * });\n *\n * // Export the pan/zoomed video\n * const result = await TwoStepVideo.exportVideo({\n *   compositionId: composition.id,\n *   quality: 'high'\n * });\n *\n * // Apply zoom only (no pan, centered)\n * const zoomed = await TwoStepVideo.panZoomVideo({\n *   assetId: asset.id,\n *   zoomLevel: 2.0  // 2x zoom, centered\n * });\n * ```\n */\nexport async function panZoomVideo(options: PanZoomVideoOptions): Promise<VideoComposition> {\n  return await ExpoTwoStepVideoModule.panZoomVideo(\n    options.assetId,\n    options.panX ?? 0,\n    options.panY ?? 0,\n    options.zoomLevel ?? 1.0,\n    options.startTime,\n    options.endTime\n  );\n}\n\n/**\n * Generate thumbnail images from a video at specific times\n *\n * @param options - Thumbnail generation options\n * @returns Promise resolving to array of base64 encoded PNG images\n *\n * @example\n * ```typescript\n * const thumbnails = await TwoStepVideo.generateThumbnails({\n *   assetId: asset.id,\n *   times: [1, 5, 10, 15],\n *   size: { width: 300, height: 300 }\n * });\n *\n * // Use in Image component\n * <Image source={{ uri: `data:image/png;base64,${thumbnails[0]}` }} />\n * ```\n */\nexport async function generateThumbnails(\n  options: GenerateThumbnailsOptions\n): Promise<string[]> {\n  return await ExpoTwoStepVideoModule.generateThumbnails(\n    options.assetId,\n    options.times,\n    options.size\n  );\n}\n\n/**\n * Export a composition to a video file\n *\n * @param options - Export options including composition ID and quality\n * @returns Promise resolving to export result with file URI\n *\n * @example\n * ```typescript\n * const result = await TwoStepVideo.exportVideo({\n *   compositionId: composition.id,\n *   quality: 'high'\n * });\n * console.log(`Exported to: ${result.uri}`);\n * ```\n */\nexport async function exportVideo(options: ExportCompositionOptions): Promise<ExportResult> {\n  return await ExpoTwoStepVideoModule.exportVideo(\n    options.compositionId,\n    options.outputUri,\n    options.quality\n  );\n}\n\n/**\n * Export an asset directly without creating a composition\n * Useful for re-encoding or changing quality without trimming\n *\n * @param options - Export options including asset ID and quality\n * @returns Promise resolving to export result with file URI\n *\n * @example\n * ```typescript\n * const result = await TwoStepVideo.exportAsset({\n *   assetId: asset.id,\n *   quality: 'medium'\n * });\n * ```\n */\nexport async function exportAsset(options: ExportAssetOptions): Promise<ExportResult> {\n  return await ExpoTwoStepVideoModule.exportAsset(\n    options.assetId,\n    options.outputUri,\n    options.quality\n  );\n}\n\n/**\n * Clean up a temporary file\n * Call this after you're done with exported files in the temp directory\n *\n * @param uri - File URI to clean up\n *\n * @example\n * ```typescript\n * const result = await TwoStepVideo.exportVideo({ ... });\n * // ... do something with result.uri\n * TwoStepVideo.cleanupFile(result.uri);\n * ```\n */\nexport function cleanupFile(uri: string): void {\n  ExpoTwoStepVideoModule.cleanupFile(uri);\n}\n\n/**\n * Release an asset from memory\n * Call this when you're done with an asset to free up memory\n *\n * @param assetId - ID of the asset to release\n */\nexport function releaseAsset(assetId: string): void {\n  ExpoTwoStepVideoModule.releaseAsset(assetId);\n}\n\n/**\n * Release a composition from memory\n *\n * @param compositionId - ID of the composition to release\n */\nexport function releaseComposition(compositionId: string): void {\n  ExpoTwoStepVideoModule.releaseComposition(compositionId);\n}\n\n/**\n * Release all cached assets and compositions\n * Useful for cleanup when unmounting screens\n */\nexport function releaseAll(): void {\n  ExpoTwoStepVideoModule.releaseAll();\n}\n\n// MARK: - Event Listeners\n\n/**\n * Add a listener for export progress events\n *\n * @param listener - Callback function receiving progress events\n * @returns Subscription object with remove() method\n *\n * @example\n * ```typescript\n * const subscription = TwoStepVideo.addExportProgressListener((event) => {\n *   console.log(`Export progress: ${Math.round(event.progress * 100)}%`);\n *   setProgress(event.progress);\n * });\n *\n * // Later, remove the listener\n * subscription.remove();\n * ```\n */\nexport function addExportProgressListener(\n  listener: (event: ExportProgressEvent) => void\n): EventSubscription {\n  return ExpoTwoStepVideoModule.addListener('onExportProgress', listener);\n}\n\n// MARK: - Helper Hook (for React)\n\n/**\n * React hook for managing export progress\n * Only works in React components\n *\n * @returns Current export progress (0.0 to 1.0)\n *\n * @example\n * ```typescript\n * function VideoEditor() {\n *   const progress = useExportProgress();\n *\n *   return (\n *     <View>\n *       <Text>Export Progress: {Math.round(progress * 100)}%</Text>\n *     </View>\n *   );\n * }\n * ```\n */\nexport function useExportProgress(): number {\n  const [progress, setProgress] = React.useState(0);\n\n  React.useEffect(() => {\n    const subscription = addExportProgressListener((event) => {\n      setProgress(event.progress);\n    });\n\n    return () => subscription.remove();\n  }, []);\n\n  return progress;\n}\n\n// Note: React import needed for the hook\n// If React is not available, the hook won't be usable but\n// the rest of the module will work fine\nlet React: any;\ntry {\n  React = require('react');\n} catch {\n  // React not available, hook won't work\n}\n\n// MARK: - Exports\n\nexport default {\n  // Constants\n  Quality,\n  Mirror,\n\n  // Core functions\n  loadAsset,\n  loadAssetFromPhotos,\n  validateVideoUri,\n  trimVideo,\n  trimVideoMultiple,\n  generateThumbnails,\n  exportVideo,\n  exportAsset,\n\n  // Transformation functions\n  mirrorVideo,\n  adjustSpeed,\n  transformVideo,\n  loopSegment,\n  panZoomVideo,\n\n  // Memory management\n  cleanupFile,\n  releaseAsset,\n  releaseComposition,\n  releaseAll,\n\n  // Events\n  addExportProgressListener,\n\n  // React hook\n  useExportProgress,\n};\n\n// MARK: - View Component Export\n\nexport { default as TwoStepVideoView } from './ExpoTwoStepVideoView';\nexport { default as TwoStepPlayerControllerView } from './TwoStepPlayerControllerView';\nexport { default as VideoScrubber } from './VideoScrubber';\nexport { useVideoScrubber } from './hooks/useVideoScrubber';\nexport type {\n  TwoStepVideoViewProps,\n  TwoStepVideoViewRef,\n  TwoStepPlayerControllerViewProps,\n  TwoStepPlayerControllerViewRef,\n  PlaybackStatusEvent,\n  ProgressEvent,\n  ErrorEvent,\n  PanZoomState,\n  PanZoomChangeEvent,\n} from './ExpoTwoStepVideo.types';\nexport type {\n  VideoScrubberProps,\n  VideoScrubberRef,\n  VideoScrubberTheme,\n} from './VideoScrubber.types';\n"]}

package/ios/ExpoTwoStepVideoModule.swift

@@ -404,6 +404,53 @@ public class ExpoTwoStepVideoModule: Module {
             }
         }
 
+        /// Apply pan and zoom to a video
+        /// - Parameters:
+        ///   - assetId: ID of the loaded asset
+        ///   - panX: Horizontal pan (-1.0 to 1.0, 0 = center)
+        ///   - panY: Vertical pan (-1.0 to 1.0, 0 = center)
+        ///   - zoomLevel: Zoom level (1.0 = 100%, 2.0 = 200%, etc.)
+        ///   - startTime: Optional start time in seconds
+        ///   - endTime: Optional end time in seconds
+        /// - Returns: Composition ID
+        AsyncFunction("panZoomVideo") { (assetId: String, panX: Double, panY: Double, zoomLevel: Double, startTime: Double?, endTime: Double?, promise: Promise) in
+            Task {
+                do {
+                    guard let asset = self.activeAssets[assetId] else {
+                        promise.reject("ASSET_NOT_FOUND", "Asset not found: \(assetId)")
+                        return
+                    }
+
+                    // Parse optional time range
+                    var timeRange: TimeRange? = nil
+                    if let start = startTime, let end = endTime {
+                        timeRange = try TimeRange.fromSeconds(start: start, end: end)
+                    }
+
+                    let (composition, videoComposition) = try await self.twoStep.videoTransformer.panZoom(
+                        asset: asset,
+                        panX: CGFloat(panX),
+                        panY: CGFloat(panY),
+                        zoomLevel: CGFloat(zoomLevel),
+                        timeRange: timeRange
+                    )
+
+                    let compositionId = UUID().uuidString
+                    self.activeCompositions[compositionId] = composition
+                    self.activeVideoCompositions[compositionId] = videoComposition
+
+                    promise.resolve([
+                        "id": compositionId,
+                        "duration": CMTimeGetSeconds(composition.duration)
+                    ])
+                } catch let error as VideoEditingError {
+                    promise.reject("PAN_ZOOM_FAILED", error.localizedDescription)
+                } catch {
+                    promise.reject("UNKNOWN_ERROR", error.localizedDescription)
+                }
+            }
+        }
+
         /// Generate thumbnails from a video at specific times
         /// - Parameters:
         ///   - assetId: ID of the loaded asset
@@ -624,7 +671,7 @@ public class ExpoTwoStepVideoModule: Module {
 
         View(ExpoTwoStepVideoView.self) {
             // Events emitted by the view
-            Events("onPlaybackStatusChange", "onProgress", "onEnd", "onError")
+            Events("onPlaybackStatusChange", "onProgress", "onEnd", "onError", "onPanZoomChange")
 
             // Prop to set composition ID - view will load it
             Prop("compositionId") { (view: ExpoTwoStepVideoView, compositionId: String?) in
@@ -652,6 +699,16 @@ public class ExpoTwoStepVideoModule: Module {
                 view.shouldLoop = loop ?? false
             }
 
+            // Prop to set minimum zoom level
+            Prop("minZoom") { (view: ExpoTwoStepVideoView, minZoom: Double?) in
+                view.minZoom = CGFloat(minZoom ?? 1.0)
+            }
+
+            // Prop to set maximum zoom level
+            Prop("maxZoom") { (view: ExpoTwoStepVideoView, maxZoom: Double?) in
+                view.maxZoom = CGFloat(maxZoom ?? 5.0)
+            }
+
             // Playback control functions
             AsyncFunction("play") { (view: ExpoTwoStepVideoView) in
                 view.play()
@@ -668,6 +725,23 @@ public class ExpoTwoStepVideoModule: Module {
             AsyncFunction("replay") { (view: ExpoTwoStepVideoView) in
                 view.replay()
             }
+
+            // Pan/Zoom control functions
+            AsyncFunction("getPanZoomState") { (view: ExpoTwoStepVideoView) -> [String: CGFloat] in
+                return view.getPanZoomState()
+            }
+
+            AsyncFunction("setPanZoomState") { (view: ExpoTwoStepVideoView, panX: Double?, panY: Double?, zoomLevel: Double?) in
+                view.setPanZoomState(
+                    panX: panX.map { CGFloat($0) },
+                    panY: panY.map { CGFloat($0) },
+                    zoomLevel: zoomLevel.map { CGFloat($0) }
+                )
+            }
+
+            AsyncFunction("resetPanZoom") { (view: ExpoTwoStepVideoView) in
+                view.resetPanZoom()
+            }
         }
 
         // MARK: - Video Player Controller View (with native controls)

package/ios/ExpoTwoStepVideoView.swift

@@ -18,6 +18,7 @@ class ExpoTwoStepVideoView: ExpoView {
     let onProgress = EventDispatcher()
     let onEnd = EventDispatcher()
     let onError = EventDispatcher()
+    let onPanZoomChange = EventDispatcher()
 
     /// Current composition ID being played
     private var currentCompositionId: String?
@@ -26,6 +27,52 @@ class ExpoTwoStepVideoView: ExpoView {
     /// Whether to loop playback continuously
     var shouldLoop: Bool = false
 
+    // MARK: - Pan/Zoom Properties
+
+    /// Current zoom level (1.0 = no zoom, 2.0 = 2x zoom, etc.)
+    private var currentZoom: CGFloat = 1.0
+
+    /// Current horizontal pan (-1.0 to 1.0, 0 = center)
+    private var currentPanX: CGFloat = 0.0
+
+    /// Current vertical pan (-1.0 to 1.0, 0 = center)
+    private var currentPanY: CGFloat = 0.0
+
+    /// Last pinch scale for incremental zoom calculation
+    private var lastPinchScale: CGFloat = 1.0
+
+    /// Starting pan position when gesture begins
+    private var panStartPosition: CGPoint = .zero
+
+    /// Minimum zoom level (configurable)
+    var minZoom: CGFloat = 1.0
+
+    /// Maximum zoom level (configurable)
+    var maxZoom: CGFloat = 5.0
+
+    /// Gesture recognizers
+    private var pinchGesture: UIPinchGestureRecognizer?
+    private var panGesture: UIPanGestureRecognizer?
+
+    // MARK: - Pan/Zoom Helpers
+
+    /// Maximum pan amount allowed at current zoom level
+    /// At zoom 2x, this is 0.5 (can pan halfway). At zoom 1x, this is 0.
+    private var maxPanAmount: CGFloat {
+        guard currentZoom > 1.0 else { return 0 }
+        return (currentZoom - 1.0) / currentZoom
+    }
+
+    /// Clamp a value between min and max bounds
+    private func clamp(_ value: CGFloat, min minValue: CGFloat, max maxValue: CGFloat) -> CGFloat {
+        return Swift.min(Swift.max(value, minValue), maxValue)
+    }
+
+    /// Whether pan/zoom is at the default (untransformed) state
+    private var isAtDefaultTransform: Bool {
+        return currentZoom == 1.0 && currentPanX == 0 && currentPanY == 0
+    }
+
     // MARK: - Initialization
 
     required init(appContext: AppContext? = nil) {
@@ -35,6 +82,7 @@ class ExpoTwoStepVideoView: ExpoView {
         setupPlayerLayer()
         setupAudioSession()
         setupAudioSessionObservers()
+        setupGestureRecognizers()
     }
 
     private func setupPlayerLayer() {
@@ -127,9 +175,163 @@ class ExpoTwoStepVideoView: ExpoView {
         }
     }
 
+    // MARK: - Gesture Setup
+
+    private func setupGestureRecognizers() {
+        // Pinch to zoom
+        let pinch = UIPinchGestureRecognizer(target: self, action: #selector(handlePinchGesture(_:)))
+        pinch.delegate = self
+        addGestureRecognizer(pinch)
+        pinchGesture = pinch
+
+        // Pan with 2 fingers (to avoid conflict with single-finger scrubbing)
+        let pan = UIPanGestureRecognizer(target: self, action: #selector(handlePanGesture(_:)))
+        pan.minimumNumberOfTouches = 2
+        pan.maximumNumberOfTouches = 2
+        pan.delegate = self
+        addGestureRecognizer(pan)
+        panGesture = pan
+
+        // Enable user interaction
+        isUserInteractionEnabled = true
+    }
+
+    @objc private func handlePinchGesture(_ gesture: UIPinchGestureRecognizer) {
+        switch gesture.state {
+        case .began:
+            lastPinchScale = 1.0
+        case .changed:
+            // Calculate incremental scale change from last gesture update
+            let scaleChange = gesture.scale / lastPinchScale
+            lastPinchScale = gesture.scale
+
+            // Apply zoom with clamping to valid range
+            currentZoom = clamp(currentZoom * scaleChange, min: minZoom, max: maxZoom)
+
+            // Constrain pan (may need adjustment when zoom decreases)
+            constrainPan()
+            applyTransformAndNotify()
+        case .ended, .cancelled:
+            lastPinchScale = 1.0
+        default:
+            break
+        }
+    }
+
+    @objc private func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
+        // Only allow panning when zoomed in
+        guard currentZoom > 1.0 else { return }
+
+        switch gesture.state {
+        case .began:
+            panStartPosition = CGPoint(x: currentPanX, y: currentPanY)
+        case .changed:
+            let translation = gesture.translation(in: self)
+
+            // Convert screen translation to normalized pan delta
+            // Dragging full width changes pan by 2x the available pan range
+            let panDelta = CGPoint(
+                x: (translation.x / bounds.width) * 2 * maxPanAmount,
+                y: (translation.y / bounds.height) * 2 * maxPanAmount
+            )
+
+            // Apply delta from start position (negative because dragging right shows left content)
+            currentPanX = panStartPosition.x - panDelta.x
+            currentPanY = panStartPosition.y - panDelta.y
+
+            constrainPan()
+            applyTransformAndNotify()
+        case .ended, .cancelled:
+            break
+        default:
+            break
+        }
+    }
+
+    /// Constrain pan values to keep content visible at current zoom level
+    private func constrainPan() {
+        let limit = maxPanAmount
+        currentPanX = clamp(currentPanX, min: -limit, max: limit)
+        currentPanY = clamp(currentPanY, min: -limit, max: limit)
+    }
+
+    /// Apply transform to layer and notify JS of the change
+    private func applyTransformAndNotify() {
+        updateLayerTransform()
+        emitPanZoomChange()
+    }
+
+    /// Apply the current pan/zoom transform to the player layer
+    private func updateLayerTransform() {
+        guard let layer = playerLayer else { return }
+
+        // Start with identity and apply zoom
+        var transform = CATransform3DScale(CATransform3DIdentity, currentZoom, currentZoom, 1.0)
+
+        // Apply pan translation (scaled for zoomed coordinate space)
+        // Formula: translate by half the extra visible area in the zoom direction
+        let translateX = -currentPanX * bounds.width * maxPanAmount / 2.0
+        let translateY = -currentPanY * bounds.height * maxPanAmount / 2.0
+        transform = CATransform3DTranslate(transform, translateX, translateY, 0)
+
+        // Apply without implicit animations for responsive feel
+        CATransaction.begin()
+        CATransaction.setDisableActions(true)
+        layer.transform = transform
+        CATransaction.commit()
+    }
+
+    /// Emit the current pan/zoom state to JavaScript
+    private func emitPanZoomChange() {
+        onPanZoomChange([
+            "panX": currentPanX,
+            "panY": currentPanY,
+            "zoomLevel": currentZoom
+        ])
+    }
+
+    // MARK: - Public Pan/Zoom Methods
+
+    /// Get the current pan/zoom state
+    func getPanZoomState() -> [String: CGFloat] {
+        return [
+            "panX": currentPanX,
+            "panY": currentPanY,
+            "zoomLevel": currentZoom
+        ]
+    }
+
+    /// Set the pan/zoom state programmatically
+    func setPanZoomState(panX: CGFloat?, panY: CGFloat?, zoomLevel: CGFloat?) {
+        if let zoom = zoomLevel {
+            currentZoom = clamp(zoom, min: minZoom, max: maxZoom)
+        }
+        if let x = panX {
+            currentPanX = x
+        }
+        if let y = panY {
+            currentPanY = y
+        }
+
+        constrainPan()
+        applyTransformAndNotify()
+    }
+
+    /// Reset pan/zoom to default state
+    func resetPanZoom() {
+        currentZoom = 1.0
+        currentPanX = 0.0
+        currentPanY = 0.0
+        applyTransformAndNotify()
+    }
+
     override func layoutSubviews() {
         super.layoutSubviews()
         playerLayer?.frame = bounds
+        // Reapply transform after frame changes (only if not at default)
+        if !isAtDefaultTransform {
+            updateLayerTransform()
+        }
     }
 
     // MARK: - Public Methods (called from module)
@@ -323,3 +525,17 @@ class ExpoTwoStepVideoView: ExpoView {
         playerLayer = nil
     }
 }
+
+// MARK: - UIGestureRecognizerDelegate
+
+extension ExpoTwoStepVideoView: UIGestureRecognizerDelegate {
+    /// Allow pinch and pan gestures to work simultaneously
+    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
+        // Allow pinch and pan to work together
+        if (gestureRecognizer == pinchGesture && otherGestureRecognizer == panGesture) ||
+           (gestureRecognizer == panGesture && otherGestureRecognizer == pinchGesture) {
+            return true
+        }
+        return false
+    }
+}

package/ios/TwoStepVideo/Core/VideoTransformer.swift

@@ -333,8 +333,175 @@ public class VideoTransformer {
         }
     }
 
+    // MARK: - Pan and Zoom
+
+    /// Create a composition with pan and zoom applied
+    /// - Parameters:
+    ///   - asset: The video asset to transform
+    ///   - panX: Horizontal pan (-1.0 to 1.0, 0 = center)
+    ///   - panY: Vertical pan (-1.0 to 1.0, 0 = center)
+    ///   - zoomLevel: Zoom level (1.0 = 100%, 2.0 = 200%, etc.)
+    ///   - timeRange: Optional time range to apply (nil = full video)
+    /// - Returns: A tuple of (composition, videoComposition) for export
+    /// - Throws: VideoEditingError if pan/zoom fails
+    public func panZoom(
+        asset: VideoAsset,
+        panX: CGFloat,
+        panY: CGFloat,
+        zoomLevel: CGFloat,
+        timeRange: TimeRange? = nil
+    ) async throws -> (AVMutableComposition, AVMutableVideoComposition) {
+        // Validate zoom level
+        guard zoomLevel >= 1.0 && zoomLevel <= 5.0 else {
+            throw VideoEditingError.invalidConfiguration(
+                reason: "Zoom level must be between 1.0 and 5.0"
+            )
+        }
+
+        // Validate pan values
+        guard panX >= -1.0 && panX <= 1.0 && panY >= -1.0 && panY <= 1.0 else {
+            throw VideoEditingError.invalidConfiguration(
+                reason: "Pan values must be between -1.0 and 1.0"
+            )
+        }
+
+        let videoTracks = try await asset.avAsset.loadTracks(withMediaType: .video)
+        guard let sourceVideoTrack = videoTracks.first else {
+            throw VideoEditingError.noVideoTrack
+        }
+
+        let composition = AVMutableComposition()
+
+        // Determine time range
+        let effectiveRange: CMTimeRange
+        if let timeRange = timeRange {
+            try timeRange.validate(against: asset)
+            effectiveRange = timeRange.cmTimeRange
+        } else {
+            effectiveRange = CMTimeRange(start: .zero, duration: asset.duration)
+        }
+
+        // Add video track
+        guard let compositionVideoTrack = composition.addMutableTrack(
+            withMediaType: .video,
+            preferredTrackID: kCMPersistentTrackID_Invalid
+        ) else {
+            throw VideoEditingError.compositionFailed(
+                reason: "Failed to add video track to composition"
+            )
+        }
+
+        do {
+            try compositionVideoTrack.insertTimeRange(
+                effectiveRange,
+                of: sourceVideoTrack,
+                at: .zero
+            )
+        } catch {
+            throw VideoEditingError.compositionFailed(
+                reason: "Failed to insert video track: \(error.localizedDescription)"
+            )
+        }
+
+        // Add audio track if present
+        let audioTracks = try? await asset.avAsset.loadTracks(withMediaType: .audio)
+        if let sourceAudioTrack = audioTracks?.first {
+            if let compositionAudioTrack = composition.addMutableTrack(
+                withMediaType: .audio,
+                preferredTrackID: kCMPersistentTrackID_Invalid
+            ) {
+                try? compositionAudioTrack.insertTimeRange(
+                    effectiveRange,
+                    of: sourceAudioTrack,
+                    at: .zero
+                )
+            }
+        }
+
+        // Get video properties
+        let preferredTransform = try await sourceVideoTrack.load(.preferredTransform)
+        let naturalSize = try await sourceVideoTrack.load(.naturalSize)
+
+        // Calculate the actual render size accounting for the transform
+        let transformedSize = naturalSize.applying(preferredTransform)
+        let renderSize = CGSize(
+            width: abs(transformedSize.width),
+            height: abs(transformedSize.height)
+        )
+
+        // Create video composition for pan/zoom
+        let videoComposition = AVMutableVideoComposition()
+        videoComposition.renderSize = renderSize
+
+        // Get frame rate
+        let frameRate = try await sourceVideoTrack.load(.nominalFrameRate)
+        videoComposition.frameDuration = CMTime(value: 1, timescale: CMTimeScale(frameRate > 0 ? frameRate : 30))
+
+        // Create instruction
+        let instruction = AVMutableVideoCompositionInstruction()
+        instruction.timeRange = CMTimeRange(start: .zero, duration: composition.duration)
+
+        // Create layer instruction with pan/zoom transform
+        let layerInstruction = AVMutableVideoCompositionLayerInstruction(assetTrack: compositionVideoTrack)
+
+        let panZoomTransform = createPanZoomTransform(
+            panX: panX,
+            panY: panY,
+            zoomLevel: zoomLevel,
+            size: renderSize,
+            originalTransform: preferredTransform
+        )
+
+        layerInstruction.setTransform(panZoomTransform, at: .zero)
+
+        instruction.layerInstructions = [layerInstruction]
+        videoComposition.instructions = [instruction]
+
+        return (composition, videoComposition)
+    }
+
     // MARK: - Private Helpers
 
+    /// Create the transform matrix for pan and zoom
+    /// Scales around the center and then applies pan translation
+    private func createPanZoomTransform(
+        panX: CGFloat,
+        panY: CGFloat,
+        zoomLevel: CGFloat,
+        size: CGSize,
+        originalTransform: CGAffineTransform
+    ) -> CGAffineTransform {
+        // Start with the original transform (handles rotation/orientation)
+        var transform = originalTransform
+
+        // Calculate the center of the video
+        let centerX = size.width / 2
+        let centerY = size.height / 2
+
+        // Step 1: Translate so the center is at the origin
+        transform = transform.concatenating(CGAffineTransform(translationX: -centerX, y: -centerY))
+
+        // Step 2: Apply zoom (scale)
+        transform = transform.concatenating(CGAffineTransform(scaleX: zoomLevel, y: zoomLevel))
+
+        // Step 3: Translate back to original position
+        transform = transform.concatenating(CGAffineTransform(translationX: centerX, y: centerY))
+
+        // Step 4: Apply pan translation
+        // Pan range is normalized to how much we can pan while keeping content visible
+        // When zoomed in 2x, we can pan up to half the width/height in each direction
+        let maxPanX = (size.width * zoomLevel - size.width) / 2
+        let maxPanY = (size.height * zoomLevel - size.height) / 2
+
+        // Negative because moving the content right means translating left
+        let translateX = -panX * maxPanX
+        let translateY = -panY * maxPanY
+
+        transform = transform.concatenating(CGAffineTransform(translationX: translateX, y: translateY))
+
+        return transform
+    }
+
     /// Create the transform matrix for mirroring
     private func createMirrorTransform(
         axis: MirrorAxis,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movementinfra/expo-twostep-video",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Minimal video editing for React Native using AVFoundation",
   "main": "build/index.js",
   "types": "build/index.d.ts",