story-generator/src/hooks/useLanguages.ts

import { useQuery } from '@tanstack/react-query';
import { supabase } from '../lib/supabase';
import type { Language, SupportedLanguageCode, LanguageOption } from '../types/language';

interface UseLanguagesReturn {
  languages: Language[];
  isLoading: boolean;
  error: Error | null;
  getLanguageLabel: (code: SupportedLanguageCode) => string;
  supportedLanguages: LanguageOption[];
}

export function useLanguages(): UseLanguagesReturn {
  const { data: languages = [], isLoading, error } = useQuery<Language[]>({
    queryKey: ['languages'],
    queryFn: async () => {
      const { data, error } = await supabase
        .from('languages')
        .select('*')
        .order('name');

      if (error) throw error;
      return data;
    }
  });

  const supportedLanguages: LanguageOption[] = languages.map(lang => ({
    value: lang.code as SupportedLanguageCode,
    label: lang.name
  }));

  const getLanguageLabel = (code: SupportedLanguageCode): string => {
    const language = languages.find(lang => lang.code === code);
    return language?.name || code;
  };

  return {
    languages,
    isLoading,
    error: error as Error | null,
    getLanguageLabel,
    supportedLanguages
  };
}