chatKit lib

؟ لماذا؟

مكتبة مكونات التفاعل التي تسمح لك بإنشاء واجهة حوار تتفاعل مع خدمة خارجية توفر القدرة على التفاعل مع الدردشة.

؟ ثَبَّتَ

لتثبيت المكتبة، تحتاج إلى إدخال الأمر التالي:

 npm i sova - chatkit

بداية سريعة

للبدء السريع وإجراء تغييرات على أحد مكونات المكتبة، أدخل الأمر التالي في ملف 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

؟ جدول المحتويات

تتكون المكتبة من المكونات التالية:

؟ CkComponents - مكونات واجهة المستخدم لعنصر واجهة المستخدم (مكونات التفاعل)؛
؟ ckAPIMethods - الأساليب التي تؤثر على سلوك واجهة المستخدم أو التفاعل مع واجهة المستخدم؛
ckStore - إدارة المحتوى.

ويرد أدناه وصف تفصيلي للمكتبة.

وصف المكتبة

مكونات Ck

 import { CkComponents } from "sova-chatkit"

تستخدم القطعة مكونات التفاعل التالية:

عنصر
شارة	زر توسيع القطعة
رسالة	فقاعة من الرسائل النصية تحتوي على معلومات عنها
الحوار	عرض مجموعة من الرسائل النصية
رأس	عنوان القطعة
معدل	مكون معدل الرسالة
مرسل	مكون إدخال الرسالة وإرسالها

يقبل كل مكون الدعائم من ckStore بقيمة true أو false تشير إلى ما إذا كان المكون يجب أن يحتفظ بالمعلومات من ckStore الأساسي أم لا.

ckAPIMethods

 import { ckAPIMethods } from "sova-chatkit"

يقوم ckAPIMethods بتخزين قائمة من الأساليب:

طريقة API
recieveMessageAPI	إضافة رسائل نصية إلى STORE
sendMessageAPI	إرسال رسائل إلى الوحدة لطلب الاتصال
styleAPI	تحرير سمة القطعة أو المكون الفردي
uiManagmentAPI	تغيير إعدادات المكونات في STORE
settingsAPI	تغيير الصور في القطعة
ModulesAPI	اتصال وحدات الحوار
languageAPI	حزم اللغات الإعدادات

تؤثر جميع الطرق على المعلومات المخزنة في ckStore ويمكنها تغيير سلوك القطعة وعرضها.

ckStore

 import { ckStore } from "sova-chatkit"

يقوم ckStore بتخزين معلومات المحتوى في المفاتيح العامة:

مفتاح
رسالة	سجل رسائل المستخدم والإجابات الواردة
وحدات	معلومات وحدات الحوار
إعدادات	إعدادات الحوار وحالاته
لغة	حزم اللغات الإعدادات
الأنماط	إعدادات نمط الحوار والمكونات الفردية
ClientConfig	إعدادات القطعة ذات المستوى الأعلى
الإدارة	إعدادات القطعة

تم التنفيذ مع Storeon. يمكنك رؤية جميع معلومات المحتوى في أدوات تطوير التفاعل.