chatKit lib

? ¿Por qué?

Biblioteca de componentes de reacción que le permite crear una interfaz de diálogo que interactúa con un servicio de terceros que brinda la posibilidad de interactuar con el chat.

? Instalar

Para instalar la biblioteca necesita ingresar el siguiente comando:

 npm i sova - chatkit

Inicio rápido

Para iniciar rápidamente y realizar cambios en un componente de la biblioteca, ingrese el siguiente comando en su archivo App.jsx :

 import React from "react"
import { CkComponents } from "sova-chatkit"
 
function App ( ) {
 return (
 < div className = "App" >
   < CkComponents . ChatIt ckStore = { true } / >
 < / div >
 )
}
 
export default App

? Tabla de contenido

La biblioteca consta de los siguientes componentes:

? CkComponents : componentes de interfaz de usuario del widget (react-components);
? ckAPIMethods : métodos que afectan el comportamiento de la UI o la interacción con la UI;
ckStore - gestión de contenidos.

A continuación se proporciona una descripción detallada de la biblioteca.

Descripción de la biblioteca

CkComponentes

 import { CkComponents } from "sova-chatkit"

El widget utiliza los siguientes componentes de reacción:

Componente
Insignia	botón de expansión del widget
Mensaje	burbuja de mensaje de texto con información al respecto
Diálogo	mostrando un conjunto de mensajes de texto
Encabezamiento	título del widget
Tasa	componente de calificar el mensaje
Remitente	componente de entrada y envío de mensajes

Cada componente acepta accesorios de ckStore con valor true o false que indica si el componente debe conservar información del ckStore base o no.

ckAPIMétodos

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods almacena una lista de métodos:

método API
recibirMessageAPI	agregar un mensaje de texto a la TIENDA
enviar mensajeAPI	enviar mensajes al módulo para llamar a la solicitud
estiloAPI	editar el tema del widget o componente individual
API de gestión de interfaz de usuario	cambiar la configuración de los componentes en la TIENDA
configuraciónAPI	cambiar imágenes en el widget
módulosAPI	conexión de módulos de diálogo
idiomaAPI	configuración de paquetes de idiomas

Todos los métodos afectan la información almacenada ckStore y pueden cambiar el comportamiento y la visualización del widget.

ckTienda

 import { ckStore } from "sova-chatkit"

ckStore almacena información del contenido en claves globales:

Llave
mensaje	historial de mensajes del usuario y respuestas entrantes
módulos	información de los módulos de diálogo
ajustes	configuración del diálogo y sus estados
idioma	configuración de paquetes de idioma
estilos	Configuración de estilo del diálogo y componentes individuales.
configuración del cliente	configuración del widget de nivel superior
gestión	configuración del widget

Implementado con Storeon. Puede ver toda la información del contenido en las herramientas de desarrollo de reacción.