* feat: adding create bot functionality Signed-off-by: James <james@jan.ai> * update the temperature progress bar Signed-off-by: James <james@jan.ai> * WIP baselayout * Mapping plugins with available preferences * Added loader component * WIP working another screen * Cleanup types and avoid import one by one * Prepare bottom bar * Add css variables colors to enable user select the accent * Enable change accent color * Seperate css variable * Fix conflict * Add blank state of my model empty * Restyle explore models page * Enable user config left sidebar * Restyle my models page * WIP styling chat page * Restyling chat message * Fix conflict * Adde form preferences setting plugins * Fixed form bot info * Sidebar bot chat * Showing rightbar for both setting when user created bot * Fix style bot info * Using overflow auto intead of scroll * Remove script built UI from root package * Fix missig import * Resolve error linter * fix e2e tests Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
82 lines
1.8 KiB
TypeScript
82 lines
1.8 KiB
TypeScript
import { NewMessageResponse } from '@janhq/core'
|
|
export enum MessageType {
|
|
Text = 'Text',
|
|
Image = 'Image',
|
|
ImageWithText = 'ImageWithText',
|
|
Error = 'Error',
|
|
}
|
|
|
|
export enum MessageSenderType {
|
|
Ai = 'assistant',
|
|
User = 'user',
|
|
}
|
|
|
|
export enum MessageStatus {
|
|
Ready = 'ready',
|
|
Pending = 'pending',
|
|
}
|
|
|
|
export interface ChatMessage {
|
|
id: string
|
|
conversationId: string
|
|
messageType: MessageType
|
|
messageSenderType: MessageSenderType
|
|
senderUid: string
|
|
senderName: string
|
|
senderAvatarUrl: string
|
|
text: string | undefined
|
|
imageUrls?: string[] | undefined
|
|
createdAt: number
|
|
status: MessageStatus
|
|
}
|
|
|
|
export interface RawMessage {
|
|
_id?: string
|
|
conversationId?: string
|
|
user?: string
|
|
avatar?: string
|
|
message?: string
|
|
createdAt?: string
|
|
updatedAt?: string
|
|
}
|
|
|
|
export const toChatMessage = (
|
|
m: RawMessage | NewMessageResponse
|
|
): ChatMessage => {
|
|
const createdAt = new Date(m.createdAt ?? '').getTime()
|
|
const imageUrls: string[] = []
|
|
const imageUrl = undefined
|
|
if (imageUrl) {
|
|
imageUrls.push(imageUrl)
|
|
}
|
|
|
|
const messageType = MessageType.Text
|
|
const messageSenderType =
|
|
m.user === 'user' ? MessageSenderType.User : MessageSenderType.Ai
|
|
|
|
const content = m.message ?? ''
|
|
|
|
return {
|
|
id: (m._id ?? 0).toString(),
|
|
conversationId: (m.conversationId ?? 0).toString(),
|
|
messageType: messageType,
|
|
messageSenderType: messageSenderType,
|
|
senderUid: m.user?.toString() || '0',
|
|
senderName:
|
|
m.user === 'user'
|
|
? 'You'
|
|
: m.user && m.user !== 'ai' && m.user !== 'assistant'
|
|
? m.user
|
|
: 'Assistant',
|
|
senderAvatarUrl: m.avatar
|
|
? m.avatar
|
|
: m.user === 'user'
|
|
? 'icons/avatar.svg'
|
|
: 'icons/app_icon.svg',
|
|
text: content,
|
|
imageUrls: imageUrls,
|
|
createdAt: createdAt,
|
|
status: MessageStatus.Ready,
|
|
}
|
|
}
|