import { ShortsFeed } from "@/components/shorts-feed";
import { getSessionUser } from "@/lib/auth";
import { listVideos } from "@/lib/data";
import { ensureSeeded } from "@/lib/seed";

export const dynamic = "force-dynamic";
export const metadata = { title: "Shorts" };

export default async function ShortsPage() {
  await ensureSeeded();
  const session = await getSessionUser();
  const feed = await listVideos({ isShort: true, sort: "trending", limit: 20, subscriberOfUserId: session?.user.id });
  const items = feed.map((item) => ({
    ...item,
    mp4Url: null as string | null,
    hlsUrl: null as string | null,
    description: item.description,
  }));
  return <ShortsFeed initialItems={items} />;
}