TMDB Integration

const trending = await getTrendingAll("week");
// Returns top 10 trending items from the past week

const nowPlaying = await getNowPlayingMovies();
// Returns top 10 now playing movies

const topSeries = await getTopRatedSeries();
// Returns top 5 rated TV series

const posterUrl = getPosterUrl(movie.poster_path, "w500");
// Returns: "https://image.tmdb.org/t/p/w500/abc123.jpg"

export default async function HomePage() {
  let trending: TmdbMovie[] = [];
  
  try {
    trending = await getTrendingAll("week");
  } catch (error) {
    console.error("TMDB API error:", error);
    // Continue rendering with empty catalog
    // No crash, degraded experience
  }

  return <LandingClient trending={trending} />;
}

export interface TmdbMovie {
  id: number;                    // Unique TMDB ID
  title?: string;                // Movie title
  name?: string;                 // TV show name
  poster_path: string | null;    // Poster image path
  backdrop_path: string | null;  // Backdrop image path
  overview: string;              // Description/synopsis
  vote_average: number;          // Rating (0-10)
  release_date?: string;         // Movie release date
  first_air_date?: string;       // TV show first air date
  genre_ids: number[];           // Array of genre IDs
  media_type?: string;           // "movie" or "tv"
}

export interface TmdbResponse {
  results: TmdbMovie[];  // Array of movies/TV shows
}

const tmdbClient = axios.create({
  baseURL: BASE_URL,
  params: { 
    api_key: TMDB_API_KEY, 
    language: "en-US" // Change to your desired locale
  },
});

export async function searchMovies(query: string): Promise<TmdbMovie[]> {
  const { data } = await tmdbClient.get<TmdbResponse>("/search/multi", {
    params: { query },
  });
  return data.results;
}

export async function getMovieDetails(movieId: number) {
  const { data } = await tmdbClient.get(`/movie/${movieId}`);
  return data;
}

export async function getGenres() {
  const { data } = await tmdbClient.get("/genre/movie/list");
  return data.genres;
}