🐯 TigerBase Chatbot

A React chatbot component for TigerBase SaaS platform.

📦 Installation

npm install solomdev-chatbot

🚀 Quick Start

import { tigerbaseConfig, ChatbotPopup } from "solomdev-chatbot";

// Initialize (once in your app)
await tigerbaseConfig({
  apiKey: "your-api-key",
  apiSecret: "your-api-secret",
  mcpUrl: "https://api.tigerbase.cloud/mcp",
  aiKey: "your-gemini-api-key",
  defaultLang: "ar",
});

// Use the component
function App() {
  return <ChatbotPopup />;
}

🎨 Custom Styling

await tigerbaseConfig({
  // ... keys
  style: {
    theme: "dark", // 'light' | 'dark'
    primaryColor: "#8b5cf6", // Purple accent
    backgroundColor: "#1f2937",
    borderRadius: "xl", // 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'
    buttonPosition: "bottom-right",
    fontSize: "md",
  },
});

⚙️ Configuration Options

| Option | Type | Default | Description | | ----------------- | -------------- | -------- | ------------------------ | | apiKey | string | required | Your API key | | apiSecret | string | required | Your API secret | | mcpUrl | string | required | MCP server URL | | aiKey | string | required | Google GenAI key | | defaultLang | 'ar' \| 'en' | 'ar' | Default language | | autoDeleteChats | number | - | Auto-delete after X mins | | customPrompt | string | - | Custom AI prompt | | style | ChatbotStyle | - | Custom styling |

🎨 Style Options

| Option | Values | Default | | ----------------- | -------------------------------------------------- | ---------------- | | theme | 'light' \| 'dark' | 'light' | | primaryColor | Any hex color | '#3b82f6' | | backgroundColor | Any hex color | '#ffffff' | | borderRadius | 'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' | 'lg' | | buttonPosition | 'bottom-right' \| 'bottom-left' | 'bottom-right' |

🔧 Requirements

• React 18+
• Google GenAI API key
• TigerBase subscription

📄 License

MIT © SolomDev00