@vezlo/assistant-chat 1.0.0 → 1.1.1

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
@@ -101,8 +103,17 @@ npm publish  # Publish to NPM
 
 ### App (Vercel)
 
-#### One-Click Deploy
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vezlo/assistant-chat)
+#### Deploy via Vercel Marketplace (Recommended)
+[![Install on Vercel](https://vercel.com/button)](https://vercel.com/marketplace/vezlo-assistant-chat)
+
+The marketplace app deploys the frontend automatically, prompts you for the **Assistant Server URL** and optional **API key**, and ships both the chat UI and embeddable widget without any manual environment setup. After connecting your Vercel project you can immediately visit:
+
+- Chat UI: `https://your-project.vercel.app/`
+
+#### One-Click Deploy (GitHub Clone)
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vezlo/assistant-chat&integration-ids=oac_ZKcos500xraYgL9hH2d3Bs3A)
+
+This clones the repo into your GitHub account, spins up a new Vercel project using the default `main` branch, and links the same Vezlo integration so the Assistant Chat deployment can gather its Assistant Server URL and API key during setup.
 
 #### Manual Vercel CLI Deployment
 ```bash
@@ -116,13 +127,6 @@ vercel
 vercel env add VITE_ASSISTANT_SERVER_URL
 vercel env add VITE_ASSISTANT_SERVER_API_KEY
 
-# Optional environment variables
-vercel env add VITE_DEFAULT_USER_UUID
-vercel env add VITE_DEFAULT_COMPANY_UUID
-vercel env add VITE_WIDGET_DEFAULT_THEME
-vercel env add VITE_WIDGET_DEFAULT_POSITION
-vercel env add VITE_WIDGET_DEFAULT_SIZE
-
 # Deploy to production
 vercel --prod
 ```

package/lib/api/conversation.d.ts

@@ -3,9 +3,7 @@
  * Handles conversation creation and management
  */
 export interface CreateConversationRequest {
-    title: string;
-    user_uuid: string;
-    company_uuid: string;
+    title?: string;
 }
 export interface ConversationResponse {
     uuid: string;
@@ -19,8 +17,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

@@ -62,13 +62,9 @@ export function Widget({ config, isPlayground = false, onOpen, onClose, onMessag
                 setIsCreatingConversation(true);
                 try {
                     // Create a new conversation
-                    const userUuid = import.meta.env.VITE_DEFAULT_USER_UUID || 'user-' + generateId().substring(0, 8);
-                    const companyUuid = import.meta.env.VITE_DEFAULT_COMPANY_UUID || 'company-' + generateId().substring(0, 8);
                     const conversation = await createConversation({
                         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 +119,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/lib/types/index.d.ts

@@ -46,9 +46,6 @@ export interface WidgetProps {
 export interface EnvConfig {
     VITE_ASSISTANT_SERVER_URL: string;
     VITE_ASSISTANT_SERVER_API_KEY: string;
-    VITE_WIDGET_DEFAULT_THEME: 'light' | 'dark';
-    VITE_WIDGET_DEFAULT_POSITION: string;
-    VITE_WIDGET_DEFAULT_SIZE: string;
     VITE_DEV_MODE: boolean;
     VITE_DEBUG_MODE: boolean;
 }

package/lib/utils/index.d.ts

@@ -10,9 +10,6 @@ export declare function parseSize(sizeString: string): {
 export declare function getEnvConfig(): {
     VITE_ASSISTANT_SERVER_URL: any;
     VITE_ASSISTANT_SERVER_API_KEY: any;
-    VITE_WIDGET_DEFAULT_THEME: "light" | "dark";
-    VITE_WIDGET_DEFAULT_POSITION: any;
-    VITE_WIDGET_DEFAULT_SIZE: any;
     VITE_DEV_MODE: boolean;
     VITE_DEBUG_MODE: boolean;
 };

package/lib/utils/index.js

@@ -32,9 +32,6 @@ export function getEnvConfig() {
     return {
         VITE_ASSISTANT_SERVER_URL: import.meta.env.VITE_ASSISTANT_SERVER_URL || 'http://localhost:3000',
         VITE_ASSISTANT_SERVER_API_KEY: import.meta.env.VITE_ASSISTANT_SERVER_API_KEY || '',
-        VITE_WIDGET_DEFAULT_THEME: import.meta.env.VITE_WIDGET_DEFAULT_THEME || 'light',
-        VITE_WIDGET_DEFAULT_POSITION: import.meta.env.VITE_WIDGET_DEFAULT_POSITION || 'bottom-right',
-        VITE_WIDGET_DEFAULT_SIZE: import.meta.env.VITE_WIDGET_DEFAULT_SIZE || '350x500',
         VITE_DEV_MODE: import.meta.env.VITE_DEV_MODE === 'true',
         VITE_DEBUG_MODE: import.meta.env.VITE_DEBUG_MODE === 'true'
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vezlo/assistant-chat",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "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'
       };