@xipkg/calls-chat 0.1.22 → 0.1.24

package/dist/index.d.ts

@@ -15,6 +15,7 @@ declare const ChatButton: ({ className }: ChatButtonProps) => react.JSX.Element;
 
 declare const useChat: () => {
     sendChatMessage: (text: string) => void;
+    deleteChatMessage: (messageId: string) => void;
     toggleChat: () => void;
     openChat: () => void;
     closeChat: () => void;
@@ -32,6 +33,7 @@ type useChatStoreT = {
     chatMessages: ChatMessageT[];
     unreadMessagesCount: number;
     addChatMessage: (message: ChatMessageT) => void;
+    removeChatMessage: (messageId: string) => void;
     clearUnreadMessages: () => void;
     updateStore: (type: keyof useChatStoreT, value: unknown) => void;
 };

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { useCallback, useState, useRef, useEffect } from 'react';
 import { Button } from '@xipkg/button';
 import { Textarea } from '@xipkg/textarea';
-import { Close, Send, Chat as Chat$1 } from '@xipkg/icons';
+import { Close, Trash, Send, Chat as Chat$1 } from '@xipkg/icons';
 import { UserProfile } from '@xipkg/userprofile';
 import { ScrollArea } from '@xipkg/scrollarea';
 import { Modal, ModalContent, ModalTitle } from '@xipkg/modal';
@@ -31,14 +31,20 @@ var useChatStore = create()((set, get) => ({
       unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1
     }));
   },
+  removeChatMessage: (messageId) => {
+    set((state) => ({
+      chatMessages: state.chatMessages.filter((msg) => msg.id !== messageId)
+    }));
+  },
   clearUnreadMessages: () => set({ unreadMessagesCount: 0 })
 }));
 
 // src/hooks/useChat.ts
 var CHAT_MESSAGE_TYPE = "chat_message";
+var CHAT_MESSAGE_DELETE_TYPE = "chat_message_delete";
 var useChat = () => {
   const { sendMessage } = useLiveKitDataChannel();
-  const { addChatMessage, clearUnreadMessages, updateStore } = useChatStore();
+  const { addChatMessage, removeChatMessage, clearUnreadMessages, updateStore } = useChatStore();
   const chatSoundVolume = useSoundEffectsStore((s) => s.chatMessageVolume);
   const { room } = useRoom();
   const getCurrentParticipantInfo = useCallback(() => {
@@ -72,15 +78,22 @@ var useChat = () => {
         const payload = message.payload;
         const currentParticipantInfo = getCurrentParticipantInfo();
         if (payload.senderId === currentParticipantInfo.senderId) {
-          console.log("\u{1F4AC} Ignoring own message:", payload);
           return;
         }
-        console.log("\u{1F4AC} Received chat message:", payload);
         addChatMessage(payload);
         playSound("chatMessage", chatSoundVolume);
+        return;
+      }
+      if (message.type === CHAT_MESSAGE_DELETE_TYPE) {
+        const payload = message.payload;
+        if (!payload?.id || !payload?.senderId) return;
+        const existing = useChatStore.getState().chatMessages.find((msg) => msg.id === payload.id);
+        if (!existing) return;
+        if (String(existing.senderId) !== String(payload.senderId)) return;
+        removeChatMessage(payload.id);
       }
     },
-    [addChatMessage, getCurrentParticipantInfo, chatSoundVolume]
+    [addChatMessage, removeChatMessage, getCurrentParticipantInfo, chatSoundVolume]
   );
   useLiveKitDataChannelListener(handleChatMessage);
   const sendChatMessage = useCallback(
@@ -94,12 +107,26 @@ var useChat = () => {
         senderName: participantInfo.senderName,
         timestamp: Date.now()
       };
-      console.log("\u{1F4E4} Sending chat message:", message);
       addChatMessage(message);
       sendMessage(CHAT_MESSAGE_TYPE, message);
     },
     [sendMessage, getCurrentParticipantInfo, addChatMessage]
   );
+  const deleteChatMessage = useCallback(
+    (messageId) => {
+      const existing = useChatStore.getState().chatMessages.find((msg) => msg.id === messageId);
+      if (!existing) return;
+      const participantInfo = getCurrentParticipantInfo();
+      if (String(existing.senderId) !== String(participantInfo.senderId)) return;
+      const payload = {
+        id: messageId,
+        senderId: participantInfo.senderId
+      };
+      removeChatMessage(messageId);
+      sendMessage(CHAT_MESSAGE_DELETE_TYPE, payload);
+    },
+    [sendMessage, getCurrentParticipantInfo, removeChatMessage]
+  );
   const toggleChat = useCallback(() => {
     updateStore("isChatOpen", !useChatStore.getState().isChatOpen);
     clearUnreadMessages();
@@ -113,6 +140,7 @@ var useChat = () => {
   }, [updateStore]);
   return {
     sendChatMessage,
+    deleteChatMessage,
     toggleChat,
     openChat,
     closeChat
@@ -146,7 +174,7 @@ var Chat = ({ compactPositionClassName } = {}) => {
   const { t, i18n } = useTranslation("calls");
   const [messageText, setMessageText] = useState("");
   const messagesEndRef = useRef(null);
-  const { sendChatMessage, closeChat } = useChat();
+  const { sendChatMessage, deleteChatMessage, closeChat } = useChat();
   const { chatMessages, isChatOpen } = useChatStore();
   const { data: currentUser } = useCalls().auth.useCurrentUser();
   const timeLocale = i18n.language?.startsWith("ru") ? "ru-RU" : i18n.language?.startsWith("en") ? "en-US" : i18n.language;
@@ -199,7 +227,7 @@ var Chat = ({ compactPositionClassName } = {}) => {
         return /* @__PURE__ */ jsx(
           "div",
           {
-            className: `flex ${isOwnMessage ? "justify-end" : "justify-start"}`,
+            className: `group flex ${isOwnMessage ? "justify-end" : "justify-start"}`,
             children: /* @__PURE__ */ jsxs("div", { className: "text-text-primary flex max-w-[90%] flex-col gap-1 rounded-lg select-text", children: [
               /* @__PURE__ */ jsxs("div", { className: "text-text-primary flex flex-row items-center gap-1 text-xs font-medium", children: [
                 !isOwnMessage && /* @__PURE__ */ jsx(
@@ -222,16 +250,30 @@ var Chat = ({ compactPositionClassName } = {}) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "cursor-text rounded-lg px-3 py-2 text-sm wrap-break-word whitespace-pre-wrap select-text",
-                    isOwnMessage ? "bg-action-primary-background-disabled" : "bg-background-page"
-                  ),
-                  children: parseLinks(message.text)
-                }
-              )
+              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "cursor-text rounded-lg px-3 py-2 text-sm wrap-break-word whitespace-pre-wrap select-text",
+                      isOwnMessage ? "bg-action-primary-background-disabled" : "bg-background-page"
+                    ),
+                    children: parseLinks(message.text)
+                  }
+                ),
+                isOwnMessage && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "none",
+                    className: "bg-background-surface border-border-default absolute -top-2 -left-2 h-7 w-7 rounded-full border p-1 opacity-100 shadow-sm sm:opacity-0 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100",
+                    onClick: () => deleteChatMessage(message.id),
+                    "aria-label": t("chat.deleteAria"),
+                    children: /* @__PURE__ */ jsx(Trash, { className: "fill-icon-secondary h-4 w-4" })
+                  }
+                )
+              ] })
             ] })
           },
           message.id

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/store/chatStore.ts","../src/hooks/useChat.ts","../src/utils/chat.tsx","../src/ui/Chat.tsx","../src/ui/ChatButton.tsx"],"names":["jsx","jsxs","Button","cn","Chat"],"mappings":"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","file":"index.mjs","sourcesContent":["import { create } from 'zustand';\n\ntype ChatMessageT = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport type useChatStoreT = {\n  isChatOpen: boolean;\n  chatMessages: ChatMessageT[];\n  unreadMessagesCount: number;\n  addChatMessage: (message: ChatMessageT) => void;\n  clearUnreadMessages: () => void;\n  updateStore: (type: keyof useChatStoreT, value: unknown) => void;\n};\n\n// Чат передаётся только через LiveKit DataChannel (P2P/broadcast в рамках текущего звонка),\n// серверной истории сообщений нет. Раньше стор персистился в localStorage без привязки\n// к конкретному звонку — сообщения предыдущего звонка «утекали» в следующий на том же\n// устройстве (и только у того пользователя, у кого localStorage не был очищен штатным\n// disconnect-флоу). Стор намеренно НЕ персистится: чат живёт только в памяти на время\n// звонка и одинаково пуст у всех при входе в новый звонок.\nexport const useChatStore = create<useChatStoreT>()((set, get) => ({\n  isChatOpen: false,\n  chatMessages: [],\n  unreadMessagesCount: 0,\n  updateStore: (type: keyof useChatStoreT, value: unknown) => set({ [type]: value }),\n\n  addChatMessage: (message: ChatMessageT) => {\n    const { isChatOpen, unreadMessagesCount, chatMessages } = get();\n\n    // Проверяем, нет ли уже сообщения с таким ID (дедупликация)\n    const messageExists = chatMessages.some((msg) => msg.id === message.id);\n    if (messageExists) {\n      return;\n    }\n\n    set((state) => ({\n      chatMessages: [...state.chatMessages, message],\n      unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1,\n    }));\n  },\n\n  clearUnreadMessages: () => set({ unreadMessagesCount: 0 }),\n}));\n","import { useCallback } from 'react';\nimport { useLiveKitDataChannel, useLiveKitDataChannelListener } from '@xipkg/calls-hooks';\nimport { useRoom } from '@xipkg/calls-providers';\nimport { useSoundEffectsStore } from '@xipkg/calls-store';\nimport { playSound } from '@xipkg/calls-utils';\nimport { useChatStore } from '../store';\n\nconst CHAT_MESSAGE_TYPE = 'chat_message';\n\ntype ChatMessagePayload = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport const useChat = () => {\n  const { sendMessage } = useLiveKitDataChannel();\n  const { addChatMessage, clearUnreadMessages, updateStore } = useChatStore();\n  const chatSoundVolume = useSoundEffectsStore((s) => s.chatMessageVolume);\n  const { room } = useRoom();\n\n  // Получаем информацию о текущем участнике из LiveKit\n  const getCurrentParticipantInfo = useCallback(() => {\n    if (!room?.localParticipant) {\n      return {\n        senderId: 'unknown',\n        senderName: 'Unknown User',\n      };\n    }\n\n    const participant = room.localParticipant;\n\n    try {\n      // Парсим метаданные участника\n      const metadata = participant.metadata;\n      if (metadata) {\n        const userInfo = JSON.parse(metadata);\n        return {\n          senderId: userInfo?.user_id || userInfo?.id || participant.identity,\n          senderName:\n            userInfo?.display_name ||\n            userInfo?.name ||\n            userInfo?.username ||\n            participant.name ||\n            participant.identity,\n        };\n      }\n    } catch (error) {\n      console.warn('⚠️ Failed to parse participant metadata:', error);\n    }\n\n    // Fallback на стандартные поля LiveKit\n    return {\n      senderId: participant.identity,\n      senderName: participant.name || participant.identity,\n    };\n  }, [room]);\n\n  const handleChatMessage = useCallback(\n    (message: { type: string; payload: unknown }) => {\n      if (message.type === CHAT_MESSAGE_TYPE) {\n        const payload = message.payload as ChatMessagePayload;\n\n        // Проверяем, что это не наше собственное сообщение\n        const currentParticipantInfo = getCurrentParticipantInfo();\n        if (payload.senderId === currentParticipantInfo.senderId) {\n          console.log('💬 Ignoring own message:', payload);\n          return;\n        }\n\n        console.log('💬 Received chat message:', payload);\n        addChatMessage(payload);\n        playSound('chatMessage', chatSoundVolume);\n      }\n    },\n    [addChatMessage, getCurrentParticipantInfo, chatSoundVolume],\n  );\n\n  // Слушаем сообщения чата\n  useLiveKitDataChannelListener(handleChatMessage);\n\n  const sendChatMessage = useCallback(\n    (text: string) => {\n      if (!text.trim()) return;\n\n      const participantInfo = getCurrentParticipantInfo();\n      const message: ChatMessagePayload = {\n        id: `${Date.now()}-${Math.random()}`,\n        text: text.trim(),\n        senderId: participantInfo.senderId,\n        senderName: participantInfo.senderName,\n        timestamp: Date.now(),\n      };\n\n      console.log('📤 Sending chat message:', message);\n\n      // Добавляем сообщение в локальный store отправителя\n      addChatMessage(message);\n\n      // Отправляем через DataChannel\n      sendMessage(CHAT_MESSAGE_TYPE, message);\n    },\n    [sendMessage, getCurrentParticipantInfo, addChatMessage],\n  );\n\n  const toggleChat = useCallback(() => {\n    updateStore('isChatOpen', !useChatStore.getState().isChatOpen);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const openChat = useCallback(() => {\n    updateStore('isChatOpen', true);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const closeChat = useCallback(() => {\n    updateStore('isChatOpen', false);\n  }, [updateStore]);\n\n  return {\n    sendChatMessage,\n    toggleChat,\n    openChat,\n    closeChat,\n  };\n};\n","export const parseLinks = (message: string) => {\n  const urlRegex = /(https?:\\/\\/[^\\s]+)/g;\n  const messageParts = message.split(urlRegex);\n\n  return messageParts.map((messagePart, index) => {\n    if (urlRegex.test(messagePart)) {\n      return (\n        <a\n          key={index}\n          href={messagePart}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-text-link hover:text-text-link cursor-pointer underline\"\n          onClick={(e) => e.stopPropagation()}\n          data-umami-event=\"outbound-link-click\"\n          data-umami-event-url={messagePart}\n          data-umami-event-source=\"chat\"\n        >\n          {messagePart}\n        </a>\n      );\n    }\n\n    return messagePart;\n  });\n};\n","import { useState, useRef, useEffect } from 'react';\nimport { Button } from '@xipkg/button';\nimport { Textarea } from '@xipkg/textarea';\nimport { Send, Close } from '@xipkg/icons';\nimport { UserProfile } from '@xipkg/userprofile';\nimport { ScrollArea } from '@xipkg/scrollarea';\nimport { Modal, ModalContent, ModalTitle } from '@xipkg/modal';\nimport { useTranslation } from 'react-i18next';\nimport { useChat } from '../hooks';\nimport { useCalls } from '@xipkg/calls-providers';\nimport { useChatStore } from '../store';\nimport { cn, useMediaQuery } from '@xipkg/utils';\nimport { parseLinks } from '../utils/chat';\n\ntype ChatProps = {\n  /** В компакт-режиме: классы позиционирования (как у CompactCall: top-16 bottom-4 left-4 и т.д.) */\n  compactPositionClassName?: string;\n};\n\nexport const Chat = ({ compactPositionClassName }: ChatProps = {}) => {\n  const { t, i18n } = useTranslation('calls');\n  const [messageText, setMessageText] = useState('');\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const { sendChatMessage, closeChat } = useChat();\n  const { chatMessages, isChatOpen } = useChatStore();\n  const { data: currentUser } = useCalls().auth.useCurrentUser();\n  const timeLocale = i18n.language?.startsWith('ru')\n    ? 'ru-RU'\n    : i18n.language?.startsWith('en')\n      ? 'en-US'\n      : i18n.language;\n\n  const scrollToBottom = (behavior: ScrollBehavior = 'smooth') => {\n    messagesEndRef.current?.scrollIntoView({ behavior });\n  };\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (isChatOpen) {\n      requestAnimationFrame(() => {\n        scrollToBottom('auto');\n      });\n    }\n  }, [isChatOpen]);\n\n  // Автоматическая прокрутка при получении новых сообщений\n  useEffect(() => {\n    if (isChatOpen && chatMessages.length > 0) {\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n  }, [chatMessages.length, isChatOpen]);\n\n  const handleSendMessage = () => {\n    if (messageText.trim()) {\n      sendChatMessage(messageText);\n      setMessageText('');\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n\n    if (textareaRef.current) {\n      textareaRef.current.style.height = 'auto';\n    }\n  };\n\n  const handleKeyDownSendMessage = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Enter без Shift - отправка сообщения\n    // Shift+Enter - перенос строки (разрешаем стандартное поведение)\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      handleSendMessage();\n    }\n    // Если Shift+Enter, не предотвращаем стандартное поведение - будет перенос строки\n  };\n\n  const isMobile = useMediaQuery('(max-width: 639px)');\n  if (!isChatOpen) return null;\n\n  const chatContent = (\n    <>\n      {/* Заголовок */}\n      <div className=\"border-border-default flex items-center justify-between pr-3\">\n        <h3 className=\"text-text-primary text-lg font-medium\">{t('chat.title')}</h3>\n        <Button size=\"icon\" variant=\"none\" onClick={closeChat}>\n          <Close className=\"h-6 w-6\" aria-label={t('chat.close')} />\n        </Button>\n      </div>\n\n      {/* Сообщения */}\n      <ScrollArea className=\"min-h-0 flex-1 py-2 pr-3\">\n        <div className=\"space-y-4\">\n          {chatMessages.length === 0 ? (\n            <div className=\"text-text-secondary text-center\">\n              <p>{t('chat.empty')}</p>\n            </div>\n          ) : (\n            chatMessages.map((message) => {\n              const isOwnMessage = Number(message.senderId) === Number(currentUser?.id);\n              return (\n                <div\n                  key={message.id}\n                  className={`flex ${isOwnMessage ? 'justify-end' : 'justify-start'}`}\n                >\n                  <div className=\"text-text-primary flex max-w-[90%] flex-col gap-1 rounded-lg select-text\">\n                    <div className=\"text-text-primary flex flex-row items-center gap-1 text-xs font-medium\">\n                      {!isOwnMessage && (\n                        <UserProfile\n                          size=\"s\"\n                          userId={Number(message.senderId)}\n                          text={message.senderName}\n                          src={`https://api.sovlium.ru/files/users/${message.senderId}/avatar.webp`}\n                        />\n                      )}\n                      <div\n                        className={`text-xs-base ${isOwnMessage ? 'text-text-disabled ml-auto' : 'text-text-secondary'}`}\n                      >\n                        {new Date(message.timestamp).toLocaleTimeString(timeLocale, {\n                          hour: '2-digit',\n                          minute: '2-digit',\n                        })}\n                      </div>\n                    </div>\n                    <div\n                      className={cn(\n                        'cursor-text rounded-lg px-3 py-2 text-sm wrap-break-word whitespace-pre-wrap select-text',\n                        isOwnMessage\n                          ? 'bg-action-primary-background-disabled'\n                          : 'bg-background-page',\n                      )}\n                    >\n                      {parseLinks(message.text)}\n                    </div>\n                  </div>\n                </div>\n              );\n            })\n          )}\n          <div ref={messagesEndRef} />\n        </div>\n      </ScrollArea>\n\n      {/* Поле ввода */}\n      <div className=\"flex items-end gap-2 pr-3\">\n        <div className=\"border-border-default flex max-h-40 w-full flex-1 items-center rounded-xl border pl-4\">\n          <Textarea\n            ref={textareaRef}\n            value={messageText}\n            onChange={(e) => setMessageText(e.target.value)}\n            placeholder={t('chat.placeholder')}\n            className=\"my-3 max-h-32 min-w-full rounded-none border-none p-0 pr-2\"\n            onKeyDown={handleKeyDownSendMessage}\n          />\n          <div className=\"pr-1\">\n            <Button\n              size=\"icon\"\n              variant=\"primary\"\n              onClick={handleSendMessage}\n              disabled={!messageText.trim()}\n              className=\"rounded-xl p-2\"\n            >\n              <Send\n                className={cn(\n                  'fill-action-primary-text group-hover:fill-action-primary-text h-6 w-6',\n                  !messageText.trim() && 'fill-icon-secondary',\n                )}\n              />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n\n  if (isMobile) {\n    return (\n      <Modal open={isChatOpen} onOpenChange={(open) => !open && closeChat()}>\n        <ModalContent\n          className=\"border-border-default bg-background-surface flex h-[85dvh] max-h-[85dvh] w-[calc(100vw-32px)] max-w-[calc(100vw-32px)] flex-col gap-0 overflow-hidden rounded-2xl border p-4 pr-1\"\n          aria-describedby={undefined}\n        >\n          <ModalTitle className=\"sr-only\">{t('chat.title')}</ModalTitle>\n          <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">{chatContent}</div>\n        </ModalContent>\n      </Modal>\n    );\n  }\n\n  if (compactPositionClassName) {\n    return (\n      <div\n        className={cn(\n          'border-border-default bg-background-surface fixed z-100 flex min-h-0 w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 shadow-lg',\n          compactPositionClassName,\n        )}\n      >\n        {chatContent}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"bg-background-surface border-border-default sm:border-border-default fixed flex h-full min-h-0 w-full max-w-none min-w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 sm:relative sm:max-w-[328px]\">\n      {chatContent}\n    </div>\n  );\n};\n","import { Button } from '@xipkg/button';\nimport { Chat } from '@xipkg/icons';\nimport { cn } from '@xipkg/utils';\nimport { useChat } from '../hooks/useChat';\nimport { useChatStore } from '../store/chatStore';\n\ntype ChatButtonProps = {\n  /** Дополнительные классы (например, для компактной панели: h-8 w-8 rounded-xl) */\n  className?: string;\n};\n\nexport const ChatButton = ({ className }: ChatButtonProps) => {\n  const { toggleChat } = useChat();\n  const { isChatOpen, unreadMessagesCount } = useChatStore();\n\n  return (\n    <Button\n      size=\"icon\"\n      variant=\"none\"\n      onClick={toggleChat}\n      className={cn(\n        'bg-background-surface hover:bg-background-page text-text-primary relative m-0 rounded-xl p-0',\n        !className && 'h-10 w-10 min-w-10',\n        isChatOpen && 'text-text-link',\n        className,\n      )}\n      data-umami-event=\"call-toggle-chat\"\n      data-umami-event-state={isChatOpen ? 'close' : 'open'}\n    >\n      <Chat className={cn('h-6 w-6', isChatOpen ? 'fill-icon-brand' : 'fill-icon-primary')} />\n      {unreadMessagesCount > 0 && (\n        <div className=\"bg-action-primary-background-default text-action-primary-text absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium\">\n          {unreadMessagesCount > 99 ? '99+' : unreadMessagesCount}\n        </div>\n      )}\n    </Button>\n  );\n};\n"]}
+{"version":3,"sources":["../src/store/chatStore.ts","../src/hooks/useChat.ts","../src/utils/chat.tsx","../src/ui/Chat.tsx","../src/ui/ChatButton.tsx"],"names":["jsx","jsxs","Button","cn","Chat"],"mappings":"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","file":"index.mjs","sourcesContent":["import { create } from 'zustand';\n\ntype ChatMessageT = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\nexport type useChatStoreT = {\n  isChatOpen: boolean;\n  chatMessages: ChatMessageT[];\n  unreadMessagesCount: number;\n  addChatMessage: (message: ChatMessageT) => void;\n  removeChatMessage: (messageId: string) => void;\n  clearUnreadMessages: () => void;\n  updateStore: (type: keyof useChatStoreT, value: unknown) => void;\n};\n\n// Чат передаётся только через LiveKit DataChannel (P2P/broadcast в рамках текущего звонка),\n// серверной истории сообщений нет. Раньше стор персистился в localStorage без привязки\n// к конкретному звонку — сообщения предыдущего звонка «утекали» в следующий на том же\n// устройстве (и только у того пользователя, у кого localStorage не был очищен штатным\n// disconnect-флоу). Стор намеренно НЕ персистится: чат живёт только в памяти на время\n// звонка и одинаково пуст у всех при входе в новый звонок.\nexport const useChatStore = create<useChatStoreT>()((set, get) => ({\n  isChatOpen: false,\n  chatMessages: [],\n  unreadMessagesCount: 0,\n  updateStore: (type: keyof useChatStoreT, value: unknown) => set({ [type]: value }),\n\n  addChatMessage: (message: ChatMessageT) => {\n    const { isChatOpen, unreadMessagesCount, chatMessages } = get();\n\n    // Проверяем, нет ли уже сообщения с таким ID (дедупликация)\n    const messageExists = chatMessages.some((msg) => msg.id === message.id);\n    if (messageExists) {\n      return;\n    }\n\n    set((state) => ({\n      chatMessages: [...state.chatMessages, message],\n      unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1,\n    }));\n  },\n\n  removeChatMessage: (messageId: string) => {\n    set((state) => ({\n      chatMessages: state.chatMessages.filter((msg) => msg.id !== messageId),\n    }));\n  },\n\n  clearUnreadMessages: () => set({ unreadMessagesCount: 0 }),\n}));\n","import { useCallback } from 'react';\nimport { useLiveKitDataChannel, useLiveKitDataChannelListener } from '@xipkg/calls-hooks';\nimport { useRoom } from '@xipkg/calls-providers';\nimport { useSoundEffectsStore } from '@xipkg/calls-store';\nimport { playSound } from '@xipkg/calls-utils';\nimport { useChatStore } from '../store';\n\nconst CHAT_MESSAGE_TYPE = 'chat_message';\nconst CHAT_MESSAGE_DELETE_TYPE = 'chat_message_delete';\n\ntype ChatMessagePayload = {\n  id: string;\n  text: string;\n  senderId: string;\n  senderName: string;\n  timestamp: number;\n};\n\ntype ChatMessageDeletePayload = {\n  id: string;\n  senderId: string;\n};\n\nexport const useChat = () => {\n  const { sendMessage } = useLiveKitDataChannel();\n  const { addChatMessage, removeChatMessage, clearUnreadMessages, updateStore } = useChatStore();\n  const chatSoundVolume = useSoundEffectsStore((s) => s.chatMessageVolume);\n  const { room } = useRoom();\n\n  // Получаем информацию о текущем участнике из LiveKit\n  const getCurrentParticipantInfo = useCallback(() => {\n    if (!room?.localParticipant) {\n      return {\n        senderId: 'unknown',\n        senderName: 'Unknown User',\n      };\n    }\n\n    const participant = room.localParticipant;\n\n    try {\n      // Парсим метаданные участника\n      const metadata = participant.metadata;\n      if (metadata) {\n        const userInfo = JSON.parse(metadata);\n        return {\n          senderId: userInfo?.user_id || userInfo?.id || participant.identity,\n          senderName:\n            userInfo?.display_name ||\n            userInfo?.name ||\n            userInfo?.username ||\n            participant.name ||\n            participant.identity,\n        };\n      }\n    } catch (error) {\n      console.warn('⚠️ Failed to parse participant metadata:', error);\n    }\n\n    // Fallback на стандартные поля LiveKit\n    return {\n      senderId: participant.identity,\n      senderName: participant.name || participant.identity,\n    };\n  }, [room]);\n\n  const handleChatMessage = useCallback(\n    (message: { type: string; payload: unknown }) => {\n      if (message.type === CHAT_MESSAGE_TYPE) {\n        const payload = message.payload as ChatMessagePayload;\n\n        // Проверяем, что это не наше собственное сообщение\n        const currentParticipantInfo = getCurrentParticipantInfo();\n        if (payload.senderId === currentParticipantInfo.senderId) {\n          return;\n        }\n\n        addChatMessage(payload);\n        playSound('chatMessage', chatSoundVolume);\n        return;\n      }\n\n      if (message.type === CHAT_MESSAGE_DELETE_TYPE) {\n        const payload = message.payload as ChatMessageDeletePayload;\n        if (!payload?.id || !payload?.senderId) return;\n\n        // Удаляем только если автор удаления совпадает с автором сообщения —\n        // чужой клиент не может удалить чужие сообщения через поддельный payload.\n        const existing = useChatStore.getState().chatMessages.find((msg) => msg.id === payload.id);\n        if (!existing) return;\n        if (String(existing.senderId) !== String(payload.senderId)) return;\n\n        removeChatMessage(payload.id);\n      }\n    },\n    [addChatMessage, removeChatMessage, getCurrentParticipantInfo, chatSoundVolume],\n  );\n\n  // Слушаем сообщения чата\n  useLiveKitDataChannelListener(handleChatMessage);\n\n  const sendChatMessage = useCallback(\n    (text: string) => {\n      if (!text.trim()) return;\n\n      const participantInfo = getCurrentParticipantInfo();\n      const message: ChatMessagePayload = {\n        id: `${Date.now()}-${Math.random()}`,\n        text: text.trim(),\n        senderId: participantInfo.senderId,\n        senderName: participantInfo.senderName,\n        timestamp: Date.now(),\n      };\n\n      // Добавляем сообщение в локальный store отправителя\n      addChatMessage(message);\n\n      // Отправляем через DataChannel\n      sendMessage(CHAT_MESSAGE_TYPE, message);\n    },\n    [sendMessage, getCurrentParticipantInfo, addChatMessage],\n  );\n\n  const deleteChatMessage = useCallback(\n    (messageId: string) => {\n      const existing = useChatStore.getState().chatMessages.find((msg) => msg.id === messageId);\n      if (!existing) return;\n\n      const participantInfo = getCurrentParticipantInfo();\n      if (String(existing.senderId) !== String(participantInfo.senderId)) return;\n\n      const payload: ChatMessageDeletePayload = {\n        id: messageId,\n        senderId: participantInfo.senderId,\n      };\n\n      // Optimistic: сразу убираем у себя, затем broadcast для остальных\n      removeChatMessage(messageId);\n      sendMessage(CHAT_MESSAGE_DELETE_TYPE, payload);\n    },\n    [sendMessage, getCurrentParticipantInfo, removeChatMessage],\n  );\n\n  const toggleChat = useCallback(() => {\n    updateStore('isChatOpen', !useChatStore.getState().isChatOpen);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const openChat = useCallback(() => {\n    updateStore('isChatOpen', true);\n    clearUnreadMessages();\n  }, [updateStore, clearUnreadMessages]);\n\n  const closeChat = useCallback(() => {\n    updateStore('isChatOpen', false);\n  }, [updateStore]);\n\n  return {\n    sendChatMessage,\n    deleteChatMessage,\n    toggleChat,\n    openChat,\n    closeChat,\n  };\n};\n","export const parseLinks = (message: string) => {\n  const urlRegex = /(https?:\\/\\/[^\\s]+)/g;\n  const messageParts = message.split(urlRegex);\n\n  return messageParts.map((messagePart, index) => {\n    if (urlRegex.test(messagePart)) {\n      return (\n        <a\n          key={index}\n          href={messagePart}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-text-link hover:text-text-link cursor-pointer underline\"\n          onClick={(e) => e.stopPropagation()}\n          data-umami-event=\"outbound-link-click\"\n          data-umami-event-url={messagePart}\n          data-umami-event-source=\"chat\"\n        >\n          {messagePart}\n        </a>\n      );\n    }\n\n    return messagePart;\n  });\n};\n","import { useState, useRef, useEffect } from 'react';\nimport { Button } from '@xipkg/button';\nimport { Textarea } from '@xipkg/textarea';\nimport { Send, Close, Trash } from '@xipkg/icons';\nimport { UserProfile } from '@xipkg/userprofile';\nimport { ScrollArea } from '@xipkg/scrollarea';\nimport { Modal, ModalContent, ModalTitle } from '@xipkg/modal';\nimport { useTranslation } from 'react-i18next';\nimport { useChat } from '../hooks';\nimport { useCalls } from '@xipkg/calls-providers';\nimport { useChatStore } from '../store';\nimport { cn, useMediaQuery } from '@xipkg/utils';\nimport { parseLinks } from '../utils/chat';\n\ntype ChatProps = {\n  /** В компакт-режиме: классы позиционирования (как у CompactCall: top-16 bottom-4 left-4 и т.д.) */\n  compactPositionClassName?: string;\n};\n\nexport const Chat = ({ compactPositionClassName }: ChatProps = {}) => {\n  const { t, i18n } = useTranslation('calls');\n  const [messageText, setMessageText] = useState('');\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const { sendChatMessage, deleteChatMessage, closeChat } = useChat();\n  const { chatMessages, isChatOpen } = useChatStore();\n  const { data: currentUser } = useCalls().auth.useCurrentUser();\n  const timeLocale = i18n.language?.startsWith('ru')\n    ? 'ru-RU'\n    : i18n.language?.startsWith('en')\n      ? 'en-US'\n      : i18n.language;\n\n  const scrollToBottom = (behavior: ScrollBehavior = 'smooth') => {\n    messagesEndRef.current?.scrollIntoView({ behavior });\n  };\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (isChatOpen) {\n      requestAnimationFrame(() => {\n        scrollToBottom('auto');\n      });\n    }\n  }, [isChatOpen]);\n\n  // Автоматическая прокрутка при получении новых сообщений\n  useEffect(() => {\n    if (isChatOpen && chatMessages.length > 0) {\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n  }, [chatMessages.length, isChatOpen]);\n\n  const handleSendMessage = () => {\n    if (messageText.trim()) {\n      sendChatMessage(messageText);\n      setMessageText('');\n      requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n\n    if (textareaRef.current) {\n      textareaRef.current.style.height = 'auto';\n    }\n  };\n\n  const handleKeyDownSendMessage = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Enter без Shift - отправка сообщения\n    // Shift+Enter - перенос строки (разрешаем стандартное поведение)\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      handleSendMessage();\n    }\n    // Если Shift+Enter, не предотвращаем стандартное поведение - будет перенос строки\n  };\n\n  const isMobile = useMediaQuery('(max-width: 639px)');\n  if (!isChatOpen) return null;\n\n  const chatContent = (\n    <>\n      {/* Заголовок */}\n      <div className=\"border-border-default flex items-center justify-between pr-3\">\n        <h3 className=\"text-text-primary text-lg font-medium\">{t('chat.title')}</h3>\n        <Button size=\"icon\" variant=\"none\" onClick={closeChat}>\n          <Close className=\"h-6 w-6\" aria-label={t('chat.close')} />\n        </Button>\n      </div>\n\n      {/* Сообщения */}\n      <ScrollArea className=\"min-h-0 flex-1 py-2 pr-3\">\n        <div className=\"space-y-4\">\n          {chatMessages.length === 0 ? (\n            <div className=\"text-text-secondary text-center\">\n              <p>{t('chat.empty')}</p>\n            </div>\n          ) : (\n            chatMessages.map((message) => {\n              const isOwnMessage = Number(message.senderId) === Number(currentUser?.id);\n              return (\n                <div\n                  key={message.id}\n                  className={`group flex ${isOwnMessage ? 'justify-end' : 'justify-start'}`}\n                >\n                  <div className=\"text-text-primary flex max-w-[90%] flex-col gap-1 rounded-lg select-text\">\n                    <div className=\"text-text-primary flex flex-row items-center gap-1 text-xs font-medium\">\n                      {!isOwnMessage && (\n                        <UserProfile\n                          size=\"s\"\n                          userId={Number(message.senderId)}\n                          text={message.senderName}\n                          src={`https://api.sovlium.ru/files/users/${message.senderId}/avatar.webp`}\n                        />\n                      )}\n                      <div\n                        className={`text-xs-base ${isOwnMessage ? 'text-text-disabled ml-auto' : 'text-text-secondary'}`}\n                      >\n                        {new Date(message.timestamp).toLocaleTimeString(timeLocale, {\n                          hour: '2-digit',\n                          minute: '2-digit',\n                        })}\n                      </div>\n                    </div>\n                    <div className=\"relative\">\n                      <div\n                        className={cn(\n                          'cursor-text rounded-lg px-3 py-2 text-sm wrap-break-word whitespace-pre-wrap select-text',\n                          isOwnMessage\n                            ? 'bg-action-primary-background-disabled'\n                            : 'bg-background-page',\n                        )}\n                      >\n                        {parseLinks(message.text)}\n                      </div>\n                      {isOwnMessage && (\n                        <Button\n                          type=\"button\"\n                          size=\"icon\"\n                          variant=\"none\"\n                          className=\"bg-background-surface border-border-default absolute -top-2 -left-2 h-7 w-7 rounded-full border p-1 opacity-100 shadow-sm sm:opacity-0 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100\"\n                          onClick={() => deleteChatMessage(message.id)}\n                          aria-label={t('chat.deleteAria')}\n                        >\n                          <Trash className=\"fill-icon-secondary h-4 w-4\" />\n                        </Button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              );\n            })\n          )}\n          <div ref={messagesEndRef} />\n        </div>\n      </ScrollArea>\n\n      {/* Поле ввода */}\n      <div className=\"flex items-end gap-2 pr-3\">\n        <div className=\"border-border-default flex max-h-40 w-full flex-1 items-center rounded-xl border pl-4\">\n          <Textarea\n            ref={textareaRef}\n            value={messageText}\n            onChange={(e) => setMessageText(e.target.value)}\n            placeholder={t('chat.placeholder')}\n            className=\"my-3 max-h-32 min-w-full rounded-none border-none p-0 pr-2\"\n            onKeyDown={handleKeyDownSendMessage}\n          />\n          <div className=\"pr-1\">\n            <Button\n              size=\"icon\"\n              variant=\"primary\"\n              onClick={handleSendMessage}\n              disabled={!messageText.trim()}\n              className=\"rounded-xl p-2\"\n            >\n              <Send\n                className={cn(\n                  'fill-action-primary-text group-hover:fill-action-primary-text h-6 w-6',\n                  !messageText.trim() && 'fill-icon-secondary',\n                )}\n              />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n\n  if (isMobile) {\n    return (\n      <Modal open={isChatOpen} onOpenChange={(open) => !open && closeChat()}>\n        <ModalContent\n          className=\"border-border-default bg-background-surface flex h-[85dvh] max-h-[85dvh] w-[calc(100vw-32px)] max-w-[calc(100vw-32px)] flex-col gap-0 overflow-hidden rounded-2xl border p-4 pr-1\"\n          aria-describedby={undefined}\n        >\n          <ModalTitle className=\"sr-only\">{t('chat.title')}</ModalTitle>\n          <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">{chatContent}</div>\n        </ModalContent>\n      </Modal>\n    );\n  }\n\n  if (compactPositionClassName) {\n    return (\n      <div\n        className={cn(\n          'border-border-default bg-background-surface fixed z-100 flex min-h-0 w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 shadow-lg',\n          compactPositionClassName,\n        )}\n      >\n        {chatContent}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"bg-background-surface border-border-default sm:border-border-default fixed flex h-full min-h-0 w-full max-w-none min-w-[328px] flex-col overflow-hidden rounded-2xl border p-4 pr-1 sm:relative sm:max-w-[328px]\">\n      {chatContent}\n    </div>\n  );\n};\n","import { Button } from '@xipkg/button';\nimport { Chat } from '@xipkg/icons';\nimport { cn } from '@xipkg/utils';\nimport { useChat } from '../hooks/useChat';\nimport { useChatStore } from '../store/chatStore';\n\ntype ChatButtonProps = {\n  /** Дополнительные классы (например, для компактной панели: h-8 w-8 rounded-xl) */\n  className?: string;\n};\n\nexport const ChatButton = ({ className }: ChatButtonProps) => {\n  const { toggleChat } = useChat();\n  const { isChatOpen, unreadMessagesCount } = useChatStore();\n\n  return (\n    <Button\n      size=\"icon\"\n      variant=\"none\"\n      onClick={toggleChat}\n      className={cn(\n        'bg-background-surface hover:bg-background-page text-text-primary relative m-0 rounded-xl p-0',\n        !className && 'h-10 w-10 min-w-10',\n        isChatOpen && 'text-text-link',\n        className,\n      )}\n      data-umami-event=\"call-toggle-chat\"\n      data-umami-event-state={isChatOpen ? 'close' : 'open'}\n    >\n      <Chat className={cn('h-6 w-6', isChatOpen ? 'fill-icon-brand' : 'fill-icon-primary')} />\n      {unreadMessagesCount > 0 && (\n        <div className=\"bg-action-primary-background-default text-action-primary-text absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium\">\n          {unreadMessagesCount > 99 ? '99+' : unreadMessagesCount}\n        </div>\n      )}\n    </Button>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xipkg/calls-chat",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "type": "module",
   "exports": {
     ".": {
@@ -17,13 +17,13 @@
     "@xipkg/icons": "^3.1.0",
     "@xipkg/textarea": "1.3.0",
     "@xipkg/button": "4.3.0",
-    "@xipkg/calls-ui": "^0.1.22",
-    "@xipkg/calls-utils": "^0.1.22",
-    "@xipkg/calls-types": "^0.1.22",
-    "@xipkg/calls-config": "^0.1.22",
-    "@xipkg/calls-providers": "^0.1.22",
-    "@xipkg/calls-store": "^0.1.22",
-    "@xipkg/calls-hooks": "^0.1.22",
+    "@xipkg/calls-ui": "^0.1.24",
+    "@xipkg/calls-utils": "^0.1.24",
+    "@xipkg/calls-types": "^0.1.24",
+    "@xipkg/calls-config": "^0.1.24",
+    "@xipkg/calls-providers": "^0.1.24",
+    "@xipkg/calls-store": "^0.1.24",
+    "@xipkg/calls-hooks": "^0.1.24",
     "zustand": "5.0.14",
     "@xipkg/utils": "^1.8.0"
   },