Fix missing JS functions changeTextSize toggleFavsView SHOWING_FAVS

index.html

@@ -740,6 +740,102 @@ function runAiAnalysis() {
     });
 }
 
+
+// === Global State & Favorites & Text Size ===
+var FAVS = {};
+var SHOWING_FAVS = false;
+
+try {
+  FAVS = JSON.parse(localStorage.getItem('hf_favs') || '{}');
+} catch(e) {}
+
+function changeTextSize(val) {
+  document.documentElement.style.fontSize = val;
+  try { localStorage.setItem('text_size', val); } catch(e) {}
+}
+
+function updateFavCount() {
+  var count = Object.keys(FAVS).length;
+  var el = document.getElementById('fav-count');
+  if (el) el.textContent = count;
+}
+
+function toggleFav(id, cat, lib) {
+  if (FAVS[id]) {
+    delete FAVS[id];
+    toast('已從收藏夾移除');
+  } else {
+    FAVS[id] = { id: id, _cat: cat, library_name: lib, savedAt: Date.now() };
+    toast('⭐ 已加入收藏夾！');
+  }
+  try { localStorage.setItem('hf_favs', JSON.stringify(FAVS)); } catch(e) {}
+  updateFavCount();
+  if (SHOWING_FAVS) renderFavs();
+  else fetchAndRender();
+}
+
+function toggleFavsView() {
+  SHOWING_FAVS = !SHOWING_FAVS;
+  var btn = document.getElementById('btn-favs');
+  if (SHOWING_FAVS) {
+    if (btn) btn.classList.add('ring-2', 'ring-amber-500');
+    renderFavs();
+  } else {
+    if (btn) btn.classList.remove('ring-2', 'ring-amber-500');
+    fetchAndRender();
+  }
+}
+
+function clearFavs() {
+  if (!confirm('確定要清空所有收藏嗎？')) return;
+  FAVS = {};
+  try { localStorage.removeItem('hf_favs'); } catch(e) {}
+  updateFavCount();
+  renderFavs();
+  toast('已清空所有收藏！');
+}
+
+function renderFavs() {
+  var items = Object.values(FAVS);
+  var rc = document.getElementById('result-count');
+  if (rc) {
+    rc.innerHTML = '收藏庫 (' + items.length + ') ' + (items.length ? '<button onclick="clearFavs()" class="ml-3 px-2 py-0.5 text-xs bg-red-500/20 text-red-300 border border-red-500/30 rounded hover:bg-red-500 hover:text-white transition">🗑️ 清空收藏</button>' : '');
+    rc.style.display = 'inline';
+  }
+
+  if (!items.length) {
+    document.getElementById('results-grid').style.display = 'none';
+    document.getElementById('empty-state').style.display = 'block';
+    document.getElementById('empty-title').textContent = '收藏庫是空的';
+    document.getElementById('empty-desc').textContent = '點擊卡片右上角的 ⭐ 即可收藏';
+    setStatus('Favorites empty', false);
+    return;
+  }
+  setStatus('顯示收藏庫中 (' + items.length + ' 筆)', false);
+  renderCards(items);
+}
+
+function copyPythonCode(e, id, cat, lib) {
+  if (e && e.stopPropagation) e.stopPropagation();
+  var code = '';
+  if (cat === 'dataset') {
+    code = 'from datasets import load_dataset\n\ndataset = load_dataset("' + id + '")';
+  } else if (cat === 'space') {
+    code = 'import gradio as gr\n\ndemo = gr.load("' + id + '", src="spaces")\ndemo.launch()';
+  } else {
+    if (lib === 'diffusers') {
+      code = 'from diffusers import DiffusionPipeline\nimport torch\n\npipeline = DiffusionPipeline.from_pretrained("' + id + '")\n# pipeline.to("cuda")';
+    } else {
+      code = 'from transformers import AutoModelForCausalLM, AutoTokenizer\n\ntokenizer = AutoTokenizer.from_pretrained("' + id + '")\nmodel = AutoModelForCausalLM.from_pretrained("' + id + '")';
+    }
+  }
+  navigator.clipboard.writeText(code).then(function() {
+    toast('📋 已複製 Python 載入程式碼！');
+  }).catch(function() {
+    toast('複製失敗', true);
+  });
+}
+
 // Init
 try { 
   var savedSize = localStorage.getItem('text_size');