DefVideo/client/src/hooks/useAnnotations.ts

import { useEffect, useCallback } from 'react';
import { useAnnotationStore } from '../store/annotationStore';
import type { Annotation, CreateAnnotationInput, UpdateAnnotationInput } from '@abcvideo/shared';

export function useAnnotations(videoId: string | null) {
  const { annotations, setAnnotations, addAnnotation, updateAnnotation, removeAnnotation } =
    useAnnotationStore();

  useEffect(() => {
    if (!videoId) { setAnnotations([]); return; }
    fetch(`/api/annotations/${videoId}`)
      .then((r) => r.json())
      .then((data: Annotation[]) => setAnnotations(data))
      .catch(console.error);
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [videoId]);

  const create = useCallback(
    async (input: Omit<CreateAnnotationInput, 'videoId'>) => {
      if (!videoId) return;
      const res = await fetch(`/api/annotations/${videoId}`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ ...input, videoId }),
      });
      const annotation: Annotation = await res.json();
      addAnnotation(annotation);
      return annotation;
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [videoId]
  );

  const update = useCallback(
    async (id: string, input: UpdateAnnotationInput) => {
      if (!videoId) return;
      const res = await fetch(`/api/annotations/${videoId}/${id}`, {
        method: 'PUT',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(input),
      });
      const annotation: Annotation = await res.json();
      updateAnnotation(id, annotation);
      return annotation;
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [videoId]
  );

  const remove = useCallback(
    async (id: string) => {
      if (!videoId) return;
      await fetch(`/api/annotations/${videoId}/${id}`, { method: 'DELETE' });
      removeAnnotation(id);
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [videoId]
  );

  return { annotations, create, update, remove };
}