A simple chatbot component for React to interface with AI chats. It uses @MUI for some of the components. Internally uses tailwindcss for styling.

Peer dependencies include:

• react
• react-dom
• @mui/material
• @mui/icons-material
• @mui/lab
• rxjs

Currently only one service is available, the NdJsonChatService, which is a chat service that sends messages to a server that accepts NDJSON messages.

The chat service is a simple interface that can be implemented to send messages to a chat server.

• Split service and components into separate packages
• Add Unit tests
• Add example page
• Remove MUI dependencies
• Replace RXJS with native JS
• Determine if using tailwindcss is good idea for a library
• Split NdJsonChatApi Implementation into a separate package

npm install @seriouslag/chatbot-react @seriouslag/chatbot-api-ndjson

import {
  NdJsonChatApiImpl,
  NdJsonChatService,
} from '@seriouslag/chatbot-api-ndjson';
import { ChatButton } from '@seriouslag/chatbot-react';
import { v4 } from 'uuid';
// load the css
import '@seriouslag/chatbot-react/css';

// setup the API
const chatApi = new NdJsonChatApiImpl({
  baseUrl: 'http:https://localhost:3000/api/chat',
});
// setup the chat service
const chatServiceInstance = new NdJsonChatService(chatApi, {
  defaultMessages: [
    {
      id: v4(),
      message: 'Hello! How can I help you?',
      role: 'info',
    },
  ],
});

const App = () => {
  return (
    <ChatButton
      service={chatServiceInstance}
      botName="ChatBot"
      botDescription="Chat with me!"
      inputTextPlaceholder="Type a message..."
      sendButtonText="Send"
    />
  );
};

export default App;

# install dependencies
npm install

# run local development server
npm run dev

# build the package
npm run build

MIT

nx release --skip-publish

on macos the generated package-lock.json is broken, Undo last commit, delete package-lock.json and run npm install to fix it. Commit, push, and push the tag of the new version

git push origin tag <version>