@movementinfra/expo-twostep-video 0.1.15 → 0.1.16

package/README.md

@@ -7,6 +7,7 @@ Professional video editing for React Native, powered by native AVFoundation.
 
 ## Features
 
+- **Native video picker** with album support, iCloud downloading, and rich metadata
 - **Trim videos** with frame-accurate precision
 - **Mirror videos** horizontally, vertically, or both
 - **Speed adjustment** - slow motion (0.25x) to fast forward (4x)
@@ -36,10 +37,15 @@ npx expo install expo-twostep-video
 ```typescript
 import * as TwoStepVideo from 'expo-twostep-video';
 
-// Load a video
-const asset = await TwoStepVideo.loadAsset({
-  uri: 'file:///path/to/video.mp4'
-});
+// Pick a video from the library
+const videos = await TwoStepVideo.pickVideo();
+if (videos.length === 0) return; // User cancelled
+
+const video = videos[0];
+console.log(`Selected: ${video.fileName} (${video.duration}s)`);
+
+// Load the video for editing
+const asset = await TwoStepVideo.loadAsset({ uri: video.uri });
 
 // Trim to 10 seconds
 const composition = await TwoStepVideo.trimVideo({
@@ -57,11 +63,66 @@ const result = await TwoStepVideo.exportVideo({
 console.log('Exported to:', result.uri);
 
 // Cleanup
+TwoStepVideo.cleanupPickedVideo(video.path);
 TwoStepVideo.releaseAll();
 ```
 
 ## API Reference
 
+### Picking Videos from Library
+
+Native photo library picker with full album support, iCloud downloading, and rich metadata:
+
+```typescript
+// Pick a single video
+const videos = await TwoStepVideo.pickVideo();
+
+if (videos.length > 0) {
+  const video = videos[0];
+  console.log('File:', video.fileName);
+  console.log('Size:', video.width, 'x', video.height);
+  console.log('Duration:', video.duration, 'seconds');
+  console.log('File size:', video.fileSize, 'bytes');
+  console.log('Created:', video.creationDate);  // ISO 8601
+
+  // Load for editing
+  const asset = await TwoStepVideo.loadAsset({ uri: video.uri });
+
+  // ... edit video ...
+
+  // Clean up temp file when done
+  TwoStepVideo.cleanupPickedVideo(video.path);
+}
+
+// Pick multiple videos
+const videos = await TwoStepVideo.pickVideo({ selectionLimit: 5 });
+
+// Clean up all picked videos
+TwoStepVideo.cleanupAllPickedVideos();
+```
+
+**Returned metadata (`PickedVideo`):**
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `uri` | `string` | File URI to temp copy |
+| `path` | `string` | Absolute file path (for cleanup) |
+| `fileName` | `string` | Original filename |
+| `width` | `number` | Video width in pixels |
+| `height` | `number` | Video height in pixels |
+| `duration` | `number` | Duration in seconds |
+| `fileSize` | `number` | File size in bytes |
+| `creationDate` | `string?` | Original capture date (ISO 8601) |
+| `modificationDate` | `string?` | Last modified date (ISO 8601) |
+| `assetIdentifier` | `string?` | PHAsset ID for `loadAssetFromPhotos` |
+| `type` | `string` | Always `"video"` |
+
+**Features:**
+- Native iOS picker with albums, favorites, and search
+- Automatic iCloud video downloading with native progress UI
+- Natural permission flow (prompts when needed)
+- Comprehensive metadata including original creation date
+
 ### Loading Videos
 
 ```typescript
@@ -218,10 +279,15 @@ const subscription = TwoStepVideo.addExportProgressListener((event) => {
 ### Memory Management
 
 ```typescript
+// Release loaded assets and compositions
 TwoStepVideo.releaseAsset(asset.id);
 TwoStepVideo.releaseComposition(composition.id);
 TwoStepVideo.releaseAll();  // Release everything
-TwoStepVideo.cleanupFile(result.uri);  // Delete temp file
+
+// Clean up files
+TwoStepVideo.cleanupFile(result.uri);           // Delete exported temp file
+TwoStepVideo.cleanupPickedVideo(video.path);    // Delete picked video temp file
+TwoStepVideo.cleanupAllPickedVideos();          // Delete all picked video temp files
 ```
 
 ## Video Scrubber Component
@@ -388,18 +454,25 @@ TwoStepVideo.Mirror.BOTH        // Flip both
 
 ```typescript
 import type {
+  // Picker types
+  PickedVideo,
+  PickVideoOptions,
+  // Asset types
   VideoAsset,
   VideoComposition,
   ExportResult,
   LoopResult,
+  // View types
   TwoStepVideoViewRef,
   TwoStepVideoViewProps,
   PanZoomState,
-  MirrorAxis,
-  VideoQuality,
+  // Scrubber types
   VideoScrubberProps,
   VideoScrubberRef,
   VideoScrubberTheme,
+  // Constants
+  MirrorAxis,
+  VideoQuality,
 } from 'expo-twostep-video';
 ```
 

package/build/ExpoTwoStepVideo.types.d.ts

@@ -1,4 +1,38 @@
 import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Options for the video picker
+ */
+export type PickVideoOptions = {
+    /** Maximum number of videos to select (default 1) */
+    selectionLimit?: number;
+};
+/**
+ * Result from picking a video from the photo library
+ */
+export type PickedVideo = {
+    /** File URI (file:// path to temp copy) */
+    uri: string;
+    /** Absolute file path */
+    path: string;
+    /** Original filename */
+    fileName: string;
+    /** Video width in pixels */
+    width: number;
+    /** Video height in pixels */
+    height: number;
+    /** Duration in seconds */
+    duration: number;
+    /** File size in bytes */
+    fileSize: number;
+    /** Date the video was originally created/captured (ISO 8601 string) */
+    creationDate?: string;
+    /** Date the video was last modified (ISO 8601 string) */
+    modificationDate?: string;
+    /** PHAsset local identifier (for use with loadAssetFromPhotos) */
+    assetIdentifier?: string;
+    /** Media type (always "video" for this picker) */
+    type: 'video';
+};
 /**
  * Playback status event payload
  */
@@ -35,6 +69,17 @@ export type PanZoomState = {
  * Pan/Zoom change event payload
  */
 export type PanZoomChangeEvent = PanZoomState;
+/**
+ * Double-tap skip event payload
+ */
+export type DoubleTapSkipEvent = {
+    /** Direction of skip: 'forward' or 'backward' */
+    direction: 'forward' | 'backward';
+    /** Seconds skipped */
+    skipInterval: number;
+    /** New playback time after skip */
+    newTime: number;
+};
 /**
  * Options for creating a pan/zoom composition
  */
@@ -86,6 +131,10 @@ export type TwoStepVideoViewProps = {
     onPanZoomChange?: (event: {
         nativeEvent: PanZoomChangeEvent;
     }) => void;
+    /** Called when user double-taps to skip (native gesture) */
+    onDoubleTapSkip?: (event: {
+        nativeEvent: DoubleTapSkipEvent;
+    }) => void;
     /** Show playhead bar overlay at bottom of video (default: true) */
     showPlayheadBar?: boolean;
     /** Enable double-tap to skip forward/backward (default: true) */

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

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideo.types.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideo.types.ts"],"names":[],"mappings":"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"}
+{"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 * 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  /** Show playhead bar overlay at bottom of video (default: true) */\n  showPlayheadBar?: boolean;\n  /** Enable double-tap to skip forward/backward (default: true) */\n  enableDoubleTapSkip?: boolean;\n  /** Seconds to skip on double-tap (default: 5) */\n  doubleTapSkipInterval?: number;\n  /** View style */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Base ref handle for video player views (common playback controls)\n */\nexport type BaseVideoViewRef = {\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 * Ref handle for video player view (with pan/zoom support)\n */\nexport type TwoStepVideoViewRef = BaseVideoViewRef & {\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 * Note: Pan/zoom gestures are not available on this view as it uses AVPlayerViewController\n */\nexport type TwoStepPlayerControllerViewRef = BaseVideoViewRef & {\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// MARK: - Media Picker Types\n\n/**\n * Options for the video picker\n */\nexport type PickVideoOptions = {\n  /** Maximum number of videos to select (default 1) */\n  selectionLimit?: number;\n};\n\n/**\n * Result from picking a video from the photo library\n */\nexport type PickedVideo = {\n  /** File URI (file:// path to temp copy) */\n  uri: string;\n  /** Absolute file path */\n  path: string;\n  /** Original filename */\n  fileName: string;\n  /** Video width in pixels */\n  width: number;\n  /** Video height in pixels */\n  height: number;\n  /** Duration in seconds */\n  duration: number;\n  /** File size in bytes */\n  fileSize: number;\n  /** Date the video was originally created/captured (ISO 8601 string) */\n  creationDate?: string;\n  /** Date the video was last modified (ISO 8601 string) */\n  modificationDate?: string;\n  /** PHAsset local identifier (for use with loadAssetFromPhotos) */\n  assetIdentifier?: string;\n  /** Media type (always \"video\" for this picker) */\n  type: 'video';\n};\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 * Double-tap skip event payload\n */\nexport type DoubleTapSkipEvent = {\n  /** Direction of skip: 'forward' or 'backward' */\n  direction: 'forward' | 'backward';\n  /** Seconds skipped */\n  skipInterval: number;\n  /** New playback time after skip */\n  newTime: number;\n};\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  /** Called when user double-taps to skip (native gesture) */\n  onDoubleTapSkip?: (event: { nativeEvent: DoubleTapSkipEvent }) => void;\n  /** Show playhead bar overlay at bottom of video (default: true) */\n  showPlayheadBar?: boolean;\n  /** Enable double-tap to skip forward/backward (default: true) */\n  enableDoubleTapSkip?: boolean;\n  /** Seconds to skip on double-tap (default: 5) */\n  doubleTapSkipInterval?: number;\n  /** View style */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Base ref handle for video player views (common playback controls)\n */\nexport type BaseVideoViewRef = {\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 * Ref handle for video player view (with pan/zoom support)\n */\nexport type TwoStepVideoViewRef = BaseVideoViewRef & {\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 * Note: Pan/zoom gestures are not available on this view as it uses AVPlayerViewController\n */\nexport type TwoStepPlayerControllerViewRef = BaseVideoViewRef & {\n  /** Enter fullscreen mode */\n  enterFullscreen: () => Promise<void>;\n  /** Exit fullscreen mode */\n  exitFullscreen: () => Promise<void>;\n};\n"]}

package/build/ExpoTwoStepVideoModule.d.ts

@@ -34,6 +34,19 @@ interface ExportProgressEvent {
     assetId?: string;
     compositionId?: string;
 }
+interface PickedVideoResult {
+    uri: string;
+    path: string;
+    fileName: string;
+    width: number;
+    height: number;
+    duration: number;
+    fileSize: number;
+    creationDate?: string;
+    modificationDate?: string;
+    assetIdentifier?: string;
+    type: 'video';
+}
 declare class ExpoTwoStepVideoModule extends NativeModule<{
     onExportProgress: (event: ExportProgressEvent) => void;
 }> {
@@ -61,6 +74,10 @@ declare class ExpoTwoStepVideoModule extends NativeModule<{
     releaseAsset(assetId: string): void;
     releaseComposition(compositionId: string): void;
     releaseAll(): void;
+    pickVideo(selectionLimit?: number): Promise<PickedVideoResult[]>;
+    cleanupPickedVideo(path: string): void;
+    cleanupAllPickedVideos(): void;
+    getPickedVideoPaths(): string[];
 }
 declare const _default: ExpoTwoStepVideoModule;
 export default _default;

package/build/ExpoTwoStepVideoModule.d.ts.map

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

package/build/ExpoTwoStepVideoModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideoModule.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAoFtE,yDAAyD;AACzD,2EAA2E;AAC3E,eAAe,mBAAmB,CAAyB,kBAAkB,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo-modules-core';\n\ninterface TimeSegment {\n  start: number;\n  end: number;\n}\n\ninterface ThumbnailSize {\n  width: number;\n  height: number;\n}\n\ninterface AssetResult {\n  id: string;\n  duration: number;\n  width: number;\n  height: number;\n  frameRate: number;\n  hasAudio: boolean;\n}\n\ninterface CompositionResult {\n  id: string;\n  duration: number;\n}\n\ninterface LoopResult {\n  id: string;\n  duration: number;\n  loopCount: number;\n  totalPlays: number;\n}\n\ninterface ExportResult {\n  uri: string;\n  path: string;\n}\n\ninterface ExportProgressEvent {\n  progress: number;\n  assetId?: string;\n  compositionId?: string;\n}\n\ndeclare class ExpoTwoStepVideoModule extends NativeModule<{\n  onExportProgress: (event: ExportProgressEvent) => void;\n}> {\n  // Constants\n  QUALITY_LOW: string;\n  QUALITY_MEDIUM: string;\n  QUALITY_HIGH: string;\n  QUALITY_HIGHEST: string;\n  MIRROR_HORIZONTAL: string;\n  MIRROR_VERTICAL: string;\n  MIRROR_BOTH: string;\n\n  // Asset loading\n  loadAsset(uri: string): Promise<AssetResult>;\n  loadAssetFromPhotos(localIdentifier: string): Promise<AssetResult>;\n  validateVideoUri(uri: string): Promise<boolean>;\n\n  // Editing operations\n  trimVideo(assetId: string, startTime: number, endTime: number): Promise<CompositionResult>;\n  trimVideoMultiple(assetId: string, segments: TimeSegment[]): Promise<CompositionResult>;\n  mirrorVideo(assetId: string, axis: string, startTime?: number, endTime?: number): Promise<CompositionResult>;\n  adjustSpeed(assetId: string, speed: number, startTime?: number, endTime?: number): Promise<CompositionResult>;\n  transformVideo(assetId: string, speed?: number, mirrorAxis?: string, startTime?: number, endTime?: number): Promise<CompositionResult>;\n  loopSegment(assetId: string, startTime: number, endTime: number, loopCount: number): Promise<LoopResult>;\n  panZoomVideo(assetId: string, panX: number, panY: number, zoomLevel: number, startTime?: number, endTime?: number): Promise<CompositionResult>;\n\n  // Thumbnails\n  generateThumbnails(assetId: string, times: number[], size?: ThumbnailSize): Promise<string[]>;\n\n  // Export\n  exportVideo(compositionId: string, outputUri?: string, quality?: string): Promise<ExportResult>;\n  exportAsset(assetId: string, outputUri?: string, quality?: string): Promise<ExportResult>;\n\n  // Cleanup\n  cleanupFile(uri: string): void;\n  releaseAsset(assetId: string): void;\n  releaseComposition(compositionId: string): void;\n  releaseAll(): void;\n}\n\n// This call loads the native module object from the JSI.\n// The module name must match Name(\"ExpoTwoStepVideo\") in the Swift module.\nexport default requireNativeModule<ExpoTwoStepVideoModule>('ExpoTwoStepVideo');\n"]}
+{"version":3,"file":"ExpoTwoStepVideoModule.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAwGtE,yDAAyD;AACzD,2EAA2E;AAC3E,eAAe,mBAAmB,CAAyB,kBAAkB,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo-modules-core';\n\ninterface TimeSegment {\n  start: number;\n  end: number;\n}\n\ninterface ThumbnailSize {\n  width: number;\n  height: number;\n}\n\ninterface AssetResult {\n  id: string;\n  duration: number;\n  width: number;\n  height: number;\n  frameRate: number;\n  hasAudio: boolean;\n}\n\ninterface CompositionResult {\n  id: string;\n  duration: number;\n}\n\ninterface LoopResult {\n  id: string;\n  duration: number;\n  loopCount: number;\n  totalPlays: number;\n}\n\ninterface ExportResult {\n  uri: string;\n  path: string;\n}\n\ninterface ExportProgressEvent {\n  progress: number;\n  assetId?: string;\n  compositionId?: string;\n}\n\ninterface PickedVideoResult {\n  uri: string;\n  path: string;\n  fileName: string;\n  width: number;\n  height: number;\n  duration: number;\n  fileSize: number;\n  creationDate?: string;\n  modificationDate?: string;\n  assetIdentifier?: string;\n  type: 'video';\n}\n\ndeclare class ExpoTwoStepVideoModule extends NativeModule<{\n  onExportProgress: (event: ExportProgressEvent) => void;\n}> {\n  // Constants\n  QUALITY_LOW: string;\n  QUALITY_MEDIUM: string;\n  QUALITY_HIGH: string;\n  QUALITY_HIGHEST: string;\n  MIRROR_HORIZONTAL: string;\n  MIRROR_VERTICAL: string;\n  MIRROR_BOTH: string;\n\n  // Asset loading\n  loadAsset(uri: string): Promise<AssetResult>;\n  loadAssetFromPhotos(localIdentifier: string): Promise<AssetResult>;\n  validateVideoUri(uri: string): Promise<boolean>;\n\n  // Editing operations\n  trimVideo(assetId: string, startTime: number, endTime: number): Promise<CompositionResult>;\n  trimVideoMultiple(assetId: string, segments: TimeSegment[]): Promise<CompositionResult>;\n  mirrorVideo(assetId: string, axis: string, startTime?: number, endTime?: number): Promise<CompositionResult>;\n  adjustSpeed(assetId: string, speed: number, startTime?: number, endTime?: number): Promise<CompositionResult>;\n  transformVideo(assetId: string, speed?: number, mirrorAxis?: string, startTime?: number, endTime?: number): Promise<CompositionResult>;\n  loopSegment(assetId: string, startTime: number, endTime: number, loopCount: number): Promise<LoopResult>;\n  panZoomVideo(assetId: string, panX: number, panY: number, zoomLevel: number, startTime?: number, endTime?: number): Promise<CompositionResult>;\n\n  // Thumbnails\n  generateThumbnails(assetId: string, times: number[], size?: ThumbnailSize): Promise<string[]>;\n\n  // Export\n  exportVideo(compositionId: string, outputUri?: string, quality?: string): Promise<ExportResult>;\n  exportAsset(assetId: string, outputUri?: string, quality?: string): Promise<ExportResult>;\n\n  // Cleanup\n  cleanupFile(uri: string): void;\n  releaseAsset(assetId: string): void;\n  releaseComposition(compositionId: string): void;\n  releaseAll(): void;\n\n  // Media picker\n  pickVideo(selectionLimit?: number): Promise<PickedVideoResult[]>;\n  cleanupPickedVideo(path: string): void;\n  cleanupAllPickedVideos(): void;\n  getPickedVideoPaths(): string[];\n}\n\n// This call loads the native module object from the JSI.\n// The module name must match Name(\"ExpoTwoStepVideo\") in the Swift module.\nexport default requireNativeModule<ExpoTwoStepVideoModule>('ExpoTwoStepVideo');\n"]}

package/build/ExpoTwoStepVideoModule.web.d.ts

@@ -9,6 +9,10 @@ declare const _default: {
     addListener: () => {
         remove: () => void;
     };
+    pickVideo: () => Promise<never[]>;
+    cleanupPickedVideo: () => void;
+    cleanupAllPickedVideos: () => void;
+    getPickedVideoPaths: () => never[];
 };
 export default _default;
 //# sourceMappingURL=ExpoTwoStepVideoModule.web.d.ts.map

package/build/ExpoTwoStepVideoModule.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideoModule.web.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideoModule.web.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,wBASE"}
+{"version":3,"file":"ExpoTwoStepVideoModule.web.d.ts","sourceRoot":"","sources":["../src/ExpoTwoStepVideoModule.web.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,wBAwBE"}

package/build/ExpoTwoStepVideoModule.web.js

@@ -8,5 +8,20 @@ export default {
     MIRROR_VERTICAL: 'vertical',
     MIRROR_BOTH: 'both',
     addListener: () => ({ remove: () => { } }),
+    // Media picker stubs
+    pickVideo: async () => {
+        console.warn('TwoStepVideo.pickVideo is not supported on web');
+        return [];
+    },
+    cleanupPickedVideo: () => {
+        console.warn('TwoStepVideo.cleanupPickedVideo is not supported on web');
+    },
+    cleanupAllPickedVideos: () => {
+        console.warn('TwoStepVideo.cleanupAllPickedVideos is not supported on web');
+    },
+    getPickedVideoPaths: () => {
+        console.warn('TwoStepVideo.getPickedVideoPaths is not supported on web');
+        return [];
+    },
 };
 //# sourceMappingURL=ExpoTwoStepVideoModule.web.js.map

package/build/ExpoTwoStepVideoModule.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideoModule.web.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoModule.web.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,eAAe;IACb,WAAW,EAAE,KAAK;IAClB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,SAAS;IAC1B,iBAAiB,EAAE,YAAY;IAC/B,eAAe,EAAE,UAAU;IAC3B,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC;CAC1C,CAAC","sourcesContent":["// Web is not supported - this is a stub\nexport default {\n  QUALITY_LOW: 'low',\n  QUALITY_MEDIUM: 'medium',\n  QUALITY_HIGH: 'high',\n  QUALITY_HIGHEST: 'highest',\n  MIRROR_HORIZONTAL: 'horizontal',\n  MIRROR_VERTICAL: 'vertical',\n  MIRROR_BOTH: 'both',\n  addListener: () => ({ remove: () => {} }),\n};\n"]}
+{"version":3,"file":"ExpoTwoStepVideoModule.web.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoModule.web.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,eAAe;IACb,WAAW,EAAE,KAAK;IAClB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,SAAS;IAC1B,iBAAiB,EAAE,YAAY;IAC/B,eAAe,EAAE,UAAU;IAC3B,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC;IACzC,qBAAqB;IACrB,SAAS,EAAE,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAC;QAC/D,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,kBAAkB,EAAE,GAAG,EAAE;QACvB,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;IAC1E,CAAC;IACD,sBAAsB,EAAE,GAAG,EAAE;QAC3B,OAAO,CAAC,IAAI,CAAC,6DAA6D,CAAC,CAAC;IAC9E,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,0DAA0D,CAAC,CAAC;QACzE,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC","sourcesContent":["// Web is not supported - this is a stub\nexport default {\n  QUALITY_LOW: 'low',\n  QUALITY_MEDIUM: 'medium',\n  QUALITY_HIGH: 'high',\n  QUALITY_HIGHEST: 'highest',\n  MIRROR_HORIZONTAL: 'horizontal',\n  MIRROR_VERTICAL: 'vertical',\n  MIRROR_BOTH: 'both',\n  addListener: () => ({ remove: () => {} }),\n  // Media picker stubs\n  pickVideo: async () => {\n    console.warn('TwoStepVideo.pickVideo is not supported on web');\n    return [];\n  },\n  cleanupPickedVideo: () => {\n    console.warn('TwoStepVideo.cleanupPickedVideo is not supported on web');\n  },\n  cleanupAllPickedVideos: () => {\n    console.warn('TwoStepVideo.cleanupAllPickedVideos is not supported on web');\n  },\n  getPickedVideoPaths: () => {\n    console.warn('TwoStepVideo.getPickedVideoPaths is not supported on web');\n    return [];\n  },\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;AAI/B,OAAO,EAAgB,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAsBpG;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,gBAAgB,mGA0HrB,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;AAI/B,OAAO,EAAoC,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAqBxH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,gBAAgB,mGAmKrB,CAAC;AAoCF,eAAe,gBAAgB,CAAC"}

package/build/ExpoTwoStepVideoView.js

@@ -1,9 +1,8 @@
 import { requireNativeView } from 'expo';
 import * as React from 'react';
-import { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
-import { View } from 'react-native';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { View, Animated, Text, StyleSheet } from 'react-native';
 import PlayheadBar from './components/PlayheadBar';
-import DoubleTapSkip from './components/DoubleTapSkip';
 const NativeView = requireNativeView('ExpoTwoStepVideo');
 /**
  * Video player view that can play compositions and assets directly
@@ -28,7 +27,7 @@ const NativeView = requireNativeView('ExpoTwoStepVideo');
  * ```
  */
 const TwoStepVideoView = forwardRef((props, ref) => {
-    const { showPlayheadBar = true, enableDoubleTapSkip = true, doubleTapSkipInterval = 5, onProgress, onPlaybackStatusChange, style, ...nativeProps } = props;
+    const { showPlayheadBar = true, enableDoubleTapSkip = true, doubleTapSkipInterval = 5, onProgress, onPlaybackStatusChange, onDoubleTapSkip, style, ...nativeProps } = props;
     const nativeRef = useRef(null);
     const currentTimeRef = useRef(0);
     const durationRef = useRef(0);
@@ -37,6 +36,9 @@ const TwoStepVideoView = forwardRef((props, ref) => {
     // Force re-render for overlay state
     const [currentTime, setCurrentTime] = React.useState(0);
     const [duration, setDuration] = React.useState(0);
+    // Double-tap feedback animation state
+    const [skipFeedback, setSkipFeedback] = useState(null);
+    const feedbackOpacity = useRef(new Animated.Value(0)).current;
     useImperativeHandle(ref, () => ({
         play: async () => {
             await nativeRef.current?.play();
@@ -72,6 +74,26 @@ const TwoStepVideoView = forwardRef((props, ref) => {
         isPlayingRef.current = event.nativeEvent.status === 'playing';
         onPlaybackStatusChange?.(event);
     }, [onPlaybackStatusChange]);
+    // Handle native double-tap skip event - show visual feedback
+    const handleDoubleTapSkip = useCallback((event) => {
+        const { direction, skipInterval, newTime } = event.nativeEvent;
+        // Update local time state
+        currentTimeRef.current = newTime;
+        setCurrentTime(newTime);
+        // Show visual feedback
+        setSkipFeedback({ direction, interval: skipInterval });
+        feedbackOpacity.setValue(1);
+        Animated.timing(feedbackOpacity, {
+            toValue: 0,
+            duration: 600,
+            delay: 200,
+            useNativeDriver: true,
+        }).start(() => {
+            setSkipFeedback(null);
+        });
+        // Forward the event to parent if provided
+        onDoubleTapSkip?.(event);
+    }, [feedbackOpacity, onDoubleTapSkip]);
     // PlayheadBar callbacks
     const handleSeekStart = useCallback(() => {
         wasPlayingRef.current = isPlayingRef.current;
@@ -89,18 +111,57 @@ const TwoStepVideoView = forwardRef((props, ref) => {
             nativeRef.current?.play();
         }
     }, []);
-    // DoubleTapSkip callback
-    const handleDoubleTapSeek = useCallback((time) => {
-        nativeRef.current?.seek(time);
-        currentTimeRef.current = time;
-        setCurrentTime(time);
-    }, []);
-    return (<View style={[style, { overflow: 'hidden' }]}>
-        <NativeView ref={nativeRef} {...nativeProps} onProgress={handleProgress} onPlaybackStatusChange={handlePlaybackStatusChange} style={{ flex: 1 }}/>
-        {enableDoubleTapSkip && (<DoubleTapSkip currentTime={currentTime} duration={duration} skipInterval={doubleTapSkipInterval} onSeek={handleDoubleTapSeek}/>)}
+    return (<View style={[style, { overflow: 'hidden' }]} pointerEvents="box-none">
+        <NativeView ref={nativeRef} {...nativeProps} enableDoubleTapSkip={enableDoubleTapSkip} doubleTapSkipInterval={doubleTapSkipInterval} onProgress={handleProgress} onPlaybackStatusChange={handlePlaybackStatusChange} onDoubleTapSkip={handleDoubleTapSkip} style={{ flex: 1 }}/>
+        {/* Double-tap skip visual feedback (shows on native event) */}
+        {skipFeedback && (<View style={styles.feedbackContainer} pointerEvents="none">
+            <View style={[styles.feedbackHalf, skipFeedback.direction === 'backward' && styles.feedbackActive]}>
+              {skipFeedback.direction === 'backward' && (<Animated.View style={[styles.feedbackCircle, { opacity: feedbackOpacity }]}>
+                  <Text style={styles.arrowText}>{'<<'}</Text>
+                  <Text style={styles.skipText}>{skipFeedback.interval}s</Text>
+                </Animated.View>)}
+            </View>
+            <View style={[styles.feedbackHalf, skipFeedback.direction === 'forward' && styles.feedbackActive]}>
+              {skipFeedback.direction === 'forward' && (<Animated.View style={[styles.feedbackCircle, { opacity: feedbackOpacity }]}>
+                  <Text style={styles.arrowText}>{'>>'}</Text>
+                  <Text style={styles.skipText}>{skipFeedback.interval}s</Text>
+                </Animated.View>)}
+            </View>
+          </View>)}
         {showPlayheadBar && (<PlayheadBar currentTime={currentTime} duration={duration} onSeekStart={handleSeekStart} onSeek={handlePlayheadSeek} onSeekEnd={handleSeekEnd}/>)}
       </View>);
 });
+const styles = StyleSheet.create({
+    feedbackContainer: {
+        ...StyleSheet.absoluteFillObject,
+        flexDirection: 'row',
+    },
+    feedbackHalf: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    feedbackActive: {},
+    feedbackCircle: {
+        width: 64,
+        height: 64,
+        borderRadius: 32,
+        backgroundColor: 'rgba(0,0,0,0.4)',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    arrowText: {
+        color: '#FFFFFF',
+        fontSize: 20,
+        fontWeight: '700',
+    },
+    skipText: {
+        color: '#FFFFFF',
+        fontSize: 12,
+        fontWeight: '600',
+        marginTop: 2,
+    },
+});
 TwoStepVideoView.displayName = 'TwoStepVideoView';
 export default TwoStepVideoView;
 //# sourceMappingURL=ExpoTwoStepVideoView.js.map

package/build/ExpoTwoStepVideoView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoTwoStepVideoView.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport { View } from 'react-native';\n\nimport { PanZoomState, TwoStepVideoViewProps, TwoStepVideoViewRef } from './ExpoTwoStepVideo.types';\nimport PlayheadBar from './components/PlayheadBar';\nimport DoubleTapSkip from './components/DoubleTapSkip';\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 {\n      showPlayheadBar = true,\n      enableDoubleTapSkip = true,\n      doubleTapSkipInterval = 5,\n      onProgress,\n      onPlaybackStatusChange,\n      style,\n      ...nativeProps\n    } = props;\n\n    const nativeRef = useRef<NativeViewRef>(null);\n    const currentTimeRef = useRef(0);\n    const durationRef = useRef(0);\n    const isPlayingRef = useRef(false);\n    const wasPlayingRef = useRef(false);\n\n    // Force re-render for overlay state\n    const [currentTime, setCurrentTime] = React.useState(0);\n    const [duration, setDuration] = React.useState(0);\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    const handleProgress = useCallback(\n      (event: { nativeEvent: { currentTime: number; duration: number; progress: number } }) => {\n        currentTimeRef.current = event.nativeEvent.currentTime;\n        durationRef.current = event.nativeEvent.duration;\n        setCurrentTime(event.nativeEvent.currentTime);\n        setDuration(event.nativeEvent.duration);\n        onProgress?.(event);\n      },\n      [onProgress]\n    );\n\n    const handlePlaybackStatusChange = useCallback(\n      (event: { nativeEvent: { status: string; time?: number } }) => {\n        isPlayingRef.current = event.nativeEvent.status === 'playing';\n        onPlaybackStatusChange?.(event as any);\n      },\n      [onPlaybackStatusChange]\n    );\n\n    // PlayheadBar callbacks\n    const handleSeekStart = useCallback(() => {\n      wasPlayingRef.current = isPlayingRef.current;\n      if (isPlayingRef.current) {\n        nativeRef.current?.pause();\n      }\n    }, []);\n\n    const handlePlayheadSeek = useCallback((time: number) => {\n      nativeRef.current?.seek(time);\n      currentTimeRef.current = time;\n      setCurrentTime(time);\n    }, []);\n\n    const handleSeekEnd = useCallback(() => {\n      if (wasPlayingRef.current) {\n        nativeRef.current?.play();\n      }\n    }, []);\n\n    // DoubleTapSkip callback\n    const handleDoubleTapSeek = useCallback((time: number) => {\n      nativeRef.current?.seek(time);\n      currentTimeRef.current = time;\n      setCurrentTime(time);\n    }, []);\n\n    return (\n      <View style={[style, { overflow: 'hidden' }]}>\n        <NativeView\n          ref={nativeRef}\n          {...nativeProps}\n          onProgress={handleProgress}\n          onPlaybackStatusChange={handlePlaybackStatusChange}\n          style={{ flex: 1 }}\n        />\n        {enableDoubleTapSkip && (\n          <DoubleTapSkip\n            currentTime={currentTime}\n            duration={duration}\n            skipInterval={doubleTapSkipInterval}\n            onSeek={handleDoubleTapSeek}\n          />\n        )}\n        {showPlayheadBar && (\n          <PlayheadBar\n            currentTime={currentTime}\n            duration={duration}\n            onSeekStart={handleSeekStart}\n            onSeek={handlePlayheadSeek}\n            onSeekEnd={handleSeekEnd}\n          />\n        )}\n      </View>\n    );\n  }\n);\n\nTwoStepVideoView.displayName = 'TwoStepVideoView';\n\nexport default TwoStepVideoView;\n"]}
+{"version":3,"file":"ExpoTwoStepVideoView.js","sourceRoot":"","sources":["../src/ExpoTwoStepVideoView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';\nimport { View, Animated, Text, StyleSheet } from 'react-native';\n\nimport { DoubleTapSkipEvent, PanZoomState, TwoStepVideoViewProps, TwoStepVideoViewRef } from './ExpoTwoStepVideo.types';\nimport PlayheadBar from './components/PlayheadBar';\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 {\n      showPlayheadBar = true,\n      enableDoubleTapSkip = true,\n      doubleTapSkipInterval = 5,\n      onProgress,\n      onPlaybackStatusChange,\n      onDoubleTapSkip,\n      style,\n      ...nativeProps\n    } = props;\n\n    const nativeRef = useRef<NativeViewRef>(null);\n    const currentTimeRef = useRef(0);\n    const durationRef = useRef(0);\n    const isPlayingRef = useRef(false);\n    const wasPlayingRef = useRef(false);\n\n    // Force re-render for overlay state\n    const [currentTime, setCurrentTime] = React.useState(0);\n    const [duration, setDuration] = React.useState(0);\n\n    // Double-tap feedback animation state\n    const [skipFeedback, setSkipFeedback] = useState<{ direction: 'forward' | 'backward'; interval: number } | null>(null);\n    const feedbackOpacity = useRef(new Animated.Value(0)).current;\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    const handleProgress = useCallback(\n      (event: { nativeEvent: { currentTime: number; duration: number; progress: number } }) => {\n        currentTimeRef.current = event.nativeEvent.currentTime;\n        durationRef.current = event.nativeEvent.duration;\n        setCurrentTime(event.nativeEvent.currentTime);\n        setDuration(event.nativeEvent.duration);\n        onProgress?.(event);\n      },\n      [onProgress]\n    );\n\n    const handlePlaybackStatusChange = useCallback(\n      (event: { nativeEvent: { status: string; time?: number } }) => {\n        isPlayingRef.current = event.nativeEvent.status === 'playing';\n        onPlaybackStatusChange?.(event as any);\n      },\n      [onPlaybackStatusChange]\n    );\n\n    // Handle native double-tap skip event - show visual feedback\n    const handleDoubleTapSkip = useCallback(\n      (event: { nativeEvent: DoubleTapSkipEvent }) => {\n        const { direction, skipInterval, newTime } = event.nativeEvent;\n\n        // Update local time state\n        currentTimeRef.current = newTime;\n        setCurrentTime(newTime);\n\n        // Show visual feedback\n        setSkipFeedback({ direction, interval: skipInterval });\n        feedbackOpacity.setValue(1);\n        Animated.timing(feedbackOpacity, {\n          toValue: 0,\n          duration: 600,\n          delay: 200,\n          useNativeDriver: true,\n        }).start(() => {\n          setSkipFeedback(null);\n        });\n\n        // Forward the event to parent if provided\n        onDoubleTapSkip?.(event);\n      },\n      [feedbackOpacity, onDoubleTapSkip]\n    );\n\n    // PlayheadBar callbacks\n    const handleSeekStart = useCallback(() => {\n      wasPlayingRef.current = isPlayingRef.current;\n      if (isPlayingRef.current) {\n        nativeRef.current?.pause();\n      }\n    }, []);\n\n    const handlePlayheadSeek = useCallback((time: number) => {\n      nativeRef.current?.seek(time);\n      currentTimeRef.current = time;\n      setCurrentTime(time);\n    }, []);\n\n    const handleSeekEnd = useCallback(() => {\n      if (wasPlayingRef.current) {\n        nativeRef.current?.play();\n      }\n    }, []);\n\n    return (\n      <View style={[style, { overflow: 'hidden' }]} pointerEvents=\"box-none\">\n        <NativeView\n          ref={nativeRef}\n          {...nativeProps}\n          enableDoubleTapSkip={enableDoubleTapSkip}\n          doubleTapSkipInterval={doubleTapSkipInterval}\n          onProgress={handleProgress}\n          onPlaybackStatusChange={handlePlaybackStatusChange}\n          onDoubleTapSkip={handleDoubleTapSkip}\n          style={{ flex: 1 }}\n        />\n        {/* Double-tap skip visual feedback (shows on native event) */}\n        {skipFeedback && (\n          <View style={styles.feedbackContainer} pointerEvents=\"none\">\n            <View style={[styles.feedbackHalf, skipFeedback.direction === 'backward' && styles.feedbackActive]}>\n              {skipFeedback.direction === 'backward' && (\n                <Animated.View style={[styles.feedbackCircle, { opacity: feedbackOpacity }]}>\n                  <Text style={styles.arrowText}>{'<<'}</Text>\n                  <Text style={styles.skipText}>{skipFeedback.interval}s</Text>\n                </Animated.View>\n              )}\n            </View>\n            <View style={[styles.feedbackHalf, skipFeedback.direction === 'forward' && styles.feedbackActive]}>\n              {skipFeedback.direction === 'forward' && (\n                <Animated.View style={[styles.feedbackCircle, { opacity: feedbackOpacity }]}>\n                  <Text style={styles.arrowText}>{'>>'}</Text>\n                  <Text style={styles.skipText}>{skipFeedback.interval}s</Text>\n                </Animated.View>\n              )}\n            </View>\n          </View>\n        )}\n        {showPlayheadBar && (\n          <PlayheadBar\n            currentTime={currentTime}\n            duration={duration}\n            onSeekStart={handleSeekStart}\n            onSeek={handlePlayheadSeek}\n            onSeekEnd={handleSeekEnd}\n          />\n        )}\n      </View>\n    );\n  }\n);\n\nconst styles = StyleSheet.create({\n  feedbackContainer: {\n    ...StyleSheet.absoluteFillObject,\n    flexDirection: 'row',\n  },\n  feedbackHalf: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  feedbackActive: {},\n  feedbackCircle: {\n    width: 64,\n    height: 64,\n    borderRadius: 32,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  arrowText: {\n    color: '#FFFFFF',\n    fontSize: 20,\n    fontWeight: '700',\n  },\n  skipText: {\n    color: '#FFFFFF',\n    fontSize: 12,\n    fontWeight: '600',\n    marginTop: 2,\n  },\n});\n\nTwoStepVideoView.displayName = 'TwoStepVideoView';\n\nexport default TwoStepVideoView;\n"]}

package/build/components/DoubleTapSkip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleTapSkip.d.ts","sourceRoot":"","sources":["../../src/components/DoubleTapSkip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,MAAM,GACP,EAAE,kBAAkB,qBA2FpB"}
+{"version":3,"file":"DoubleTapSkip.d.ts","sourceRoot":"","sources":["../../src/components/DoubleTapSkip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,MAAM,GACP,EAAE,kBAAkB,qBAiGpB"}

package/build/components/DoubleTapSkip.js

@@ -65,28 +65,35 @@ export default function DoubleTapSkip({ currentTime, duration, skipInterval, onS
         }
     }, [skipInterval, onSeek, showFeedback, rightOpacity]);
     return (<View style={styles.container} pointerEvents="box-none">
-      <TouchableWithoutFeedback onPress={handleLeftTap}>
-        <View style={styles.half}>
-          <Animated.View style={[styles.feedback, { opacity: leftOpacity }]}>
-            <View style={styles.feedbackCircle}>
-              <Text style={styles.arrowText}>{'<<'}</Text>
-              <Text style={styles.skipText}>{skipInterval}s</Text>
-            </View>
-          </Animated.View>
-        </View>
-      </TouchableWithoutFeedback>
-      <TouchableWithoutFeedback onPress={handleRightTap}>
-        <View style={styles.half}>
-          <Animated.View style={[styles.feedback, { opacity: rightOpacity }]}>
-            <View style={styles.feedbackCircle}>
-              <Text style={styles.arrowText}>{'>>'}</Text>
-              <Text style={styles.skipText}>{skipInterval}s</Text>
-            </View>
-          </Animated.View>
-        </View>
-      </TouchableWithoutFeedback>
+      {/* Left side - positioned as a smaller hit zone to allow pinch gestures elsewhere */}
+      <View style={styles.half} pointerEvents="box-none">
+        <TouchableWithoutFeedback onPress={handleLeftTap}>
+          <View style={styles.hitZone}>
+            <Animated.View style={[styles.feedback, { opacity: leftOpacity }]}>
+              <View style={styles.feedbackCircle}>
+                <Text style={styles.arrowText}>{'<<'}</Text>
+                <Text style={styles.skipText}>{skipInterval}s</Text>
+              </View>
+            </Animated.View>
+          </View>
+        </TouchableWithoutFeedback>
+      </View>
+      {/* Right side - positioned as a smaller hit zone to allow pinch gestures elsewhere */}
+      <View style={styles.half} pointerEvents="box-none">
+        <TouchableWithoutFeedback onPress={handleRightTap}>
+          <View style={styles.hitZone}>
+            <Animated.View style={[styles.feedback, { opacity: rightOpacity }]}>
+              <View style={styles.feedbackCircle}>
+                <Text style={styles.arrowText}>{'>>'}</Text>
+                <Text style={styles.skipText}>{skipInterval}s</Text>
+              </View>
+            </Animated.View>
+          </View>
+        </TouchableWithoutFeedback>
+      </View>
     </View>);
 }
+const HIT_ZONE_SIZE = 120;
 const styles = StyleSheet.create({
     container: {
         ...StyleSheet.absoluteFillObject,
@@ -97,6 +104,14 @@ const styles = StyleSheet.create({
         justifyContent: 'center',
         alignItems: 'center',
     },
+    hitZone: {
+        // Smaller hit zone allows pinch gestures in other areas
+        width: HIT_ZONE_SIZE,
+        height: HIT_ZONE_SIZE,
+        borderRadius: HIT_ZONE_SIZE / 2,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
     feedback: {
         justifyContent: 'center',
         alignItems: 'center',