cc98-cli 0.4.2 → 0.5.0

package/dist/tui/controller.js

@@ -1,8 +1,10 @@
 import { checkForUpdate } from "../update.js";
 import { appVersion } from "../version.js";
+import { Cc98Client } from "../api/client.js";
 import { getImageCache } from "../storage/image-cache.js";
 import { SettingsStore } from "../storage/settings-store.js";
 import { getKeybindingManager } from "./keybindings.js";
+import { EMOJI_CATEGORIES, getEmojiArt, renderCc98Logo, renderEmojiCode } from "./emoji-renderer.js";
 import { navItems, settingsItems } from "./navigation.js";
 import { getStatus } from "./state/store.js";
 import { asArray, asNumber, asObject, chatItem, chatMessageItems, flattenBoards, genericItem, historyItem, isAbortError, jsonPreviewLines, loadChatUserNames, mapLimit, noticeItem, overviewStats, topicItem, unreadStats, userItem } from "./helpers.js";
@@ -15,11 +17,13 @@ export class TuiController {
     close;
     nextSignal;
     abortCurrent;
+    webVpnOptions;
     loadVersion = 0;
     keybindings;
     settingsStore = new SettingsStore();
     updateChecked = false;
-    constructor(state, client, tokenStore, render, close, nextSignal, abortCurrent) {
+    autoSigninChecked = false;
+    constructor(state, client, tokenStore, render, close, nextSignal, abortCurrent, webVpnOptions) {
         this.state = state;
         this.client = client;
         this.tokenStore = tokenStore;
@@ -27,10 +31,12 @@ export class TuiController {
         this.close = close;
         this.nextSignal = nextSignal;
         this.abortCurrent = abortCurrent;
+        this.webVpnOptions = webVpnOptions;
         this.keybindings = getKeybindingManager();
     }
     async load(force = false) {
         const version = ++this.loadVersion;
+        let shouldAutoSignin = false;
         const signal = this.nextSignal();
         const nav = navItems[this.state.navIndex] ?? navItems[0];
         this.state.viewTitle = nav.label;
@@ -58,6 +64,10 @@ export class TuiController {
                 this.updateChecked = true;
                 void this.checkUpdate();
             }
+            if (!this.autoSigninChecked) {
+                this.autoSigninChecked = true;
+                shouldAutoSignin = true;
+            }
             const next = await this.loadView(nav.id, force, signal);
             if (version !== this.loadVersion)
                 return;
@@ -80,6 +90,9 @@ export class TuiController {
             if (version === this.loadVersion) {
                 this.state.loading = false;
                 this.render();
+                if (shouldAutoSignin) {
+                    void this.runAutoSignin();
+                }
             }
         }
     }
@@ -420,11 +433,11 @@ export class TuiController {
                 this.openMenu();
             }
         }
-        // c：复制链接
+        // c：图片复制图片本体，链接复制 URL
         if (this.keybindings.matches(key, "topicCopyLink")) {
             const currentLine = this.getCurrentTopicLine();
             if (currentLine?.kind === "image" && currentLine.imageUrl) {
-                void this.copyToClipboard(currentLine.imageUrl);
+                void this.copyImageToClipboard(currentLine.imageUrl);
             }
             else if (currentLine?.kind === "link" && currentLine.linkUrl) {
                 void this.copyToClipboard(currentLine.linkUrl);
@@ -432,8 +445,9 @@ export class TuiController {
         }
     }
     handleSettingsKey(key) {
+        const itemCount = this.state.items.length || settingsItems.length;
         if (this.keybindings.matches(key, "moveDown")) {
-            this.state.itemIndex = Math.min(settingsItems.length - 1, this.state.itemIndex + 1);
+            this.state.itemIndex = Math.min(itemCount - 1, this.state.itemIndex + 1);
             this.render();
             return;
         }
@@ -450,7 +464,7 @@ export class TuiController {
             return;
         }
         if (this.keybindings.matches(key, "confirm") || this.keybindings.matches(key, "moveRight")) {
-            void this.activateSetting(settingsItems[this.state.itemIndex]);
+            void this.activateSetting(this.state.items[this.state.itemIndex] ?? settingsItems[this.state.itemIndex]);
         }
     }
     handleNavKey(key) {
@@ -705,11 +719,18 @@ export class TuiController {
                 };
             }
             case "settings": {
-                const cacheStats = await this.client.getCacheStats();
+                const [cacheStats, autoSignin] = await Promise.all([
+                    this.client.getCacheStats(),
+                    this.settingsStore.isAutoSigninEnabled()
+                ]);
                 return {
                     title: "设置",
-                    items: [...settingsItems],
-                    stats: [{ title: "缓存", detail: `${cacheStats.fileCacheEntries} 文件` }, { title: "版本", detail: `v${appVersion}` }],
+                    items: this.renderSettingsItems(autoSignin),
+                    stats: [
+                        { title: "自动签到", detail: autoSignin ? "已开启" : "已关闭" },
+                        { title: "缓存", detail: `${cacheStats.fileCacheEntries} 文件` },
+                        { title: "版本", detail: `v${appVersion}` }
+                    ],
                     status: "设置：j/k 选择  Enter 执行  h 返回"
                 };
             }
@@ -731,6 +752,14 @@ export class TuiController {
             void this.openCacheManager();
             return;
         }
+        if (selected.meta === "pixel-logo") {
+            this.openPixelLogo();
+            return;
+        }
+        if (selected.meta === "emoji-preview") {
+            this.openEmojiPreview();
+            return;
+        }
         if (selected.meta === "update") {
             void this.checkUpdate(true);
             return;
@@ -739,6 +768,10 @@ export class TuiController {
             void this.openAccountSwitcher();
             return;
         }
+        if (selected.meta === "auto-signin") {
+            void this.toggleAutoSignin();
+            return;
+        }
         if (selected.meta === "logout") {
             void this.confirmLogout();
             return;
@@ -746,6 +779,64 @@ export class TuiController {
         this.state.status = "功能开发中...";
         this.render();
     }
+    renderSettingsItems(autoSignin) {
+        return settingsItems.map((item) => {
+            if (item.meta !== "auto-signin") {
+                return { ...item };
+            }
+            return {
+                ...item,
+                title: `自动签到: ${autoSignin ? "开启" : "关闭"}`,
+                detail: autoSignin
+                    ? "启动后为所有账号执行每日签到"
+                    : "默认关闭，启动时不自动签到"
+            };
+        });
+    }
+    async toggleAutoSignin() {
+        const enabled = await this.settingsStore.isAutoSigninEnabled();
+        const next = !enabled;
+        await this.settingsStore.setAutoSigninEnabled(next);
+        this.state.items = this.renderSettingsItems(next);
+        this.state.stats = [
+            { title: "自动签到", detail: next ? "已开启" : "已关闭" },
+            ...this.state.stats.filter((item) => item.title !== "自动签到")
+        ];
+        this.state.status = next ? "已开启自动签到" : "已关闭自动签到";
+        this.render();
+    }
+    async runAutoSignin() {
+        const enabled = await this.settingsStore.isAutoSigninEnabled();
+        if (!enabled)
+            return;
+        const accounts = await this.tokenStore.listAccounts();
+        if (accounts.length === 0)
+            return;
+        let success = 0;
+        let failed = 0;
+        this.state.status = `自动签到: 0/${accounts.length}`;
+        this.render();
+        for (const account of accounts) {
+            try {
+                const tokenStore = this.tokenStore.withAccount(account.account);
+                const client = new Cc98Client({ tokenStore, webVpn: this.webVpnOptions });
+                if (this.webVpnOptions) {
+                    await client.initWebVpn();
+                }
+                await client.signin();
+                success += 1;
+            }
+            catch {
+                failed += 1;
+            }
+            this.state.status = `自动签到: ${success + failed}/${accounts.length}`;
+            this.render();
+        }
+        this.state.status = failed > 0
+            ? `自动签到完成: ${success} 成功，${failed} 失败`
+            : `自动签到完成: ${success} 个账号`;
+        this.render();
+    }
     async activateContentItem(selected, signal) {
         if (selected.topicId !== undefined) {
             await this.openTopic(selected.topicId, false, signal);
@@ -769,6 +860,19 @@ export class TuiController {
             await this.switchAccount(accountName);
             return;
         }
+        if (selected.meta?.startsWith("emoji-category:")) {
+            this.openEmojiCategory(selected.meta.slice("emoji-category:".length));
+            return;
+        }
+        if (selected.meta?.startsWith("emoji-batch:")) {
+            this.state.status = "继续向下选择具体表情，Enter 放大预览";
+            this.render();
+            return;
+        }
+        if (selected.meta?.startsWith("emoji:")) {
+            this.openEmojiDetail(selected.meta.slice("emoji:".length));
+            return;
+        }
         if (selected.action?.startsWith("notices:")) {
             await this.openNoticeList(selected.action.split(":")[1], signal);
             return;
@@ -804,6 +908,10 @@ export class TuiController {
             }
         }
         this.render();
+        // Start background image preloading so preview/open/copy can reuse the local cache.
+        if (this.state.topic) {
+            void this.preloadTopicImages(this.state.topic);
+        }
     }
     async openBoard(boardId, title, force, signal, pushParent = true) {
         if (pushParent)
@@ -978,6 +1086,7 @@ export class TuiController {
             const posts = asArray(await this.client.getTopicPosts(topic.topicId, topic.loaded, topic.size, false, signal));
             appendTopicPosts(topic, posts);
             this.state.status = "";
+            void this.preloadTopicImages(topic);
         }
         catch (error) {
             if (!isAbortError(error))
@@ -1257,6 +1366,54 @@ export class TuiController {
         }
         return undefined;
     }
+    /**
+     * Preload images for topic in background
+     * Images are cached and trigger re-render when ready
+     */
+    async preloadTopicImages(topic) {
+        const cache = getImageCache();
+        const imagesToLoad = new Set();
+        // Collect all unique image URLs from posts
+        for (const post of topic.posts) {
+            for (const imageUrl of post.images) {
+                if (imageUrl && !topic.imageCache.has(imageUrl) && !topic.imageLoading.has(imageUrl)) {
+                    imagesToLoad.add(imageUrl);
+                }
+            }
+        }
+        if (imagesToLoad.size === 0)
+            return;
+        // Load images in parallel with concurrency limit
+        const urls = Array.from(imagesToLoad);
+        const concurrency = 3;
+        for (let i = 0; i < urls.length; i += concurrency) {
+            // Check if topic is still the same (user might have navigated away)
+            if (this.state.topic !== topic)
+                break;
+            const batch = urls.slice(i, i + concurrency);
+            let shouldRender = false;
+            const promises = batch.map(async (url) => {
+                topic.imageLoading.add(url);
+                try {
+                    const localPath = await cache.getOrDownload(url);
+                    topic.imageErrors.delete(url);
+                    topic.imageCache.set(url, localPath);
+                    shouldRender = true;
+                }
+                catch (error) {
+                    topic.imageErrors.set(url, error instanceof Error ? error.message : "下载失败");
+                    shouldRender = true;
+                }
+                finally {
+                    topic.imageLoading.delete(url);
+                }
+            });
+            await Promise.all(promises);
+            if (shouldRender && this.state.topic === topic) {
+                this.render();
+            }
+        }
+    }
     async openImage(url) {
         this.state.status = "正在下载图片...";
         this.render();
@@ -1269,7 +1426,11 @@ export class TuiController {
             const { execFile } = await import("node:child_process");
             const platform = process.platform;
             const command = platform === "win32" ? "cmd" : platform === "darwin" ? "open" : "xdg-open";
-            const args = platform === "win32" ? ["/c", "start", "", localPath] : [localPath];
+            const args = platform === "win32"
+                ? ["/c", "start", "", localPath]
+                : platform === "darwin"
+                    ? ["-a", "Preview", localPath]
+                    : [localPath];
             execFile(command, args, (error) => {
                 if (error) {
                     this.state.status = `打开失败: ${error.message}`;
@@ -1282,6 +1443,58 @@ export class TuiController {
             this.render();
         }
     }
+    async copyImageToClipboard(url) {
+        this.state.status = "正在复制图片...";
+        this.render();
+        try {
+            const cache = getImageCache();
+            const localPath = await cache.getOrDownload(url);
+            await this.copyImageFileToClipboard(localPath);
+            this.state.status = "已复制图片到剪贴板";
+            this.render();
+        }
+        catch (error) {
+            this.state.status = error instanceof Error ? error.message : "复制图片失败";
+            this.render();
+        }
+    }
+    async copyImageFileToClipboard(localPath) {
+        const platform = process.platform;
+        if (platform === "darwin") {
+            await this.copyImageFileToClipboardMac(localPath);
+            return;
+        }
+        if (platform === "win32") {
+            const script = [
+                "Add-Type -AssemblyName System.Windows.Forms",
+                "Add-Type -AssemblyName System.Drawing",
+                "$image=[System.Drawing.Image]::FromFile($args[0])",
+                "[System.Windows.Forms.Clipboard]::SetImage($image)",
+                "$image.Dispose()"
+            ].join("; ");
+            await execFilePromise("powershell.exe", ["-NoProfile", "-Command", script, localPath]);
+            return;
+        }
+        const mime = imageMimeType(localPath);
+        await execFilePromise("xclip", ["-selection", "clipboard", "-t", mime, localPath]);
+    }
+    async copyImageFileToClipboardMac(localPath) {
+        const { mkdtemp, rm } = await import("node:fs/promises");
+        const { tmpdir } = await import("node:os");
+        const { join } = await import("node:path");
+        const dir = await mkdtemp(join(tmpdir(), "cc98-image-"));
+        const tiffPath = join(dir, "clipboard.tiff");
+        try {
+            await execFilePromise("sips", ["-s", "format", "tiff", localPath, "--out", tiffPath]);
+            await execFilePromise("osascript", [
+                "-e",
+                `set the clipboard to (read (POSIX file ${appleScriptString(tiffPath)}) as TIFF picture)`
+            ]);
+        }
+        finally {
+            await rm(dir, { recursive: true, force: true });
+        }
+    }
     async copyToClipboard(text) {
         try {
             const { spawn } = await import("node:child_process");
@@ -1345,6 +1558,81 @@ export class TuiController {
         this.state.infoLines = lines;
         this.render();
     }
+    openPixelLogo() {
+        this.state.modal = "info";
+        this.state.infoTitle = "CC98 像素 Logo";
+        this.state.infoLines = [
+            ...renderCc98Logo().split("\n"),
+            "",
+            "来源: https://www.cc98.org/static/images/98LOGO.ico",
+            "渲染: 24-bit ANSI 半块像素"
+        ];
+        this.render();
+    }
+    openEmojiPreview() {
+        const items = EMOJI_CATEGORIES.map((category) => ({
+            title: `${category.label} (${category.codes.length})`,
+            meta: `emoji-category:${category.id}`,
+            detail: `来源目录: Assets/Emoji/${category.source} · ${category.codes[0]} - ${category.codes.at(-1)}`
+        }));
+        this.openReadOnlyList("表情包预览", items, EMOJI_CATEGORIES.map((category) => ({
+            title: category.label,
+            detail: `${category.codes.length} 个`
+        })));
+        this.state.status = "表情包预览：j/k 选择分类  Enter 进入  h 返回";
+        this.render();
+    }
+    openEmojiCategory(categoryId) {
+        const category = EMOJI_CATEGORIES.find((item) => item.id === categoryId);
+        if (!category) {
+            this.state.status = "未找到表情分类";
+            this.render();
+            return;
+        }
+        const items = [];
+        for (let index = 0; index < category.codes.length; index += 20) {
+            const batch = category.codes.slice(index, index + 20);
+            const batchNumber = Math.floor(index / 20) + 1;
+            items.push({
+                title: `${category.label} 第 ${batchNumber} 批`,
+                meta: `emoji-batch:${category.id}:${batchNumber}`,
+                detail: `${batch[0]} - ${batch.at(-1)} · ${batch.length} 个`
+            });
+            for (const code of batch) {
+                const art = getEmojiArt(code);
+                items.push({
+                    title: `[${code}]`,
+                    meta: `emoji:${code}`,
+                    detail: art ? `${category.label} · ${art.width}x${art.height}px` : category.label
+                });
+            }
+        }
+        this.openReadOnlyList(category.label, items, [
+            { title: "分类", detail: category.label },
+            { title: "数量", detail: `${category.codes.length} 个` },
+            { title: "来源", detail: `Assets/Emoji/${category.source}` }
+        ]);
+        this.state.status = `${category.label}：j/k 选择  Enter 放大  h 返回分类`;
+        this.render();
+    }
+    openEmojiDetail(code) {
+        const art = getEmojiArt(code);
+        const rendered = renderEmojiCode(code);
+        if (!art || !rendered) {
+            this.state.status = `未找到表情 [${code}]`;
+            this.render();
+            return;
+        }
+        this.state.modal = "info";
+        this.state.infoTitle = `[${code}]`;
+        this.state.infoLines = [
+            ...rendered.split("\n"),
+            "",
+            `尺寸: ${art.width}x${art.height}px`,
+            `颜色: ${art.palette.length}`
+        ];
+        this.render();
+    }
     async openAccountSwitcher() {
         try {
             const accounts = await this.tokenStore.listAccounts();
@@ -1480,15 +1768,15 @@ export class TuiController {
         this.render();
     }
     snapshotParent() {
-        if (!this.state.parentList) {
-            this.state.parentList = {
-                title: this.state.viewTitle,
-                items: [...this.state.items],
-                stats: [...this.state.stats],
-                itemIndex: this.state.itemIndex,
-                status: this.state.status
-            };
-        }
+        this.state.parentList = {
+            title: this.state.viewTitle,
+            items: [...this.state.items],
+            stats: [...this.state.stats],
+            itemIndex: this.state.itemIndex,
+            scroll: this.state.scroll,
+            status: this.state.status,
+            parent: this.state.parentList
+        };
     }
     restoreParentList() {
         const parent = this.state.parentList;
@@ -1498,14 +1786,15 @@ export class TuiController {
         this.state.items = parent.items;
         this.state.stats = parent.stats;
         this.state.itemIndex = parent.itemIndex;
+        this.state.scroll = parent.scroll;
         this.state.status = parent.status;
-        this.state.parentList = undefined;
+        this.state.parentList = parent.parent;
         this.state.currentBoard = undefined;
         this.state.currentChat = undefined;
         this.state.topic = undefined;
         this.state.mode = "list";
         this.state.focus = "content";
-        this.state.scroll = 0;
+        this.render();
     }
     async checkUpdate(forceShow = false) {
         if (forceShow) {
@@ -1554,4 +1843,36 @@ export class TuiController {
         }
     }
 }
+async function execFilePromise(command, args) {
+    const { execFile } = await import("node:child_process");
+    await new Promise((resolve, reject) => {
+        execFile(command, args, (error) => {
+            if (error) {
+                reject(error);
+            }
+            else {
+                resolve();
+            }
+        });
+    });
+}
+function appleScriptString(value) {
+    return JSON.stringify(value);
+}
+function imageMimeType(path) {
+    const lower = path.toLowerCase();
+    if (lower.endsWith(".png"))
+        return "image/png";
+    if (lower.endsWith(".jpg") || lower.endsWith(".jpeg"))
+        return "image/jpeg";
+    if (lower.endsWith(".gif"))
+        return "image/gif";
+    if (lower.endsWith(".webp"))
+        return "image/webp";
+    if (lower.endsWith(".bmp"))
+        return "image/bmp";
+    if (lower.endsWith(".svg"))
+        return "image/svg+xml";
+    return "image/png";
+}
 //# sourceMappingURL=controller.js.map