🐯 TigerBase Chatbot

A React chatbot component for TigerBase SaaS platform.

📦 Installation

``bash
npm install solomdev-chatbot
`

🚀 Quick Start

`tsx
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 ;
}
`

🎨 Custom Styling

`tsx
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