import { Metadata } from "next"

import { serverClient } from "@/lib/trpc/server"

import { MetaData } from "@/types/components/metadata"

export async function generateMetadata(): Promise<Metadata> {
  const metaData: MetaData | never[] | null =
    await serverClient().contentstack.metaData.get()

  if (Array.isArray(metaData)) {
    return {
      title: "",
      description: "",
      openGraph: {
        images: [],
      },
    }
  }

  const title = metaData?.breadcrumbsTitle ?? metaData?.title ?? ""
  const description = metaData?.description ?? ""
  const images =
    metaData?.imageConnection?.edges?.map((edge) => ({
      url: edge.node.url,
    })) || []

  return {
    title,
    description,
    openGraph: {
      images,
    },
  }
}