thoughts/thoughts-frontend/app/remote-actor/page.tsx

import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { cookies } from "next/headers";
import { getMe, lookupRemoteActor, getRemoteActorPosts, Me } from "@/lib/api";
import { RemoteUserProfile } from "@/components/remote-user-profile";

interface RemoteActorPageProps {
  searchParams: Promise<{ handle?: string }>;
}

function stripHtml(html: string) {
  return html.replace(/<[^>]*>/g, "").trim();
}

export async function generateMetadata({
  searchParams,
}: RemoteActorPageProps): Promise<Metadata> {
  const { handle } = await searchParams;
  if (!handle) return { title: "Profile" };

  const token = (await cookies()).get("auth_token")?.value ?? null;
  const actor = await lookupRemoteActor(handle, token).catch(() => null);
  if (!actor) return { title: handle };

  const name = actor.displayName || actor.handle;
  const description = actor.bio
    ? stripHtml(actor.bio).slice(0, 160)
    : `${name} on the Fediverse. Follow from Thoughts.`;

  return {
    title: `${name} (${actor.handle})`,
    description,
    openGraph: {
      type: "profile",
      title: `${name} (${actor.handle})`,
      description,
      images: actor.avatarUrl ? [{ url: actor.avatarUrl }] : [],
    },
    twitter: {
      card: "summary",
      title: `${name} · Thoughts`,
      description,
      images: actor.avatarUrl ? [actor.avatarUrl] : [],
    },
  };
}

export default async function RemoteActorPage({
  searchParams,
}: RemoteActorPageProps) {
  const { handle } = await searchParams;
  if (!handle) notFound();

  const token = (await cookies()).get("auth_token")?.value ?? null;

  const [actorResult, postsResult, meResult] = await Promise.allSettled([
    lookupRemoteActor(handle, token),
    getRemoteActorPosts(handle, 1, token),
    token ? getMe(token) : Promise.resolve(null),
  ]);

  if (actorResult.status === "rejected") {
    notFound();
  }

  const actor = actorResult.value;
  const posts =
    postsResult.status === "fulfilled" ? postsResult.value.items : [];
  const me =
    meResult.status === "fulfilled" ? (meResult.value as Me | null) : null;

  return <RemoteUserProfile actor={actor} initialPosts={posts} me={me} />;
}