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 ਵਿੱਚੋਂ ਥ੍ਰੋ ਕਰੋ। ਹੋਰ ਕੋਈ ਵੀ ਗ਼ਲਤੀ ਆਮ ਸੁਨੇਹਾ ਦਿਖਾਉਂਦੀ ਹੈ, ਤਾਂ ਜੋ ਅੰਦਰਲੀ ਗੱਲ ਲੀਕ ਨਾ ਹੋਵੇ।