feat: add chat pages

Author: soyricardodev

apps/gifting-concierge/src/app/chat/[id]/page.tsx

@@ -0,0 +1,78 @@
+import type { Metadata } from "next";
+import { notFound, redirect } from "next/navigation";
+
+import { Chat } from "~/components/ai/chat";
+import { AI, getChat } from "~/components/ai/chat/actions";
+import type { Session } from "~/utils/types";
+import { createClient } from "~/supabase/server";
+
+export interface ChatPageProps {
+	params: {
+		id: string;
+	};
+}
+
+export async function generateMetadata({
+	params,
+}: ChatPageProps): Promise<Metadata> {
+	const supabase = createClient();
+	const { data } = await supabase.auth.getUser();
+
+	const session: Session | undefined = data?.user?.email
+		? {
+				user: {
+					id: data.user.id,
+					email: data.user.email,
+				},
+			}
+		: undefined;
+
+	if (!session?.user) {
+		return {};
+	}
+
+	const chat = await getChat(params.id, session.user.id);
+	return {
+		title: chat?.title.toString().slice(0, 50) ?? "Chat",
+	};
+}
+
+export default async function ChatPage({ params }: ChatPageProps) {
+	const supabase = createClient();
+	const { data } = await supabase.auth.getUser();
+	const session: Session | undefined = data?.user?.email
+		? {
+				user: {
+					id: data.user.id,
+					email: data.user.email,
+				},
+			}
+		: undefined;
+	const missingKeys: string[] = [];
+
+	if (!session?.user) {
+		redirect(`/login?next=/chat/${params.id}`);
+	}
+
+	const userId = session.user.id as string;
+	const chat = await getChat(params.id, userId);
+
+	if (!chat) {
+		redirect("/");
+	}
+
+	if (chat?.userId !== session?.user?.id) {
+		notFound();
+	}
+
+	return (
+		<AI initialAIState={{ chatId: chat.id, messages: chat.messages }}>
+			<Chat
+				id={chat.id}
+				session={session}
+				initialMessages={chat.messages}
+				missingKeys={missingKeys}
+			/>
+		</AI>
+	);
+}

apps/gifting-concierge/src/app/chat/page.tsx

@@ -0,0 +1,30 @@
+import { nanoid } from "~/utils";
+import { Chat } from "~/components/ai/chat";
+import { AI } from "~/components/ai/chat/actions";
+import { createClient } from "~/supabase/server";
+import type { Session } from "~/utils/types";
+
+export const metadata = {
+	title: "The Liaison AI",
+};
+
+export default async function AIPage() {
+	const id = nanoid();
+	const supabase = createClient();
+	const { data } = await supabase.auth.getUser();
+
+	const session: Session | undefined = data?.user?.email
+		? {
+				user: {
+					id: data.user.id,
+					email: data.user.email,
+				},
+			}
+		: undefined;
+
+	return (
+		<AI initialAIState={{ chatId: id, messages: [] }}>
+			<Chat id={id} session={session} missingKeys={[]} />
+		</AI>
+	);
+}