@xipkg/calls-chat 0.1.6 → 0.1.7

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
 
 type ChatProps = {
@@ -36,16 +35,6 @@ type useChatStoreT = {
     clearUnreadMessages: () => void;
     updateStore: (type: keyof useChatStoreT, value: unknown) => void;
 };
-declare const useChatStore: zustand.UseBoundStore<Omit<zustand.StoreApi<useChatStoreT>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<zustand_middleware.PersistOptions<useChatStoreT, useChatStoreT>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: useChatStoreT) => void) => () => void;
-        onFinishHydration: (fn: (state: useChatStoreT) => void) => () => void;
-        getOptions: () => Partial<zustand_middleware.PersistOptions<useChatStoreT, useChatStoreT>>;
-    };
-}>;
+declare const useChatStore: zustand.UseBoundStore<zustand.StoreApi<useChatStoreT>>;
 
 export { Chat, ChatButton, useChat, useChatStore };

package/dist/index.mjs

@@ -10,37 +10,28 @@ import { useRoom, useCalls } from '@xipkg/calls-providers';
 import { useSoundEffectsStore } from '@xipkg/calls-store';
 import { playSound } from '@xipkg/calls-utils';
 import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
 import { useMediaQuery, cn } from '@xipkg/utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 // src/ui/Chat.tsx
-var useChatStore = create()(
-  persist(
-    (set, get) => ({
-      isChatOpen: false,
-      chatMessages: [],
-      unreadMessagesCount: 0,
-      updateStore: (type, value) => set({ [type]: value }),
-      addChatMessage: (message) => {
-        const { isChatOpen, unreadMessagesCount, chatMessages } = get();
-        const messageExists = chatMessages.some((msg) => msg.id === message.id);
-        if (messageExists) {
-          return;
-        }
-        set((state) => ({
-          chatMessages: [...state.chatMessages, message],
-          unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1
-        }));
-      },
-      clearUnreadMessages: () => set({ unreadMessagesCount: 0 })
-    }),
-    {
-      name: "chat-store",
-      version: 1
+var useChatStore = create()((set, get) => ({
+  isChatOpen: false,
+  chatMessages: [],
+  unreadMessagesCount: 0,
+  updateStore: (type, value) => set({ [type]: value }),
+  addChatMessage: (message) => {
+    const { isChatOpen, unreadMessagesCount, chatMessages } = get();
+    const messageExists = chatMessages.some((msg) => msg.id === message.id);
+    if (messageExists) {
+      return;
     }
-  )
-);
+    set((state) => ({
+      chatMessages: [...state.chatMessages, message],
+      unreadMessagesCount: isChatOpen ? unreadMessagesCount : unreadMessagesCount + 1
+    }));
+  },
+  clearUnreadMessages: () => set({ unreadMessagesCount: 0 })
+}));
 
 // src/hooks/useChat.ts
 var CHAT_MESSAGE_TYPE = "chat_message";

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';\nimport { persist } from 'zustand/middleware';\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\nexport const useChatStore = create<useChatStoreT>()(\n  persist(\n    (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    {\n      name: 'chat-store',\n      version: 1,\n    },\n  ),\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-brand-80 hover:text-brand-100 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 { 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 [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\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-gray-20 flex items-center justify-between pr-3\">\n        <h3 className=\"text-lg font-medium text-gray-100\">Чат</h3>\n        <Button size=\"icon\" variant=\"none\" onClick={closeChat}>\n          <Close className=\"h-6 w-6\" aria-label=\"Закрыть чат\" />\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-gray-60 text-center\">\n              <p>Начните общение в чате</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=\"flex max-w-[90%] flex-col gap-1 rounded-lg text-gray-100 select-text\">\n                    <div className=\"flex flex-row items-center gap-1 text-xs font-medium text-gray-100\">\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-brand-20 ml-auto' : 'text-gray-60'}`}\n                      >\n                        {new Date(message.timestamp).toLocaleTimeString('ru-RU', {\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 ? 'bg-brand-20' : 'bg-gray-5',\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-gray-20 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=\"Напишите сообщение...\"\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-brand-0 group-hover:fill-brand-0 h-6 w-6',\n                  !messageText.trim() && 'fill-gray-60',\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-gray-20 bg-gray-0 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\">Чат</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-gray-20 bg-gray-0 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-gray-0 border-gray-0 sm:border-gray-20 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-gray-0 hover:bg-gray-5 relative m-0 rounded-xl p-0 text-gray-100',\n        !className && 'h-10 w-10 min-w-10',\n        isChatOpen && 'text-brand-100',\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-brand-100' : 'fill-gray-100')} />\n      {unreadMessagesCount > 0 && (\n        <div className=\"text-red-0 bg-brand-100 absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full 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  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-brand-80 hover:text-brand-100 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 { 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 [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\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-gray-20 flex items-center justify-between pr-3\">\n        <h3 className=\"text-lg font-medium text-gray-100\">Чат</h3>\n        <Button size=\"icon\" variant=\"none\" onClick={closeChat}>\n          <Close className=\"h-6 w-6\" aria-label=\"Закрыть чат\" />\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-gray-60 text-center\">\n              <p>Начните общение в чате</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=\"flex max-w-[90%] flex-col gap-1 rounded-lg text-gray-100 select-text\">\n                    <div className=\"flex flex-row items-center gap-1 text-xs font-medium text-gray-100\">\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-brand-20 ml-auto' : 'text-gray-60'}`}\n                      >\n                        {new Date(message.timestamp).toLocaleTimeString('ru-RU', {\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 ? 'bg-brand-20' : 'bg-gray-5',\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-gray-20 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=\"Напишите сообщение...\"\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-brand-0 group-hover:fill-brand-0 h-6 w-6',\n                  !messageText.trim() && 'fill-gray-60',\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-gray-20 bg-gray-0 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\">Чат</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-gray-20 bg-gray-0 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-gray-0 border-gray-0 sm:border-gray-20 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-gray-0 hover:bg-gray-5 relative m-0 rounded-xl p-0 text-gray-100',\n        !className && 'h-10 w-10 min-w-10',\n        isChatOpen && 'text-brand-100',\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-brand-100' : 'fill-gray-100')} />\n      {unreadMessagesCount > 0 && (\n        <div className=\"text-red-0 bg-brand-100 absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full 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.6",
+  "version": "0.1.7",
   "type": "module",
   "exports": {
     ".": {
@@ -17,13 +17,13 @@
     "@xipkg/icons": "^3.0.21",
     "@xipkg/textarea": "1.2.0",
     "@xipkg/button": "4.1.0",
-    "@xipkg/calls-ui": "^0.1.6",
-    "@xipkg/calls-utils": "^0.1.6",
-    "@xipkg/calls-types": "^0.1.6",
-    "@xipkg/calls-config": "^0.1.6",
-    "@xipkg/calls-providers": "^0.1.6",
-    "@xipkg/calls-store": "^0.1.6",
-    "@xipkg/calls-hooks": "^0.1.6",
+    "@xipkg/calls-ui": "^0.1.7",
+    "@xipkg/calls-utils": "^0.1.7",
+    "@xipkg/calls-types": "^0.1.7",
+    "@xipkg/calls-config": "^0.1.7",
+    "@xipkg/calls-providers": "^0.1.7",
+    "@xipkg/calls-store": "^0.1.7",
+    "@xipkg/calls-hooks": "^0.1.7",
     "zustand": "5.0.3",
     "@xipkg/utils": "^1.8.0"
   },