@chatbootai/chat

🤖 ChatBootAI: Reusable Chat Web Component

This package provides a reusable web component that can be used to add an AI chatbot compatible with the ChatBootAI OpenAPI specification to any website.

Installation

npm install @chatbootai/chat-web-component

Usage

Once the package is installed, you can use the web component in your HTML code:

<cba-chat options="{ apiUrl: 'http://your-chat-backend.com' }"></cba-chat>

Depending of the framework and build system you're using, you'll have to import the web component in your JS code in different ways. You can have a look at the various integrations examples here:

• Vanilla HTML
• Angular
• React
• Vue
• Svelte

Development

This project uses Vite as a frontend build tool, and Lit as a web components library.

Available Scripts

In the project directory, you can run:

npm run dev

To start the app in dev mode.
Open http://localhost:8000 to view it in the browser.

npm run build

To build the web component for production to the dist folder.

npm run build:website

To build the demo website for the component to the dist folder.