Upload static/wall_24h_patch.js

static/wall_24h_patch.js

@@ -0,0 +1,83 @@
+/**
+ * Wall 24h Patch - Fix missing Short AI/Tường AI
+ * Load after app_v2.js
+ */
+(function() {
+  const MAX_AGE_MS = 86400000; // 24h
+  
+  function filter24h(posts) {
+    const now = Date.now();
+    return posts.filter(p => {
+      const created = p.created || 0;
+      const ts = created > 1000000000000 ? created : created * 1000;
+      return (now - ts) <= MAX_AGE_MS;
+    });
+  }
+  
+  function renderWall24h() {
+    if (!window._wallPosts || !window._wallPosts.length) return;
+    
+    const posts = filter24h(window._wallPosts).slice(0, 20);
+    if (!posts.length) return;
+    
+    const homeEl = document.getElementById('view-home');
+    if (!homeEl) return;
+    
+    // Short AI section
+    const aiShorts = posts.filter(p => p.video);
+    if (aiShorts.length) {
+      let wrap = document.getElementById('short-ai-section');
+      if (wrap) wrap.remove();
+      
+      wrap = document.createElement('div');
+      wrap.className = 'slider-wrap';
+      wrap.id = 'short-ai-section';
+      let h = '<div class="slider-header"><span class="slider-label">🎬 Short AI (24h)</span></div><div class="slider-track">';
+      aiShorts.forEach((p, i) => {
+        h += `<div class="slider-item shorts-item" onclick="openShortAIFeed(${i})"><div class="slider-thumb shorts-thumb"><video src="${p.video}" muted preload="metadata"></video><div class="card-play">▶</div></div><div class="slider-title">${p.title}</div></div>`;
+      });
+      h += '</div>';
+      wrap.innerHTML = h;
+      homeEl.insertBefore(wrap, homeEl.firstChild);
+    }
+    
+    // AI Wall section
+    wrap = document.getElementById('ai-wall-wrap');
+    if (wrap) wrap.remove();
+    
+    wrap = document.createElement('div');
+    wrap.className = 'slider-wrap';
+    wrap.id = 'ai-wall-wrap';
+    let h = '<div class="slider-header"><span class="slider-label">🧱 Tường AI (24h)</span></div><div class="slider-track" id="ai-wall-track">';
+    posts.forEach((p, i) => {
+      h += `<div class="wall-item" id="wall-item-${p.id}"><div class="wall-thumb">${p.img ? `<img src="${p.img}">` : (p.video ? `<video src="${p.video}" muted></video>` : '')}</div><div class="wall-title">${p.title}</div></div>`;
+    });
+    h += '</div>';
+    wrap.innerHTML = h;
+    homeEl.appendChild(wrap);
+  }
+  
+  // Hook into prependWallPost
+  const origPrepend = window.prependWallPost;
+  if (origPrepend) {
+    window.prependWallPost = function(post) {
+      const ts = post.created > 1000000000000 ? post.created : (post.created || Date.now()) * 1000;
+      if ((Date.now() - ts) > MAX_AGE_MS) return;
+      origPrepend.call(this, post);
+    };
+  }
+  
+  // Run periodically to catch wall updates
+  let wallPatched = false;
+  const wallObserver = setInterval(() => {
+    if (window._wallPosts && window._wallPosts.length > 0 && !wallPatched) {
+      renderWall24h();
+      wallPatched = true;
+    }
+  }, 2000);
+  
+  // Stop after 2 minutes
+  setTimeout(() => clearInterval(wallObserver), 120000);
+  
+  console.log('[Wall 24h Patch] Loaded');
+})();