';
return h;
}
window.showVoiceEmotionSelector=function(postId,title,text){
var overlay=document.createElement('div');
overlay.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px';
var box=document.createElement('div');box.style.cssText='background:#1a1a1a;border:2px solid #2d8659;border-radius:16px;padding:20px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto';
var lang=detectLanguage(title+' '+text);var autoEmotion=detectEmotion(title+' '+text);
var h='
';
h+='';
box.innerHTML=h;overlay.appendChild(box);document.body.appendChild(overlay);
var selectedVoice=getAutoVoice(lang),selectedEmotion=autoEmotion;
box.querySelectorAll('.ve-voice-btn').forEach(function(btn){btn.addEventListener('click',function(){box.querySelectorAll('.ve-voice-btn').forEach(function(b){b.style.borderColor='#333';b.style.background='#222';});this.style.borderColor='#5cb87a';this.style.background='#1a2a1f';selectedVoice=this.dataset.voice;});});
box.querySelectorAll('.ve-emotion-btn').forEach(function(btn){btn.addEventListener('click',function(){box.querySelectorAll('.ve-emotion-btn').forEach(function(b){b.style.borderColor='#333';b.style.background='#222';});this.style.borderColor='#5cb87a';this.style.background='#1a2a1f';selectedEmotion=this.dataset.emotion;});});
box.querySelector('#ve-cancel-btn').addEventListener('click',function(){overlay.remove();});
box.querySelector('#ve-create-btn').addEventListener('click',async function(){
this.disabled=true;this.textContent='⏳ Đang tạo...';
box.querySelector('#ve-status').style.display='block';box.querySelector('#ve-status').textContent='Đang tạo video shorts...';
try{
var speed=parseFloat(box.querySelector('#ve-speed').value)||1.2;
if(!_ttsSelections["inline-"+postId]) _ttsSelections["inline-"+postId]={voice:"vi-VN-HoaiMyNeural",emotion:"neutral"};
_ttsSelections["inline-"+postId].voice=selectedVoice;_ttsSelections["inline-"+postId].emotion=selectedEmotion;
var r=await fetch('/api/ai/short/'+encodeURIComponent(postId),{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({voice:selectedVoice,emotion:selectedEmotion,speed:speed})});
var j=await r.json();
if(!r.ok||j.error) throw new Error(j.error||'Lỗi tạo video');
toast('✅ Đã tạo Short AI!');overlay.remove();
var p=_wallPosts.find(function(x){return String(x.id)===String(postId);});
if(p){p.video=j.video;p.voice=j.voice;p.emotion=j.emotion;}
}catch(e){this.disabled=false;this.textContent='🎬 Tạo Short';box.querySelector('#ve-status').textContent='❌ '+e.message;}
});
};
function prependWallPost(post){
_wallPosts.unshift(post);
const track=document.getElementById('ai-wall-track');
const wrap=document.getElementById('ai-wall-wrap');
const target=document.getElementById('ai-wall-under-compose');
if(target && (!track||!wrap)){
const newWrap=document.createElement('div');
newWrap.className='slider-wrap';newWrap.id='ai-wall-wrap';
newWrap.innerHTML=`
🧱 Tường AI
${makeWallItem(post,0)}
`;
target.appendChild(newWrap);
const firstItem=newWrap.querySelector('.wall-item');
if(firstItem)firstItem.className='wall-item wall-item-new';
return;
}
if(track){
track.insertAdjacentHTML('afterbegin', makeWallItem(post, 0));
track.scrollTo({left:0,behavior:'smooth'});
}
}
let _wallPosts=[];
let _currentView='home';
let _currentEventId=null;
let _currentMatchUrl=null;
let _htPage=0,_htTopic='';
async function loadHotTopics(){const j=await fetch('/api/hot_topics').then(r=>r.json()).catch(()=>({topics:[]}));const el=document.getElementById('hot-topics');if(!el)return;el.innerHTML=(j.topics||[]).slice(0,18).map(t=>{const topicText=t.topic||t.label.replace(/^#/,'');return``;}).join('');}
function searchTopic(topic){if(!topic){topic=document.getElementById('topic-input')?.value.trim();if(!topic){alert('Nhập chủ đề');return;}}document.getElementById('topic-input').value='';_htTopic=topic;_htPage=0;showHashtagSources(topic,0);}
async function showHashtagSources(topic,page){const box=document.getElementById('hashtag-box');if(!box)return;if(page===0)box.innerHTML=`
`;}}
function loadMoreHashtag(){_htPage++;const btn=document.getElementById('ht-more');if(btn){btn.disabled=true;btn.textContent='Đang tải...';}showHashtagSources(_htTopic,_htPage);}
async function rewriteHashtag(topic){const btn=event?.target;if(btn){btn.disabled=true;btn.textContent='Đang tổng hợp...';}try{const r=await fetch('/api/topic_post',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({topic})});const j=await r.json();if(!r.ok||j.error)throw new Error(j.error||'Lỗi');toast('✅ Đã đăng Tường AI!');if(btn)btn.textContent='✅ Đăng thành công!';if(j.post)prependWallPost(j.post);}catch(e){toast('❌ '+e.message);if(btn){btn.disabled=false;btn.textContent='🤖 Rewrite AI';}}}
async function loadLivescore(tab){document.querySelectorAll('.ls-tab').forEach(t=>t.classList.remove('active'));document.querySelector(`.ls-tab[data-tab="${tab}"]`)?.classList.add('active');const el=document.getElementById('ls-content');if(!el)return;el.innerHTML='
'}}
function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]))}
function showView(id){document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.getElementById(id)?.classList.add('active')}
function switchCat(id){document.querySelectorAll('.cat').forEach(c=>c.classList.remove('active'));document.querySelector(`[data-cat="${id}"]`)?.classList.add('active');document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.querySelectorAll('video').forEach(v=>{v.pause();if(v._hls){v._hls.destroy();v._hls=null}});document.querySelectorAll('iframe[data-yt-src]').forEach(f=>{f.src=''});if(id==='home')document.getElementById('view-home').classList.add('active');else if(id==='news-all'){document.getElementById('view-cat').classList.add('active');loadNewsTab()}else{document.getElementById('view-cat').classList.add('active');loadCat(id)}}
function toast(msg){let t=document.getElementById('progress-toast');if(t){t.textContent=msg;t.style.display='block';setTimeout(()=>{t.style.display='none'},3500)}}
// ===== doShare: COPY link to clipboard, then try native share as bonus =====
function doShare(title,url,img,postId){
var shareUrl;
if(postId){
shareUrl = SPACE+'/s?post_id='+encodeURIComponent(postId)+'&title='+encodeURIComponent(title);
} else {
shareUrl = SPACE+'/s?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title)+'&img='+encodeURIComponent(img||'');
}
// Try clipboard API first (modern, works on HTTPS)
if(navigator.clipboard && navigator.clipboard.writeText){
navigator.clipboard.writeText(shareUrl).then(function(){
toast('📋 Đã sao chép link!');
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
}).catch(function(){
// Fallback: execCommand (deprecated but works on some browsers)
try{
var ta=document.createElement('textarea');
ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}
else{prompt('📋 Sao chép link:', shareUrl);}
document.body.removeChild(ta);
}catch(e){prompt('📋 Sao chép link:', shareUrl);}
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
});
} else {
// execCommand approach
try{
var ta=document.createElement('textarea');
ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}
else{prompt('📋 Sao chép link:', shareUrl);}
document.body.removeChild(ta);
}catch(e){prompt('📋 Sao chép link:', shareUrl);}
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
}
}
async function doInteract(videoId,type){try{const r=await fetch('/api/v2/interact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:videoId,type})});return await r.json();}catch(e){return null;}}
async function getInteractions(videoId){try{return await fetch('/api/v2/interactions?id='+encodeURIComponent(videoId)).then(r=>r.json());}catch(e){return{views:0,likes:0,comments:0};}}
async function getComments(videoId){try{const j=await fetch('/api/v2/comments?id='+encodeURIComponent(videoId)).then(r=>r.json());return j.comments||[];}catch(e){return[];}}
async function postComment(videoId,text){try{const j=await fetch('/api/v2/comment',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:videoId,text})}).then(r=>r.json());return j.comments||[];}catch(e){return[];}}
function buildTikTokSlide(opts){return`
${opts.vtag}
${opts.badge||''}
${esc(opts.title)}
${opts.extraBtn||''}
${opts.idx+1}/${opts.total}
`;}
async function doView(videoId,btn){const j=await doInteract(videoId,'view');if(j){const c=btn.querySelector('.count');if(c)c.textContent=fmtNum(j.views);}}
async function doLike(videoId,btn){const j=await doInteract(videoId,'like');if(j){const c=btn.querySelector('.count');if(c)c.textContent=fmtNum(j.likes);}}
function fmtNum(n){if(!n)return'0';if(n>=1000000)return(n/1000000).toFixed(1)+'M';if(n>=1000)return(n/1000).toFixed(1)+'K';return String(n);}
async function loadCounters(videoIds){for(let i=0;iĐang tải...';const cmts=await getComments(videoId);renderInlineComments(panel,videoId,idx,cmts);/* Remove snap so feed can scroll to show comment input */var sl=panel.closest('.tiktok-slide');if(sl)sl.style.scrollSnapAlign='';setTimeout(function(){var feed=document.getElementById('tiktok-feed');if(feed){var slidePos=sl?sl.offsetTop:0;feed.scrollTop=slidePos+200;}/* Focus input */var inp=document.getElementById('cmt-input-'+idx);if(inp)inp.focus();},300);}
function renderInlineComments(panel,videoId,idx,cmts){let h='
';el.innerHTML=h;setTimeout(()=>initTikTokFeed(),200);}
async function openYTShortsFeed(idx){showView('view-tiktok');const el=document.getElementById('view-tiktok');el.innerHTML='
Đã xóa Shorts Dân trí/SKĐS
';}
async function openShortAIFeed(idx){showView('view-tiktok');const el=document.getElementById('view-tiktok');if(!_wallPosts||!_wallPosts.length){el.innerHTML='
';el.innerHTML=h;setTimeout(()=>initTikTokFeed(),200);}
function readWallPost(idx){const p=_wallPosts&&_wallPosts[idx];if(!p)return;if(p.slides&&p.slides.length){readSlidePost(idx);return}readArticle(p.url||'','','',p.title,p.text);}
/** Show rewrite slide viewer - vertical slides with text+image */
function readSlidePost(idx){const p=_wallPosts[idx];if(!p||!p.slides)return;showView('view-article');const el=document.getElementById('view-article');let h=`
`;p.slides.forEach((s,i)=>{h+=`
Slide ${s.index||i+1}/${p.slides.length}
${s.image?``:''}
${esc(s.text)}
`;});h+=`
`;el.innerHTML=h;}
function readNewsTab(tab){loadNewsTab();}
function loadNewsTab(){const el=document.getElementById('view-cat');if(!el)return;el.innerHTML='
';});}
function readArticle(url,title,img,presetTitle,presetText){showView('view-article');const el=document.getElementById('view-article');el.innerHTML='
`;});}
async function rewriteSlide(url){if(!url)return;const btn=document.querySelector('.article-actions .primary')||event?.target;if(btn){btn.disabled=true;btn.textContent='⏳ Đang tạo slides...';}toast('⏳ Đang tạo slide rewrite...');try{const r=await fetch('/api/rewrite_share',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({url})});const j=await r.json();if(!r.ok||j.error)throw new Error(j.error||'Lỗi');toast('✅ Đã tạo slide! Đang tạo Short AI...');if(btn)btn.textContent='✅ Đang tạo Short AI...';if(j.post){j.post.slides=j.slides||[];prependWallPost(j.post);}// Show slides immediately if available
if(j.slides && j.slides.length){showView('view-article');const el=document.getElementById('view-article');let h=`
`;j.slides.forEach(s=>{h+=`
Slide ${s.index}/${j.slides.length}
${s.image?``:''}
${esc(s.text)}
`;});h+=`
⏳ Đang tạo video Short AI...
`;el.innerHTML=h;}
const postId=j.post&&j.post.id;if(postId){setTimeout(async()=>{const sr=await fetch('/api/ai/short/'+encodeURIComponent(postId),{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({voice:'vi-VN-HoaiMyNeural',emotion:'neutral',speed:1.2})});const sj=await sr.json();if(sr.ok&&sj.video&&typeof _wallPosts!=='undefined'){const p=_wallPosts.find(x=>String(x.id)===String(postId));if(p){p.video=sj.video;const itemId='wall-item-'+postId;const el2=document.getElementById(itemId);if(el2){const idx=_wallPosts.indexOf(p);el2.insertAdjacentHTML('afterend',makeWallItem(p,idx));el2.remove();}}toast('✅ Short AI đã sẵn sàng!');const statusEl=document.getElementById('short-ai-status');if(statusEl)statusEl.innerHTML='✅ Short AI đẵn sàng! ';}},500);}if(btn)btn.textContent='✅ Hoàn tất';}catch(e){toast('❌ '+e.message);if(btn){btn.disabled=false;btn.textContent='🤖 Slide Rewrite AI';}}}
// ===== SHARE VIDEO TO OTHER APPS =====
function shareVideoToApps(videoUrl, title){
if(!videoUrl){
toast('Không có video để chia sẻ');
return;
}
var fullUrl = videoUrl.startsWith('http') ? videoUrl : window.location.origin + videoUrl;
// Step 1: Try navigator.share with URL (async, works on mobile)
try{
if(navigator.share){
navigator.share({
title: title || 'Short AI Video',
url: fullUrl
}).then(function(){toast('✅ Đã chia sẻ!');return;}).catch(function(e){
if(e.name==='AbortError')return;
downloadVideo(fullUrl, title);
});
return;
}
}catch(e){}
// Step 2: Fallback - download
downloadVideo(fullUrl, title);
}
function downloadVideo(url, title){
var a = document.createElement('a');
a.href = url;
a.download = (title||'video').replace(/[^a-zA-Z0-9_\-\p{L}]/gu,'_').substring(0,60)+'.mp4';
a.target = '_blank';
a.rel = 'noopener';
a.style.display = 'none';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
toast('📥 Đang tải video xuống...');
}
?s.image:'/api/proxy/img?url='+encodeURIComponent(s.image)})
`:''}