chatKit lib

? Pourquoi?

Bibliothèque de composants React qui vous permet de créer une interface de dialogue qui interagit avec un service tiers offrant la possibilité d'interagir avec le chat.

? Installer

Pour installer la bibliothèque, vous devez entrer la commande suivante :

 npm i sova - chatkit

Démarrage rapide

Pour démarrer rapidement et apporter des modifications à un composant de bibliothèque, entrez la commande suivante dans votre fichier 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

? Table des matières

La bibliothèque se compose des composants suivants :

? CkComponents - Composants d'interface utilisateur du widget (react-components) ;
? ckAPIMethods - méthodes qui affectent le comportement de l'interface utilisateur ou l'interaction avec l'interface utilisateur ;
ckStore - gestion du contenu.

Une description détaillée de la bibliothèque est donnée ci-dessous.

Description de la bibliothèque

CkComponents

 import { CkComponents } from "sova-chatkit"

Le widget utilise les composants de réaction suivants :

Composant
Badge	bouton de développement du widget
Message	bulle de message texte avec des informations à ce sujet
Dialogue	afficher un ensemble de messages texte
En-tête	titre du widget
Taux	composant d'évaluer le message
Expéditeur	composant de saisie et d'envoi de messages

Chaque composant accepte les accessoires de ckStore avec une valeur true ou false indiquant si le composant doit ou non conserver les informations du ckStore de base.

ckAPIMéthodes

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods stocke une liste de méthodes :

Méthode API
recevoirMessageAPI	ajouter un message texte à STORE
envoyerMessageAPI	envoyer des messages au module pour appeler la demande
styleAPI	modifier le thème du widget ou un composant individuel
uiManagmentAPI	modifier les paramètres des composants dans STORE
paramètresAPI	changer les images dans le widget
modulesAPI	connexion de modules de dialogue
langageAPI	paramètres des packs de langue

Toutes les méthodes affectent les informations stockées dans ckStore et peuvent modifier le comportement et l'affichage du widget.

ckStore

 import { ckStore } from "sova-chatkit"

ckStore stocke les informations de contenu dans des clés globales :

Clé
message	historique des messages utilisateur et réponses entrantes
modules	informations sur les modules de dialogue
paramètres	paramètres de boîte de dialogue et ses états
langue	paramètres des packs de langue
styles	paramètres de style de la boîte de dialogue et des composants individuels
clientConfig	paramètres du widget de niveau supérieur
gestion	paramètres des widgets

Implémenté avec Storeon. Vous pouvez voir toutes les informations sur le contenu dans les outils de développement de React.