Examn Generation with LLM for students to practices

actions/dashboard/chatActions.ts

@@ -1,5 +1,7 @@
 'use server'
 
+import { revalidatePath } from 'next/cache'
+
 import { createResponse } from '@/utils/functions'
 import { createClient } from '@/utils/supabase/server'
 import { Tables } from '@/utils/supabase/supabase'
@@ -29,11 +31,11 @@ export async function studentCreateNewChat (state: {
     }
 
     // return chat id
-    // revalidatePath('/dashboard/student/chat/', 'layout')
+    revalidatePath('/dashboard/student/chat/', 'layout')
     return createResponse('success', 'Chat created successfully', chatInsert.data, null)
 }
 
-export async function studentSubmitMessage (state: {
+export async function studentInsertChatMessage (state: {
     chatId: number
     message: string
 }) {
@@ -44,18 +46,134 @@ export async function studentSubmitMessage (state: {
         return createResponse('error', 'Error no user found', null, 'Error no user found')
     }
 
-    const studentId = userData.data.user?.id
+    const messageInsert = await supabase.from('messages').insert({
+        chat_id: state.chatId,
+        message: state.message,
+        sender: 'user',
+        created_at: new Date().toISOString()
+    })
+
+    if (messageInsert.error) {
+        return createResponse('error', 'Error creating message', null, 'Error creating message')
+    }
+
+    return createResponse('success', 'Message sent successfully', null, null)
+}
+
+export async function studentUpdateChatTitle (state: {
+    chatId: number
+    title: string
+}) {
+    const supabase = createClient()
+    const userData = await supabase.auth.getUser()
+
+    if (userData.error) {
+        return createResponse('error', 'Error no user found', null, 'Error no user found')
+    }
+
+    const chatUpdate = await supabase.from('chats').update({
+        title: state.title
+    }).eq('chat_id', state.chatId)
+
+    if (chatUpdate.error) {
+        return createResponse('error', 'Error updating chat', null, 'Error updating chat')
+    }
+
+    revalidatePath('/dashboard/student/chat/', 'layout')
+    return createResponse('success', 'Chat updated successfully', null, null)
+}
+
+export async function insertChatMessage (state: {
+    chatId: number
+    message: string
+    sender: Tables<'messages'>['sender']
+}) {
+    const supabase = createClient()
+    const userData = await supabase.auth.getUser()
+
+    if (userData.error) {
+        return createResponse('error', 'Error no user found', null, 'Error no user found')
+    }
+
+    const messageInsert = await supabase.from('messages').insert({
+        chat_id: state.chatId,
+        message: state.message,
+        sender: state.sender,
+        created_at: new Date().toISOString()
+    })
+
+    if (messageInsert.error) {
+        return createResponse('error', 'Error creating message', null, 'Error creating message')
+    }
+
+    return createResponse('success', 'Message sent successfully', null, null)
+}
+
+export async function studentUpdateChat (state: {
+    chatId: number
+    title: string
+}) {
+    const supabase = createClient()
+    const userData = await supabase.auth.getUser()
+
+    if (userData.error) {
+        return createResponse('error', 'Error no user found', null, 'Error no user found')
+    }
+
+    const chatUpdate = await supabase.from('chats').update({
+        title: state.title
+    }).eq('chat_id', state.chatId)
+
+    if (chatUpdate.error) {
+        return createResponse('error', 'Error updating chat', null, 'Error updating chat')
+    }
+
+    // revalidatePath('/dashboard/student/chat/', 'layout')
+    return createResponse('success', 'Chat updated successfully', null, null)
+}
+
+export async function studentSubmitMessage (state: {
+    chatId: number
+    message: string
+}) {
+    const supabase = createClient()
+    const userData = await supabase.auth.getUser()
+
+    if (userData.error) {
+        return createResponse('error', 'Error no user found', null, 'Error no user found')
+    }
 
     const messageInsert = await supabase.from('messages').insert({
-        user_id: studentId,
         chat_id: state.chatId,
-        content: state.message,
+        message: state.message,
+        sender: 'user',
         created_at: new Date().toISOString()
     })
 
     if (messageInsert.error) {
+        console.log(messageInsert.error)
         return createResponse('error', 'Error creating message', null, 'Error creating message')
     }
 
     return createResponse('success', 'Message sent successfully', null, null)
 }
+
+export async function deleteChat (state: {
+    chatId: number
+}) {
+    const supabase = createClient()
+    const userData = await supabase.auth.getUser()
+
+    if (userData.error) {
+        return createResponse('error', 'Error no user found', null, 'Error no user found')
+    }
+
+    const chatDelete = await supabase.from('chats').delete().eq('chat_id', state.chatId)
+
+    if (chatDelete.error) {
+        return createResponse('error', 'Error deleting chat', null, 'Error deleting chat')
+    }
+
+    revalidatePath('/dashboard/student/chat/', 'layout')
+    return createResponse('success', 'Chat deleted successfully', null, null)
+}

app/api/chat/route.ts

@@ -23,10 +23,6 @@ export async function POST (req: Request) {
         async onFinish (event) {
             const lastUserMessage = messages[messages.length - 1]
 
-            console.log(messages)
-
-            console.log(lastUserMessage)
-
             const chat_id = chatId ?? (await supabase.from('chats').select('chat_id').eq('title', lastUserMessage.content).single()).data.chat_id
 
             console.log(chat_id)
@@ -50,8 +46,6 @@ export async function POST (req: Request) {
             if (messageInsert.error) {
                 console.log('Error creating message', messageInsert.error)
             }
-
-            console.log('Message sent successfully')
         }
     })
 

app/dashboard/loading.tsx

@@ -1,35 +1,14 @@
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/vkBhDMemo6s
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
 import { Skeleton } from '@/components/ui/skeleton'
 
 export default function Component () {
     return (
-        <div className="grid min-h-screen w-full lg:grid-cols-[280px_1fr]">
-            <div className="hidden border-r bg-gray-100/40 lg:block dark:bg-gray-800/40">
-                <div className="flex h-full max-h-screen flex-col gap-2">
-                    <div className="flex h-[60px] items-center border-b px-6">
-                        <Skeleton className="h-6 w-6 rounded-full" />
-                        <Skeleton className="h-5 w-24 ml-2" />
-                    </div>
-                    <div className="flex-1 overflow-auto py-2">
-                        <nav className="grid gap-2 px-4">
-                            <Skeleton className="h-8 w-full rounded-md" />
-                            <Skeleton className="h-8 w-full rounded-md" />
-                            <Skeleton className="h-8 w-full rounded-md" />
-                            <Skeleton className="h-8 w-full rounded-md" />
-                            <Skeleton className="h-8 w-full rounded-md" />
-                        </nav>
-                    </div>
-                    <div className="mt-auto p-4">
-                        <Skeleton className="h-[125px] w-full rounded-lg" />
-                    </div>
-                </div>
-            </div>
+        <div className="grid min-h-screen w-full lg:grid-cols-[1fr]">
             <div className="flex flex-col">
                 <main className="flex-1 p-4 md:p-6">
+                    <div className="flex items-center">
+                        <Skeleton className="h-6 w-40 rounded-md" />
+                        <Skeleton className="h-8 w-20 ml-auto rounded-md" />
+                    </div>
                     <div className="mt-4 border rounded-lg shadow-sm">
                         <Skeleton className="h-[200px] w-full rounded-t-lg" />
                         <div className="p-4 md:p-6">

app/dashboard/student/chat/[chatId]/exam-prep/error.tsx

@@ -0,0 +1,26 @@
+'use client' // Error components must be Client Components
+
+import { useEffect } from 'react'
+
+import GenericError from '@/components/GenericError'
+
+export default function Error ({
+    error,
+    reset
+}: {
+    error: Error & { digest?: string }
+    reset: () => void
+}) {
+    useEffect(() => {
+    // Log the error to an error reporting service
+        console.error(error)
+    }, [error])
+
+    return (
+        <GenericError
+            retry={reset}
+            title="Oh no! An error occurred loading the chat."
+            description={error.message}
+        />
+    )
+}

app/dashboard/student/chat/[chatId]/exam-prep/layout.tsx

@@ -0,0 +1,107 @@
+import { AI, getUIStateFromAIState } from '@/actions/dashboard/ExamPreparationActions'
+import { createClient } from '@/utils/supabase/server'
+
+export default async function ExamnChatIdPageLayout ({
+    params,
+    children
+}: {
+    params: {
+        chatId: string
+    }
+    children: React.ReactNode
+}) {
+    const supabase = createClient()
+
+    const messagesData = await supabase
+        .from('chats')
+        .select('*, messages(*)')
+        .eq('chat_id', Number(params.chatId))
+        .order('created_at', { foreignTable: 'messages', ascending: true })
+        .single()
+
+    if (messagesData.error) {
+        console.log(messagesData.error)
+        throw new Error('Error fetching messages')
+    }
+
+    // WTF!!!! why this need an await?????
+    const uiState = await getUIStateFromAIState({
+        id: messagesData.data.chat_id.toString(),
+        createdAt: new Date(messagesData.data.created_at),
+        messages: messagesData.data.messages.map((message) => {
+            if (!message) return null
+
+            if (message.sender === 'tool') {
+                return ({
+                    id: message.id,
+                    role: message.sender as any,
+                    content: JSON.parse(message.message)
+                })
+            }
+
+            if (message.sender === 'assistant') {
+                // if the content is a json stringified object then parse it
+                if (message.message.startsWith('{') || message.message.startsWith('[')) {
+                    return ({
+                        id: message.id,
+                        role: message.sender as any,
+                        content: JSON.parse(message.message)
+                    })
+                }
+                return ({
+                    id: message.id,
+                    role: message.sender as any,
+                    content: message.message
+                })
+            }
+
+            return ({
+                id: message.id,
+                role: message.sender as any,
+                content: message.message
+            })
+        }) as any
+    })
+
+    const messsages = messagesData.data.messages.map((message) => {
+        if (message.sender === 'tool') {
+            return ({
+                id: message.id.toString(),
+                role: message.sender as any,
+                content: JSON.parse(message.message)
+            })
+        }
+
+        if (message.sender === 'assistant') {
+            // if the content is a json stringified object then parse it
+            if (message.message.startsWith('{') || message.message.startsWith('[')) {
+                return ({
+                    id: message.id.toString(),
+                    role: message.sender as any,
+                    content: JSON.parse(message.message)
+                })
+            }
+
+            return ({
+                id: message.id.toString(),
+                role: message.sender as any,
+                content: message.message
+            })
+        }
+
+        return ({
+            id: message.id.toString(),
+            role: message.sender as any,
+            content: message.message
+        })
+    })
+
+    return (
+        <AI
+            initialUIState={uiState}
+            initialAIState={{ chatId: (params.chatId), messages: messsages }}
+        >
+            {children}
+        </AI>
+    )
+}

app/dashboard/student/chat/[chatId]/exam-prep/loading.tsx

@@ -0,0 +1,7 @@
+import ChatLoadingSkeleton from '@/components/dashboards/student/chat/ChatLoadingSkeleton'
+
+export default function Loading () {
+    return (
+        <ChatLoadingSkeleton />
+    )
+}

app/dashboard/student/chat/[chatId]/exam-prep/page.tsx

@@ -0,0 +1,18 @@
+import ExamPrepChat from '@/components/dashboards/student/chat/ExamPrepChat'
+
+export const dynamic = 'force-dynamic'
+export const maxDuration = 30
+
+export default async function ExamnChatIdPage ({
+    params
+}: {
+    params: {
+        chatId: string
+    }
+}) {
+    return (
+        <ExamPrepChat
+            chatId={Number(params.chatId)}
+        />
+    )
+}

app/dashboard/student/chat/[chatId]/free-chat/loading.tsx

@@ -0,0 +1,7 @@
+import ChatLoadingSkeleton from '@/components/dashboards/student/chat/ChatLoadingSkeleton'
+
+export default function Loading () {
+    return (
+        <ChatLoadingSkeleton />
+    )
+}

app/dashboard/student/chat/[chatId]/layout.tsx

@@ -24,7 +24,7 @@ export default async function CoursesLayout ({
 
     return (
         <div className='flex flex-col gap-4 p-4'>
-            <h1 className="text-2xl font-semibold text-gray-800">
+            <h1 className="text-2xl font-semibold">
                 {chatData.data.title}
             </h1>
             {children}