feat: unique vid per TikTok slide, share+hash per video, fix multi-part match all parts in feed

app.py

@@ -587,16 +587,17 @@ def render_video_page_html():
             src_label = "24h" if v.get("source")=="24h" else "BDP"
             badge_cls = "bdp-badge-24h" if v.get("source")=="24h" else "bdp-badge-bdp"
             aid = make_id(v.get("link",""))
+            vid = make_id(vsrc)
             sl = slug(v.get("title",""))
             open_js = f"event.stopPropagation();window.bdpOpen('{esc(v.get('link',''))}','{aid}','{sl}')"
-            share_js = f"event.stopPropagation();window.bdpShareHash('{title_esc}','{sl}','{aid}')"
+            share_js = f"event.stopPropagation();window.bdpShareTikTok('{title_esc}','{sl}','{vid}')"
 
             if vtype == "hls":
                 video_tag = f'<video class="tiktok-video" playsinline preload="metadata"{poster_attr} data-hls-src="{vsrc}" muted loop></video>'
             else:
                 video_tag = f'<video class="tiktok-video" playsinline preload="metadata"{poster_attr} muted loop><source src="{safe_url(vsrc)}" type="video/mp4"></video>'
 
-            slides.append(f'''<div class="tiktok-slide" data-index="{vi}" data-aid="{aid}">
+            slides.append(f'''<div class="tiktok-slide" data-index="{vi}" data-aid="{aid}" data-vid="{vid}">
 {video_tag}
 <div class="tiktok-pause-icon">▶</div>
 <div class="tiktok-seek-controls">
@@ -608,7 +609,7 @@ def render_video_page_html():
 <p class="tiktok-title">{v.get("title","")}</p>
 <div class="tiktok-actions">
 <button class="tiktok-action-btn" onclick="{open_js}">📰 Đọc</button>
-<button class="tiktok-action-btn" onclick="{share_js}">📤</button>
+<button class="tiktok-action-btn" onclick="{share_js}">📤 Chia sẻ</button>
 </div>
 </div>
 <div class="tiktok-unmute-hint" onclick="window.bdpTikTokUnmute(this)">🔇 Nhấn để bật tiếng</div>
@@ -907,6 +908,17 @@ window.bdpShareHash=async function(title,sl,aid){
     document.body.removeChild(ta);
 };
 
+window.bdpShareTikTok=async function(title,sl,vid){
+    var hashUrl=SPACE_BASE+'/#/v/'+sl+'/'+vid;
+    var sd={title:title,url:hashUrl,text:title};
+    if(navigator.share){try{await navigator.share(sd);return;}catch(e){if(e.name==='AbortError')return;}}
+    if(navigator.clipboard&&navigator.clipboard.writeText){try{await navigator.clipboard.writeText(hashUrl);window.bdpToast('Đã sao chép liên kết!');return;}catch(e){}}
+    var ta=document.createElement('textarea');ta.value=hashUrl;ta.style.cssText='position:fixed;opacity:0';
+    document.body.appendChild(ta);ta.focus();ta.select();
+    try{document.execCommand('copy');window.bdpToast('Đã sao chép liên kết!');}catch(e){window.prompt('Sao chép:',hashUrl);}
+    document.body.removeChild(ta);
+};
+
 window.bdpToast=function(m){var e=document.getElementById('bdp-toast');if(!e){e=document.createElement('div');e.id='bdp-toast';e.className='bdp-toast';document.body.appendChild(e);}e.innerText=m;e.classList.add('show');setTimeout(function(){e.classList.remove('show');},2200);};
 
 window.bdpSlideScroll=function(dir,trackId){
@@ -978,7 +990,7 @@ window.bdpOpenTikTok=function(url,aid){
             var slides=feed.querySelectorAll('.tiktok-slide');
             var targetIdx=-1;
             slides.forEach(function(sl,i){
-                if(sl.getAttribute('data-aid')===aid) targetIdx=i;
+                if(targetIdx<0 && sl.getAttribute('data-aid')===aid) targetIdx=i;
             });
             if(targetIdx>=0 && slides[targetIdx]){
                 slides[targetIdx].scrollIntoView({behavior:'smooth'});
@@ -1104,7 +1116,35 @@ setInterval(function(){
 },1500);
 
 var hh=window.location.hash;
-if(hh&&hh.startsWith('#cat/')){
+if(hh&&hh.startsWith('#/v/')){
+    /* TikTok video hash: #/v/slug/vid - switch to video page then scroll to vid */
+    var vps=hh.slice(4).split('/');
+    var vid=vps[vps.length-1];
+    setTimeout(function(){
+        /* Switch to Video category */
+        window._bdpSetCat('\U0001f3ac Video T\u1ed5ng H\u1ee3p');
+        document.querySelectorAll('.cat-icon-btn').forEach(function(b){
+            b.classList.toggle('active',b.getAttribute('data-hash')==='video');
+        });
+        /* Poll for TikTok feed to appear then scroll to matching vid */
+        var att=0;
+        var ff=setInterval(function(){
+            att++;
+            var feed=document.querySelector('.tiktok-fullscreen-feed');
+            if(feed){
+                clearInterval(ff);
+                var slides=feed.querySelectorAll('.tiktok-slide');
+                slides.forEach(function(sl,i){
+                    if(sl.getAttribute('data-vid')===vid){
+                        sl.scrollIntoView({behavior:'smooth'});
+                    }
+                });
+                window.scrollTo({top:0,behavior:'smooth'});
+            }
+            if(att>30) clearInterval(ff);
+        },300);
+    },1500);
+} else if(hh&&hh.startsWith('#cat/')){
     /* Category hash: #cat/video, #cat/thoi-su, etc. */
     var catSlug=hh.slice(5);
     var catMap={""" + ",".join(f"'{ci[2]}':'{esc(CAT_KEYS[i])}'" for i,ci in enumerate(CAT_ICONS)) + """};