React + TypeScript + Vite + Huve

Esse é o component compatível com ReactJs para implementação da integração da aplicação com a inteligência artificial da Huve.

Instalação e utilização

A utilização desse componente necessita dos tokens de autenticação fornecido pela Huve.

• Para instalação use yarn add vizion-chat-ai @react-three/drei @react-three/fiber three ou npm install vizion-chat-ai @react-three/drei @react-three/fiber three --save

Adicione os seguintes imports:

import 'vizion-chat-ai/dist/style.css';
import { VizionChat } from "vizion-chat-ai"

A ulitização pode ser baseada no exemplo:

<VizionChat 
      apiKey=""
      token=""
      user={{
        name: "Name",
        email: "[email protected]",
        avatar: "https://avatar.com.url/url.jpg"
      }
      }
      urlApi="http://endpoint.com/"
      selectedChat="DocumentId"
      showNavBar={false}
      title="Title"
      author="Author"
/>