chatKit lib herunterladen - chatKit lib Quellcode herunterladen

chatKit lib

AI-Quellcode

v0.8.0

Herunterladen

? Warum?

Bibliothek mit Reaktionskomponenten, mit der Sie eine Dialogschnittstelle erstellen können, die mit einem Drittanbieterdienst interagiert, der die Möglichkeit zur Interaktion mit dem Chat bietet.

? Installieren

Um die Bibliothek zu installieren, müssen Sie den nächsten Befehl eingeben:

 npm i sova - chatkit

Schnellstart

Um schnell zu starten und Änderungen an einer Bibliothekskomponente vorzunehmen, geben Sie in Ihrer App.jsx- Datei den folgenden Befehl ein:

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

? Inhaltsverzeichnis

Die Bibliothek besteht aus den folgenden Komponenten:

? CkComponents – UI-Komponenten des Widgets (React-Components);
? ckAPIMethods – Methoden, die das Verhalten der Benutzeroberfläche oder die Interaktion mit der Benutzeroberfläche beeinflussen;
ckStore – Verwaltung von Inhalten.

Eine detaillierte Beschreibung der Bibliothek finden Sie unten.

Beschreibung der Bibliothek

CkComponents

 import { CkComponents } from "sova-chatkit"

Widget verwendet Next-React-Komponenten:

Komponente
Abzeichen	Schaltfläche zum Erweitern des Widgets
Nachricht	Blase einer Textnachricht mit Informationen darüber
Dialog	Anzeigen einer Reihe von Textnachrichten
Kopfzeile	Widget-Titel
Rate	Komponente der Bewertung der Nachricht
Absender	Nachrichteneingabe- und -sendekomponente

Jede Komponente akzeptiert Requisiten vom ckStore mit dem Wert true oder false der angibt, ob die Komponente Informationen aus dem Basis ckStore speichern soll oder nicht.

ckAPIMethods

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods speichert eine Liste von Methoden:

API-Methode
recieveMessageAPI	Fügen Sie eine Textnachricht zum STORE hinzu
sendMessageAPI	Senden Sie Nachrichten an das Modul, um die Anforderung anzurufen
styleAPI	Bearbeiten Sie das Widget-Design oder eine einzelne Komponente
uiManagmentAPI	Ändern Sie die Einstellungen von Komponenten im STORE
SettingsAPI	Bilder im Widget ändern
moduleAPI	Anbindung von Dialogmodulen
languageAPI	Einstellungen Sprachpakete

Alle Methoden wirken sich auf die ckStore gespeicherten Informationen aus und können das Verhalten und die Anzeige des Widgets ändern.

ckStore

 import { ckStore } from "sova-chatkit"

ckStore speichert Inhaltsinformationen in globalen Schlüsseln:

Schlüssel
Nachricht	Verlauf der Benutzernachrichten und eingehende Antworten
Module	Informationen zu Dialogmodulen
Einstellungen	Dialogeinstellungen und ihre Zustände
Sprache	Einstellungen Sprachpakete
Stile	Stileinstellungen des Dialogs und einzelner Komponenten
clientConfig	Widget-Einstellungen der obersten Ebene
Management	Widget-Einstellungen