Upload 3 files

static/app.js

@@ -61,6 +61,7 @@ let snippetObserver = null;
 let snippetActive = 0;
 const snippetQueue = [];
 const snippetCache = new Map();
+const snippetControllers = new Set();
 
 function themeIcon(isDark) {
   const shape = isDark
@@ -187,6 +188,7 @@ function buildPath(folder, file) {
 const API = {
   async getSources() {
     const resp = await fetch("/api/sources");
+    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
     return resp.json();
   },
   async search(body, sourceSlug, signal) {
@@ -197,6 +199,7 @@ const API = {
       body: JSON.stringify(body),
       signal,
     });
+    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
     return resp.json();
   },
   async getFolders(sourceSlug) {
@@ -236,15 +239,18 @@ const API = {
   },
   async preview(docId) {
     const resp = await fetch(`/api/preview/${encodeURIComponent(docId)}`);
+    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
     return resp.json();
   },
-  async snippet(docId, query, exact) {
-    const resp = await fetch(`/api/snippet/${encodeURIComponent(docId)}?q=${encodeURIComponent(query || "")}&exact=${exact ? "true" : "false"}`);
+  async snippet(docId, query, exact, signal) {
+    const resp = await fetch(`/api/snippet/${encodeURIComponent(docId)}?q=${encodeURIComponent(query || "")}&exact=${exact ? "true" : "false"}`, { signal });
+    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
     return resp.json();
   },
   async random(sourceSlug) {
     const url = sourceSlug ? `/api/random?source=${encodeURIComponent(sourceSlug)}` : "/api/random";
     const resp = await fetch(url);
+    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
     return resp.json();
   },
 };
@@ -717,7 +723,7 @@ async function loadInitialPayload() {
   return data;
 }
 
-async function applyInitialSearch() {
+async function applyInitialSearch(sequence) {
   if (!currentStateCanUseInitial()) return false;
   let data;
   try {
@@ -725,7 +731,7 @@ async function applyInitialSearch() {
   } catch (_error) {
     return false;
   }
-  if (!initialMatchesCurrentState(data)) return false;
+  if (sequence !== STATE.searchSequence || !initialMatchesCurrentState(data)) return false;
   const body = buildSearchBody(1);
   const cacheKey = searchCacheKey(body);
   setCachedSearch(cacheKey, data);
@@ -782,7 +788,11 @@ async function doSearch() {
   if (STATE.searchController) STATE.searchController.abort();
   abortSearchPrefetch();
   const sequence = ++STATE.searchSequence;
-  if (await applyInitialSearch()) return;
+  if (STATE.page === 1 && STATE.selectedIds.size) {
+    STATE.selectedIds.clear();
+    DOM.multiSelectedCount.textContent = "";
+  }
+  if (await applyInitialSearch(sequence)) return;
   const controller = new AbortController();
   STATE.searchController = controller;
   STATE.isLoading = true;
@@ -881,6 +891,8 @@ function resetSnippetObserver() {
   if (snippetObserver) snippetObserver.disconnect();
   snippetObserver = null;
   snippetQueue.length = 0;
+  for (const controller of snippetControllers) controller.abort();
+  snippetControllers.clear();
 }
 
 function observeResultSnippets() {
@@ -929,13 +941,23 @@ async function loadExactSnippet(task) {
   let data = snippetCache.get(cacheKey);
   try {
     if (!data) {
-      data = await API.snippet(task.docId, task.query, task.exact);
+      const controller = new AbortController();
+      snippetControllers.add(controller);
+      try {
+        data = await API.snippet(task.docId, task.query, task.exact, controller.signal);
+      } finally {
+        snippetControllers.delete(controller);
+      }
       if (data && !data.error) {
         snippetCache.set(cacheKey, data);
         while (snippetCache.size > 300) snippetCache.delete(snippetCache.keys().next().value);
       }
     }
   } catch (_error) {
+    if (task.node.isConnected && task.sequence === STATE.searchSequence) {
+      const loading = task.node.querySelector(".snippet-loading");
+      if (loading) loading.remove();
+    }
     return;
   }
   if (!data || data.error || task.sequence !== STATE.searchSequence || task.query !== STATE.query || task.exact !== STATE.exact || !task.node.isConnected) return;
@@ -1518,12 +1540,17 @@ function clearFilters() {
 }
 
 async function randomDoc() {
-  const data = await API.random(STATE.source);
-  if (!data.doc_id) {
-    showToast("暂无可用文档");
-    return;
+  try {
+    const data = await API.random(STATE.source);
+    if (!data.doc_id) {
+      showToast("暂无可用文档");
+      return;
+    }
+    openPreview(data.doc_id, "");
+  } catch (error) {
+    console.error(error);
+    showToast("随机文章加载失败");
   }
-  openPreview(data.doc_id, "");
 }
 
 function updateMultiUi() {
@@ -1745,7 +1772,14 @@ function attachEvents() {
       showToast("未选中任何文件");
       return;
     }
-    ids.forEach((id, index) => setTimeout(() => { window.open(`/api/download/${encodeURIComponent(id)}`, "_blank"); }, index * 250));
+    ids.forEach((id) => {
+      const frame = document.createElement("iframe");
+      frame.hidden = true;
+      frame.src = `/api/download/${encodeURIComponent(id)}`;
+      document.body.appendChild(frame);
+      setTimeout(() => frame.remove(), 60000);
+    });
+    showToast(`已请求下载 ${ids.length} 个文件`);
   });
   DOM.multiZipDownload.addEventListener("click", () => {
     const ids = Array.from(STATE.selectedIds);
@@ -1753,11 +1787,15 @@ function attachEvents() {
       showToast("未选中任何文件");
       return;
     }
+    if (ids.length > 500) {
+      showToast("合并下载最多支持 500 个文件，请减少选择", 3500);
+      return;
+    }
     const form = document.createElement("form");
     form.method = "POST";
     form.action = "/api/zip-download";
     form.style.display = "none";
-    for (const id of ids.slice(0, 500)) {
+    for (const id of ids) {
       const input = document.createElement("input");
       input.type = "hidden";
       input.name = "doc_id";
@@ -1849,6 +1887,14 @@ function attachEvents() {
     if (event.target.closest("[data-action='toggle-preview-theme']")) toggleTheme();
   });
   document.addEventListener("keydown", (event) => {
+    if (event.key === "Escape") {
+      setHistoryDropdownOpen(false);
+      if (STATE.previewDocId) closePreview();
+      STATE.leftSidebarOpen = false;
+      STATE.rightSidebarOpen = false;
+      updateSidebarVisibility();
+      return;
+    }
     if (event.key === "/" && document.activeElement !== DOM.searchInput) {
       event.preventDefault();
       DOM.searchInput.focus();
@@ -1909,6 +1955,7 @@ async function init() {
   if (DOM.searchPathsToggle) {
     DOM.searchPathsToggle.checked = STATE.searchPaths;
   }
+  DOM.searchInput.placeholder = STATE.fulltext ? "全文搜索 TXT 正文..." : "搜索 TXT 文件或路径...";
   updateSidebarVisibility();
   syncUrl();
   restorePreviewFromUrl({ scroll: false });

static/index.html

@@ -62,7 +62,7 @@
       </div>
     </div>
     <div id="multi-action-bar" class="multi-action-bar" style="display:none">
-      <button id="multi-select-all" class="multi-action-btn">全选</button>
+      <button id="multi-select-all" class="multi-action-btn">全选已加载</button>
       <button id="multi-deselect" class="multi-action-btn">取消选择</button>
       <button id="multi-batch-download" class="multi-action-btn primary">批量下载</button>
       <button id="multi-zip-download" class="multi-action-btn primary">合并下载</button>

static/style.css

@@ -557,6 +557,9 @@ ul, li {
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  line-height: 1.5;
+  height: 4.5em;
+  min-height: 4.5em;
 }
 
 .result-snippet mark {