@mordn/chat-widget 0.1.3 → 0.1.4

package/dist/cli/init.js

@@ -79,111 +79,119 @@ const DEVELOPER_CONFIG = {
 };
 
 export async function POST(req: Request) {
-  const body = await req.json();
-  const userId = req.headers.get('X-User-Id');
-
-  if (!userId) {
-    return new Response('userId is required in X-User-Id header', { status: 400 });
-  }
-
-  const chatMessages: UIMessage[] = body.messages || [];
-  const id: string = body.id || 'temp-id';
-
-  const { model, systemPrompt, temperature } = DEVELOPER_CONFIG;
+  try {
+    const body = await req.json();
+    const userId = req.headers.get('X-User-Id');
 
-  // Check if conversation exists, create if not
-  const existingConv = await db
-    .select({ id: conversations.id })
-    .from(conversations)
-    .where(eq(conversations.id, id))
-    .limit(1);
+    if (!userId) {
+      return new Response('userId is required in X-User-Id header', { status: 400 });
+    }
 
-  if (!existingConv.length) {
-    await db.insert(conversations).values({
-      id,
-      userId,
-      title: 'New Chat',
-      metadata: {},
-    });
-  }
+    const chatMessages: UIMessage[] = body.messages || [];
+    const id: string = body.id || 'temp-id';
 
-  // Save the new user message
-  const userMessages = chatMessages.filter(msg => msg.role === 'user');
-  if (userMessages.length > 0) {
-    const newUserMessage = userMessages[userMessages.length - 1];
-    const textPart = newUserMessage.parts?.find(p => p.type === 'text') as { text: string } | undefined;
-    const fileParts = newUserMessage.parts?.filter(p => p.type === 'file') || [];
+    const { model, systemPrompt, temperature } = DEVELOPER_CONFIG;
 
-    const existingMsg = await db
-      .select({ id: messages.id })
-      .from(messages)
-      .where(eq(messages.id, newUserMessage.id))
+    // Check if conversation exists, create if not
+    const existingConv = await db
+      .select({ id: conversations.id })
+      .from(conversations)
+      .where(eq(conversations.id, id))
       .limit(1);
 
-    if (!existingMsg.length) {
-      await db.insert(messages).values({
-        id: newUserMessage.id,
-        conversationId: id,
-        role: newUserMessage.role,
-        content: textPart?.text || '',
-        files: fileParts,
-        model: model,
-        metadata: { parts: newUserMessage.parts || [] },
+    if (!existingConv.length) {
+      await db.insert(conversations).values({
+        id,
+        userId,
+        title: 'New Chat',
+        metadata: {},
       });
     }
 
-    // Update conversation title if needed
-    if (textPart?.text) {
-      const conv = await db
-        .select({ title: conversations.title })
-        .from(conversations)
-        .where(eq(conversations.id, id))
+    // Save the new user message
+    const userMessages = chatMessages.filter(msg => msg.role === 'user');
+    if (userMessages.length > 0) {
+      const newUserMessage = userMessages[userMessages.length - 1];
+      const textPart = newUserMessage.parts?.find(p => p.type === 'text') as { text: string } | undefined;
+      const fileParts = newUserMessage.parts?.filter(p => p.type === 'file') || [];
+
+      const existingMsg = await db
+        .select({ id: messages.id })
+        .from(messages)
+        .where(eq(messages.id, newUserMessage.id))
         .limit(1);
 
-      if (conv[0]?.title === 'New Chat') {
-        await updateConversationTitle(id, textPart.text.slice(0, 100));
+      if (!existingMsg.length) {
+        await db.insert(messages).values({
+          id: newUserMessage.id,
+          conversationId: id,
+          role: newUserMessage.role,
+          content: textPart?.text || '',
+          files: fileParts,
+          model: model,
+          metadata: { parts: newUserMessage.parts || [] },
+        });
       }
-    }
-  }
 
-  // Transform messages for AI (handle images)
-  const transformedMessages = chatMessages.map(msg => {
-    if (msg.role === 'user' && msg.parts) {
-      const textPart = msg.parts.find(p => p.type === 'text');
-      const fileParts = msg.parts.filter(p => p.type === 'file');
+      // Update conversation title if needed
+      if (textPart?.text) {
+        const conv = await db
+          .select({ title: conversations.title })
+          .from(conversations)
+          .where(eq(conversations.id, id))
+          .limit(1);
 
-      if (fileParts.length > 0) {
-        const content: any[] = [];
-        if (textPart && 'text' in textPart) {
-          content.push({ type: 'text', text: textPart.text });
+        if (conv[0]?.title === 'New Chat') {
+          await updateConversationTitle(id, textPart.text.slice(0, 100));
         }
-        for (const file of fileParts) {
-          if ('mediaType' in file && (file as any).mediaType?.startsWith('image/')) {
-            content.push({ type: 'image', image: (file as any).url });
-          }
-        }
-        return { ...msg, content };
       }
     }
-    return msg;
-  });
 
-  const result = streamText({
-    model: model,
-    messages: convertToModelMessages(transformedMessages),
-    system: systemPrompt,
-    temperature: temperature,
-  });
+    // Transform messages for AI (handle images)
+    const transformedMessages = chatMessages.map(msg => {
+      if (msg.role === 'user' && msg.parts) {
+        const textPart = msg.parts.find(p => p.type === 'text');
+        const fileParts = msg.parts.filter(p => p.type === 'file');
 
-  return result.toUIMessageStreamResponse({
-    sendSources: true,
-    sendReasoning: true,
-    onFinish: ({ messages: finalMessages }) => {
-      if (finalMessages.length > 0) {
-        saveChat({ chatId: id, messages: finalMessages, model, userId });
+        if (fileParts.length > 0) {
+          const content: any[] = [];
+          if (textPart && 'text' in textPart) {
+            content.push({ type: 'text', text: textPart.text });
+          }
+          for (const file of fileParts) {
+            if ('mediaType' in file && (file as any).mediaType?.startsWith('image/')) {
+              content.push({ type: 'image', image: (file as any).url });
+            }
+          }
+          return { ...msg, content };
+        }
       }
-    },
-  });
+      return msg;
+    });
+
+    const result = streamText({
+      model: model,
+      messages: convertToModelMessages(transformedMessages),
+      system: systemPrompt,
+      temperature: temperature,
+    });
+
+    return result.toUIMessageStreamResponse({
+      sendSources: true,
+      sendReasoning: true,
+      onFinish: ({ messages: finalMessages }) => {
+        if (finalMessages.length > 0) {
+          saveChat({ chatId: id, messages: finalMessages, model, userId });
+        }
+      },
+    });
+  } catch (error) {
+    console.error('Chat API error:', error);
+    return new Response(JSON.stringify({ error: 'Internal server error' }), {
+      status: 500,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
 }
 `;
 var HISTORY_ROUTE = `import { NextResponse } from 'next/server';
@@ -291,11 +299,19 @@ export async function GET(
 var UPLOAD_ROUTE = `import { createClient } from '@supabase/supabase-js';
 import { nanoid } from 'nanoid';
 
-const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
-const supabaseServiceKey = process.env.SUPABASE_SERVICE_ROLE_KEY!;
-
 export async function POST(req: Request) {
   try {
+    const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
+    const supabaseServiceKey = process.env.SUPABASE_SERVICE_ROLE_KEY;
+
+    // Check for required environment variables
+    if (!supabaseUrl || !supabaseServiceKey) {
+      console.error('Missing Supabase environment variables. Please set NEXT_PUBLIC_SUPABASE_URL and SUPABASE_SERVICE_ROLE_KEY');
+      return Response.json({
+        error: 'File upload is not configured. Please set up Supabase Storage environment variables.'
+      }, { status: 503 });
+    }
+
     const formData = await req.formData();
     const file = formData.get('file') as File;
     const conversationId = formData.get('conversationId') as string;
@@ -398,9 +414,11 @@ async function init() {
     filesCreated++;
   }
   const createUpload = await confirm("\nCreate file upload route? (requires Supabase Storage)");
+  let uploadRouteCreated = false;
   if (createUpload) {
     if (await writeFileWithConfirm(path.join(apiChatDir, "upload", "route.ts"), UPLOAD_ROUTE)) {
       filesCreated++;
+      uploadRouteCreated = true;
     }
   }
   console.log("\nCreating configuration files...");
@@ -416,11 +434,20 @@ async function init() {
   console.log("Next steps:");
   console.log("  1. Copy .env.example to .env.local and fill in your credentials");
   console.log("  2. Run: npx drizzle-kit push");
-  console.log("  3. Add the ChatWidget to your app:\n");
-  console.log("     import { ChatWidget } from '@mordn/chat-widget';");
-  console.log("     import '@mordn/chat-widget/styles.css';");
-  console.log("");
-  console.log('     <ChatWidget userId="user-123" />\n');
+  if (uploadRouteCreated) {
+    console.log('  3. Create a "chat-attachments" bucket in Supabase Storage');
+    console.log("  4. Add the ChatWidget with file uploads enabled:\n");
+    console.log("     import { ChatWidget } from '@mordn/chat-widget';");
+    console.log("     import '@mordn/chat-widget/styles.css';");
+    console.log("");
+    console.log('     <ChatWidget userId="user-123" features={{ fileUpload: true }} />\n');
+  } else {
+    console.log("  3. Add the ChatWidget to your app:\n");
+    console.log("     import { ChatWidget } from '@mordn/chat-widget';");
+    console.log("     import '@mordn/chat-widget/styles.css';");
+    console.log("");
+    console.log('     <ChatWidget userId="user-123" />\n');
+  }
   rl.close();
 }
 init().catch((error) => {

package/dist/index.js

@@ -2159,7 +2159,7 @@ function ChatInterface({ id, initialMessages, config, onClose } = {}) {
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(PromptInputToolbar, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PromptInputTools, { children: config?.features?.fileUpload !== false && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AttachButton, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PromptInputTools, { children: config?.features?.fileUpload === true && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AttachButton, {}) }),
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PromptInputSubmit, { disabled: !input, status })
             ] })
           ] })