botui

Javascript Framework для создания разговорных интерфейсов.

Основной сайт - Читать документы - Примеры -? QuickStart

Витрина?

Мы перечисляем все крутые проекты, которые люди строят с Ботуи, здесь. Смотрите другие и добавьте свой!

Примечание

Эта версия использует совершенно другой подход для создания UIS. Не используйте его в качестве замены в предыдущей версии. Если вы хотите использовать предыдущий (только VUE) подход, установите версию 0.3.9 : npm i [email protected] .

Быстрый взгляд

Установка

npm i botui @botui/react

Пример использования в React

 import { useEffect } from 'react'
import { createRoot } from 'react-dom/client'

import { createBot } from 'botui'
import { BotUI , BotUIMessageList , BotUIAction } from '@botui/react'

const myBot = createBot ( ) 

 < div id =" botui-app " > </ div > 

 const App = ( ) => {

  useEffect ( ( ) => {
    myBot
      . wait ( { waitTime : 1000 } )
      . then ( ( ) => myBot . message . add ( { text : 'hello, what is your name?' } ) )
      . then ( ( ) => myBot . action . set (
          {
            options : [
              { label : 'John' , value : 'john' } ,
              { label : 'Jane' , value : 'jane' } ,
            ] ,
          } ,
          { actionType : 'select' }
      ) )
      . then ( ( data ) => myBot . message . add ( { text : `nice to meet you ${ data . selected . label } ` } ) )
  } , [ ] )

  return < div >
    < BotUI bot = { myBot } >
      < BotUIMessageList />
      < BotUIAction />
    </ BotUI >
  </ div >
}

const containerElement = document . getElementById ( 'botui-app' )
const root = createRoot ( containerElement )
root . render ( < App /> )

Лицензия

Лицензия MIT - авторские права (C) 2017-23 - Мойн Уддин