Upload index.html

index.html

@@ -1481,6 +1481,42 @@ const TRANSLATED_KEY = JM_CONFIG.TRANSLATED_KEY;
 // Id zake zinaanza na 'n2-' ili zisigongane na za chanzo cha zamani.
 const TRANSLATED2_BASE = JM_CONFIG.CONTENT_URL + '/functions/v1/movie-zilizotafsriwa2';
 const TR2_PREFIX = 'n2-';
+// Model iliyofunzwa (train.py -> HF Model). Ikikosekana, app inafanya kazi kama kawaida (Trending = mpya zaidi).
+const TR_MODEL_URL = 'https://huggingface.co/jaynesmaxtv/translated-recommender/resolve/main/model.json';
+let trModelP = null;
+function loadTrModel() {
+  if (!trModelP) trModelP = fetch(TR_MODEL_URL, { cache: 'no-cache' }).then(r => r.ok ? r.json() : null).catch(() => null);
+  return trModelP;
+}
+function logTrPlay(id) { // rekodi uchezaji bila kuzuia player; kitambulisho cha kifaa ni cha nasibu (hakuna jina/email)
+  if (!id) return;
+  let dev = '';
+  try { dev = localStorage.getItem('jm_dev') || ''; if (!dev) { dev = (crypto.randomUUID && crypto.randomUUID()) || (Date.now() + '-' + Math.random().toString(36).slice(2)); localStorage.setItem('jm_dev', dev); } } catch (_) {}
+  fetch(TRANSLATED2_BASE + '?action=play', { method: 'POST', keepalive: true,
+    headers: { apikey: SUPABASE_ANON_KEY, 'Content-Type': 'application/json' },
+    body: JSON.stringify({ movie_id: String(id), device_id: dev }) }).catch(() => {});
+}
+// Safu: 🔥 Trending (kwa model, au mpya zaidi kama data haitoshi) -> kila DJ (Dj Mack kwanza) -> Movie -> Series
+function buildTranslatedSections(items, model) {
+  const pop = (model && model.popularity) || {}, sections = [];
+  const hot = items.filter(it => pop[it.id] > 0).sort((a, b) => pop[b.id] - pop[a.id]);
+  const trending = (hot.length >= 3 ? hot : items).slice(0, 12); // orodha tayari ni mpya -> zamani
+  if (trending.length) sections.push({ title: '🔥 Trending', items: trending });
+  const byDj = {};
+  items.forEach(it => {
+    const dj = String(it.subtitle || '').trim();
+    if (!dj || dj === 'Series' || dj === 'Movie') return;
+    const k = dj.toLowerCase();
+    (byDj[k] = byDj[k] || { name: dj, list: [] }).list.push(it);
+  });
+  Object.values(byDj).filter(g => g.list.length >= 2)
+    .sort((a, b) => (/mack/i.test(b.name) - /mack/i.test(a.name)) || b.list.length - a.list.length)
+    .forEach(g => sections.push({ title: '🎙 ' + g.name, items: g.list }));
+  const series = items.filter(it => it.subtitle === 'Series'), movies = items.filter(it => it.subtitle !== 'Series');
+  if (movies.length) sections.push({ title: t('tr_movies'), items: movies });
+  if (series.length) sections.push({ title: t('tr_series'), items: series });
+  return sections;
+}
 async function fetchTranslatedMovie(id) { // -> { ok, error?, movie } kutoka chanzo sahihi
   const isNew = String(id).startsWith(TR2_PREFIX);
   const url = isNew ? TRANSLATED2_BASE + '?id=' + encodeURIComponent(String(id).slice(TR2_PREFIX.length))
@@ -3619,13 +3655,8 @@ async function loadTranslated() {
   heroWrap.innerHTML = ''; tabsEl.style.display = 'none';
   renderSkeletonRails(2);
   try {
-    const items = await fetchTranslatedList();
-    const series = items.filter(it => (it.subtitle === 'Series'));
-    const movies = items.filter(it => !(it.subtitle === 'Series'));
-    const sections = [];
-    if (movies.length) sections.push({ title: t('tr_movies'), items: movies });
-    if (series.length) sections.push({ title: t('tr_series'), items: series });
-    renderRails(sections, true);
+    const [items, model] = await Promise.all([fetchTranslatedList(), loadTrModel()]);
+    renderRails(buildTranslatedSections(items, model), true);
   } catch (e) {
     railsEl.innerHTML = '';
     railsEl.appendChild(stateBox(t('err_failed', { e: esc(e.message || t('err_generic')) }), true, loadTranslated));
@@ -3857,6 +3888,7 @@ function playTranslatedUrl(url, title, playlist, meta) {
   v.addEventListener('ended', () => { const c = window.__pcPlaylist; if (c && typeof c.next === 'function') c.next(); });
   // Tangazo la video kwanza (likishindikana/likiruka, filamu inaanza mara moja)
   v.src = url;
+  try { logTrPlay(currentTranslatedDetail && currentTranslatedDetail.id); } catch (_) {}
   // Route ya player: #/translated/ID/play?se=..&ep=..
   try {
     const id = currentTranslatedDetail && currentTranslatedDetail.id;