botui

Uma estrutura JavaScript para criar UIs de conversação.

Site principal - Leia documentos - Exemplos -? Investir rápido

Showcase?

Estamos listando todos os projetos legais que as pessoas estão construindo com o Botui, aqui. Veja os outros e adicione o seu!

Observação

Esta versão está usando uma abordagem completamente diferente para a construção de UIs. Não o use como uma substituição de drop-in para a versão anterior. Se você deseja usar a abordagem anterior (somente Vue), instale a versão 0.3.9 : npm i [email protected] .

Olhar rápido

Instalação

npm i botui @botui/react

Exemplo de uso no 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 /> )

Licença

MIT Licença - Direitos Autorais (c) 2017-23 - Moin Uddin