hermes-chat-react 0.1.0

package/dist/react.d.ts

@@ -0,0 +1,343 @@
+export { ConnectResponse, ConnectionStatus, CreateDirectRoomInput, CreateGroupRoomInput, DeliveryStatus, HermesConfig, HermesEvents, HermesUser, LastSeenEvent, Message, MessageHistoryResult, MessageType, PresenceEvent, Reaction, ReactionEvent, ReceiptEvent, Room, RoomType, SendMessageInput, TypingEvent, UploadResult } from './index.js';
+import React from 'react';
+
+interface HermesConfig {
+    endpoint: string;
+    apiKey: string;
+    secret: string;
+    userId: string;
+}
+interface HermesUser {
+    userId: string;
+    displayName: string;
+    avatar?: string;
+    email?: string;
+}
+type RoomType = "direct" | "group";
+interface Room {
+    _id: string;
+    name?: string;
+    type: RoomType;
+    createdBy: string;
+    members: string[];
+    admins: string[];
+    avatar?: string;
+    description?: string;
+    lastMessage?: Message;
+    lastActivity: string;
+    unreadCount: number;
+    isMuted: boolean;
+    isPinned: boolean;
+    createdAt: string;
+    updatedAt: string;
+}
+interface CreateDirectRoomInput {
+    targetUserId: string;
+}
+interface CreateGroupRoomInput {
+    name: string;
+    memberIds: string[];
+    description?: string;
+    avatar?: string;
+}
+type MessageType = "text" | "link" | "image" | "video" | "audio" | "document";
+type DeliveryStatus = "sent" | "delivered" | "seen";
+interface Reaction {
+    emoji: string;
+    users: string[];
+}
+interface Message {
+    _id: string;
+    roomId: string;
+    senderId: string;
+    type: MessageType;
+    text?: string;
+    url?: string;
+    fileName?: string;
+    fileSize?: number;
+    mimeType?: string;
+    thumbnail?: string;
+    replyTo?: string;
+    reactions: Reaction[];
+    deliveryStatus: DeliveryStatus;
+    seenBy: string[];
+    isDeleted: boolean;
+    deletedAt?: string;
+    editedAt?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+interface SendMessageInput {
+    roomId: string;
+    type: MessageType;
+    text?: string;
+    url?: string;
+    fileName?: string;
+    fileSize?: number;
+    mimeType?: string;
+    thumbnail?: string;
+    replyTo?: string;
+}
+interface MessageHistoryResult {
+    messages: Message[];
+    hasMore: boolean;
+}
+interface PresenceEvent {
+    userId: string;
+    displayName: string;
+    roomId?: string;
+}
+interface LastSeenEvent {
+    userId: string;
+    lastSeen: string;
+}
+interface TypingEvent {
+    userId: string;
+    displayName: string;
+    roomId: string;
+}
+interface ReceiptEvent {
+    roomId: string;
+    userId: string;
+    lastMessageId: string;
+    seenAt: string;
+}
+interface ReactionEvent {
+    messageId: string;
+    roomId: string;
+    reactions: Reaction[];
+}
+interface UploadResult {
+    type: MessageType;
+    url: string;
+    thumbnail?: string;
+    fileName: string;
+    fileSize: number;
+    mimeType: string;
+}
+interface HermesEvents {
+    connected: () => void;
+    disconnected: (reason: string) => void;
+    error: (error: Error) => void;
+    "message:receive": (message: Message) => void;
+    "message:deleted": (data: {
+        messageId: string;
+        roomId: string;
+    }) => void;
+    "message:edited": (message: Message) => void;
+    "room:created": (room: Room) => void;
+    "room:deleted": (data: {
+        roomId: string;
+    }) => void;
+    "room:member:joined": (data: {
+        roomId: string;
+        userId: string;
+    }) => void;
+    "room:member:left": (data: {
+        roomId: string;
+        userId: string;
+    }) => void;
+    "user:online": (event: PresenceEvent) => void;
+    "user:offline": (event: LastSeenEvent) => void;
+    "typing:started": (event: TypingEvent) => void;
+    "typing:stopped": (event: TypingEvent) => void;
+    "receipt:updated": (event: ReceiptEvent) => void;
+    "reaction:updated": (event: ReactionEvent) => void;
+}
+type ConnectionStatus = "idle" | "connecting" | "connected" | "disconnected" | "error";
+
+type EventKey = keyof HermesEvents;
+type EventCallback<K extends EventKey> = HermesEvents[K];
+declare class EventEmitter {
+    private listeners;
+    on<K extends EventKey>(event: K, callback: EventCallback<K>): this;
+    off<K extends EventKey>(event: K, callback: EventCallback<K>): void;
+    once<K extends EventKey>(event: K, callback: EventCallback<K>): this;
+    emit<K extends EventKey>(event: K, ...args: Parameters<EventCallback<K>>): this;
+    removeAllListeners<K extends EventKey>(event?: K): this;
+    listenerCount<K extends EventKey>(event: K): number;
+}
+
+declare class HermesClient extends EventEmitter {
+    private config;
+    private socket;
+    private token;
+    user: HermesUser | null;
+    status: ConnectionStatus;
+    constructor(config: HermesConfig);
+    connect(): Promise<HermesUser>;
+    private _connectSocket;
+    disconnect(): void;
+    private _wireSocketEvents;
+    _emit<T = any>(event: string, data?: any): Promise<T>;
+    sendMessage(input: SendMessageInput): Promise<Message>;
+    getHistory(roomId: string, before?: string, limit?: number): Promise<MessageHistoryResult>;
+    deleteMessage(messageId: string, roomId: string): Promise<void>;
+    editMessage(messageId: string, roomId: string, text: string): Promise<Message>;
+    createDirectRoom(input: CreateDirectRoomInput): Promise<Room>;
+    createGroupRoom(input: CreateGroupRoomInput): Promise<Room>;
+    deleteRoom(roomId: string): Promise<void>;
+    getRooms(): Promise<Room[]>;
+    addMember(roomId: string, newMemberId: string): Promise<void>;
+    removeMember(roomId: string, targetId: string): Promise<void>;
+    pingPresence(roomId: string): void;
+    startTyping(roomId: string): void;
+    stopTyping(roomId: string): void;
+    markSeen(roomId: string, lastMessageId: string): Promise<void>;
+    addReaction(messageId: string, roomId: string, emoji: string): Promise<void>;
+    uploadFile(file: File): Promise<UploadResult>;
+    get isConnected(): boolean;
+    get currentUser(): HermesUser | null;
+}
+
+declare const useMessages: (client: HermesClient, roomId: string | null) => {
+    messages: Message[];
+    loading: boolean;
+    loadingMore: boolean;
+    hasMore: boolean;
+    error: string | null;
+    typingUsers: {
+        userId: string;
+        displayName: string;
+    }[];
+    sendMessage: (input: Omit<SendMessageInput, "roomId">) => Promise<Message>;
+    editMessage: (messageId: string, text: string) => Promise<Message>;
+    deleteMessage: (messageId: string) => Promise<void>;
+    addReaction: (messageId: string, emoji: string) => Promise<void>;
+    loadMore: () => Promise<void>;
+};
+
+declare const useRooms: (client: HermesClient) => {
+    rooms: Room[];
+    loading: boolean;
+    error: string | null;
+    createDirect: (input: CreateDirectRoomInput) => Promise<Room>;
+    createGroup: (input: CreateGroupRoomInput) => Promise<Room>;
+    deleteRoom: (roomId: string) => Promise<void>;
+    addMember: (roomId: string, userId: string) => Promise<void>;
+    removeMember: (roomId: string, userId: string) => Promise<void>;
+    refetch: () => Promise<void>;
+};
+
+declare const usePresence: (client: HermesClient) => {
+    isOnline: (userId: string) => boolean;
+    onlineUsers: string[];
+    onlineMap: Map<string, boolean>;
+};
+
+declare const useTyping: (client: HermesClient, roomId: string | null) => {
+    typingUsers: Map<string, string>;
+    typingText: string | null;
+    isAnyoneTyping: boolean;
+    startTyping: () => void;
+    stopTyping: () => void;
+};
+
+declare const useReadReceipts: (client: HermesClient, roomId: string | null) => {
+    markSeen: (lastMessageId: string) => Promise<void>;
+    seenBy: (messageId: string) => string[];
+    receipts: Map<string, Set<string>>;
+};
+
+declare const useReactions: (client: HermesClient, roomId: string | null) => {
+    react: (messageId: string, emoji: string) => Promise<void>;
+    hasReacted: (reactions: Reaction[], emoji: string) => boolean;
+    getCount: (reactions: Reaction[], emoji: string) => number;
+    getEmojis: (reactions: Reaction[]) => string[];
+};
+
+declare const useUpload: (client: HermesClient) => {
+    upload: (file: File) => Promise<UploadResult | null>;
+    sendFile: (roomId: string, file: File, replyTo?: string) => Promise<Message | null>;
+    validate: (file: File, maxMb?: number) => string | null;
+    uploading: boolean;
+    error: string | null;
+    lastUpload: UploadResult | null;
+};
+
+interface MessageListProps {
+    messages: Message[];
+    currentUser: HermesUser;
+    loading?: boolean;
+    loadingMore?: boolean;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    onEdit?: (messageId: string, text: string) => void;
+    onDelete?: (messageId: string) => void;
+    onReact?: (messageId: string, emoji: string) => void;
+    onReply?: (message: Message) => void;
+    renderMessage?: (message: Message, isOwn: boolean) => React.ReactNode;
+    renderAvatar?: (senderId: string) => React.ReactNode;
+    className?: string;
+    autoScroll?: boolean;
+    typingUsers?: {
+        userId: string;
+        displayName: string;
+    }[];
+}
+declare const MessageList: React.FC<MessageListProps>;
+
+interface ChatInputProps {
+    onSendText: (text: string) => Promise<void> | void;
+    onSendFile?: (file: File) => Promise<void> | void;
+    onTypingStart?: () => void;
+    onTypingStop?: () => void;
+    replyingTo?: Message | null;
+    onCancelReply?: () => void;
+    disabled?: boolean;
+    placeholder?: string;
+    maxLength?: number;
+    className?: string;
+    inputClassName?: string;
+    renderAttachIcon?: () => React.ReactNode;
+    renderSendIcon?: () => React.ReactNode;
+}
+declare const ChatInput: React.FC<ChatInputProps>;
+
+interface RoomListProps {
+    rooms: Room[];
+    activeRoomId?: string | null;
+    currentUserId: string;
+    loading?: boolean;
+    onSelectRoom: (room: Room) => void;
+    onCreateDirect?: () => void;
+    onCreateGroup?: () => void;
+    renderRoomItem?: (room: Room, isActive: boolean) => React.ReactNode;
+    renderAvatar?: (room: Room) => React.ReactNode;
+    renderEmpty?: () => React.ReactNode;
+    className?: string;
+    itemClassName?: string;
+}
+declare const RoomList: React.FC<RoomListProps>;
+
+interface TypingIndicatorProps {
+    typingText: string | null;
+    className?: string;
+}
+declare const TypingIndicator: React.FC<TypingIndicatorProps>;
+
+interface OnlineBadgeProps {
+    isOnline: boolean;
+    size?: number;
+    className?: string;
+}
+declare const OnlineBadge: React.FC<OnlineBadgeProps>;
+
+interface ReactionPickerProps {
+    onSelect: (emoji: string) => void;
+    currentReactions?: Reaction[];
+    currentUserId?: string;
+    emojis?: string[];
+    className?: string;
+    align?: "left" | "right";
+}
+declare const ReactionPicker: React.FC<ReactionPickerProps>;
+
+interface MediaMessageProps {
+    message: Message;
+    className?: string;
+    maxWidth?: number | string;
+}
+declare const MediaMessage: React.FC<MediaMessageProps>;
+
+export { ChatInput, MediaMessage, MessageList, OnlineBadge, ReactionPicker, RoomList, TypingIndicator, useMessages, usePresence, useReactions, useReadReceipts, useRooms, useTyping, useUpload };