Add Reader folder shortcut

static/app.js

@@ -708,10 +708,10 @@ function loadReaderAssets() {
 
 function applyReaderAsset(record, repo, relativePath, originalLink) {
   const asset = readerAssets && readerAssets[`${repo}\0${relativePath}`];
-  if (!asset || asset.s !== 2 || !["p", "e", "d"].includes(asset.m) || !/^objects\/[0-9a-f]{2}\/[0-9a-f]{64}\/(?:[a-z0-9-]+\/)?(document\.pdf|book\.epub|document\.docx)$/.test(asset.p || "")) return record;
+  if (!asset || asset.s !== 2 || !["p", "e", "d", "h"].includes(asset.m) || !/^objects\/[0-9a-f]{2}\/[0-9a-f]{64}\/(?:[a-z0-9-]+\/)?(document\.pdf|book\.epub|document\.docx|document\.html)$/.test(asset.p || "")) return record;
   return Object.assign({}, record, {
     ReaderLink: `https://huggingface.co/datasets/vomebook/Reader-Assets/resolve/main/${asset.p}`,
-    ReaderExtension: asset.m === "p" ? "pdf" : asset.m === "e" ? "epub" : "docx",
+    ReaderExtension: asset.m === "p" ? "pdf" : asset.m === "e" ? "epub" : asset.m === "d" ? "docx" : "html",
     DownloadLink: originalLink,
   });
 }
@@ -721,8 +721,20 @@ function getRecordLink(rec) {
   return `https://huggingface.co/datasets/${rec.Repo || ""}/resolve/main/${encodeRecordPath(buildRecordRelativePath(rec))}`;
 }
 
+function getReaderFolderUrl(rec) {
+  const repo = String(rec.Repo || "").split("/").pop();
+  if (!repo) return "";
+  const target = new URL(location.href);
+  target.pathname = `/${encodeURIComponent(repo)}`;
+  target.hash = "";
+  for (const key of ["repo", "folder_self", "folder_subtree", "path"]) target.searchParams.delete(key);
+  const folder = Array.isArray(rec.Folder) ? rec.Folder.join("/") : "";
+  if (folder) target.searchParams.append("folder_self", folder);
+  return target.href;
+}
+
 function getReaderLink(rec, returnUrl = location.href) {
-  const readerRecord = Object.assign({}, rec, { Link: getRecordLink(rec), ReturnUrl: returnUrl });
+  const readerRecord = Object.assign({}, rec, { Link: getRecordLink(rec), ReturnUrl: returnUrl, FolderUrl: getReaderFolderUrl(rec) });
   if (rec.HasTxt && String(rec.Extension || "").toLowerCase() !== "txt") {
     const relPath = buildRecordRelativePath(rec);
     const stem = relPath.includes(".") ? relPath.slice(0, relPath.lastIndexOf(".")) : relPath;

static/reader-contract.js

@@ -9,7 +9,7 @@
     FAILED: 4,
   });
   const modes = Object.freeze({
-    pdf: "pdf", epub: "epub", docx: "docx", txt: "text", md: "markdown", markdown: "markdown",
+    pdf: "pdf", epub: "epub", docx: "docx", html: "html", htm: "html", txt: "text", md: "markdown", markdown: "markdown",
     jpg: "image", jpeg: "image", png: "image", gif: "image", bmp: "image", webp: "image",
   });
   const articleExtensions = Object.freeze(Object.keys(modes));
@@ -41,6 +41,10 @@
     if (record.DownloadLink || record.downloadLink) params.set("download", record.DownloadLink || record.downloadLink);
     if (record.OcrUrl || record.ocrUrl) params.set("ocr", record.OcrUrl || record.ocrUrl);
     if (record.ReturnUrl || record.returnUrl) params.set("return", record.ReturnUrl || record.returnUrl);
+    const repo = String(record.Repo || record.repo || "").split("/").pop();
+    const folder = Array.isArray(record.Folder || record.folder) ? (record.Folder || record.folder).join("/") : "";
+    if (repo) params.set("path", repo + (folder ? "/" + folder : ""));
+    if (record.FolderUrl || record.folderUrl) params.set("folder_url", record.FolderUrl || record.folderUrl);
     return (basePath || "/reader.html") + "?" + params.toString();
   }
 

static/reader.css

@@ -4,7 +4,9 @@ body { margin: 0; height: 100vh; height: 100dvh; overflow: hidden; display: flex
 .reader-toolbar { min-height: 44px; flex: none; display: flex; align-items: center; gap: 7px; padding: 3px 10px; background: #1b1e21; border-bottom: 1px solid #34383d; }
 .reader-heading { min-width: 0; flex: 1; display: flex; flex-direction: column; }
 .reader-heading strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 18px; }
-.reader-heading span { color: #9ba3aa; font-size: 12px; line-height: 16px; }
+.reader-heading span, .reader-path { color: #9ba3aa; font-size: 12px; line-height: 16px; }
+.reader-path { min-width: 0; max-width: 100%; padding: 0; border: 0; background: transparent; font-family: inherit; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
+.reader-path:hover, .reader-path:focus-visible { color: #d5d9dc; text-decoration: underline; outline: none; }
 .reader-actions { display: flex; align-items: center; gap: 4px; }
 .control-group { display: inline-flex; align-items: center; gap: 2px; }
 .control-group[hidden] { display: none; }
@@ -36,6 +38,7 @@ body { margin: 0; height: 100vh; height: 100dvh; overflow: hidden; display: flex
 .reader-markdown a { color: #72a7df; }
 .reader-error { margin: 20vh auto; max-width: 560px; color: #d7dadd; text-align: center; line-height: 1.6; }
 .epub-frame { width: 100%; height: calc(100vh - 96px); background: white; }
+.html-frame { display: block; width: 100%; height: calc(100vh - 96px); border: 0; background: white; }
 .docx-body { overflow-x: auto; color: #111; }
 .docx-body .reader-docx-wrapper { background: transparent; padding: 0; zoom: var(--reader-zoom); }
 .docx-body .reader-docx-wrapper > section.reader-docx { margin: 0 auto 18px; box-shadow: 0 2px 14px #0008; }

static/reader.html

@@ -14,7 +14,7 @@
 <body>
 <header class="reader-toolbar">
   <button id="back" class="icon-button" type="button" title="返回" aria-label="返回">&#8592;</button>
-  <div class="reader-heading"><strong id="title">在线阅读</strong><span id="status">正在准备...</span></div>
+  <div class="reader-heading"><strong id="title">在线阅读</strong><button id="reader-path" class="reader-path" type="button" title="在搜索中筛选此文件夹" hidden></button><span id="status">正在准备...</span></div>
   <div class="reader-actions">
     <span class="control-group page-controls">
       <button id="page-prev" class="icon-button" type="button" title="上一页" aria-label="上一页">&#8249;</button>

static/reader.js

@@ -41,6 +41,8 @@ const loadingStatus = document.querySelector("#loading-status");
 const title = params.get("title") || "在线阅读";
 const ocrUrl = params.get("ocr") || "";
 const returnUrl = params.get("return") || "";
+const readerPathLabel = params.get("path") || "";
+const folderReturnUrl = params.get("folder_url") || "";
 const returnNavigationToken = params.get("nav") || "";
 const returnHistoryKey = returnNavigationToken ? `reader-return:${returnNavigationToken}` : "";
 let canReturnWithHistory = false;
@@ -68,10 +70,24 @@ let progressSaveChain = Promise.resolve();
 const viewport = document.querySelector("#viewport");
 const zoomInput = document.querySelector("#zoom");
 const pageInput = document.querySelector("#page-number");
+const readerPath = document.querySelector("#reader-path");
 document.querySelector(".page-controls").hidden = !["pdf", "epub"].includes(capability.mode);
 
 document.querySelector("#title").textContent = title;
 document.title = title + " - VoiceOfML Reader";
+try {
+  const folderTarget = new URL(folderReturnUrl, location.origin);
+  if (readerPathLabel && folderTarget.origin === location.origin && folderTarget.pathname.split("/").filter(Boolean).length === 1) {
+    readerPath.textContent = readerPathLabel;
+    readerPath.setAttribute("aria-label", `筛选文件夹：${readerPathLabel}`);
+    readerPath.hidden = false;
+    status.hidden = true;
+    readerPath.addEventListener("click", () => {
+      if (returnHistoryKey) { try { sessionStorage.removeItem(returnHistoryKey); } catch (_) {} }
+      location.assign(folderTarget.href);
+    });
+  }
+} catch (_) {}
 document.querySelector("#back").addEventListener("click", () => {
   try {
     const target = new URL(returnUrl, location.origin);
@@ -162,7 +178,7 @@ function validSource(raw) {
   try {
     const url = new URL(raw);
     if (url.protocol !== "https:" || !["huggingface.co", "hf-mirror.com"].includes(url.hostname)) return false;
-    const readerAsset = /^\/datasets\/vomebook\/Reader-Assets\/resolve\/[^/]+\/objects\/[0-9a-f]{2}\/[0-9a-f]{64}\/(?:[a-z0-9-]+\/)?(document\.pdf|book\.epub|document\.docx)$/.test(url.pathname);
+    const readerAsset = /^\/datasets\/vomebook\/Reader-Assets\/resolve\/[^/]+\/objects\/[0-9a-f]{2}\/[0-9a-f]{64}\/(?:[a-z0-9-]+\/)?(document\.pdf|book\.epub|document\.docx|document\.html)$/.test(url.pathname);
     if (extension === "docx") return readerAsset;
     return /^\/datasets\/VoiceOfML\/[^/]+\/(resolve|raw)\//.test(url.pathname) || readerAsset;
   } catch (_) { return false; }
@@ -306,6 +322,26 @@ async function renderText(markdown, prepared) {
   }
   status.textContent = "已加载";
 }
+async function renderHtml(prepared) {
+  const response = await prepared.response;
+  if (!response.ok) throw new Error(`HTTP ${response.status}`);
+  const bytes = new Uint8Array(await response.arrayBuffer());
+  const text = new TextDecoder(detectTextEncoding(bytes, title)).decode(bytes);
+  await prepared.engine;
+  const clean = DOMPurify.sanitize(text, {
+    USE_PROFILES: { html: true },
+    FORBID_TAGS: ["base", "embed", "form", "iframe", "object", "script", "style"],
+    FORBID_ATTR: ["action", "formaction", "srcdoc"],
+    ALLOWED_URI_REGEXP: /^data:image\/(?:gif|png|jpeg|webp);/i,
+  });
+  const frame = document.createElement("iframe");
+  frame.className = "html-frame";
+  frame.setAttribute("sandbox", "allow-same-origin");
+  frame.setAttribute("referrerpolicy", "no-referrer");
+  frame.srcdoc = clean;
+  content.appendChild(frame);
+  status.textContent = "HTML";
+}
 async function renderPlainText(response) {
   const pre = document.createElement("pre"); pre.className = "reader-text";
   const textNode = document.createTextNode(""); pre.appendChild(textNode); content.appendChild(pre);
@@ -423,6 +459,7 @@ async function start() {
     else if (capability.mode === "image") { content.appendChild(prepared); status.textContent = "图片"; }
     else if (capability.mode === "text") await renderText(false, prepared);
     else if (capability.mode === "markdown") await renderText(true, prepared);
+    else if (capability.mode === "html") await renderHtml(prepared);
     else if (capability.mode === "epub") await renderEpub(prepared);
     else if (capability.mode === "docx") await renderDocx(prepared);
     loadingStatus.hidden = true;
@@ -433,6 +470,7 @@ async function start() {
 function prepareDocument() {
   if (capability.mode === "pdf") return import(PDFJS_URL).then((pdfjs) => { pdfjs.GlobalWorkerOptions.workerSrc = PDFJS_WORKER_URL; const options = (url) => ({ url, wasmUrl: PDFJS_WASM_URL, cMapUrl: PDFJS_CMAP_URL, cMapPacked: true, standardFontDataUrl: PDFJS_STANDARD_FONT_URL, withCredentials: false }); return pdfjs.getDocument(options(contentUrl)).promise.catch(() => pdfjs.getDocument(options(sourceUrl)).promise); });
   if (capability.mode === "markdown") return Promise.all([fetch(contentUrl), Promise.all([loadScript(MARKED_URL), loadScript(PURIFY_URL)])]).then(([response, engines]) => ({ response, engines }));
+  if (capability.mode === "html") return Promise.all([fetch(contentUrl), loadScript(PURIFY_URL)]).then(([response, engine]) => ({ response, engine }));
   if (capability.mode === "text") return fetch(contentUrl).then((response) => ({ response }));
   if (capability.mode === "epub") return Promise.all([fetch(contentUrl), loadScript(JSZIP_URL).then(() => loadScript(EPUB_URL))]);
   if (capability.mode === "docx") return Promise.all([fetch(contentUrl), loadScript(JSZIP_URL).then(() => loadScript(DOCX_PREVIEW_URL))]);