@tensorark/chat
v1.0.5
Published
Embeddable chat widget for web applications
Readme
TensorArk Chat
A lightweight and customizable chat widget for web applications.
Installation & Usage
Add the following code to your HTML file:
<!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 sentwelcomeMessage(optional): The initial message shown in the chattitle(optional): The title shown at the top of the chat widget
Example
Here's a complete example:
<!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:
- Accept POST requests with chat messages
- Return responses in JSON format
- 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