@droppii-org/chat-mobile 0.2.24 → 0.2.26

package/src/hooks/useVideoAttachment.ts

@@ -1,334 +0,0 @@
-import { useCallback, useState } from 'react';
-import RNFS from 'react-native-fs';
-import DeviceUtils from '../utils/device';
-import UIUtils from '../utils/ui';
-import { trans } from '../translation';
-import { getMimeType } from '../utils/imageUtils';
-import { UPLOAD_LIMITS } from '../config/uploadLimits';
-import { ImageUploadAPI } from '../services/imageUpload';
-import VideoThumbnailUtil from '../utils/videoThumbnail';
-
-interface PickedVideo {
-  path: string;
-  filename?: string;
-  size?: number;
-  width?: number;
-  height?: number;
-  duration?: number;
-}
-
-interface VideoWithUploadStatus {
-  type: 'video';
-  video: PickedVideo;
-  uploadProgress: number;
-  error: string | null;
-  isUploading: boolean;
-  uploadedUrl?: string;
-  thumbnailUrl?: string;
-  thumbnailPath?: string;
-  thumbnailSize?: number;
-}
-
-export interface UseVideoAttachmentReturn {
-  selectedVideos: VideoWithUploadStatus[];
-  isVideoPreviewVisible: boolean;
-  handleVideoAttach: () => Promise<void>;
-  handleVideoRemove: (index: number) => void;
-  clearAllVideos: () => void;
-}
-
-export const useVideoAttachment = (): UseVideoAttachmentReturn => {
-  const [selectedVideos, setSelectedVideos] = useState<VideoWithUploadStatus[]>(
-    []
-  );
-  const [isVideoPreviewVisible, setIsVideoPreviewVisible] = useState(false);
-
-  const updateVideoStatus = useCallback(
-    (index: number, updates: Partial<Omit<VideoWithUploadStatus, 'video'>>) => {
-      setSelectedVideos((prev) => {
-        const newVideos = [...prev];
-        if (newVideos[index]) {
-          newVideos[index] = { ...newVideos[index], ...updates };
-        }
-        return newVideos;
-      });
-    },
-    []
-  );
-
-  const uploadVideo = useCallback(
-    async (index: number, video: PickedVideo) => {
-      console.log('UploadVideo', 'Step 1: Starting upload for video', {
-        index,
-      });
-      let cachedFilePath: string | null = null;
-
-      try {
-        console.log('UploadVideo', 'Step 2: Updating status to uploading...');
-        updateVideoStatus(index, {
-          isUploading: true,
-          error: null,
-          uploadProgress: 0,
-        });
-
-        try {
-          console.log('UploadVideo', 'Step 3: Preparing file...', {
-            originalPath: video.path,
-            filename: video.filename,
-          });
-          const ext = video.filename?.split('.').pop() || 'mp4';
-          const fileName = `temp-video-${Date.now()}-${index}.${ext}`;
-          cachedFilePath = `${RNFS.DocumentDirectoryPath}/${fileName}`;
-
-          console.log('UploadVideo', 'Step 4: Copying file to cache...', {
-            from: video.path,
-            to: cachedFilePath,
-          });
-          await RNFS.copyFile(video.path, cachedFilePath);
-          console.log('UploadVideo', 'Step 5: File copied successfully');
-        } catch (fileError: any) {
-          console.error('UploadVideo', 'File copy error', fileError);
-          throw new Error(
-            `Failed to prepare file: ${fileError?.message || 'Unknown error'}`
-          );
-        }
-
-        const filename = video.filename || 'video.mp4';
-
-        const setProgress = (progress: number) => {
-          try {
-            console.log('UploadVideo', 'Progress', { percentage: progress });
-            updateVideoStatus(index, { uploadProgress: progress });
-          } catch (err) {
-            console.error('UploadVideo', 'Progress update error', err);
-          }
-        };
-
-        let uploadedVideo;
-        try {
-          console.log('UploadVideo', 'Step 6: Uploading to server...', {
-            filename,
-            size: video.size,
-            duration: video.duration,
-          });
-          uploadedVideo = await ImageUploadAPI.uploadImageFile(
-            {
-              path: cachedFilePath || '',
-              filename,
-              size: video.size || 0,
-              width: video.width || 0,
-              height: video.height || 0,
-              mime: getMimeType(filename),
-            },
-            setProgress
-          );
-          console.log('UploadVideo', 'Step 7: Upload successful!', {
-            url: uploadedVideo?.url,
-          });
-        } catch (uploadError: any) {
-          console.error('UploadVideo', 'Server upload error', uploadError);
-          throw new Error(
-            `Upload failed: ${uploadError?.message || 'Unknown error'}`
-          );
-        }
-
-        if (!uploadedVideo?.url) {
-          throw new Error('No URL returned from server');
-        }
-
-        console.log('UploadVideo', 'Step 8: Video upload complete');
-
-        // Step 8.5: Generate and upload thumbnail (REQUIRED before ready to send)
-        let thumbnailUrl: string | undefined;
-        let thumbnailPath: string | undefined;
-        let thumbnailSize: number | undefined;
-
-        try {
-          console.log('UploadVideo', 'Step 8.5a: Generating thumbnail...');
-          const thumbnail = await VideoThumbnailUtil.generateThumbnail(
-            video.path,
-            { time: 1000, quality: 80 } // time in milliseconds (1 second)
-          );
-
-          if (!thumbnail) {
-            throw new Error('Failed to generate thumbnail from video');
-          }
-
-          thumbnailPath = thumbnail.path;
-          console.log('✅ [UploadVideo] THUMBNAIL PATH:', thumbnail.path);
-          console.log('UploadVideo', 'Step 8.5b: Thumbnail generated', {
-            path: thumbnail.path,
-            width: thumbnail.width,
-            height: thumbnail.height,
-          });
-
-          console.log('UploadVideo', 'Step 8.5c: Uploading thumbnail...');
-          const uploadedThumbnail = await ImageUploadAPI.uploadImageFile(
-            {
-              path: thumbnail.path,
-              filename: `thumb-${filename}`,
-              size: 0,
-              width: thumbnail.width || 320,
-              height: thumbnail.height || 180,
-              mime: 'image/jpeg',
-            },
-            (progress) => {
-              console.log('UploadVideo', 'Thumbnail upload progress', {
-                percentage: progress,
-              });
-            }
-          );
-
-          if (!uploadedThumbnail?.url) {
-            throw new Error('Thumbnail URL not returned from server');
-          }
-
-          thumbnailUrl = uploadedThumbnail.url;
-          thumbnailSize = uploadedThumbnail.size || 0;
-          console.log('✅ [UploadVideo] THUMBNAIL URL READY:', thumbnailUrl);
-          console.log('UploadVideo', 'Step 8.5d: Thumbnail uploaded', {
-            url: thumbnailUrl,
-            size: `${thumbnailSize} bytes`,
-          });
-        } catch (thumbError: any) {
-          const errorMsg =
-            thumbError?.message || 'Failed to generate/upload thumbnail';
-          console.error('❌ [UploadVideo] THUMBNAIL ERROR:', errorMsg);
-          throw new Error(errorMsg);
-        }
-
-        console.log('UploadVideo', 'Step 9: Preparing data...');
-        updateVideoStatus(index, {
-          isUploading: false,
-          uploadProgress: 100,
-          uploadedUrl: uploadedVideo.url,
-          thumbnailUrl,
-          thumbnailPath,
-          thumbnailSize,
-        });
-
-        console.log(
-          'UploadVideo',
-          'Step 10: Ready to send - waiting for user confirmation'
-        );
-
-        console.log('UploadVideo', 'Step 11: Cleaning up cache files...');
-        try {
-          if (cachedFilePath) {
-            await ImageUploadAPI.cleanupImageFile(cachedFilePath);
-          }
-          if (thumbnailPath) {
-            await VideoThumbnailUtil.cleanupThumbnail(thumbnailPath);
-          }
-        } catch (cleanupError) {
-          console.warn('UploadVideo', 'Cleanup warning', cleanupError);
-        }
-        console.log('UploadVideo', 'Step 12: COMPLETE ✓');
-      } catch (error: any) {
-        console.error('UploadVideo', 'ERROR', error);
-        const errorMsg = error?.message || trans('chat:video_upload_failed');
-        updateVideoStatus(index, {
-          isUploading: false,
-          error: errorMsg,
-        });
-
-        try {
-          if (cachedFilePath) {
-            await ImageUploadAPI.cleanupImageFile(cachedFilePath);
-          }
-        } catch (cleanupError) {
-          console.warn('UploadVideo', 'Cleanup after error', cleanupError);
-        }
-
-        console.error('uploadVideo', 'Full error', error);
-      }
-    },
-    [updateVideoStatus]
-  );
-
-  const handleVideoAttach = useCallback(async () => {
-    console.log('VideoAttach', 'Step 1: User tapped video attachment button');
-    try {
-      console.log('VideoAttach', 'Step 2: Opening video picker...');
-      const videos = await DeviceUtils.openVideoPicker();
-
-      if (!videos || videos.length === 0) {
-        console.log('VideoAttach', 'Step 3: User cancelled picker');
-        return;
-      }
-
-      console.log('VideoAttach', 'Step 4: Videos picked', {
-        count: videos.length,
-      });
-
-      const oversizedVideos = videos.filter(
-        (vid) => (vid.size || 0) > UPLOAD_LIMITS.video
-      );
-
-      if (oversizedVideos.length > 0) {
-        console.warn('VideoAttach', 'Step 5: Some videos too large', {
-          count: oversizedVideos.length,
-          maxSize: UPLOAD_LIMITS.video,
-        });
-        UIUtils.toast.open({
-          title: trans('chat:video_too_large'),
-          theme: 'danger',
-        });
-        const validVideos = videos.filter(
-          (vid) => (vid.size || 0) <= UPLOAD_LIMITS.video
-        );
-        if (validVideos.length === 0) return;
-        videos.splice(0, videos.length, ...validVideos);
-      }
-
-      console.log('VideoAttach', 'Step 6: Size validation passed');
-      const startIndex = selectedVideos.length;
-
-      console.log('VideoAttach', 'Step 7: Adding to preview list', {
-        count: videos.length,
-        startIndex,
-      });
-
-      setSelectedVideos((prev) => [
-        ...prev,
-        ...videos.map((video) => ({
-          type: 'video' as const,
-          video,
-          uploadProgress: 0,
-          error: null,
-          isUploading: true,
-        })),
-      ]);
-      setIsVideoPreviewVisible(true);
-
-      console.log('VideoAttach', 'Step 8: Starting uploads...');
-      await Promise.all(
-        videos.map((video, offset) => uploadVideo(startIndex + offset, video))
-      );
-    } catch (error) {
-      console.error('VideoAttach', 'ERROR', error);
-      UIUtils.toast.open({
-        title: trans('chat:video_pick_failed'),
-        message: error instanceof Error ? error.message : 'Unknown error',
-        theme: 'danger',
-      });
-    }
-  }, [selectedVideos.length, uploadVideo]);
-
-  const handleVideoRemove = useCallback((index: number) => {
-    setSelectedVideos((prev) => prev.filter((_, i) => i !== index));
-  }, []);
-
-  const clearAllVideos = useCallback(() => {
-    setSelectedVideos([]);
-    setIsVideoPreviewVisible(false);
-  }, []);
-
-  return {
-    selectedVideos,
-    isVideoPreviewVisible,
-    handleVideoAttach,
-    handleVideoRemove,
-    clearAllVideos,
-  };
-};