@vezlo/assistant-chat 1.0.0 → 1.1.0

package/PACKAGE_README.md

@@ -28,6 +28,8 @@ import { Widget } from '@vezlo/assistant-chat';
 function App() {
   const widgetConfig = {
     uuid: 'your-widget-uuid',
+    apiUrl: 'http://localhost:3000',
+    apiKey: 'your-api-key',
     title: 'AI Assistant',
     subtitle: 'How can I help you?',
     placeholder: 'Type your message...',
@@ -47,6 +49,8 @@ function App() {
 The `WidgetConfig` interface includes:
 
 - `uuid`: Unique identifier for your widget
+- `apiUrl`: Assistant Server API URL (required for NPM package usage)
+- `apiKey`: API key for authentication (required)
 - `title`: Header title
 - `subtitle`: Subtitle text
 - `placeholder`: Input placeholder text
@@ -129,6 +133,8 @@ function MyApp() {
       <h1>My Website</h1>
       <Widget config={{
         uuid: 'my-widget-123',
+        apiUrl: 'http://localhost:3000',
+        apiKey: 'your-api-key',
         title: 'Support Chat',
         themeColor: '#3b82f6',
         position: 'bottom-right',
@@ -157,6 +163,8 @@ function MyApp() {
     <Widget 
       config={{
         uuid: 'my-widget-123',
+        apiUrl: 'http://localhost:3000',
+        apiKey: 'your-api-key',
         title: 'Support Chat',
         themeColor: '#3b82f6'
       }}
@@ -177,6 +185,8 @@ function MyApp() {
     <Widget 
       config={{
         uuid: 'my-widget-123',
+        apiUrl: 'http://localhost:3000',
+        apiKey: 'your-api-key',
         title: 'Support Chat',
         themeColor: '#3b82f6'
       }}

package/README.md

@@ -35,6 +35,8 @@ import { Widget } from '@vezlo/assistant-chat';
 function App() {
   const config = {
     uuid: 'your-widget-uuid',
+    apiUrl: 'http://localhost:3000',
+    apiKey: 'your-api-key',
     title: 'AI Assistant',
     themeColor: '#10b981',
     // ... other config

package/lib/api/conversation.d.ts

@@ -19,8 +19,8 @@ export interface ConversationResponse {
 /**
  * Create a new conversation
  */
-export declare function createConversation(request: CreateConversationRequest): Promise<ConversationResponse>;
+export declare function createConversation(request: CreateConversationRequest, apiUrl?: string): Promise<ConversationResponse>;
 /**
  * Get conversation by UUID
  */
-export declare function getConversation(uuid: string): Promise<ConversationResponse>;
+export declare function getConversation(uuid: string, apiUrl?: string): Promise<ConversationResponse>;

package/lib/api/conversation.js

@@ -2,11 +2,12 @@
  * Conversation API Service
  * Handles conversation creation and management
  */
-const API_BASE_URL = import.meta.env.VITE_ASSISTANT_SERVER_URL || 'http://localhost:3000';
+const DEFAULT_API_BASE_URL = import.meta.env.VITE_ASSISTANT_SERVER_URL || 'http://localhost:3000';
 /**
  * Create a new conversation
  */
-export async function createConversation(request) {
+export async function createConversation(request, apiUrl) {
+    const API_BASE_URL = apiUrl || DEFAULT_API_BASE_URL;
     try {
         const response = await fetch(`${API_BASE_URL}/api/conversations`, {
             method: 'POST',
@@ -31,7 +32,8 @@ export async function createConversation(request) {
 /**
  * Get conversation by UUID
  */
-export async function getConversation(uuid) {
+export async function getConversation(uuid, apiUrl) {
+    const API_BASE_URL = apiUrl || DEFAULT_API_BASE_URL;
     try {
         const response = await fetch(`${API_BASE_URL}/api/conversations/${uuid}`, {
             method: 'GET',

package/lib/api/message.d.ts

@@ -23,8 +23,8 @@ export interface GenerateMessageResponse {
 /**
  * Create a user message in a conversation
  */
-export declare function createUserMessage(conversationUuid: string, request: CreateMessageRequest): Promise<MessageResponse>;
+export declare function createUserMessage(conversationUuid: string, request: CreateMessageRequest, apiUrl?: string): Promise<MessageResponse>;
 /**
  * Generate AI response for a user message
  */
-export declare function generateAIResponse(userMessageUuid: string): Promise<GenerateMessageResponse>;
+export declare function generateAIResponse(userMessageUuid: string, apiUrl?: string): Promise<GenerateMessageResponse>;

package/lib/api/message.js

@@ -2,11 +2,12 @@
  * Message API Service
  * Handles message creation and AI response generation
  */
-const API_BASE_URL = import.meta.env.VITE_ASSISTANT_SERVER_URL || 'http://localhost:3000';
+const DEFAULT_API_BASE_URL = import.meta.env.VITE_ASSISTANT_SERVER_URL || 'http://localhost:3000';
 /**
  * Create a user message in a conversation
  */
-export async function createUserMessage(conversationUuid, request) {
+export async function createUserMessage(conversationUuid, request, apiUrl) {
+    const API_BASE_URL = apiUrl || DEFAULT_API_BASE_URL;
     try {
         const response = await fetch(`${API_BASE_URL}/api/conversations/${conversationUuid}/messages`, {
             method: 'POST',
@@ -31,7 +32,8 @@ export async function createUserMessage(conversationUuid, request) {
 /**
  * Generate AI response for a user message
  */
-export async function generateAIResponse(userMessageUuid) {
+export async function generateAIResponse(userMessageUuid, apiUrl) {
+    const API_BASE_URL = apiUrl || DEFAULT_API_BASE_URL;
     try {
         const response = await fetch(`${API_BASE_URL}/api/messages/${userMessageUuid}/generate`, {
             method: 'POST',

package/lib/components/Widget.js

@@ -68,7 +68,7 @@ export function Widget({ config, isPlayground = false, onOpen, onClose, onMessag
                         title: 'New Chat',
                         user_uuid: userUuid,
                         company_uuid: companyUuid,
-                    });
+                    }, config.apiUrl);
                     setConversationUuid(conversation.uuid);
                     console.log('[Widget] Conversation created:', conversation.uuid);
                     // Add welcome message after conversation is created
@@ -123,13 +123,13 @@ export function Widget({ config, isPlayground = false, onOpen, onClose, onMessag
             // Step 1: Create user message via API
             const userMessageResponse = await createUserMessage(conversationUuid, {
                 content: userMessageContent,
-            });
+            }, config.apiUrl);
             console.log('[Widget] User message created:', userMessageResponse.uuid);
             // Update the user message with the actual UUID from server
             setMessages((prev) => prev.map((msg) => msg.id === userMessage.id ? { ...msg, id: userMessageResponse.uuid } : msg));
             // Step 2: Generate AI response
             // Keep loading indicator visible until AI response is received
-            const aiResponse = await generateAIResponse(userMessageResponse.uuid);
+            const aiResponse = await generateAIResponse(userMessageResponse.uuid, config.apiUrl);
             console.log('[Widget] AI response received:', aiResponse.uuid);
             // Hide loading indicator now that we have the response
             setIsLoading(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vezlo/assistant-chat",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "React component library for AI-powered chat widgets with RAG knowledge base integration and real-time streaming",
   "type": "module",
   "main": "lib/index.js",

package/public/widget.js

@@ -26,6 +26,7 @@
       }
 
       // Default configuration
+      // Note: apiUrl is NOT set here - it will be read from environment in the widget page
       const defaultConfig = {
         theme: 'light',
         position: 'bottom-right',
@@ -34,7 +35,6 @@
         subtitle: 'How can I help you today?',
         placeholder: 'Type your message...',
         welcomeMessage: "Hello! I'm your AI assistant. How can I help you today?",
-        apiUrl: baseUrl,
         apiKey: '',
         themeColor: '#059669'
       };