Needless UI

कंपोनेंट

Chat

मॉडल से बात करें: स्ट्रीम होते जवाब, टूल, वर्शन और फ़ाइलें।

इम्पोर्ट

import-chat.ts
import { NuiChat, NuiChatSession, nuiEventStream } from '@needless-ui/angular/chat';

NuiChat

बातचीत और लिखने का बॉक्स, एक साथ।

सिलेक्टर
nui-chat
नामटाइपडिफ़ॉल्टविवरण
sessionइनपुटNuiChatSessionदिखाई जाने वाली बातचीत।
assistantइनपुटstring'Assistant'असिस्टेंट का नाम, उन हेडिंग में जो स्क्रीन रीडर सुनाते हैं।
headingLevelइनपुटnumber3हर संदेश की हेडिंग का लेवल, जो सिर्फ़ स्क्रीन रीडर के लिए है। जवाबों के अंदर की हेडिंग एक लेवल गहरी होती हैं।
announceइनपुट'reply' | 'notice' | 'off''reply'जवाब पूरा होने पर स्क्रीन रीडर क्या सुनाएँ: पूरा जवाब, छोटी सूचना, या कुछ नहीं।
imagesइनपुटbooleanfalseजवाबों में इमेज दिखाता है। वरना उनका टेक्स्ट लिंक बनता है।
valueदो-तरफ़ाstring''लिखा जा रहा टेक्स्ट।
placeholderइनपुटstringखाली फ़ील्ड का संकेत।
suggestionsइनपुटstring[][]पहले संदेश तक, एक क्लिक से भेजे जाने वाले प्रॉम्प्ट।
sendOnइनपुट'enter' | 'mod+enter''enter'Enter से भेजना है, या Ctrl या ⌘ + Enter से।
disabledइनपुटbooleanfalseकंपोज़र से भेजना रोकता है।
attachइनपुटbooleanfalseफ़ाइलें लेता है: चुनी, पेस्ट की या ड्रॉप की गई।
acceptइनपुटstring''मंज़ूर फ़ाइल प्रकार, <input type="file"> की तरह।
maxFilesइनपुटnumber10एक संदेश में अधिकतम फ़ाइलें।
maxSizeइनपुटnumber20_000_000फ़ाइल का अधिकतम साइज़, बाइट में।
labelsइनपुटNuiChatLabelsInputचैट का दिखाया या घोषित किया जाने वाला हर टेक्स्ट, अनुवाद के लिए।
ratedआउटपुट{ message, rating }रेट किया गया जवाब रेटिंग के साथ एमिट करता है, या रेटिंग वापस लेने पर null।
focusमेथड() => voidटेक्स्ट फ़ील्ड पर फ़ोकस करता है।
scrollToEndमेथड(behavior?) => voidआख़िरी संदेश तक स्क्रॉल करता है, और उसके साथ रहता है।

NuiChatSession

बातचीत, बिना किसी DOM के। इसे किसी कंपोनेंट में respond, messages और id विकल्पों के साथ बनाएँ।

नामटाइपडिफ़ॉल्टविवरण
respondप्रॉपर्टी(request) => NuiChatReplyआपका फ़ंक्शन: request.messages का जवाब लिखता है, और request.signal रद्द होने पर रुकता है।
messagesप्रॉपर्टीSignal<NuiChatMessage[]>स्क्रीन पर दिख रही बातचीत।
allप्रॉपर्टीSignal<NuiChatMessage[]>हर वर्शन का हर संदेश, सहेजकर बाद में messages के रूप में वापस देने के लिए।
busyप्रॉपर्टीSignal<boolean>कोई जवाब आ रहा है या नहीं।
sendमेथड(text, files?) => Promise<void>संदेश भेजता है और जवाब माँगता है।
stopमेथड() => voidजवाब रोकता है, लिखा हुआ हिस्सा रखते हुए।
retryमेथड(message?) => Promise<void>फिर से पूछता है। नया जवाब पुराने के बगल में एक वर्शन होता है।
editमेथड(message, text) => Promise<void>उपयोगकर्ता के किसी संदेश का नया वर्शन भेजता है।
versionsमेथड(message) => NuiChatMessage[]किसी संदेश के सभी वर्शन, सबसे पुराना पहले।
showमेथड(message) => voidबातचीत को इस वर्शन पर स्विच करता है।
rateमेथड(message, 'up' | 'down' | null) => voidकिसी जवाब पर उपयोगकर्ता की राय दर्ज करता है।
remove, load, clearमेथड(…) => voidसंदेश और उसके बाद का सब कुछ हटाता है, बातचीत बदलता है, या फिर से शुरू करता है।

NuiChatMessage

एक संदेश। एक ही parent वाले संदेश एक-दूसरे के वर्शन होते हैं।

नामटाइपडिफ़ॉल्टविवरण
id, parentप्रॉपर्टीstring, string | nullसंदेश की कुंजी, और पिछले संदेश की।
roleप्रॉपर्टी'user' | 'assistant'किसने लिखा।
textप्रॉपर्टीstringअसिस्टेंट से Markdown, उपयोगकर्ता से सादा टेक्स्ट।
statusप्रॉपर्टी'pending' | 'streaming' | 'done' | 'stopped' | 'error'जवाब कहाँ तक पहुँचा: इंतज़ार से लेकर पूरा होने तक।
reasoningप्रॉपर्टीstringजवाब देने से पहले मॉडल ने क्या सोचा।
toolsप्रॉपर्टीNuiChatTool[]कॉल किए गए टूल, उनकी स्थिति, इनपुट और आउटपुट के साथ।
sourcesप्रॉपर्टी{ url, title? }[]इस्तेमाल किए गए पेज।
attachmentsप्रॉपर्टीNuiChatAttachment[]इसके साथ भेजी गई फ़ाइलें।
ratingप्रॉपर्टी'up' | 'down' | nullउपयोगकर्ता की राय।
dataप्रॉपर्टीunknownइसके साथ रखने को कुछ और, जैसे मॉडल का नाम।

NuiChatToolTemplate

टूल कॉल बनाता है, जैसे मौसम का कार्ड। कॉन्टेक्स्ट में कॉल और उसका संदेश होते हैं।

सिलेक्टर
ng-template[nuiChatTool]
नामटाइपडिफ़ॉल्टविवरण
nuiChatToolइनपुटstringटूल का नाम। इसके बिना, यह हर वह कॉल बनाता है जिसका नाम कोई और टेम्पलेट नहीं लेता।

NuiChatThread

सिर्फ़ बातचीत, आपके अपने लेआउट के लिए। यह nui-chat के बातचीत से जुड़े इनपुट लेता है।

सिलेक्टर
nui-chat-thread

NuiChatComposer

सिर्फ़ लिखने का बॉक्स। यह nui-chat के लिखने से जुड़े इनपुट लेता है।

सिलेक्टर
nui-chat-composer

NuiServerEvent

nuiEventStream हर इवेंट के लिए जो देता है। nuiTextStream सादा टेक्स्ट पढ़ता है और nuiJsonStream JSON लाइनें; तीनों एक fetch रिस्पॉन्स लेते हैं।

नामटाइपडिफ़ॉल्टविवरण
eventप्रॉपर्टीstring'message'इवेंट का नाम।
dataप्रॉपर्टीstringइसकी डेटा लाइनें, जोड़ी हुई।
idप्रॉपर्टीstringस्ट्रीम की भेजी आख़िरी id।

NuiChatError

इसका संदेश दिखाने के लिए इसे respond से थ्रो करें। कोई और त्रुटि सामान्य संदेश दिखाती है, ताकि अंदर की कोई बात लीक न हो।