Upload 3 files

static/app.js

@@ -61,6 +61,8 @@ const ICONS = {
   database: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="18" height="18"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>',
 };
 
+const MIRROR_HOST = "hf-mirror.com";
+
 /* ═══════════════════════════════════════════════════════════
    State
    ═══════════════════════════════════════════════════════════ */
@@ -82,6 +84,7 @@ const STATE = {
   filterFolderSelfs: [],
   filterMinSize: null,
   filterMaxSize: null,
+  useMirrorLinks: true,
   leftSidebarOpen: true,
   rightSidebarOpen: false,
   isMobile: false,
@@ -258,6 +261,7 @@ function cacheDOM() {
   DOM.filterExtList = $("#filter-ext-list");
   DOM.filterMinSize = $("#filter-min-size");
   DOM.filterMaxSize = $("#filter-max-size");
+  DOM.mirrorLinksToggle = $("#mirror-links-toggle");
   DOM.filterMinUnit = $("#filter-min-unit");
   DOM.filterMaxUnit = $("#filter-max-unit");
   DOM.closeFiltersBtn = $("#close-filters-btn");
@@ -325,6 +329,25 @@ function highlightText(text, query) {
   return result;
 }
 
+function toMirrorURL(url) {
+  if (!url) return url;
+  try {
+    const parsed = new URL(url, window.location.origin);
+    if (parsed.hostname === "huggingface.co") parsed.hostname = MIRROR_HOST;
+    return parsed.toString();
+  } catch (e) {
+    return url;
+  }
+}
+
+function getCopyableLink(link) {
+  return STATE.useMirrorLinks ? toMirrorURL(link) : link;
+}
+
+function getPreviewLink(path) {
+  return STATE.useMirrorLinks ? toMirrorURL(path) : path;
+}
+
 /* ═══════════════════════════════════════════════════════════
    API Client
    ═══════════════════════════════════════════════════════════ */
@@ -413,6 +436,7 @@ const ROUTER = {
     if (STATE.filterMinSize !== null) params.set("min_size", fmtSizeUrl(STATE.filterMinSize));
     if (STATE.filterMaxSize !== null) params.set("max_size", fmtSizeUrl(STATE.filterMaxSize));
     if (!STATE.recordHistory) params.set("history", "0");
+    if (!STATE.useMirrorLinks) params.set("mirror", "0");
     if (DOM.sortSelect.value !== "relevance") params.set("sort", DOM.sortSelect.value);
     if (!STATE.searchFolders) params.set("search_folders", "false");
     if (STATE.exact) params.set("exact", "1");
@@ -578,6 +602,8 @@ function syncURLToState() {
 
   STATE.recordHistory = params.get("history") !== "0";
   if (DOM.historyToggle) DOM.historyToggle.checked = STATE.recordHistory;
+  STATE.useMirrorLinks = params.get("mirror") !== "0";
+  if (DOM.mirrorLinksToggle) DOM.mirrorLinksToggle.checked = STATE.useMirrorLinks;
 
   if (params.get("wide") === "1") {
     DOM.leftSidebar.classList.add("expanded-wide");
@@ -743,9 +769,9 @@ function renderResults(newItems) {
         </div>
       </div>
       <div class="result-actions">
-        <button class="result-action-btn" data-action="copy" data-link="${escapeHTML(rec.Link)}">复制链接</button>
+        <button class="result-action-btn" data-action="copy" data-link="${escapeHTML(getCopyableLink(rec.Link))}">复制链接</button>
         <a href="/api/download?file=${encodeURIComponent(rec.File + (rec.Extension ? '.' + rec.Extension : ''))}&link=${encodeURIComponent(rec.Link)}" class="result-action-btn primary">下载</a>
-        <a href="${escapeHTML(rec.Path)}" class="result-action-btn" target="_blank">仓库查看</a>
+        <a href="${escapeHTML(getPreviewLink(rec.Path))}" class="result-action-btn" target="_blank">仓库查看</a>
         ${rec.HasTxt ? `<button class="result-action-btn" data-action="read" data-link="${escapeHTML(rec.Link)}" data-repo="${repoShort}">在线阅读</button>` : ""}
       </div>`;
     fragment.appendChild(item);
@@ -1601,6 +1627,11 @@ async function init() {
     STATE.recordHistory = DOM.historyToggle.checked;
     if (!STATE.recordHistory) saveHistory([]);
   });
+  if (DOM.mirrorLinksToggle) DOM.mirrorLinksToggle.addEventListener("change", () => {
+    STATE.useMirrorLinks = DOM.mirrorLinksToggle.checked;
+    syncStateToURL(true);
+    if (STATE.results.length > 0) renderResults();
+  });
 
   // Multi-select
   if (DOM.multiSelectToggle) DOM.multiSelectToggle.addEventListener("change", updateSelectionUI);
@@ -1629,7 +1660,7 @@ async function init() {
     var links = [];
     for (var li = 0; li < indices.length; li++) {
       var rec = STATE.results[indices[li]];
-      if (rec && rec.Link) links.push(rec.Link);
+      if (rec && rec.Link) links.push(getCopyableLink(rec.Link));
     }
     if (links.length === 0) { showToast("未选中任何文件"); return; }
     navigator.clipboard.writeText(links.join("\n")).then(() => showToast("已复制 " + links.length + " 条链接")).catch(() => showToast("复制失败"));

static/index.html

@@ -128,8 +128,8 @@
     </div>
 
     <div id="multi-action-bar" class="multi-action-bar" style="display:none">
-      <button id="multi-copy-links" class="multi-action-btn">复制</button>
-      <button id="multi-deselect" class="multi-action-btn">取消</button>
+      <button id="multi-copy-links" 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>
       <span id="multi-selected-count" class="multi-selected-count"></span>
@@ -176,6 +176,13 @@
       <button id="close-filters-btn" class="icon-btn-sm" aria-label="关闭过滤">&times;</button>
     </div>
     <div class="sidebar-content">
+      <div class="filter-section" id="mirror-links-section">
+        <label class="toggle-row">
+          <span class="toggle-label">镜像链接</span>
+          <input type="checkbox" id="mirror-links-toggle" checked>
+          <span class="toggle-switch"></span>
+        </label>
+      </div>
       <!-- 记录搜索历史开关 -->
       <div class="filter-section" id="history-toggle-section">
         <label class="toggle-row">
@@ -281,4 +288,4 @@ if ("serviceWorker" in navigator) {
 </script>
 <script src="/static/app.js"></script>
 </body>
-</html>
+</html>