# TensorArk Chat

A lightweight and customizable chat widget for web applications.

## Installation & Usage

Add the following code to your HTML file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!-- Add the CSS file -->
  <link href="https://cdn.jsdelivr.net/npm/@tensorark/chat/dist/style.css" rel="stylesheet" />
</head>
<body>
  <!-- Add the chat widget -->
  <script type="module">
    import { createChat } from 'https://cdn.jsdelivr.net/npm/@tensorark/chat/dist/chat.bundle.es.js';

    createChat({
      webhookUrl: 'YOUR_WEBHOOK_URL',  // Replace with your webhook URL
      welcomeMessage: 'Hi there! How can I help you today?',
      title: "TensorArk AI"  // Optional: Set your custom title
    });
  </script>
</body>
</html>
```

## Configuration Options

The `createChat` function accepts the following options:

- `webhookUrl` (required): The URL endpoint where chat messages will be sent
- `welcomeMessage` (optional): The initial message shown in the chat
- `title` (optional): The title shown at the top of the chat widget

## Example

Here's a complete example:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TensorArk Chat</title>
  <link href="https://cdn.jsdelivr.net/npm/@tensorark/chat/dist/style.css" rel="stylesheet" />
</head>
<body>
  <h1>My Website</h1>
  
  <script type="module">
    import { createChat } from 'https://cdn.jsdelivr.net/npm/@tensorark/chat/dist/chat.bundle.es.js';

    createChat({
      webhookUrl: 'https://your-server.com/webhook/chat',
      welcomeMessage: 'Hi there! How can I help you today?',
      title: "TensorArk AI"
    });
  </script>
</body>
</html>
```

## Backend Integration

Your webhook endpoint (`webhookUrl`) should:
1. Accept POST requests with chat messages
2. Return responses in JSON format
3. Handle CORS if your frontend is on a different domain

## Features

- Easy integration with just a few lines of code
- Customizable welcome message and title
- Responsive design that works on both desktop and mobile
- Clean and modern user interface
- Simple webhook-based backend integration

## License

ISC