ngx-open-web-ui-chat — это Angular-компонент с открытым исходным кодом, который позволяет добавить AI-чат в любое приложение за несколько минут. Единственное требование — работающий экземпляр Open WebUI, локально или на сервере.
Установка проста. В директории вашего Angular-проекта выполните: npm install ngx-open-web-ui-chat
Затем добавьте модуль в AppModule (или standalone-компонент): import { NgxOpenWebUiChatModule } from 'ngx-open-web-ui-chat';
Добавьте компонент в шаблон HTML: <ngx-open-web-ui-chat apiUrl="http://localhost:3000" model="llama3" placeholder="Задайте вопрос..."></ngx-open-web-ui-chat>
Параметр apiUrl указывает на адрес вашего экземпляра Open WebUI. Параметр model — название модели, загруженной в Open WebUI: llama3, mistral, qwen2 или любая другая модель Ollama.
Компонент поддерживает историю разговора в рамках сессии, markdown в ответах модели и адаптивный мобильный макет. Стилизация возможна через CSS custom properties.
Проект имеет открытый исходный код и доступен на npm. Больше примеров конфигурации — в README на GitHub.
Есть вопросы или идеи для новых функций? Откройте issue на GitHub или напишите на [email protected].