Upload static/shorts_fresh.js

static/shorts_fresh.js

@@ -1,15 +1,11 @@
 /**
- * VNEWS Fresh Shorts Fetcher v7 - Final
- * Uses server-side /api/shorts endpoint (which has yt-dlp fallback)
- * + YouTube RSS as backup
+ * VNEWS Fresh Shorts Fetcher v8 - 24h filter
+ * Only shows posts from last 24h
  */
 (function() {
   'use strict';
   
-  const CHANNELS = [
-    { handle: 'baodantri7941', id: 'UC_x5TKhOgd6GhYvv5z4I3jg', name: 'Dân trí', badge: 'DT' },
-    { handle: 'baosuckhoedoisongboyte', id: 'UCBsY5fXTQLkF_JnH9kLkL4g', name: 'SKĐS', badge: 'SKĐS' },
-  ];
+  const MAX_AGE = 86400000; // 24h in ms
   
   function toast(msg) {
     let t = document.getElementById('short-progress-toast');
@@ -35,12 +31,29 @@
     return url;
   }
   
-  // Method 1: Server-side API (uses yt-dlp on server)
-  async function fetchFromServer() {
+  // Filter items to only 24h
+  function filter24h(items) {
+    const now = Date.now();
+    return items.filter(item => {
+      // Check if item has created timestamp
+      if (item.created) {
+        return (now - item.created) <= MAX_AGE;
+      }
+      // Default: keep (server-side will filter)
+      return true;
+    });
+  }
+  
+  // Fetch via server-side API
+  async function fetchShorts() {
     try {
       const r = await fetch('/api/shorts?t=' + Date.now());
       if (r.ok) {
-        const data = await r.json();
+        let data = await r.json();
+        // Filter 24h if items have timestamps
+        if (Array.isArray(data)) {
+          data = filter24h(data);
+        }
         if (Array.isArray(data) && data.length > 0) {
           return data.map(item => ({
             id: item.id,
@@ -58,13 +71,14 @@
     return [];
   }
   
-  // Method 2: Server-side RSS proxy
+  // Fetch from YouTube RSS
   async function fetchFromRSS() {
     try {
       const r = await fetch('/api/shorts/rss?t=' + Date.now());
       if (r.ok) {
         const data = await r.json();
         if (data.shorts && data.shorts.length > 0) {
+          // RSS already filtered by server
           return data.shorts;
         }
       }
@@ -101,8 +115,8 @@
     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">🟢 vừa cập nhật</span></div><div class="slider-track">';
-    mixed.slice(0, 30).forEach((a, i) => {
+    let h = '<div class="slider-header"><span class="slider-label">📱 Shorts Dân trí & SKĐS (24h)</span><span class="slider-note">🟢 vừa cập nhật</span></div><div class="slider-track">';
+    mixed.slice(0, 25).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" onerror="this.src=\'https://i.ytimg.com/vi/' + a.id + '/hqdefault.jpg\'">' : '') + '<div class="card-play">▶</div></div><div class="slider-title"><span style="color:#f0c040;font-size:8px">' + badge + '</span> ' + esc(a.title) + '</div></div>';
     });
@@ -113,13 +127,6 @@
       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);
     }
   }
   
@@ -127,16 +134,13 @@
     try {
       toast('🔄 Đang tải shorts mới...');
       
-      // Try server API first
-      let all = await fetchFromServer();
+      // Try RSS first (freshest)
+      let all = await fetchFromRSS();
       
-      // If server returns old/fallback data, try RSS
-      if (all.length === 0 || (all.length > 0 && all[0].id === 'Lu_iCQ5YwNM')) {
-        console.log('[Shorts] Server returned fallback, trying RSS...');
-        const rssShorts = await fetchFromRSS();
-        if (rssShorts.length > 0) {
-          all = rssShorts;
-        }
+      // Fallback to server API
+      if (all.length === 0) {
+        console.log('[Shorts] RSS empty, trying server API...');
+        all = await fetchShorts();
       }
       
       // Deduplicate
@@ -147,10 +151,10 @@
         window._shortsData = fresh;
         rerenderShortsSlide(fresh);
         localStorage.setItem('vnews_shorts', JSON.stringify({ ts: Date.now(), data: fresh }));
-        toast('✓ Đã cập nhật ' + fresh.length + ' shorts!');
+        toast('✓ Đã cập nhật ' + fresh.length + ' shorts (24h)!');
         return fresh;
       } else {
-        toast('⚠️ Không tải được shorts mới');
+        toast('⚠️ Không có shorts mới trong 24h');
         return window._shortsData || [];
       }
     } catch(e) {
@@ -164,15 +168,15 @@
     try {
       const c = JSON.parse(localStorage.getItem('vnews_shorts') || '{}');
       if (c.data && c.data.length > 0 && (Date.now() - c.ts) < 7200000) {
-        return c.data;
+        return filter24h(c.data);
       }
     } catch(e) {}
     return null;
   }
   
-  // Load cache first for instant display
+  // Load cache first
   const cached = loadCache();
-  if (cached) {
+  if (cached && cached.length > 0) {
     window._shortsData = cached;
     setTimeout(() => rerenderShortsSlide(cached), 2000);
   }
@@ -180,5 +184,5 @@
   // Fetch fresh after delay
   setTimeout(() => { window.refreshShorts().catch(() => {}); }, 3000);
   
-  console.log('[Shorts] Fresh fetcher v7 loaded (server API + RSS)');
-})();
+  console.log('[Shorts] Fetcher v8 - 24h filter enabled');
+})();