Fix: let renderTopicWallE run (renders Tường AI), only block duplicate Short AI"

app_final.py

@@ -1,35 +1,60 @@
-"""Wrapper that patches openLeaguePlayer to fetch league data from API when empty."""
+"""Final wrapper: fix Tường AI + highlight fetch + interaction counts."""
 from app_patch_unified import *
-from app_patch_unified import app, UNIFIED_INJECT
+from app_patch_unified import app, UNIFIED_INJECT, f5, f6, rt, PATCH_INJECT
+from fastapi.responses import HTMLResponse
+
+# Fix UNIFIED_INJECT:
+# 1. REMOVE Object.defineProperty for renderTopicWallE (it needs to run to render Tường AI)
+# 2. Keep blocking renderAIShortHome (duplicate Short AI)
+# 3. Fix highlight to fetch from API when data empty
+# 4. Remove setInterval that kills slides
+# 5. Add 16:9 toggle button
+
+FIXED_INJECT = UNIFIED_INJECT
+
+# Remove renderTopicWallE block (let it render Tường AI)
+FIXED_INJECT = FIXED_INJECT.replace(
+    "Object.defineProperty(window,'renderTopicWallE',{get:function(){return function(){}},set:function(){},configurable:true});",
+    "// renderTopicWallE allowed to run (renders Tường AI)"
+)
 
-# Patch UNIFIED_INJECT to fix highlight "no video" issue
-UNIFIED_INJECT_FIXED = UNIFIED_INJECT.replace(
-    "var articles=(window._hlLeagueData||{})[league]||[];\n  if(!articles.length){el.innerHTML='<div class=\"loading\">Không có video</div>';return;}",
-    "var articles=(window._hlLeagueData||{})[league]||[];\n  if(!articles.length){try{var resp=await fetch('/api/highlights/'+league);articles=await resp.json();if(!Array.isArray(articles))articles=[];}catch(e){articles=[];}}\n  if(!articles.length){el.innerHTML='<div class=\"loading\">Không có video</div>';return;}"
+# Remove the setInterval that removes slides (it kills things it shouldn't)
+FIXED_INJECT = FIXED_INJECT.replace(
+    "setInterval(function(){document.querySelectorAll('#ai-short-home,.ai-short-home,[id*=\"ai-shorts-patched\"]').forEach(function(el){if(el.id!=='short-ai-final-slide')el.remove();});},3000);",
+    "// No more aggressive DOM removal"
 )
 
-# If replace didn't work (string mismatch), use a different approach
-if UNIFIED_INJECT_FIXED == UNIFIED_INJECT:
-    # Fallback: just replace the check
-    UNIFIED_INJECT_FIXED = UNIFIED_INJECT.replace(
-        "if(!articles.length){el.innerHTML='<div class=\"loading\">Kh",
-        "if(!articles.length){try{var resp=await fetch('/api/highlights/'+league);articles=await resp.json();if(!Array.isArray(articles))articles=[];}catch(e){articles=[];}}if(!articles.length){el.innerHTML='<div class=\"loading\">Kh"
+# Fix highlight: fetch from API if _hlLeagueData empty
+FIXED_INJECT = FIXED_INJECT.replace(
+    "var articles=(window._hlLeagueData||{})[league]||[];\n  if(!articles.length){el.innerHTML='<div class=\"loading\">Kh\xc3\xb4ng c\xc3\xb3 video</div>';return;}",
+    "var articles=(window._hlLeagueData||{})[league]||[];\n  if(!articles.length){try{var _r=await fetch('/api/highlights/'+league);articles=await _r.json();if(!Array.isArray(articles))articles=[];}catch(e){articles=[];}}\n  if(!articles.length){el.innerHTML='<div class=\"loading\">Kh\xc3\xb4ng c\xc3\xb3 video</div>';return;}"
+)
+
+# If above replace didn't match (encoding), try simpler approach
+if "try{var _r=await fetch('/api/highlights/" not in FIXED_INJECT:
+    FIXED_INJECT = FIXED_INJECT.replace(
+        "if(!articles.length){el.innerHTML=",
+        "if(!articles.length){try{var _r=await fetch('/api/highlights/'+league);articles=await _r.json();if(!Array.isArray(articles))articles=[];}catch(e){articles=[];}}if(!articles.length){el.innerHTML="
     )
 
-from fastapi.responses import HTMLResponse
-# Override root route with fixed inject
+# Add 16:9 toggle button to each highlight slide
+FIXED_INJECT = FIXED_INJECT.replace(
+    """<span class="tiktok-counter">'+(i+1)+'/'+ordered.length+'</span></div>';""",
+    """<span class="tiktok-counter">'+(i+1)+'/'+ordered.length+'</span><button style="position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);border:1px solid #777;color:#fff;border-radius:12px;padding:3px 8px;font-size:9px;z-index:10" onclick="event.stopPropagation();var v=this.closest(\\'.tiktok-slide\\').querySelector(\\'video\\');if(v){v.style.objectFit=v.style.objectFit===\\'contain\\'?\\'cover\\':\\'contain\\';this.textContent=v.style.objectFit===\\'contain\\'?\\'1:1\\':\\'16:9\\';}">16:9</button></div>';"""
+)
+
+# Override root route
 app.router.routes = [r for r in app.router.routes if not (getattr(r,'path',None)=='/' and 'GET' in getattr(r,'methods',set()))]
 
 @app.get('/')
-async def _index_fixed():
-    from app_patch_unified import f5, f6, rt, PATCH_INJECT
+async def _index_v3():
     html = f5.f4.f3.f2.f1._load_index_html()
     body = ''
     body += getattr(rt.old,'PATCH_INJECT','')
     body += f5.f4.f3.f2.f1.FINAL_INJECT + f5.f4.f3.FINAL3_INJECT + f5.f4.FINAL4_INJECT + f5.FINAL5_INJECT
     body += getattr(f6,'FINAL6_INJECT','')
     body += getattr(f6,'FINAL6_FAST_HOME_INJECT','')
-    body += getattr(f6,'FINAL6E_INJECT','')
+    body += getattr(f6,'FINAL6E_INJECT','')  # Renders Tường AI — now allowed to run
     body += PATCH_INJECT
-    body += UNIFIED_INJECT_FIXED
+    body += FIXED_INJECT
     return HTMLResponse(html.replace('</body>', body + '\n</body>') if '</body>' in html else html + body)