botui

Ein JavaScript -Framework zum Erstellen von Konversations -UIs.

Hauptseite - Lesen von Dokumenten - Beispiele -? QuickStart

Showcase?

Wir listen hier alle coolen Projekte auf, die die Leute mit Botui bauen. Sehen Sie die von anderen und fügen Sie Ihre hinzu!

Notiz

Diese Version verwendet einen völlig anderen Ansatz zum Erstellen von UIs. Verwenden Sie es nicht als Drop-In-Ersatz für die vorherige Version. Wenn Sie den vorherigen (Vue-Nur-Vue-Ansatz) verwenden möchten, installieren Sie die Version 0.3.9 : npm i [email protected] .

Schneller Blick

Installation

npm i botui @botui/react

Beispiel Verwendung in 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 /> )

Lizenz

MIT -Lizenz - Urheberrechte (C) 2017-23 - Moin Uddin