Upload static/auto_update.js

static/auto_update.js

@@ -0,0 +1,85 @@
+// VNEWS Auto-update Frontend - SSE listener for real-time homepage updates
+(function(){
+    let evtSource = null;
+    
+    // Connect to SSE endpoint
+    function connectSSE() {
+        try {
+            evtSource = new EventSource('/api/events');
+            evtSource.onmessage = function(e) {
+                try {
+                    const data = JSON.parse(e.data);
+                    if (data.type === 'new_post' || data.type === 'new_short') {
+                        console.log('[SSE] Received update:', data.type);
+                        // Reload wall and re-render short AI
+                        fetch('/api/ai_wall').then(r => r.json()).then(j => {
+                            _wallPosts = j.posts || [];
+                            if (typeof renderShortAISlide === 'function') {
+                                renderShortAISlide();
+                            }
+                            // Update wall on homepage
+                            const track = document.getElementById('ai-wall-track');
+                            if (track && _wallPosts.length) {
+                                track.innerHTML = _wallPosts.slice(0,20).map((p,i) => makeWallItem(p,i)).join('');
+                            }
+                        }).catch(() => {});
+                    }
+                } catch(err) {}
+            };
+            evtSource.onerror = function() {
+                evtSource.close();
+                setTimeout(connectSSE, 5000); // Reconnect after 5s
+            };
+        } catch(err) {
+            console.log('[SSE] Not supported or error');
+        }
+    }
+    
+    // Fallback polling (30s) - detects changes even without SSE
+    let _lastWallLen = 0;
+    function startPolling() {
+        setInterval(function(){
+            if (typeof _wallPosts === 'undefined') return;
+            fetch('/api/ai_wall').then(r => r.json()).then(j => {
+                const wall = j.posts || [];
+                if (wall.length !== _lastWallLen) {
+                    console.log('[POLL] Wall changed:', _lastWallLen, '->', wall.length);
+                    _lastWallLen = wall.length;
+                    _wallPosts = wall;
+                    const track = document.getElementById('ai-wall-track');
+                    if (track && wall.length) {
+                        track.innerHTML = wall.slice(0,20).map((p,i) => makeWallItem(p,i)).join('');
+                    }
+                    if (typeof renderShortAISlide === 'function') {
+                        renderShortAISlide();
+                    }
+                }
+            }).catch(() => {});
+        }, 30000);
+    }
+    
+    // Start when DOM ready
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', function(){
+            connectSSE();
+            startPolling();
+        });
+    } else {
+        connectSSE();
+        startPolling();
+    }
+    
+    // Export for manual trigger
+    window.triggerHomepageRefresh = function() {
+        fetch('/api/ai_wall').then(r => r.json()).then(j => {
+            _wallPosts = j.posts || [];
+            if (typeof _renderWallIn === 'function') {
+                const afterEl = document.getElementById('home-after-wc');
+                if (afterEl) _renderWallIn(afterEl);
+            }
+            if (typeof renderShortAISlide === 'function') {
+                renderShortAISlide();
+            }
+        });
+    };
+})();