Fix: don't delete new slides, keep Short AI button after rewrite, faster home"

patch_extra.py

@@ -1,4 +1,4 @@
-"""Extra CSS/JS fixes: tiktok-right position, kill duplicate slides, progress bar, auto title."""
+"""Extra CSS/JS fixes: tiktok-right position, progress bar, careful duplicate removal."""
 EXTRA_FIX = r'''
 <style>
 /* Force correct position for Short AI interaction buttons */
@@ -10,18 +10,23 @@ EXTRA_FIX = r'''
 #short-progress-toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#1a1a1a;border:1px solid #2d8659;color:#fff;padding:12px 20px;border-radius:14px;font-size:12px;z-index:99998;box-shadow:0 4px 16px rgba(0,0,0,.5);display:none;min-width:240px;text-align:center}
 #short-progress-toast .bar{height:4px;background:#333;border-radius:2px;margin-top:8px;overflow:hidden}
 #short-progress-toast .bar-fill{height:100%;background:#2d8659;border-radius:2px;width:0%;transition:width 1s linear}
-/* Kill ALL duplicate short AI slides from old layers */
-#ai-short-home,.ai-short-home,.ai-short-card-final,[id*="ai-shorts-patched"]{display:none!important}
+/* Hide ONLY old duplicate Short AI slides - NOT our new #short-ai-final-slide */
+#ai-short-home:not(#short-ai-final-slide),.ai-short-home:not(#short-ai-final-slide),.ai-short-card-final{display:none!important}
 </style>
 <div id="short-progress-toast"><span id="short-progress-text">Đang tạo...</span><div class="bar"><div class="bar-fill" id="short-progress-bar"></div></div></div>
 <script>
 (function(){
-// Kill old renderers that create duplicate Short AI slides
-window.renderAIShortHome=function(){};
+// Kill ONLY old renderers that create DUPLICATE slides. Do NOT kill renderShortAISlide (our new one).
+if(window.renderAIShortHome && window.renderAIShortHome.toString().indexOf('short-ai-final-slide')===-1) window.renderAIShortHome=function(){};
 window.renderAIShorts7=function(){};
 window.renderTopicWallE=function(){};
-window.renderAiShorts=function(){};
-setInterval(function(){document.querySelectorAll('#ai-short-home,.ai-short-home,[id*="ai-shorts-patched"]').forEach(function(el){el.remove()});},2000);
+
+// Remove only old duplicate slides (not our #short-ai-final-slide)
+setInterval(function(){
+  document.querySelectorAll('#ai-short-home,.ai-short-home').forEach(function(el){
+    if(el.id!=='short-ai-final-slide')el.remove();
+  });
+},3000);
 
 // Progress bar for short creation
 var _progressInterval=null;
@@ -29,7 +34,7 @@ window.showShortProgress=function(msg,pct){
   var t=document.getElementById('short-progress-toast');
   var txt=document.getElementById('short-progress-text');
   var bar=document.getElementById('short-progress-bar');
-  if(t){t.style.display='block';}
+  if(t)t.style.display='block';
   if(txt)txt.textContent=msg||'Đang tạo...';
   if(bar)bar.style.width=(pct||0)+'%';
 };
@@ -40,13 +45,12 @@ window.hideShortProgress=function(){
 window.startShortProgressSimulation=function(){
   var pct=0;showShortProgress('⏳ Đang tạo Short AI... 0%',0);
   _progressInterval=setInterval(function(){
-    pct+=Math.random()*8+2;
-    if(pct>92)pct=92;
+    pct+=Math.random()*6+2;if(pct>94)pct=94;
     showShortProgress('⏳ Đang tạo Short AI... '+Math.round(pct)+'%',pct);
   },2000);
 };
 
-// Override makeShortFromPost to use progress bar
+// Override makeShortFromPost to use progress bar (keeps Short AI button working after rewrite)
 window.makeShortFromPost=async function(pid,btn){
   startShortProgressSimulation();
   if(btn){btn.disabled=true;btn.textContent='Đang tạo...';}
@@ -64,6 +68,19 @@ window.makeShortFromPost=async function(pid,btn){
     if(btn){btn.disabled=false;btn.textContent='🎬 Tạo Short AI';}
   }
 };
+
+// Prevent old layers from triggering heavy YouTube refresh on first load
+// (shorts already served from background cache via /api/shorts without refresh=1)
+var _origFetch=window.fetch;
+var _allowRefresh=false;
+window.fetch=function(url,opts){
+  try{
+    var u=String(url||'');
+    if(u.includes('/api/shorts?refresh=1')&&!_allowRefresh)url='/api/shorts';
+  }catch(e){}
+  return _origFetch.call(this,url,opts);
+};
+setTimeout(function(){_allowRefresh=true;},8000);
 })();
 </script>
 '''