v8: auto-refresh wall UI after VTV Short AI upload

static/yt_live.js

@@ -1,6 +1,7 @@
-// === VNEWS — VTV LIVE + Inline Recorder v7 ===
+// === VNEWS — VTV LIVE + Inline Recorder v8 ===
 // Features: PiP, mini-player, INLINE RECORDER with ratio crop + AI title + Short AI upload
-// FIX v7: uploadToWall robust JSON parse, processRatio timeout fallback, no premature revoke
+// FIX v8: onUploadSuccess auto-refreshes wall UI after VTV upload
+// V8 CHANGE: Added onUploadSuccess() + call after uploadToWall success
 
 (function(){
   if(window._ytLiveLoaded) return;
@@ -171,7 +172,21 @@
     if (el) el.style.display = 'none';
   }
 
-  // ===== UPLOAD TO WALL (Short AI) — v7: robust JSON parse =====
+  // ===== V8: onUploadSuccess — auto-refresh wall UI after Short AI upload =====
+  function onUploadSuccess(post) {
+    console.log('[VTV Upload] onUploadSuccess called with:', post);
+    if (typeof _wallPosts !== 'undefined' && _wallPosts) {
+      _wallPosts.unshift(post);
+    }
+    if (typeof prependWallPost === 'function') {
+      try { prependWallPost(post); } catch(e) { console.warn('[VTV Upload] prependWallPost error:', e); }
+    }
+    if (typeof refreshShortAISlider === 'function') {
+      try { refreshShortAISlider(); } catch(e) { console.warn('[VTV Upload] refreshShortAISlider error:', e); }
+    }
+  }
+
+  // ===== UPLOAD TO WALL (Short AI) — v8: auto-refresh wall UI =====
   function uploadToWall(blob, title, source) {
     const formData = new FormData();
     formData.append('video', blob, `vtv-${_currentCh}-${Date.now()}.webm`);
@@ -181,7 +196,6 @@
     return fetch('/api/wall', { method: 'POST', body: formData })
       .then(r => {
         console.log('[VTV Upload] HTTP status:', r.status, r.statusText);
-        // Read as text first, then parse JSON manually for robustness
         return r.text().then(text => {
           console.log('[VTV Upload] Response text:', text.substring(0, 200));
           let data;
@@ -197,6 +211,10 @@
         console.log('[VTV Upload] Parsed data:', data);
         if (data && data.ok === true) {
           recStatus('✅ Đã tạo Short AI! Xem trong mục Tường AI.', 'ok');
+          // v8: auto-update wall UI after successful upload
+          if (typeof onUploadSuccess === 'function') {
+            try { onUploadSuccess(data.post || data); } catch(e) { console.warn('[VTV Upload] onUploadSuccess error:', e); }
+          }
           return data;
         } else {
           throw new Error(data && data.error ? data.error : 'Upload thất bại (ok=false)');
@@ -454,7 +472,6 @@
     _rec.chunks = [];
     _rec.isRecording = true;
 
-    // CRITICAL: Unmute video so captureStream includes audio tracks
     const wasMuted = video.muted;
     video.muted = false;
     const wasVolume = video.volume;
@@ -577,10 +594,7 @@
     video.preload = 'auto';
     video.playsInline = true;
 
-    function cleanup() {
-      // Don't revoke blobUrl here — audioVideo may still need it
-      // It will be revoked after recording stops
-    }
+    function cleanup() {}
 
     function onReady() {
       video.removeEventListener('loadedmetadata', onReady);
@@ -608,7 +622,6 @@
       const ctx = canvas.getContext('2d');
       const canvasStream = canvas.captureStream(30);
 
-      // Parallel video to capture audio from blob
       let recordStream = canvasStream;
       const audioVideo = document.createElement('video');
       audioVideo.src = blobUrl;
@@ -676,7 +689,6 @@
         video.onended = finish;
         audioVideo.onended = finish;
 
-        // TIMEOUT FALLBACK: if video.ended doesn't fire within expected duration + 3s
         const expectedDur = (video.duration || 0) * 1000;
         if (expectedDur > 0 && isFinite(expectedDur)) {
           setTimeout(() => {
@@ -686,7 +698,6 @@
             }
           }, expectedDur + 3000);
         } else {
-          // If duration is unknown (e.g. blob), use a generous timeout
           console.warn('[VTV Crop] Duration unknown, using 60s timeout');
           setTimeout(() => {
             if (!finished) {
@@ -863,4 +874,4 @@
     window.loadHome=async function(){const old=document.getElementById('vtv-block');if(old)old.remove();_blockInserted=false;const r=await _origLoadHome.apply(this,arguments);try{pinBlock();}catch(e){}return r;};
     window.loadHome.__vtvWrapped=true;
   }
-})();
+})();