chattercatcher 0.1.21 → 0.1.23

package/dist/cli.js

@@ -8,7 +8,7 @@ import fs14 from "fs/promises";
 // package.json
 var package_default = {
   name: "chattercatcher",
-  version: "0.1.21",
+  version: "0.1.23",
   description: "\u672C\u5730\u4F18\u5148\u7684\u98DE\u4E66/Lark \u5BB6\u5EAD\u7FA4\u77E5\u8BC6\u5E93\u673A\u5668\u4EBA",
   type: "module",
   main: "dist/index.js",
@@ -5360,6 +5360,7 @@ function buildHtml() {
         const gatewayClass = status.gateway.configured ? "status-ok" : "status-warn";
         metrics.innerHTML = [
           ["Gateway", formatGatewayValue(status.gateway), formatGatewayNote(status.gateway), gatewayClass],
+          ["\u7248\u672C", status.version || "unknown", "\u5F53\u524D\u8FD0\u884C\u7248\u672C", ""],
           ["\u7FA4\u804A", status.data.chats, "\u672C\u5730\u7FA4\u804A\u6570", ""],
           ["\u6D88\u606F", status.data.messages, "\u5DF2\u5165\u5E93\u6D88\u606F", ""],
           ["\u4F1A\u8BDD\u8BB0\u5FC6", status.data.episodes, "\u5DF2\u751F\u6210\u6458\u8981", ""],
@@ -5539,45 +5540,53 @@ function buildHtml() {
             "    <span>" + escapeHtml(item.status) + "</span>",
             "    <span>" + escapeHtml(citationCount) + " \u6761\u5F15\u7528</span>",
             "  </div>",
-            "  <div class="message-body"><strong>\u95EE\uFF1A</strong>" + escapeHtml(item.question) + "</div>",
-            "  <div class="message-body"><strong>\u7B54\uFF1A</strong>" + escapeHtml(item.answer) + "</div>",
+            "  <div class=\\"message-body\\"><strong>\u95EE\uFF1A</strong>" + escapeHtml(item.question) + "</div>",
+            "  <div class=\\"message-body\\"><strong>\u7B54\uFF1A</strong>" + escapeHtml(item.answer) + "</div>",
             "</article>",
-          ].join("
-");
+          ].join("\\n");
         });
         qaLogs.innerHTML = [
           '<div class="message-list">',
           rows.join(""),
           "</div>",
-        ].join("
-");
+        ].join("\\n");
       }
 
-      async function load() {
+      async function fetchJson(path) {
+        const response = await fetch(path);
+        if (!response.ok) {
+          const body = await response.text();
+          throw new Error(path + " " + response.status + " " + body);
+        }
+        return response.json();
+      }
+
+      function renderLoadError(element, error) {
+        element.className = "empty";
+        element.textContent = "\u52A0\u8F7D\u5931\u8D25\uFF1A" + (error instanceof Error ? error.message : String(error));
+      }
+
+      async function loadSection(path, element, render) {
         try {
-          const [status, recent, episodeList, chatList, fileList, jobList, qaLogList, cronJobList] = await Promise.all([
-            fetch("/api/status").then((response) => response.json()),
-            fetch("/api/messages/recent?limit=20").then((response) => response.json()),
-            fetch("/api/episodes?limit=10").then((response) => response.json()),
-            fetch("/api/chats").then((response) => response.json()),
-            fetch("/api/files").then((response) => response.json()),
-            fetch("/api/file-jobs").then((response) => response.json()),
-            fetch("/api/qa-logs?limit=10").then((response) => response.json()),
-            fetch("/api/cron-jobs").then((response) => response.json()),
-          ]);
-          renderMetrics(status);
-          renderMessages(recent.items);
-          renderEpisodes(episodeList.items);
-          renderChats(chatList.items);
-          renderFiles(fileList.items);
-          renderFileJobs(jobList.items);
-          renderQaLogs(qaLogList.items);
-          renderCronJobs(cronJobList.items);
+          render(await fetchJson(path));
         } catch (error) {
-          metrics.innerHTML = '<div class="empty">\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF1A' + escapeHtml(error instanceof Error ? error.message : String(error)) + '</div>';
+          renderLoadError(element, error);
         }
       }
 
+      async function load() {
+        await Promise.all([
+          loadSection("/api/status", metrics, renderMetrics),
+          loadSection("/api/messages/recent?limit=20", messages, (data) => renderMessages(data.items)),
+          loadSection("/api/episodes?limit=10", episodes, (data) => renderEpisodes(data.items)),
+          loadSection("/api/chats", chats, (data) => renderChats(data.items)),
+          loadSection("/api/files", files, (data) => renderFiles(data.items)),
+          loadSection("/api/file-jobs", fileJobs, (data) => renderFileJobs(data.items)),
+          loadSection("/api/qa-logs?limit=10", qaLogs, (data) => renderQaLogs(data.items)),
+          loadSection("/api/cron-jobs", cronJobs, (data) => renderCronJobs(data.items)),
+        ]);
+      }
+
       async function processNow() {
         processMessages.disabled = true;
         actionStatus.textContent = "\u6B63\u5728\u5904\u7406\u6D88\u606F\u7D22\u5F15...";
@@ -5652,9 +5661,10 @@ function isAuthorizedWebAction(request, token) {
   const provided = readHeader(request.headers["x-chattercatcher-web-token"]);
   return provided === token;
 }
-function createWebApp(config) {
+function createWebApp(config, options = {}) {
   const app = Fastify({ logger: false });
   const database = openDatabase(config);
+  const version = options.version ?? "unknown";
   const messages = new MessageRepository(database);
   const episodes = new EpisodeRepository(database);
   const fileJobs = new FileJobRepository(database);
@@ -5676,6 +5686,7 @@ function createWebApp(config) {
     await tokenReady;
     return {
       app: "ChatterCatcher",
+      version,
       gateway: getGatewayStatus(config),
       data: {
         chats: messages.getChatCount(),
@@ -5780,12 +5791,13 @@ function createWebApp(config) {
   });
   return app;
 }
-async function startWebServer(config) {
-  const app = createWebApp(config);
+async function startWebServer(config, options = {}) {
+  const app = createWebApp(config, options);
   await app.listen({ host: config.web.host, port: config.web.port });
   const address = app.server.address();
   const url = typeof address === "string" ? address : `http://${config.web.host}:${address?.port ?? config.web.port}`;
-  console.log(`ChatterCatcher Web UI: ${url}`);
+  const versionText = options.version ? ` ${options.version}` : "";
+  console.log(`ChatterCatcher Web UI${versionText}: ${url}`);
 }
 
 // src/cli.ts
@@ -5964,7 +5976,7 @@ async function startGatewayForegroundCommand() {
     });
     console.log(status.message);
     console.log("\u672C\u5730 Web UI \u4ECD\u4F1A\u542F\u52A8\uFF0C\u65B9\u4FBF\u7EE7\u7EED\u914D\u7F6E\u3002");
-    await startWebServer(config);
+    await startWebServer(config, { version: package_default.version });
     return;
   }
   await tryEnsureFeishuBotOpenId(config, secrets);
@@ -6027,7 +6039,7 @@ async function startGatewayForegroundCommand() {
   console.log(status.message);
   try {
     await gatewayRuntime.start();
-    await startWebServer(config);
+    await startWebServer(config, { version: package_default.version });
   } catch (error) {
     cleanup();
     throw error;
@@ -6066,7 +6078,7 @@ gateway.command("restart").description("\u91CD\u542F Gateway").action(async () =
 var web = program.command("web").description("\u7BA1\u7406\u672C\u5730 Web UI");
 web.command("start").description("\u542F\u52A8\u672C\u5730 Web UI").action(async () => {
   const config = await loadConfig();
-  await startWebServer(config);
+  await startWebServer(config, { version: package_default.version });
 });
 var data = program.command("data").description("\u7BA1\u7406\u672C\u5730\u77E5\u8BC6\u5E93\u6570\u636E");
 async function deleteDataCommand(targetType, targetId, options) {