@emaxe/tuigram 1.3.0 → 1.5.0

package/src/ui/app.js

@@ -1,6 +1,6 @@
 import path from "node:path";
 import fs from "node:fs";
-import { createScreen } from "./screen.js";
+import { createScreen, setMouseCapture } from "./screen.js";
 import { getTheme } from "./theme.js";
 import { createHeader } from "./components/header.js";
 import { createChatList } from "./components/chatList.js";
@@ -12,16 +12,20 @@ import { createChatInfoModal } from "./components/modals/chatInfoModal.js";
 import { createActionModal } from "./components/modals/actionModal.js";
 import { createFileModal } from "./components/modals/fileModal.js";
 import { createConfirmModal } from "./components/modals/confirmModal.js";
+import { createImageViewerModal } from "./components/modals/imageViewerModal.js";
+import { createVideoPlayerModal } from "./components/modals/videoPlayerModal.js";
 import { state } from "../state.js";
 import { config } from "../config.js";
 import { fetchDialogs } from "../telegram/dialogs.js";
 import { setMessagePalette } from "../telegram/formatter.js";
-import { fetchHistory, sendMessage, editMessage, deleteMessages, sendFiles, downloadMedia, sendReaction, markAsRead, loadMessageImagePreview } from "../telegram/messages.js";
+import { fetchHistory, sendMessage, editMessage, deleteMessages, sendFiles, downloadMedia, sendReaction, markAsRead, loadMessageImagePreview, downloadImageBuffer, renderMessageThumbnail, findFirstUnreadMessage, calculateRemainingUnreadCount } from "../telegram/messages.js";
 import { startTelegramListener } from "../telegram/listener.js";
 import { logout } from "../telegram/auth.js";
 import { ensureDir, inspectLocalFile } from "../utils/storage.js";
 import { formatFileSize } from "../utils/time.js";
 import { parseSendFileArgs } from "../utils/commands.js";
+import { isRightClick } from "../utils/mouse.js";
+import { renderMediaPreloader } from "../utils/image.js";
 
 /**
  * Запускает полноэкранный TUI-клиент Telegram.
@@ -36,7 +40,10 @@ export async function startTui(client, me) {
     let listener = null;
     const screen = createScreen({
         theme,
-        onExit: () => listener?.stop(),
+        onExit: () => {
+            flushPendingMarkAsRead();
+            listener?.stop();
+        },
     });
 
     state.me = me;
@@ -93,10 +100,10 @@ export async function startTui(client, me) {
                 statusBar.showMessage("Сначала выберите чат слева!", "warning");
                 return;
             }
-            const msgs = state.getMessages(state.activeChat.id);
-            if (msgs.length > 0) {
+            const msg = chatView.getTargetMessage();
+            if (msg) {
                 releaseInputs();
-                actionModal.show(msgs[msgs.length - 1]);
+                actionModal.show(msg);
             }
         },
         onChatInfo: () => {
@@ -110,6 +117,7 @@ export async function startTui(client, me) {
         onQuit: () => {
             releaseInputs();
             confirmModal.ask("Выйти из TuiGram?", () => {
+                flushPendingMarkAsRead();
                 listener?.stop();
                 screen.destroy();
                 process.exit(0);
@@ -125,12 +133,77 @@ export async function startTui(client, me) {
         onSendFile: (files, options) => sendFilesToActiveChat(files, options),
     });
 
+    const imageViewerModal = createImageViewerModal(screen, theme, {
+        onLoadFullImage: (msg) => downloadImageBuffer(client, msg.rawMessage),
+        // Пока качается оригинал, показываем встроенную в сообщение миниатюру или прелоадер
+        onRenderPlaceholder: (msg, size) => renderMessageThumbnail(msg.rawMessage, {
+            maxWidth: size.maxWidth,
+            maxHeight: size.maxHeight,
+            useCache: false,
+        }) || renderMediaPreloader(msg.rawMessage, {
+            maxWidth: size.maxWidth,
+            maxHeight: size.maxHeight,
+            palette: {
+                bg: theme.surface,
+                border: theme.borders.fg,
+                fg: theme.fg,
+                accent: theme.accent,
+                dim: theme.dim,
+            },
+        }),
+    });
+
+    const videoPlayerModal = createVideoPlayerModal(screen, theme, {
+        onLoadVideoFile: async (msg, progressCallback) => {
+            const downloadsDir = config.downloadsDir;
+            ensureDir(downloadsDir);
+            let fileName = `video_${msg.id}.mp4`;
+            const doc = msg.rawMessage?.media?.document;
+            if (doc?.attributes) {
+                for (const attr of doc.attributes) {
+                    if (attr.className === "DocumentAttributeFilename" && attr.fileName) {
+                        fileName = `msg_${msg.id}_${attr.fileName}`;
+                        break;
+                    }
+                }
+            }
+            const targetPath = path.join(downloadsDir, fileName);
+            if (fs.existsSync(targetPath) && fs.statSync(targetPath).size > 0) {
+                return targetPath;
+            }
+            const res = await downloadMedia(client, msg.rawMessage, {
+                outputFile: targetPath,
+                progressCallback,
+            });
+            return typeof res === "string" ? res : targetPath;
+        },
+        onRenderPlaceholder: (msg, size) => renderMessageThumbnail(msg.rawMessage, {
+            maxWidth: size.maxWidth,
+            maxHeight: size.maxHeight,
+            useCache: false,
+        }) || renderMediaPreloader(msg.rawMessage, {
+            maxWidth: size.maxWidth,
+            maxHeight: size.maxHeight,
+            palette: {
+                bg: theme.surface,
+                border: theme.borders.fg,
+                fg: theme.fg,
+                accent: theme.accent,
+                dim: theme.dim,
+            },
+        }),
+    });
+
     const actionModal = createActionModal(screen, theme, {
         onAction: async (actionId, msg) => {
             if (!state.activeChat) return;
             const peerId = state.activeChat.peerId;
 
             switch (actionId) {
+                case "play_video":
+                    releaseInputs();
+                    videoPlayerModal.play(msg);
+                    break;
                 case "reply":
                     inputBox.setContext("reply", msg);
                     break;
@@ -188,20 +261,62 @@ export async function startTui(client, me) {
         },
     });
 
+    let readDebounceTimer = null;
+    let pendingReadMaxId = 0;
+    let pendingReadPeerId = null;
+
+    /**
+     * Отправляет подтверждение прочтения на сервер с дебаунсом, чтобы не спамить сеть при скролле.
+     * @param {string|number|bigint} peerId
+     * @param {number} maxId
+     */
+    function debouncedMarkAsRead(peerId, maxId) {
+        pendingReadPeerId = peerId;
+        if (maxId > pendingReadMaxId) {
+            pendingReadMaxId = maxId;
+        }
+        if (readDebounceTimer) clearTimeout(readDebounceTimer);
+        readDebounceTimer = setTimeout(() => {
+            flushPendingMarkAsRead();
+        }, 300);
+    }
+
+    /** Сбрасывает накопленный маркер прочтения на сервер без задержки. */
+    function flushPendingMarkAsRead() {
+        if (readDebounceTimer) {
+            clearTimeout(readDebounceTimer);
+            readDebounceTimer = null;
+        }
+        if (pendingReadPeerId && pendingReadMaxId > 0) {
+            const peer = pendingReadPeerId;
+            const id = pendingReadMaxId;
+            pendingReadPeerId = null;
+            pendingReadMaxId = 0;
+            markAsRead(client, peer, id).catch(() => {});
+        }
+    }
+
     // 2. Список диалогов (левая панель)
     const chatList = createChatList(screen, theme, {
         onSelectDialog: async (dialog) => {
+            flushPendingMarkAsRead();
             state.setActiveChat(dialog);
+            chatView.resetReadState(dialog.readInboxMaxId || 0);
             statusBar.showMessage(`Загрузка сообщений: ${dialog.title}...`, "info");
 
             try {
-                const history = await fetchHistory(client, dialog.peerId, { limit: 50 });
-                state.setMessages(dialog.id, history.messages);
-                markAsRead(client, dialog.peerId).catch(() => {});
+                // Загружаем всю пачку непрочитанных сообщений + запас из 20 прочитанных
+                // для контекста и правильного позиционирования разделителя
+                const limit = Math.max(50, Math.min(1000, (dialog.unreadCount || 0) + 20));
+                const history = await fetchHistory(client, dialog.peerId, { limit });
+                if (state.activeChat?.id !== dialog.id) return;
+                const firstUnread = findFirstUnreadMessage(history.messages, dialog);
+                state.setMessages(dialog.id, history.messages, { firstUnreadId: firstUnread?.id || null });
                 statusBar.showMessage(`Чат: ${dialog.title}`, "info");
-                fetchMissingImagePreviews(history.messages, dialog.id);
             } catch (err) {
-                statusBar.showMessage(`Ошибка загрузки: ${err.message}`, "error");
+                if (state.activeChat?.id === dialog.id) {
+                    statusBar.showMessage(`Ошибка загрузки: ${err.message}`, "error");
+                }
             }
         },
         onTabChange: (tab) => {
@@ -229,7 +344,6 @@ export async function startTui(client, me) {
                 if (older.messages.length > 0) {
                     state.setMessages(state.activeChat.id, older.messages, true);
                     statusBar.showMessage(`Загружено ${older.messages.length} предыдущих сообщений`, "info");
-                    fetchMissingImagePreviews(older.messages, state.activeChat.id);
                 }
             } catch (err) {
                 statusBar.showMessage(`Ошибка пагинации: ${err.message}`, "error");
@@ -239,6 +353,36 @@ export async function startTui(client, me) {
             releaseInputs();
             actionModal.show(msg);
         },
+        onSelectMessage: (msg) => {
+            const preview = (msg.text || msg.mediaDescription || "вложение").replace(/\s+/g, " ").slice(0, 30);
+            statusBar.showMessage(
+                `Выделено #${msg.id}: "${preview}" · [Enter] или правый клик — действия`,
+                "info",
+                3000
+            );
+        },
+        onOpenImage: (msg) => {
+            releaseInputs();
+            imageViewerModal.show(msg);
+        },
+        onPlayVideo: (msg) => {
+            releaseInputs();
+            videoPlayerModal.play(msg);
+        },
+        onFocusRequest: () => releaseInputs(),
+        onMessagesRead: (maxVisibleId) => {
+            if (!state.activeChat) return;
+            const chatId = state.activeChat.id;
+            const dialog = state.dialogs.find((d) => d.id === chatId);
+            const messages = state.getMessages(chatId);
+            const remainingCount = calculateRemainingUnreadCount(messages, maxVisibleId, dialog?.unreadCount);
+            state.updateDialogUnread(chatId, remainingCount, maxVisibleId);
+            debouncedMarkAsRead(state.activeChat.peerId, maxVisibleId);
+        },
+        onVisibleMessagesChanged: (visibleMsgs) => {
+            if (!state.activeChat) return;
+            fetchMissingImagePreviews(visibleMsgs, state.activeChat.id);
+        },
     });
 
     // 4. Поле ввода (нижняя панель)
@@ -276,21 +420,8 @@ export async function startTui(client, me) {
         onCancelContext: () => {
             statusBar.showMessage("Режим ответа/редактирования сброшен", "info", 2000);
         },
-        onReplyLast: () => {
-            if (!state.activeChat) return;
-            const msgs = state.getMessages(state.activeChat.id);
-            if (msgs.length > 0) {
-                inputBox.setContext("reply", msgs[msgs.length - 1]);
-            }
-        },
-        onEditLast: () => {
-            if (!state.activeChat) return;
-            const msgs = state.getMessages(state.activeChat.id);
-            const ownMsgs = msgs.filter((m) => m.out);
-            if (ownMsgs.length > 0) {
-                inputBox.setContext("edit", ownMsgs[ownMsgs.length - 1]);
-            }
-        },
+        onReplyLast: () => startReply(),
+        onEditLast: () => startEdit(),
         onSlashCommand: (cmd, args) => {
             switch (cmd) {
                 case "help":
@@ -356,7 +487,8 @@ export async function startTui(client, me) {
     });
 
     // Переключение фокуса по клику мышью на любую из трех панелей
-    chatList.container.on("click", () => {
+    chatList.container.on("click", (data) => {
+        if (isRightClick(data)) return;
         if (screen.focused !== chatList.list && screen.focused !== chatList.searchBox) {
             releaseInputs();
             chatList.focus();
@@ -365,7 +497,8 @@ export async function startTui(client, me) {
         }
     });
 
-    chatView.container.on("click", () => {
+    chatView.container.on("click", (data) => {
+        if (isRightClick(data)) return;
         if (screen.focused !== chatView.scrollBox) {
             releaseInputs();
             chatView.focus();
@@ -374,7 +507,8 @@ export async function startTui(client, me) {
         }
     });
 
-    inputBox.container.on("click", () => {
+    inputBox.container.on("click", (data) => {
+        if (isRightClick(data)) return;
         if (screen.focused !== inputBox.textarea) {
             inputBox.focus();
             statusBar.showMessage("Фокус: поле ввода", "info", 2000);
@@ -396,6 +530,7 @@ export async function startTui(client, me) {
     });
 
     state.on("active_chat_changed", (chat) => {
+        activePreviewLoads.clear();
         header.updateInfo({
             me: state.me,
             status: state.connectionStatus,
@@ -403,16 +538,30 @@ export async function startTui(client, me) {
             typingUser: state.getTypingUser(chat?.id),
         });
         const msgs = chat ? state.getMessages(chat.id) : [];
-        chatView.setMessages(msgs);
+        chatView.setSelected(null);
+        if (chat && msgs.length > 0) {
+            const firstUnread = findFirstUnreadMessage(msgs, chat);
+            if (firstUnread) {
+                chatView.setMessages(msgs, { firstUnreadId: firstUnread.id, autoScrollToBottom: false });
+            } else {
+                chatView.setMessages(msgs, true);
+            }
+        } else {
+            chatView.setMessages([], false);
+        }
     });
 
-    state.on("messages_updated", ({ chatId, messages, isPrepend, isUpdate, isNewMessage }) => {
+    state.on("messages_updated", ({ chatId, messages, isPrepend, isUpdate, isNewMessage, firstUnreadId }) => {
         if (state.activeChat?.id === chatId) {
-            // Скроллим в самый низ только если это новое сообщение или первая загрузка чата.
-            // При подгрузке старых сообщений (isPrepend) или фоновых обновлениях (isUpdate)
-            // позиция скролла сохраняется!
-            const shouldScrollToBottom = isNewMessage ? config.autoScroll : (!isPrepend && !isUpdate);
-            chatView.setMessages(messages, shouldScrollToBottom);
+            if (firstUnreadId) {
+                chatView.setMessages(messages, { firstUnreadId, autoScrollToBottom: false });
+            } else {
+                // Скроллим в самый низ только если это новое сообщение или первая загрузка чата.
+                // При подгрузке старых сообщений (isPrepend) или фоновых обновлениях (isUpdate)
+                // позиция скролла сохраняется!
+                const shouldScrollToBottom = isNewMessage ? config.autoScroll : (!isPrepend && !isUpdate);
+                chatView.setMessages(messages, shouldScrollToBottom);
+            }
         }
     });
 
@@ -435,30 +584,63 @@ export async function startTui(client, me) {
         }
     });
 
+    let previewBatchTimer = null;
+    let pendingBatchChatId = null;
+
     /**
-     * Фоново догружает превью изображений для сообщений, не имевших встроенного PhotoStrippedSize.
+     * Планирует пакетное обновление интерфейса после догрузки группы превью.
+     * @param {string} chatId
+     */
+    function scheduleBatchPreviewUpdate(chatId) {
+        if (state.activeChat?.id !== chatId) return;
+        pendingBatchChatId = chatId;
+        if (previewBatchTimer) return;
+        previewBatchTimer = setTimeout(() => {
+            previewBatchTimer = null;
+            if (state.activeChat?.id === pendingBatchChatId) {
+                const current = state.getMessages(pendingBatchChatId);
+                state.emit("messages_updated", {
+                    chatId: pendingBatchChatId,
+                    messages: current,
+                    isPrepend: false,
+                    isUpdate: true,
+                });
+            }
+            pendingBatchChatId = null;
+        }, 150);
+    }
+
+    /** Множество ID сообщений, для которых прямо сейчас выполняется загрузка превью. */
+    const activePreviewLoads = new Set();
+
+    /**
+     * Фоново догружает превью изображений только для тех сообщений, которые видны на экране (Lazy Loading).
+     * Обновления группируются пакетами, предотвращая фризы и блокировку основного потока.
      * @param {Array<object>} messages
      * @param {string} chatId
      */
     async function fetchMissingImagePreviews(messages, chatId) {
         if (!config.showImages || !messages || messages.length === 0) return;
-        for (const msg of messages) {
+        const toFetch = messages.filter((m) => m.isPreviewLoading && m.rawMessage && !activePreviewLoads.has(m.id));
+        if (toFetch.length === 0) return;
+
+        for (const msg of toFetch) {
             if (state.activeChat?.id !== chatId) break;
-            if (msg.media && !msg.imagePreview && msg.rawMessage) {
-                const isPhoto = msg.media.className === "MessageMediaPhoto";
-                const isDoc = msg.media.className === "MessageMediaDocument";
-                if (isPhoto || isDoc) {
-                    try {
-                        const preview = await loadMessageImagePreview(client, msg.rawMessage);
-                        if (preview && state.activeChat?.id === chatId) {
-                            msg.imagePreview = preview;
-                            state.updateMessage(chatId, msg);
-                        }
-                    } catch {
-                        // Игнорируем сетевые ошибки фоновой загрузки превью
-                    }
+            activePreviewLoads.add(msg.id);
+            try {
+                const preview = await loadMessageImagePreview(client, msg.rawMessage);
+                if (preview && state.activeChat?.id === chatId) {
+                    msg.imagePreview = preview;
+                    msg.isPreviewLoading = false;
+                    scheduleBatchPreviewUpdate(chatId);
                 }
+            } catch {
+                // Игнорируем сетевые ошибки фоновой загрузки превью
+            } finally {
+                activePreviewLoads.delete(msg.id);
             }
+            // Даём event loop обработать пользовательский ввод и скролл
+            await new Promise((resolve) => setImmediate(resolve));
         }
     }
 
@@ -467,13 +649,11 @@ export async function startTui(client, me) {
 
     listener.on("new_message", ({ peerId, message }) => {
         state.addMessage(peerId, message);
-        if (!message.imagePreview && (message.media?.className === "MessageMediaPhoto" || message.media?.className === "MessageMediaDocument")) {
+        if (message.isPreviewLoading) {
             fetchMissingImagePreviews([message], peerId);
         }
 
-        if (state.activeChat?.id === peerId) {
-            markAsRead(client, state.activeChat.peerId).catch(() => {});
-        } else if (!message.out) {
+        if (state.activeChat?.id !== peerId && !message.out) {
             const sender = message.senderName || "Новое сообщение";
             const preview = (message.text || "Вложение").slice(0, 30);
             statusBar.showMessage(`💬 ${sender}: "${preview}"`, "info", 5000);
@@ -572,6 +752,31 @@ export async function startTui(client, me) {
         chatList.release?.();
     }
 
+    /** Включает режим ответа на выделенное сообщение, иначе — на последнее в ленте. */
+    function startReply() {
+        if (!state.activeChat) return;
+        const target = chatView.getTargetMessage();
+        if (target) {
+            inputBox.setContext("reply", target);
+        }
+    }
+
+    /** Включает правку выделенного своего сообщения, иначе — последнего своего. */
+    function startEdit() {
+        if (!state.activeChat) return;
+        const selected = chatView.getSelected();
+        if (selected?.out) {
+            inputBox.setContext("edit", selected);
+            return;
+        }
+        const ownMsgs = state.getMessages(state.activeChat.id).filter((m) => m.out);
+        if (ownMsgs.length > 0) {
+            inputBox.setContext("edit", ownMsgs[ownMsgs.length - 1]);
+        } else {
+            statusBar.showMessage("В этом чате нет ваших сообщений для правки", "warning", 3000);
+        }
+    }
+
     // 7. Глобальные сочетания клавиш
     // Цикл фокуса: список чатов -> лента сообщений -> поле ввода -> список чатов.
     // Без ленты в цикле были недостижимы прокрутка, подгрузка истории и меню действий.
@@ -614,17 +819,18 @@ export async function startTui(client, me) {
     screen.key(["tab"], () => moveFocus(1));
     screen.key(["S-tab"], () => moveFocus(-1));
 
+    // Когда лента в фокусе, эти клавиши обрабатывает она сама — иначе прокрутка удваивается
     screen.key(["pageup", "C-u"], () => {
-        if (!state.activeChat) return;
+        if (!state.activeChat || screen.focused === chatView.scrollBox) return;
         chatView.scrollBox.scroll(-10);
-        if (chatView.scrollBox.getScroll() <= 0) {
+        if ((chatView.scrollBox.childBase || 0) <= 0) {
             chatView.loadMore?.();
         }
         screen.render();
     });
 
     screen.key(["pagedown", "C-d"], () => {
-        if (!state.activeChat) return;
+        if (!state.activeChat || screen.focused === chatView.scrollBox) return;
         chatView.scrollBox.scroll(10);
         screen.render();
     });
@@ -653,28 +859,42 @@ export async function startTui(client, me) {
         }
     });
 
-    screen.key(["C-r"], () => {
-        if (!state.activeChat) return;
-        const msgs = state.getMessages(state.activeChat.id);
-        if (msgs.length > 0) {
-            const lastMsg = msgs[msgs.length - 1];
-            inputBox.setContext("reply", lastMsg);
+    screen.key(["C-r"], () => startReply());
+
+    screen.key(["C-e"], () => startEdit());
+
+    // Меню действий над выделенным сообщением из любой панели.
+    // Когда лента в фокусе, Ctrl+A обрабатывает она сама.
+    screen.key(["C-a"], () => {
+        if (screen.focused === chatView.scrollBox) return;
+        if (!state.activeChat) {
+            statusBar.showMessage("Сначала выберите чат слева!", "warning");
+            return;
+        }
+        const msg = chatView.getTargetMessage();
+        if (msg) {
+            releaseInputs();
+            actionModal.show(msg);
         }
     });
 
-    screen.key(["C-e"], () => {
-        if (!state.activeChat) return;
-        const msgs = state.getMessages(state.activeChat.id);
-        const ownMsgs = msgs.filter((m) => m.out);
-        if (ownMsgs.length > 0) {
-            const lastOwn = ownMsgs[ownMsgs.length - 1];
-            inputBox.setContext("edit", lastOwn);
-        }
+    // Пока мышь захвачена приложением, терминал не даёт выделять текст для копирования
+    screen.key(["f12"], () => {
+        const enabled = !screen.mouseCaptured;
+        setMouseCapture(screen, enabled);
+        statusBar.showMessage(
+            enabled
+                ? "Мышь снова управляет интерфейсом"
+                : "Мышь отдана терминалу — можно выделять и копировать текст. [F12] вернуть",
+            enabled ? "info" : "warning",
+            5000
+        );
     });
 
     screen.key(["C-q"], () => {
         releaseInputs();
         confirmModal.ask("Выйти из TuiGram?", () => {
+            flushPendingMarkAsRead();
             listener?.stop();
             screen.destroy();
             process.exit(0);