(null);
+
+
+
+ useEffect(() => {
+ if (ttsSupported && voices.length > 0) {
+ const defaultVoice = voices.find((v) => v.default) || voices[0];
+ setSelectedVoice(defaultVoice!);
+ }
+ }, [voices, ttsSupported]);
+
+
+
+ const scrollToBottom = () => {
+ messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+ };
+
+ useEffect(() => {
+ scrollToBottom();
+ }, [messages]);
+
+
+
+
+ const handleCopy = async (content: string) => {
+ try {
+ await navigator.clipboard.writeText(content);
+ setCopied(true);
+ setTimeout(() => setCopied(false), 2000); // Reset after 2s
+ } catch (err) {
+ console.error("Failed to copy: ", err);
+ }
+ };
+
+
+
+ return (
+
+
+
+
+ {messages.length === 0 ? (
+
+
+
+ ) : (
+
+
+ {messages.map((message) => (
+
+
+
+ {children}
+
+ ) : (
+
+
+
{match ? match[1] : "text"}
+
+
+
+
+
+
+ {codeContent}
+
+
+ {props.children}
+
+ ),
+ h2: (props) => (
+
+ {props.children}
+
+ ),
+ h3: (props) => (
+
+ {props.children}
+
+ ),
+ }}
+ >
+ {message.content}
+
+
+
+ {message.role === "assistant" && (
+
+
+
+
+
+
+ )}
+ {message.role === "user" && (
+
+ )}
+
+
+ ))}
+
+
+
+ )}
+
+
+
+
+
{
+ e.preventDefault();
+ const shareLink = process.env.NEXT_PUBLIC_APP_URL + `/chat/share/${chat.id}`
+ navigator.clipboard.writeText(shareLink)
+ toast.success("Share link copied to clipboard")
+ }}
+ >
+
+
{
@@ -263,6 +279,21 @@ export function UIStructure() {
/>
+ {
+ e.preventDefault();
+ const shareLink = process.env.NEXT_PUBLIC_APP_URL + `/chat/share/${chat.id}`
+ navigator.clipboard.writeText(shareLink)
+ toast.success("Share link copied to clipboard")
+ }}
+ >
+
+
+
handleDeleteChat(chat.id)}
diff --git a/src/config/site.ts b/src/config/site.ts
new file mode 100644
index 0000000..2409bc2
--- /dev/null
+++ b/src/config/site.ts
@@ -0,0 +1,39 @@
+import type { Metadata } from 'next';
+
+const TITLE = 'T3chat - An Open-source, user-friendly fast AI response chat app';
+const DESCRIPTION =
+ 'T3chat is a platform that allows you to chat with AI, support different LLM, respond very fast, user friendly, have customization, cheap.';
+
+const BASE_URL = process.env.NEXT_PUBLIC_APP_URL;
+
+export const siteConfig: Metadata = {
+ title: TITLE,
+ description: DESCRIPTION,
+ icons: {
+ icon: '/favicon.ico',
+ },
+ applicationName: 'T3chat',
+ creator: 'praash',
+
+ category: 'AI',
+ alternates: {
+ canonical: BASE_URL,
+ },
+ keywords: [
+ 'T3chat',
+ 'AI',
+ 'LLM',
+ 'Fast',
+ 'User friendly',
+ 'Customization',
+ 'Cheap',
+ 'web3',
+ 'blockchain',
+ 'open-source',
+ 'self-hosted',
+ 'self-hosting',
+ 'self-host',
+ 'self-hosting',
+ ],
+ metadataBase: new URL(BASE_URL!),
+};
\ No newline at end of file
diff --git a/src/server/api/routers/chat.ts b/src/server/api/routers/chat.ts
index 889287e..c68a083 100644
--- a/src/server/api/routers/chat.ts
+++ b/src/server/api/routers/chat.ts
@@ -1,4 +1,4 @@
-import { createTRPCRouter, protectedProcedure } from "@/server/api/trpc";
+import { createTRPCRouter, protectedProcedure, publicProcedure } from "@/server/api/trpc";
import { db } from "@/server/db";
import { z } from "zod";
@@ -122,6 +122,54 @@ export const chatRouter = createTRPCRouter({
};
}
}),
+ getChatById: publicProcedure
+ .input(z.object({
+ chatId: z.string(),
+ }))
+ .query(async ({ input }) => {
+
+ try {
+ // Verify the chat belongs to the user
+ const chat = await db.chat.findFirst({
+ where: {
+ id: input.chatId,
+ },
+ include: {
+ messages: {
+ orderBy: {
+ createdAt: "asc",
+ },
+ },
+ },
+ });
+
+ if (!chat) {
+ return {
+ message: "Chat not found or access denied",
+ success: false,
+ messages: [],
+ };
+ }
+
+ return {
+ message: "Messages retrieved successfully",
+ success: true,
+ messages: chat.messages.map((message) => ({
+ id: message.id,
+ content: message.content,
+ role: message.role,
+ createdAt: message.createdAt,
+ })),
+ };
+ } catch (error) {
+ console.error("Error getting messages:", error);
+ return {
+ message: "Something went wrong. Please try again.",
+ success: false,
+ messages: [],
+ };
+ }
+ }),
saveMessage: protectedProcedure
.input(z.object({