@emaxe/tuigram 1.2.0 → 1.4.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,18 @@ 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 { 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 } 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";
 
 /**
  * Запускает полноэкранный TUI-клиент Telegram.
@@ -43,8 +45,79 @@ export async function startTui(client, me) {
     state.setConnectionStatus("connected");
 
     // 1. Создание визуальных компонентов
-    const header = createHeader(screen, theme);
-    const statusBar = createStatusBar(screen, theme);
+    const header = createHeader(screen, theme, {
+        onHelp: () => {
+            releaseInputs();
+            helpModal.show();
+        },
+        onChatInfo: () => {
+            if (state.activeChat) {
+                releaseInputs();
+                chatInfoModal.show(state.activeChat);
+            } else {
+                statusBar.showMessage("Сначала выберите чат слева!", "warning");
+            }
+        },
+        onStatusClick: () => {
+            const statusText = state.connectionStatus === "connected"
+                ? "Подключение активно: MTProto онлайн"
+                : `Статус сети: ${state.connectionStatus}`;
+            statusBar.showMessage(statusText, "info");
+        },
+    });
+
+    const statusBar = createStatusBar(screen, theme, {
+        onFocusNext: () => moveFocus(1),
+        onSelectOrSubmit: () => {
+            const focused = detectFocus();
+            if (focused === "input") {
+                inputBox.textarea.emit("key enter");
+            } else if (focused === "chatList") {
+                chatList.list.emit("key enter");
+            }
+        },
+        onFilterTabs: () => {
+            releaseInputs();
+            chatList.focus();
+            statusBar.showMessage("Фильтры: нажмите 1-6 для выбора вкладки", "info");
+        },
+        onSearch: () => {
+            chatList.searchBox.setValue("");
+            chatList.searchBox.focus();
+            screen.render();
+        },
+        onHelp: () => {
+            releaseInputs();
+            helpModal.show();
+        },
+        onAction: () => {
+            if (!state.activeChat) {
+                statusBar.showMessage("Сначала выберите чат слева!", "warning");
+                return;
+            }
+            const msg = chatView.getTargetMessage();
+            if (msg) {
+                releaseInputs();
+                actionModal.show(msg);
+            }
+        },
+        onChatInfo: () => {
+            if (state.activeChat) {
+                releaseInputs();
+                chatInfoModal.show(state.activeChat);
+            } else {
+                statusBar.showMessage("Сначала выберите чат слева!", "warning");
+            }
+        },
+        onQuit: () => {
+            releaseInputs();
+            confirmModal.ask("Выйти из TuiGram?", () => {
+                listener?.stop();
+                screen.destroy();
+                process.exit(0);
+            });
+        },
+    });
 
     // Модальные окна
     const helpModal = createHelpModal(screen, theme);
@@ -54,6 +127,16 @@ 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,
+        }),
+    });
+
     const actionModal = createActionModal(screen, theme, {
         onAction: async (actionId, msg) => {
             if (!state.activeChat) return;
@@ -168,6 +251,19 @@ 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);
+        },
+        onFocusRequest: () => releaseInputs(),
     });
 
     // 4. Поле ввода (нижняя панель)
@@ -205,6 +301,8 @@ export async function startTui(client, me) {
         onCancelContext: () => {
             statusBar.showMessage("Режим ответа/редактирования сброшен", "info", 2000);
         },
+        onReplyLast: () => startReply(),
+        onEditLast: () => startEdit(),
         onSlashCommand: (cmd, args) => {
             switch (cmd) {
                 case "help":
@@ -269,6 +367,36 @@ export async function startTui(client, me) {
         },
     });
 
+    // Переключение фокуса по клику мышью на любую из трех панелей
+    chatList.container.on("click", (data) => {
+        if (isRightClick(data)) return;
+        if (screen.focused !== chatList.list && screen.focused !== chatList.searchBox) {
+            releaseInputs();
+            chatList.focus();
+            statusBar.showMessage("Фокус: список чатов", "info", 2000);
+            screen.render();
+        }
+    });
+
+    chatView.container.on("click", (data) => {
+        if (isRightClick(data)) return;
+        if (screen.focused !== chatView.scrollBox) {
+            releaseInputs();
+            chatView.focus();
+            statusBar.showMessage("Фокус: лента сообщений", "info", 2000);
+            screen.render();
+        }
+    });
+
+    inputBox.container.on("click", (data) => {
+        if (isRightClick(data)) return;
+        if (screen.focused !== inputBox.textarea) {
+            inputBox.focus();
+            statusBar.showMessage("Фокус: поле ввода", "info", 2000);
+            screen.render();
+        }
+    });
+
     // 5. Реакция на события состояния
     state.on("dialogs_updated", (dialogs) => {
         chatList.setDialogs(dialogs);
@@ -290,6 +418,7 @@ export async function startTui(client, me) {
             typingUser: state.getTypingUser(chat?.id),
         });
         const msgs = chat ? state.getMessages(chat.id) : [];
+        chatView.setSelected(null);
         chatView.setMessages(msgs);
     });
 
@@ -459,6 +588,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. Глобальные сочетания клавиш
     // Цикл фокуса: список чатов -> лента сообщений -> поле ввода -> список чатов.
     // Без ленты в цикле были недостижимы прокрутка, подгрузка истории и меню действий.
@@ -501,17 +655,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();
     });
@@ -540,23 +695,36 @@ 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"], () => {

package/src/ui/components/chatList.js

@@ -4,6 +4,8 @@ import { escapeBlessed } from "../../telegram/formatter.js";
 import { fg, badge } from "../theme.js";
 import unicode from "neo-blessed/lib/unicode.js";
 
+import { getTabByCoordinate, isRightClick } from "../../utils/mouse.js";
+
 /**
  * Создаёт компонент списка диалогов (левая панель).
  * @param {blessed.Widgets.Screen} screen
@@ -20,6 +22,7 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
         left: 0,
         width: "35%",
         bottom: 1,
+        mouse: true,
         border: {
             type: "line",
         },
@@ -40,6 +43,8 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
         right: 0,
         height: 1,
         tags: true,
+        mouse: true,
+        clickable: true,
         style: {
             bg: theme.tabs.bg,
             fg: theme.tabs.fg,
@@ -64,6 +69,18 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
         tabsBox.setContent(rendered);
     }
 
+    tabsBox.on("click", (data) => {
+        if (isRightClick(data)) return;
+        const relX = data.x - (tabsBox.aleft || 0);
+        const tabKey = getTabByCoordinate(relX, TAB_KEYS, TAB_NAMES);
+        if (tabKey) {
+            currentTab = tabKey;
+            renderTabs();
+            onTabChange?.(currentTab);
+            screen.render();
+        }
+    });
+
     // 2. Строка поиска / фильтра
     const searchBox = blessed.textbox({
         parent: container,
@@ -72,6 +89,7 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
         right: 0,
         height: 1,
         inputOnFocus: true,
+        mouse: true,
         style: {
             bg: theme.search.bg,
             fg: theme.search.fg,
@@ -80,6 +98,14 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
     const SEARCH_PLACEHOLDER = "[/] Поиск чатов...";
     searchBox.setValue(SEARCH_PLACEHOLDER);
 
+    searchBox.on("click", () => {
+        if (searchBox.getValue() === SEARCH_PLACEHOLDER) {
+            searchBox.setValue("");
+        }
+        searchBox.focus();
+        screen.render();
+    });
+
     // 3. Список диалогов
     const list = blessed.list({
         parent: container,
@@ -118,13 +144,32 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
     // не влезающий хвост на вторую строку, которой в элементе высотой 1 просто
     // нет: хвост исчезал, а начатый перед разрывом фон бейджа непрочитанных
     // оставался залитым до края панели. С wrap: false лишнее просто обрезается.
+    // По клику мыши сразу выбираем и открываем диалог.
     const baseCreateItem = list.createItem.bind(list);
     list.createItem = (content) => {
         const item = baseCreateItem(content);
         item.wrap = false;
+        item.on("click", (data) => {
+            if (isRightClick(data)) return;
+            const index = list.getItemIndex(item);
+            if (index !== -1 && currentDialogs[index]) {
+                list.select(index);
+                onSelectDialog?.(currentDialogs[index]);
+            }
+        });
         return item;
     };
 
+    container.on("wheelup", () => {
+        list.select(list.selected - 2);
+        screen.render();
+    });
+
+    container.on("wheeldown", () => {
+        list.select(list.selected + 2);
+        screen.render();
+    });
+
     let currentDialogs = [];
 
     /**
@@ -275,6 +320,25 @@ export function createChatList(screen, theme, { onSelectDialog, onTabChange, onS
 
     renderTabs();
 
+    /** Подсвечивает рамку, когда список диалогов или строка поиска в фокусе. */
+    function setFocusHighlight(active) {
+        container.style.border.fg = active ? theme.borders.focusFg : theme.borders.fg;
+        screen.render();
+    }
+
+    list.on("focus", () => setFocusHighlight(true));
+    list.on("blur", (newTarget) => {
+        if (newTarget !== searchBox && screen.focused !== searchBox) {
+            setFocusHighlight(false);
+        }
+    });
+    searchBox.on("focus", () => setFocusHighlight(true));
+    searchBox.on("blur", (newTarget) => {
+        if (newTarget !== list && screen.focused !== list) {
+            setFocusHighlight(false);
+        }
+    });
+
     return {
         container,
         list,