Delete static/shorts_fresh.js with huggingface_hub

static/shorts_fresh.js

@@ -1,291 +0,0 @@
-/**
- * VNEWS Fresh Shorts Fetcher v4
- * Fetches latest shorts from YouTube, translates titles to Vietnamese via noembed
- */
-(function() {
-  'use strict';
-  
-  const PROXY = 'https://api.allorigins.win/raw?url=';
-  const NOEMBED = 'https://noembed.com/embed?url=';
-  const CHANNELS = [
-    { handle: 'baodantri7941', name: 'Dân trí', badge: 'DT' },
-    { handle: 'baosuckhoedoisongboyte', name: 'SKĐS', badge: 'SKĐS' },
-  ];
-  
-  function toast(msg) {
-    let t = document.getElementById('short-progress-toast');
-    if (!t) { t = document.createElement('div'); t.id = 'short-progress-toast'; document.body.appendChild(t); }
-    t.textContent = msg; t.style.display = 'block';
-    setTimeout(() => { t.style.display = 'none'; }, 4000);
-  }
-  
-  function esc(s) {
-    return String(s||'').replace(/[&<>"']/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));
-  }
-  
-  function proxyImg(url) {
-    if (!url || typeof url !== 'string') return '';
-    if (url.startsWith('http') && !url.includes(location.host)) {
-      return '/api/proxy/img?url=' + encodeURIComponent(url);
-    }
-    return url;
-  }
-  
-  async function fetchWithRetry(url, maxRetries) {
-    for (let i = 0; i < maxRetries; i++) {
-      try {
-        const r = await fetch(PROXY + encodeURIComponent(url));
-        if (r.ok) {
-          const text = await r.text();
-          if (text.includes('ytInitialData')) return text;
-        }
-        await new Promise(r => setTimeout(r, 2000 * (i + 1)));
-      } catch(e) {}
-    }
-    return null;
-  }
-  
-  // Get Vietnamese title from noembed
-  async function getViTitle(videoId) {
-    try {
-      const r = await fetch(NOEMBED + encodeURIComponent('https://www.youtube.com/watch?v=' + videoId));
-      if (r.ok) {
-        const data = await r.json();
-        if (data && data.title) {
-          return data.title.replace(/\s*\|\s*#shorts\s*$/i, '').trim();
-        }
-      }
-    } catch(e) {}
-    return null;
-  }
-  
-  // Batch translate titles (with delay to avoid rate limit)
-  async function translateTitles(shorts) {
-    const results = [];
-    for (const s of shorts) {
-      const viTitle = await getViTitle(s.id);
-      if (viTitle) {
-        s.title = viTitle;
-      }
-      results.push(s);
-      await new Promise(r => setTimeout(r, 300));
-    }
-    return results;
-  }
-  
-  function extractShorts(html, handle) {
-    const match = html.match(/var ytInitialData = ({.+?});<\/script>/s);
-    if (!match) return [];
-    
-    const data = JSON.parse(match[1]);
-    const tabs = data.contents.twoColumnBrowseResultsRenderer.tabs;
-    
-    let shortsTab = null;
-    for (const tab of tabs) {
-      const content = (tab.tabRenderer || {}).content || {};
-      if (content.richGridRenderer) {
-        shortsTab = content.richGridRenderer;
-        break;
-      }
-    }
-    if (!shortsTab) return [];
-    
-    const items = shortsTab.contents || [];
-    const shorts = [];
-    const seen = new Set();
-    
-    for (const item of items) {
-      if (!item.richItemRenderer) continue;
-      const inner = item.richItemRenderer.content || {};
-      
-      if (inner.shortsLockupViewModel) {
-        const slvm = inner.shortsLockupViewModel;
-        const cmd = (slvm.onTap || {}).innertubeCommand || {};
-        const vid = (cmd.watchEndpoint || {}).videoId || (cmd.reelWatchEndpoint || {}).videoId || '';
-        if (!vid || seen.has(vid)) continue;
-        seen.add(vid);
-        
-        // Get title from overlay (may be English)
-        let title = (slvm.overlayMetadata || {}).primaryText?.content || slvm.accessibilityText || 'YouTube Short';
-        // Clean up title
-        title = title.replace(/\s*,\s*\d+[\d,]*\s*views.*$/i, '').replace(/\s*-\s*play Short$/i, '').trim();
-        
-        let img = (slvm.thumbnail?.sources || [])[0]?.url || '';
-        
-        shorts.push({
-          id: vid,
-          title: title.substring(0, 120),
-          img: img || ('https://i.ytimg.com/vi/' + vid + '/hqdefault.jpg'),
-          link: 'https://www.youtube.com/shorts/' + vid,
-          channel: handle,
-          source: 'yt'
-        });
-      }
-      else if (inner.reelItemRenderer) {
-        const rir = inner.reelItemRenderer;
-        const vid = rir.videoId || '';
-        if (!vid || seen.has(vid)) continue;
-        seen.add(vid);
-        shorts.push({
-          id: vid,
-          title: (rir.headline || 'YouTube Short').substring(0, 120),
-          img: 'https://i.ytimg.com/vi/' + vid + '/hqdefault.jpg',
-          link: 'https://www.youtube.com/shorts/' + vid,
-          channel: handle,
-          source: 'yt'
-        });
-      }
-      else if (inner.videoRenderer) {
-        const vr = inner.videoRenderer;
-        const vid = vr.videoId || '';
-        if (!vid || seen.has(vid)) continue;
-        seen.add(vid);
-        const runs = ((vr.title || {}).runs) || [];
-        const title = runs.map(r => r.text).join('') || 'YouTube Short';
-        shorts.push({
-          id: vid,
-          title: title.substring(0, 120),
-          img: 'https://i.ytimg.com/vi/' + vid + '/hqdefault.jpg',
-          link: 'https://www.youtube.com/shorts/' + vid,
-          channel: handle,
-          source: 'yt'
-        });
-      }
-      
-      if (shorts.length >= 20) break;
-    }
-    
-    // Regex fallback
-    if (shorts.length === 0) {
-      const vids = [...new Set([...html.matchAll(/"videoId":"([A-Za-z0-9_-]{11})"/g)].map(m => m[1]))];
-      for (const vid of vids) {
-        if (!seen.has(vid)) {
-          seen.add(vid);
-          shorts.push({
-            id: vid,
-            title: 'YouTube Short from @' + handle,
-            img: 'https://i.ytimg.com/vi/' + vid + '/hqdefault.jpg',
-            link: 'https://www.youtube.com/shorts/' + vid,
-            channel: handle,
-            source: 'yt'
-          });
-          if (shorts.length >= 20) break;
-        }
-      }
-    }
-    
-    return shorts;
-  }
-  
-  function interleaveShorts(shorts) {
-    const dt = shorts.filter(s => s.channel === 'baodantri7941');
-    const sk = shorts.filter(s => s.channel === 'baosuckhoedoisongboyte');
-    const result = [];
-    let i = 0, j = 0;
-    while (i < dt.length || j < sk.length) {
-      if (i < dt.length) result.push(dt[i++]);
-      if (j < sk.length) result.push(sk[j++]);
-    }
-    return result;
-  }
-  
-  function rerenderShortsSlide(shorts) {
-    let existingSlide = document.getElementById('shorts-live-slide');
-    if (!existingSlide) {
-      const labels = document.querySelectorAll('.slider-wrap .slider-label');
-      for (const label of labels) {
-        if ((label.textContent || '').includes('Shorts')) {
-          existingSlide = label.closest('.slider-wrap');
-          break;
-        }
-      }
-    }
-    
-    const mixed = interleaveShorts(shorts);
-    if (!mixed.length) return;
-    
-    let h = '<div class="slider-header"><span class="slider-label">📱 Shorts Dân trí & SKĐS</span><span class="slider-note">🟢 Tiếng Việt · vừa cập nhật</span></div><div class="slider-track">';
-    mixed.slice(0, 30).forEach((a, i) => {
-      const badge = a.channel === 'baosuckhoedoisongboyte' ? 'SKĐS' : 'Dân trí';
-      h += '<div class="slider-item shorts-item" onclick="openYTShortsFeed(' + i + ')"><div class="slider-thumb shorts-thumb">' + (a.img ? '<img src="' + esc(proxyImg(a.img)) + '" loading="lazy">' : '') + '<div class="card-play">▶</div></div><div class="slider-title"><span style="color:#f0c040;font-size:8px">' + badge + '</span> ' + esc(a.title) + '</div></div>';
-    });
-    h += '</div>';
-    
-    if (existingSlide) {
-      existingSlide.innerHTML = h;
-      existingSlide.id = 'shorts-live-slide';
-      existingSlide.style.boxShadow = '0 0 8px #5cb87a';
-      setTimeout(() => { existingSlide.style.boxShadow = 'none'; }, 2000);
-    } else {
-      const wrap = document.createElement('div');
-      wrap.id = 'shorts-live-slide';
-      wrap.className = 'slider-wrap';
-      wrap.innerHTML = h;
-      const homeEl = document.getElementById('view-home');
-      if (homeEl) homeEl.insertBefore(wrap, homeEl.children[1] || null);
-    }
-  }
-  
-  window.refreshShorts = async function() {
-    try {
-      toast('🔄 Đang tải shorts mới...');
-      
-      const all = [];
-      for (const ch of CHANNELS) {
-        const url = 'https://www.youtube.com/@' + ch.handle + '/shorts';
-        const html = await fetchWithRetry(url, 3);
-        if (html) {
-          const shorts = extractShorts(html, ch.handle);
-          all.push(...shorts);
-        }
-        await new Promise(r => setTimeout(r, 1500));
-      }
-      
-      const seen = new Set();
-      const fresh = all.filter(s => seen.has(s.id) ? false : (seen.add(s.id), true));
-      
-      if (fresh.length > 0) {
-        // Translate titles to Vietnamese
-        toast('🇻🇳 Đang dịch tiêu đề tiếng Việt...');
-        const translated = await translateTitles(fresh.slice(0, 12)); // Limit to avoid rate limit
-        // Keep untranslated ones as-is
-        for (let i = translated.length; i < fresh.length; i++) {
-          translated.push(fresh[i]);
-        }
-        
-        window._shortsData = translated;
-        rerenderShortsSlide(translated);
-        localStorage.setItem('vnews_shorts', JSON.stringify({ ts: Date.now(), data: translated }));
-        toast('✓ Đã cập nhật ' + translated.length + ' shorts (TV)!');
-        return translated;
-      } else {
-        toast('⚠️ Không tải được shorts mới');
-        return window._shortsData || [];
-      }
-    } catch(e) {
-      console.error('Shorts refresh error:', e);
-      toast('⚠️ Lỗi, dùng cache cũ');
-      return window._shortsData || [];
-    }
-  };
-  
-  function loadCache() {
-    try {
-      const c = JSON.parse(localStorage.getItem('vnews_shorts') || '{}');
-      if (c.data && c.data.length > 0 && (Date.now() - c.ts) < 7200000) {
-        return c.data;
-      }
-    } catch(e) {}
-    return null;
-  }
-  
-  const cached = loadCache();
-  if (cached) {
-    window._shortsData = cached;
-    setTimeout(() => rerenderShortsSlide(cached), 3000);
-  }
-  
-  setTimeout(() => { window.refreshShorts().catch(() => {}); }, 4000);
-  
-  console.log('[Shorts] Fresh fetcher v4 loaded (Vietnamese titles)');
-})();