botui

Un framework JavaScript pour la création d'UIS conversationnels.

Site principal - Lire les documents - Exemples -? Start

Vitrine?

Nous répertorions tous les projets sympas que les gens construisent avec BOTU, ici. Voir les autres et ajouter le vôtre!

Note

Cette version utilise une approche complètement différente pour construire des UIS. Ne l'utilisez pas comme remplacement de rendez-vous pour la version précédente. Si vous souhaitez utiliser l'approche précédente (Vue uniquement), installez la version 0.3.9 : npm i [email protected] .

Regard rapide

Installation

npm i botui @botui/react

Exemple d'utilisation dans 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 /> )

Licence

Licence MIT - Copyrights (C) 2017-23 - Moin Uddin