refactor(video-page): split video page into modular components, hooks, and shared types

components/video-page/types.ts

@@ -0,0 +1,155 @@
+export interface Version {
+  id: string;
+  versionNumber: number;
+  versionLabel: string | null;
+  providerId: string;
+  videoId: string;
+  originalUrl: string;
+  title: string | null;
+  thumbnailUrl: string | null;
+  duration: number | null;
+  isActive: boolean;
+  _count: { comments: number };
+}
+
+export interface CommentTag {
+  id: string;
+  name: string;
+  color: string;
+}
+
+export interface CommentReply {
+  id: string;
+  content: string | null;
+  voiceUrl: string | null;
+  voiceDuration: number | null;
+  imageUrl: string | null;
+  annotationData: string | null;
+  createdAt: string;
+  author: { id: string; name: string | null; image: string | null } | null;
+  guestName: string | null;
+  canEdit?: boolean;
+  canDelete?: boolean;
+  tag: CommentTag | null;
+}
+
+export interface Comment {
+  id: string;
+  content: string | null;
+  timestamp: number;
+  voiceUrl: string | null;
+  voiceDuration: number | null;
+  imageUrl: string | null;
+  annotationData: string | null;
+  isResolved: boolean;
+  createdAt: string;
+  author: { id: string; name: string | null; image: string | null } | null;
+  guestName: string | null;
+  canEdit?: boolean;
+  canDelete?: boolean;
+  tag: CommentTag | null;
+  replies: CommentReply[];
+}
+
+export interface VideoData {
+  id: string;
+  title: string;
+  description: string | null;
+  projectId: string;
+  project: {
+    name: string;
+    ownerId: string;
+    members?: { role: string }[];
+    visibility?: string;
+  };
+  versions: (Version & { comments: Comment[] })[];
+  isAuthenticated: boolean;
+  currentUserId: string | null;
+  currentUserName: string | null;
+  canComment?: boolean;
+  canDownload?: boolean;
+  canManageTags?: boolean;
+  canResolveComments?: boolean;
+}
+
+export interface BunnyQualityOption {
+  level: number;
+  label: string;
+}
+
+export type BunnyPlaybackState = 'none' | 'processing' | 'error';
+export type BunnyDownloadPreference = 'original' | 'compressed';
+export type DownloadTarget = BunnyDownloadPreference | 'direct';
+
+export interface CommentMarker {
+  id: string;
+  timestamp: number;
+  color: string;
+  annotationData: string | null;
+  preview: string;
+}
+
+export interface PlayerAdapter {
+  playVideo: () => void;
+  pauseVideo: () => void;
+  seekTo: (time: number, allowSeekAhead?: boolean) => void;
+  mute: () => void;
+  unMute: () => void;
+  isMuted: () => boolean;
+  getCurrentTime: () => number;
+  getDuration: () => number;
+  getPlayerState: () => number;
+  setPlaybackRate: (rate: number) => void;
+  destroy: () => void;
+  off?: (event: string) => void;
+}
+
+export interface WatchProgressConfig {
+  videoId: string;
+  activeVersionId: string | null;
+  isAuthenticated: boolean;
+  pathname: string;
+}
+
+export interface WatchProgressState {
+  savedProgress: number | null;
+  showResumePrompt: boolean;
+}
+
+export interface CommentActionsConfig {
+  videoId: string;
+}
+
+export interface VersionActionsConfig {
+  projectId?: string;
+  videoId: string;
+}
+
+export interface VideoPageHeaderActions {
+  onVersionSelect: (versionId: string) => void;
+  onDeleteCurrentVersionClick: () => void;
+  onDownload: (preference?: BunnyDownloadPreference) => void;
+  onOpenCompare: () => void;
+  onCreateVersion: () => void;
+}
+
+export interface VideoPageCommentsActions {
+  onExportComments: (format: 'csv' | 'pdf') => void;
+  onResolveComment: (commentId: string, currentlyResolved: boolean) => void;
+  onEditComment: (commentId: string) => void;
+  onDeleteComment: (commentId: string) => void;
+  onReplyComment: (parentId: string, voiceData?: { url: string; duration: number }, imageData?: { url: string }) => void;
+  onSubmitReplyWithMedia: (parentId: string) => void;
+  onStartEditAnnotation: () => void;
+}
+
+export interface VideoPageComposerActions {
+  onSubmitCommentWithMedia: () => void;
+  onAddComment: () => void;
+  onPauseVideoForAnnotation: () => void;
+}
+
+export interface VideoPageCompareActions {
+  onToggleVersion: (versionId: string) => void;
+  onCompare: () => void;
+}