infin8t-react
v1.0.1
Published
A simple React component and script for integrating AI-powered chatbots into websites
Downloads
132
Maintainers
Readme
Infin8t Chatbot
Infin8t is a powerful and flexible chatbot solution that can be integrated into websites as either a React component or a standalone script.
Installation
For React projects:
You can install Infin8t using npm:
Methods
sendMessage(message: string): Promise<void>
on(eventName: string, callback: Function): void
off(eventName: string, callback: Function): void
setTheme(theme: 'light' | 'dark'): void
clear(): void
// Clears the chat history
Events
messageSent
messageReceived
error
fileUploaded
Server-side API
If you're implementing your own server, ensure it supports the following endpoint:
- POST
/chat
- Request body:
{ input: string, api_key: string }
- Response:
{ response: string }
- Request body:
Troubleshooting
Chatbot not appearing:
- Ensure the container element with the specified ID exists in your HTML.
- Check if the Infin8t script and CSS are properly loaded.
API errors:
- Verify that you're using a valid API key.
- Check if your endpoint is correct and accessible.
- Ensure your server is running and responding to requests.
Styling issues:
- Check for any CSS conflicts.
- Ensure the Infin8t CSS file is properly loaded.
- Try using more specific CSS selectors if your styles are not applying.
Console errors:
- Check the browser console for any JavaScript errors.
- Ensure all dependencies are correctly loaded.
For more detailed troubleshooting, please refer to our documentation.
Contributing
We welcome contributions to Infin8t! Here's how you can help:
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Please read CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests.
License
Infin8t is released under the MIT License. See the LICENSE file for more details.
Support
If you need help or have any questions, please:
- Check our FAQ
- Join our community forum
- Contact our support team
Made with ❤️ by the Infin8t team