nextjs-chatbot-ui 1.4.0 → 1.5.0

package/hooks/useAdminSetup.ts

@@ -0,0 +1,86 @@
+import { useState } from 'react';
+import type { DatabaseConfig, DatabaseConnection } from '../types/admin';
+
+/**
+ * Simplified hook for admin setup
+ * Handles all API calls automatically
+ */
+export function useAdminSetup() {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleTestConnection = async (connection: DatabaseConnection): Promise<boolean> => {
+    setIsLoading(true);
+    try {
+      const response = await fetch('/api/database/test', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(connection),
+      });
+      const data = await response.json();
+      return data.success === true;
+    } catch (error) {
+      return false;
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleFetchCollections = async (connection: DatabaseConnection): Promise<string[]> => {
+    setIsLoading(true);
+    try {
+      const response = await fetch('/api/database/collections', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(connection),
+      });
+      const data = await response.json();
+      return data.collections || data.tables || [];
+    } catch (error) {
+      return [];
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleFetchColumns = async (connection: DatabaseConnection, collection?: string): Promise<string[]> => {
+    setIsLoading(true);
+    try {
+      const response = await fetch('/api/database/columns', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ...connection, collection }),
+      });
+      const data = await response.json();
+      return data.columns || [];
+    } catch (error) {
+      return [];
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleProcessEmbeddings = async (config: DatabaseConfig): Promise<{ success: boolean; message?: string }> => {
+    setIsLoading(true);
+    try {
+      const response = await fetch('/api/database/process-embeddings', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(config),
+      });
+      const data = await response.json();
+      return { success: data.success || false, message: data.message };
+    } catch (error: any) {
+      return { success: false, message: error.message };
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return {
+    handleTestConnection,
+    handleFetchCollections,
+    handleFetchColumns,
+    handleProcessEmbeddings,
+    isLoading,
+  };
+}

package/hooks/useChatbot.ts

@@ -0,0 +1,27 @@
+import type { ChatbotConfig } from '../types';
+
+/**
+ * Simplified hook for chatbot integration
+ * Handles all the configuration automatically
+ */
+export function useChatbot(options?: {
+  apiUrl?: string;
+  title?: string;
+  primaryColor?: string;
+}) {
+  const config: ChatbotConfig = {
+    backendUrl: options?.apiUrl || '/api/chat',
+    labels: {
+      title: options?.title || 'Chat Support',
+      placeholder: 'Type your message...',
+      sendButton: 'Send',
+      welcomeMessage: 'Hello! How can I help you?',
+    },
+    position: 'bottom-right',
+    primaryColor: options?.primaryColor || '#6B46C1',
+    autoOpen: false,
+    showTimestamp: true,
+  };
+
+  return { config };
+}

package/index.tsx

@@ -1,5 +1,9 @@
-export { default as Chatbot } from './components/Chatbot';
-export type { ChatbotConfig, Message, ChatbotProps } from './types';
-
-export { default as AdminSetup } from './components/AdminSetup';
-export type { DatabaseType, DatabaseConnection, ColumnSelection, DatabaseConfig, CollectionColumnMapping, AdminSetupProps } from './types/admin';
+export { default as Chatbot } from './components/Chatbot';
+export type { ChatbotConfig, Message, ChatbotProps } from './types';
+
+export { default as AdminSetup } from './components/AdminSetup';
+export type { DatabaseType, DatabaseConnection, ColumnSelection, DatabaseConfig, CollectionColumnMapping, AdminSetupProps } from './types/admin';
+
+// Simplified hooks for easier usage
+export { useChatbot } from './hooks/useChatbot';
+export { useAdminSetup } from './hooks/useAdminSetup';

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "nextjs-chatbot-ui",
-  
-  "version": "1.4.0",
-  "description": "A configurable chatbot UI component for Next.js with Tailwind CSS",
+  "version": "1.5.0",
+  "description": "A configurable chatbot UI component for Next.js with Tailwind CSS - Complete RAG chatbot with automatic setup",
   "main": "./index.tsx",
   "module": "./index.tsx",
   "types": "./types/index.ts",
+  "bin": {
+    "nextjs-chatbot-ui-setup": "./scripts/setup.js"
+  },
   "exports": {
     ".": {
       "types": "./types/index.ts",
@@ -24,20 +26,33 @@
       "import": "./types/index.ts",
       "require": "./types/index.ts",
       "default": "./types/index.ts"
+    },
+    "./hooks/useChatbot": {
+      "import": "./hooks/useChatbot.ts",
+      "require": "./hooks/useChatbot.ts",
+      "default": "./hooks/useChatbot.ts"
+    },
+    "./hooks/useAdminSetup": {
+      "import": "./hooks/useAdminSetup.ts",
+      "require": "./hooks/useAdminSetup.ts",
+      "default": "./hooks/useAdminSetup.ts"
     }
   },
   "files": [
     "components",
     "types",
     "utils",
+    "hooks",
+    "api",
+    "scripts",
     "index.tsx",
     "README.md"
   ],
   "scripts": {
     "build": "echo 'Package is ready to use. Source files are included.'",
-    "dev": "next dev",
     "prepare": "npm run build",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "setup": "node scripts/setup.js"
   },
   "keywords": [
     "chatbot",
@@ -57,8 +72,15 @@
   "dependencies": {
     "clsx": "^2.1.0"
   },
+  "optionalDependencies": {
+    "mongodb": "^6.0.0",
+    "pg": "^8.11.0",
+    "chromadb": "^1.8.0",
+    "openai": "^4.0.0"
+  },
   "devDependencies": {
     "@types/node": "^20.0.0",
+    "@types/pg": "^8.10.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "autoprefixer": "^10.4.16",