@movementinfra/expo-twostep-video 0.1.14 → 0.1.16

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 { useState, useEffect } from 'react';\nimport ExpoTwoStepVideoModule from './ExpoTwoStepVideoModule';\nimport type { PanZoomVideoOptions } from './ExpoTwoStepVideo.types';\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// Re-export PanZoomVideoOptions from types\nexport type { PanZoomVideoOptions } from './ExpoTwoStepVideo.types';\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] = useState(0);\n\n  useEffect(() => {\n    const subscription = addExportProgressListener((event) => {\n      setProgress(event.progress);\n    });\n\n    return () => subscription.remove();\n  }, []);\n\n  return progress;\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  BaseVideoViewRef,\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"]}
+{"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 { useState, useEffect } from 'react';\nimport ExpoTwoStepVideoModule from './ExpoTwoStepVideoModule';\nimport type { PanZoomVideoOptions, PickVideoOptions, PickedVideo } from './ExpoTwoStepVideo.types';\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// Re-export types from types file\nexport type { PanZoomVideoOptions, PickVideoOptions, PickedVideo, DoubleTapSkipEvent } from './ExpoTwoStepVideo.types';\n\n// MARK: - Media Picker Functions\n\n/**\n * Pick video(s) from the photo library using native PHPickerViewController\n *\n * This provides a native photo library picker that:\n * - Supports albums and favorites\n * - Handles iCloud video downloading automatically (with native progress UI)\n * - Returns comprehensive metadata including creation date\n * - No editing UI - just clean selection\n *\n * @param options - Picker options (optional)\n * @returns Promise resolving to array of picked videos (empty if cancelled)\n *\n * @example\n * ```typescript\n * // Pick a single video\n * const videos = await TwoStepVideo.pickVideo();\n * if (videos.length > 0) {\n *   const video = videos[0];\n *   console.log(`Selected: ${video.fileName}`);\n *   console.log(`Duration: ${video.duration}s`);\n *   console.log(`Size: ${video.width}x${video.height}`);\n *   console.log(`File size: ${video.fileSize} bytes`);\n *   console.log(`Created: ${video.creationDate}`);\n *\n *   // Load the video for editing\n *   const asset = await TwoStepVideo.loadAsset({ uri: video.uri });\n *\n *   // Clean up the temp file when done\n *   TwoStepVideo.cleanupPickedVideo(video.path);\n * }\n *\n * // Pick multiple videos\n * const videos = await TwoStepVideo.pickVideo({ selectionLimit: 5 });\n * ```\n */\nexport async function pickVideo(options?: PickVideoOptions): Promise<PickedVideo[]> {\n  return await ExpoTwoStepVideoModule.pickVideo(options?.selectionLimit);\n}\n\n/**\n * Clean up a specific picked video file from temp storage\n * Call this when you're done with a video that was picked from the library\n *\n * @param path - File path to clean up (use the `path` property from PickedVideo)\n *\n * @example\n * ```typescript\n * const videos = await TwoStepVideo.pickVideo();\n * const video = videos[0];\n *\n * // ... use the video ...\n *\n * // Clean up when done\n * TwoStepVideo.cleanupPickedVideo(video.path);\n * ```\n */\nexport function cleanupPickedVideo(path: string): void {\n  ExpoTwoStepVideoModule.cleanupPickedVideo(path);\n}\n\n/**\n * Clean up all picked video files from temp storage\n * Useful for cleanup when unmounting screens or releasing all resources\n *\n * @example\n * ```typescript\n * // In a cleanup effect\n * useEffect(() => {\n *   return () => {\n *     TwoStepVideo.cleanupAllPickedVideos();\n *     TwoStepVideo.releaseAll();\n *   };\n * }, []);\n * ```\n */\nexport function cleanupAllPickedVideos(): void {\n  ExpoTwoStepVideoModule.cleanupAllPickedVideos();\n}\n\n/**\n * Get list of currently tracked picked video paths\n * Useful for debugging or manual cleanup\n *\n * @returns Array of file paths for picked videos in temp storage\n */\nexport function getPickedVideoPaths(): string[] {\n  return ExpoTwoStepVideoModule.getPickedVideoPaths();\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] = useState(0);\n\n  useEffect(() => {\n    const subscription = addExportProgressListener((event) => {\n      setProgress(event.progress);\n    });\n\n    return () => subscription.remove();\n  }, []);\n\n  return progress;\n}\n\n// MARK: - Exports\n\nexport default {\n  // Constants\n  Quality,\n  Mirror,\n\n  // Media picker\n  pickVideo,\n  cleanupPickedVideo,\n  cleanupAllPickedVideos,\n  getPickedVideoPaths,\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  BaseVideoViewRef,\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

@@ -667,11 +667,77 @@ public class ExpoTwoStepVideoModule: Module {
             self.activeVideoCompositions.removeAll()
         }
 
+        // MARK: - Media Picker Functions
+
+        /// Pick video(s) from the photo library using native PHPickerViewController
+        /// - Parameter selectionLimit: Maximum number of videos to select (default 1)
+        /// - Returns: Array of picked video metadata (or empty array if cancelled)
+        AsyncFunction("pickVideo") { (selectionLimit: Int?, promise: Promise) in
+            let options = PickerOptions(selectionLimit: selectionLimit ?? 1)
+
+            self.twoStep.mediaPicker.pickVideo(options: options) { result in
+                switch result {
+                case .success(let videos):
+                    // Convert to JS-friendly dictionaries
+                    let jsVideos = videos.map { video -> [String: Any] in
+                        var dict: [String: Any] = [
+                            "uri": video.uri,
+                            "path": video.path,
+                            "fileName": video.fileName,
+                            "width": video.width,
+                            "height": video.height,
+                            "duration": video.duration,
+                            "fileSize": video.fileSize,
+                            "type": video.type
+                        ]
+
+                        if let creationDate = video.creationDate {
+                            dict["creationDate"] = creationDate
+                        }
+                        if let modificationDate = video.modificationDate {
+                            dict["modificationDate"] = modificationDate
+                        }
+                        if let assetIdentifier = video.assetIdentifier {
+                            dict["assetIdentifier"] = assetIdentifier
+                        }
+
+                        return dict
+                    }
+
+                    promise.resolve(jsVideos)
+
+                case .failure(let error):
+                    // Cancellation returns empty array, not an error
+                    if (error as? MediaPickerError) == .cancelled {
+                        promise.resolve([])
+                    } else {
+                        promise.reject("PICKER_ERROR", error.localizedDescription)
+                    }
+                }
+            }
+        }
+
+        /// Clean up a specific picked video file
+        /// - Parameter path: File path to clean up
+        Function("cleanupPickedVideo") { (path: String) in
+            self.twoStep.mediaPicker.cleanupPickedVideo(at: path)
+        }
+
+        /// Clean up all picked video files from temp storage
+        Function("cleanupAllPickedVideos") {
+            self.twoStep.mediaPicker.cleanupAllPickedVideos()
+        }
+
+        /// Get list of currently tracked picked video paths
+        Function("getPickedVideoPaths") { () -> [String] in
+            return self.twoStep.mediaPicker.trackedPickedVideoPaths
+        }
+
         // MARK: - Video Player View
 
         View(ExpoTwoStepVideoView.self) {
             // Events emitted by the view
-            Events("onPlaybackStatusChange", "onProgress", "onEnd", "onError", "onPanZoomChange")
+            Events("onPlaybackStatusChange", "onProgress", "onEnd", "onError", "onPanZoomChange", "onDoubleTapSkip")
 
             // Prop to set composition ID - view will load it
             Prop("compositionId") { (view: ExpoTwoStepVideoView, compositionId: String?) in
@@ -709,6 +775,16 @@ public class ExpoTwoStepVideoModule: Module {
                 view.maxZoom = CGFloat(maxZoom ?? 5.0)
             }
 
+            // Prop to enable/disable native double-tap to skip
+            Prop("enableDoubleTapSkip") { (view: ExpoTwoStepVideoView, enable: Bool?) in
+                view.enableDoubleTapSkip = enable ?? true
+            }
+
+            // Prop to set double-tap skip interval in seconds
+            Prop("doubleTapSkipInterval") { (view: ExpoTwoStepVideoView, interval: Double?) in
+                view.doubleTapSkipInterval = interval ?? 5.0
+            }
+
             // Playback control functions
             AsyncFunction("play") { (view: ExpoTwoStepVideoView) in
                 view.play()

package/ios/ExpoTwoStepVideoView.swift

@@ -45,6 +45,19 @@ class ExpoTwoStepVideoView: ExpoView {
     /// Gesture recognizers
     private var pinchGesture: UIPinchGestureRecognizer?
     private var panGesture: UIPanGestureRecognizer?
+    private var doubleTapLeftGesture: UITapGestureRecognizer?
+    private var doubleTapRightGesture: UITapGestureRecognizer?
+
+    // MARK: - Double-Tap Skip Properties
+
+    /// Whether double-tap to skip is enabled
+    var enableDoubleTapSkip: Bool = true
+
+    /// Seconds to skip on double-tap
+    var doubleTapSkipInterval: Double = 5.0
+
+    /// Event dispatcher for double-tap skip feedback
+    let onDoubleTapSkip = EventDispatcher()
 
     // MARK: - Initialization
 
@@ -159,6 +172,20 @@ class ExpoTwoStepVideoView: ExpoView {
         addGestureRecognizer(pan)
         panGesture = pan
 
+        // Double-tap on left side to skip backward
+        let doubleTapLeft = UITapGestureRecognizer(target: self, action: #selector(handleDoubleTapLeft(_:)))
+        doubleTapLeft.numberOfTapsRequired = 2
+        doubleTapLeft.delegate = self
+        addGestureRecognizer(doubleTapLeft)
+        doubleTapLeftGesture = doubleTapLeft
+
+        // Double-tap on right side to skip forward
+        let doubleTapRight = UITapGestureRecognizer(target: self, action: #selector(handleDoubleTapRight(_:)))
+        doubleTapRight.numberOfTapsRequired = 2
+        doubleTapRight.delegate = self
+        addGestureRecognizer(doubleTapRight)
+        doubleTapRightGesture = doubleTapRight
+
         isUserInteractionEnabled = true
     }
 
@@ -183,18 +210,6 @@ class ExpoTwoStepVideoView: ExpoView {
         return AVMakeRect(aspectRatio: videoSize, insideRect: layerBounds)
     }
 
-    /// Adjust an anchor point to be relative to the video content rect.
-    /// Clamps points outside the video area to the nearest edge.
-    private func adjustedAnchorPoint(for point: CGPoint) -> CGPoint {
-        let contentRect = videoContentRect()
-
-        // Clamp the point to the video content rect
-        let clampedX = min(max(point.x, contentRect.minX), contentRect.maxX)
-        let clampedY = min(max(point.y, contentRect.minY), contentRect.maxY)
-
-        return CGPoint(x: clampedX, y: clampedY)
-    }
-
     // MARK: - Gesture Handlers
 
     /// Get the current visual transform, reading from the presentation layer if an animation is in progress
@@ -227,14 +242,39 @@ class ExpoTwoStepVideoView: ExpoView {
             beginGesture()
 
         case .changed:
-            let rawAnchor = gesture.location(in: self)
-            // Adjust anchor to account for letterboxing/pillarboxing
-            let anchor = adjustedAnchorPoint(for: rawAnchor)
+            // Get the pinch center in the PARENT's coordinate system (self)
+            // This gives us a stable anchor point that doesn't change with the view's transform
+            let anchor = gesture.location(in: self)
+
+            // Get the incremental scale change
             let scale = gesture.scale
-            let scaleTransform = CGAffineTransform.anchoredScale(scale: scale, anchor: anchor)
-            let newTransform = gestureStartTransform.concatenating(scaleTransform)
-            currentTransform = newTransform
-            playerContainerView.transform = newTransform
+            gesture.scale = 1.0
+
+            // Check if new scale would exceed limits
+            let currentScale = currentTransform.scaleX
+            let proposedScale = currentScale * scale
+
+            // Skip if we'd go below min zoom
+            if proposedScale < minZoom && scale < 1.0 {
+                return
+            }
+
+            // Clamp scale factor if we'd exceed max zoom
+            var effectiveScale = scale
+            if proposedScale > maxZoom {
+                effectiveScale = maxZoom / currentScale
+            }
+
+            // Calculate new transform that scales around the anchor point
+            // Formula: The anchor point in screen coordinates should stay fixed
+            // newTx = anchor.x * (1 - scale) + currentTx * scale
+            // newTy = anchor.y * (1 - scale) + currentTy * scale
+            let newScale = currentScale * effectiveScale
+            let newTx = anchor.x * (1 - effectiveScale) + currentTransform.tx * effectiveScale
+            let newTy = anchor.y * (1 - effectiveScale) + currentTransform.ty * effectiveScale
+
+            currentTransform = CGAffineTransform(a: newScale, b: 0, c: 0, d: newScale, tx: newTx, ty: newTy)
+            playerContainerView.transform = currentTransform
 
         case .ended, .cancelled:
             onGestureEnded()
@@ -244,6 +284,57 @@ class ExpoTwoStepVideoView: ExpoView {
         }
     }
 
+    // MARK: - Double-Tap Handlers
+
+    @objc private func handleDoubleTapLeft(_ gesture: UITapGestureRecognizer) {
+        guard enableDoubleTapSkip else { return }
+
+        let location = gesture.location(in: self)
+        // Only handle taps on the left half
+        guard location.x < bounds.width / 2 else { return }
+
+        guard let player = player,
+              let currentItem = player.currentItem else { return }
+
+        let currentTime = CMTimeGetSeconds(player.currentTime())
+        let newTime = max(0, currentTime - doubleTapSkipInterval)
+        let seekTime = CMTime(seconds: newTime, preferredTimescale: CMTimeScale(NSEC_PER_SEC))
+
+        player.seek(to: seekTime, toleranceBefore: .zero, toleranceAfter: .zero)
+
+        // Emit event for UI feedback
+        onDoubleTapSkip([
+            "direction": "backward",
+            "skipInterval": doubleTapSkipInterval,
+            "newTime": newTime
+        ])
+    }
+
+    @objc private func handleDoubleTapRight(_ gesture: UITapGestureRecognizer) {
+        guard enableDoubleTapSkip else { return }
+
+        let location = gesture.location(in: self)
+        // Only handle taps on the right half
+        guard location.x >= bounds.width / 2 else { return }
+
+        guard let player = player,
+              let currentItem = player.currentItem else { return }
+
+        let duration = CMTimeGetSeconds(currentItem.duration)
+        let currentTime = CMTimeGetSeconds(player.currentTime())
+        let newTime = min(duration, currentTime + doubleTapSkipInterval)
+        let seekTime = CMTime(seconds: newTime, preferredTimescale: CMTimeScale(NSEC_PER_SEC))
+
+        player.seek(to: seekTime, toleranceBefore: .zero, toleranceAfter: .zero)
+
+        // Emit event for UI feedback
+        onDoubleTapSkip([
+            "direction": "forward",
+            "skipInterval": doubleTapSkipInterval,
+            "newTime": newTime
+        ])
+    }
+
     @objc private func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
         switch gesture.state {
         case .began:
@@ -316,13 +407,16 @@ class ExpoTwoStepVideoView: ExpoView {
         }
 
         // Constrain pan to keep content visible
+        // When scaled, the content extends beyond the view bounds.
+        // The maximum pan distance is half the excess on each side.
+        // For a 2x scale on 100px width: content is 200px, excess is 100px, max pan is ±50px
         let contentSize = bounds.size
-        let maxX = contentSize.width * (capped.scaleX - 1)
-        let maxY = contentSize.height * (capped.scaleY - 1)
+        let maxPanX = contentSize.width * (capped.scaleX - 1) / 2
+        let maxPanY = contentSize.height * (capped.scaleY - 1) / 2
 
-        // tx/ty constraints: can't pan past edges
-        capped.tx = min(max(capped.tx, -maxX), 0)
-        capped.ty = min(max(capped.ty, -maxY), 0)
+        // tx/ty constraints: allow panning in both directions, but keep content edges visible
+        capped.tx = min(max(capped.tx, -maxPanX), maxPanX)
+        capped.ty = min(max(capped.ty, -maxPanY), maxPanY)
 
         return capped
     }
@@ -330,12 +424,16 @@ class ExpoTwoStepVideoView: ExpoView {
     /// Emit the current pan/zoom state to JavaScript
     private func emitPanZoomChange() {
         let scale = currentTransform.scaleX
-        let panX = scale > 1.0 ? currentTransform.tx / (bounds.width * (scale - 1)) : 0
-        let panY = scale > 1.0 ? currentTransform.ty / (bounds.height * (scale - 1)) : 0
+        // Convert tx/ty to normalized -1 to 1 range
+        // maxPan = size * (scale - 1) / 2, so panX = tx / maxPan
+        let maxPanX = bounds.width * (scale - 1) / 2
+        let maxPanY = bounds.height * (scale - 1) / 2
+        let panX = (scale > 1.0 && maxPanX > 0) ? currentTransform.tx / maxPanX : 0
+        let panY = (scale > 1.0 && maxPanY > 0) ? currentTransform.ty / maxPanY : 0
 
         onPanZoomChange([
-            "panX": -panX,  // Normalize to -1 to 0 range
-            "panY": -panY,
+            "panX": panX,   // -1 to 1, positive = content shifted right
+            "panY": panY,   // -1 to 1, positive = content shifted down
             "zoomLevel": scale
         ])
     }
@@ -345,12 +443,15 @@ class ExpoTwoStepVideoView: ExpoView {
     /// Get the current pan/zoom state
     func getPanZoomState() -> [String: CGFloat] {
         let scale = currentTransform.scaleX
-        let panX = scale > 1.0 ? currentTransform.tx / (bounds.width * (scale - 1)) : 0
-        let panY = scale > 1.0 ? currentTransform.ty / (bounds.height * (scale - 1)) : 0
+        // Convert tx/ty to normalized -1 to 1 range
+        let maxPanX = bounds.width * (scale - 1) / 2
+        let maxPanY = bounds.height * (scale - 1) / 2
+        let panX = (scale > 1.0 && maxPanX > 0) ? currentTransform.tx / maxPanX : 0
+        let panY = (scale > 1.0 && maxPanY > 0) ? currentTransform.ty / maxPanY : 0
 
         return [
-            "panX": -panX,
-            "panY": -panY,
+            "panX": panX,   // -1 to 1, positive = content shifted right
+            "panY": panY,   // -1 to 1, positive = content shifted down
             "zoomLevel": scale
         ]
     }
@@ -372,8 +473,12 @@ class ExpoTwoStepVideoView: ExpoView {
         if let x = panX, let y = panY {
             let scale = newTransform.scaleX
             if scale > 1.0 {
-                newTransform.tx = -x * bounds.width * (scale - 1)
-                newTransform.ty = -y * bounds.height * (scale - 1)
+                // Convert normalized -1 to 1 values to tx/ty
+                // maxPan = size * (scale - 1) / 2, so tx = panX * maxPan
+                let maxPanX = bounds.width * (scale - 1) / 2
+                let maxPanY = bounds.height * (scale - 1) / 2
+                newTransform.tx = x * maxPanX
+                newTransform.ty = y * maxPanY
             }
         }
 
@@ -590,7 +695,7 @@ class ExpoTwoStepVideoView: ExpoView {
 // MARK: - UIGestureRecognizerDelegate
 
 extension ExpoTwoStepVideoView: UIGestureRecognizerDelegate {
-    /// Allow pinch and pan gestures to work simultaneously
+    /// Allow gestures to work simultaneously
     func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
         // Allow our pinch and pan to work together
         if (gestureRecognizer == pinchGesture && otherGestureRecognizer == panGesture) ||
@@ -601,15 +706,29 @@ extension ExpoTwoStepVideoView: UIGestureRecognizerDelegate {
         if gestureRecognizer == pinchGesture {
             return true
         }
+        // Allow double-tap gestures to work with each other (left and right can coexist)
+        if (gestureRecognizer == doubleTapLeftGesture || gestureRecognizer == doubleTapRightGesture) &&
+           (otherGestureRecognizer == doubleTapLeftGesture || otherGestureRecognizer == doubleTapRightGesture) {
+            return true
+        }
         return false
     }
 
-    /// Only allow pan gesture when zoomed in
+    /// Only allow pan gesture when zoomed in, and filter double-tap by location
     override func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
         if gestureRecognizer == panGesture {
             // Read from actual view transform to be accurate
             return playerContainerView.transform.scaleX > 1.01
         }
+        // Filter double-tap gestures by their location (left half vs right half)
+        if gestureRecognizer == doubleTapLeftGesture {
+            let location = gestureRecognizer.location(in: self)
+            return location.x < bounds.width / 2
+        }
+        if gestureRecognizer == doubleTapRightGesture {
+            let location = gestureRecognizer.location(in: self)
+            return location.x >= bounds.width / 2
+        }
         return true
     }