@chatscope/use-chat/src/interfaces/MessageContent.ts

React hook for state management in chat applications

import { MessageContentType } from "../enums/MessageContentType";

export interface MessageContent<MessageContentType> {
  content: unknown;
}

export interface TextContent
  extends MessageContent<MessageContentType.TextPlain> {
  content: string;
}

export interface MarkdownContent
  extends MessageContent<MessageContentType.TextMarkdown> {
  content: string;
}

export interface HtmlContent
  extends MessageContent<MessageContentType.TextHtml> {
  content: string;
}

// Images can be sent as:
// - url/data url
// - binary
// If url is empty string it means that it's a binary image
export interface ImageContent extends MessageContent<MessageContentType.Image> {
  url: string;
  data: ArrayBuffer;
}

// TODO: Item with types, and names - how to merge it with ImageContent and VideoContent?
export interface GalleryItem {
  description: string;
  src: string;
}

export interface GalleryContent
  extends MessageContent<MessageContentType.Gallery> {
  content: GalleryItem[];
}

export interface KmlContent extends MessageContent<MessageContentType.Kml> {
  content: string;
}

// Attachments can be sent as
// - url/data url
// - binary
// If url is empty string it means that it's a binary image
export interface AttachmentContent
  extends MessageContent<MessageContentType.Attachment> {
  url: string;
  data: ArrayBuffer;
}

export interface AttachmentListContent
  extends MessageContent<MessageContentType.AttachmentList> {
  content: AttachmentContent[];
}

// Attachments can be sent as
// - url/data url
// - binary
// If url is empty string it means that it's a binary image
export interface VideoContent extends MessageContent<MessageContentType.Video> {
  url: string;
  data: ArrayBuffer;
}

export interface VCardContent extends MessageContent<MessageContentType.VCard> {
  content: unknown;
}

export interface OtherContent extends MessageContent<MessageContentType.Other> {
  content: unknown;
}