nuvio-tizen 1.2.0 → 1.4.0

package/README.md

@@ -15,15 +15,28 @@ core behaviour, targeting 2017 Samsung TVs (Tizen 3.0, ~Chromium 47).
   **Cinemeta** (catalogs + metadata), **WatchHub** (streams), **OpenSubtitles v3** (subtitles).
 - Home screen with catalog rows + **Continue Watching**.
 - **Search** (🔍 in the header) across every addon catalog that supports the `search` extra.
-- Detail pages: movies (Play) and series (season/episode browser).
-- **Stream aggregation** across all installed stream addons.
+- Detail pages: movies (Play) and series (season/episode browser). **Continue Watching**
+  resumes a series on the exact season + episode you left off.
+- **Stream aggregation** across all installed stream addons, each source showing
+  **size + languages/description** (from `behaviorHints.videoSize` and the addon's own text,
+  e.g. MediaFusion / Torrentio).
+- **In-player menu** (press **UP**): *Select source* (switch stream mid-playback, keeping
+  your position) and *Configure subtitles* → Language / Size / Style.
 - **Subtitles from addons**: fetched per title/episode, SRT + VTT parsed and rendered as a
   timed overlay; press **UP** during playback to pick a track (or turn them Off).
+  Configurable in Settings: **default language** (auto-loads a matching track),
+  **size** (S/M/L/XL) and **style** (white+shadow / black box / yellow).
+- **Live streams** (sports / IPTV): live HLS and Stremio `tv`-type sources are detected
+  (unknown/infinite duration), shown with a **● LIVE** badge, and correctly skip
+  seek / resume / progress-tracking. Stream-only live addons with no `meta` resource still
+  open (the catalog entry is used as a fallback).
 - Playback via **AVPlay** (HLS/DASH/MP4/progressive) with an HTML5 `<video>` fallback
   when run in a desktop browser for development.
 - OSD with seek (±10s / ±30s), resume, and per-title progress saved to `localStorage`.
 - Full **D-pad + media-key** remote navigation (custom spatial focus engine).
-- Settings screen to add/remove addon manifest URLs (the add field is prefilled with `https://`).
+- Settings: add addons on a **dedicated page** (field kept above the on-screen keyboard;
+  nothing is saved unless you press Confirm), remove with a confirmation prompt, and
+  **Reset to default addons**.
 
 > **Note on WatchHub:** it's a "where to watch" addon — its results are Rent/Buy/Subscription
 > *links to external services*, not direct video URLs, so they show as non-playable. Add your

package/css/style.css

@@ -89,6 +89,16 @@ html, body {
 .addon-item .a-url { font-size: 15px; color: #8b93a5; }
 .hint { color: #8b93a5; font-size: 18px; margin-top: 20px; line-height: 1.5; }
 
+/* --- Add-addon page (field kept high, above the on-screen keyboard) --- */
+.add-wrap { position: absolute; top: 120px; left: 60px; right: 60px; }
+.add-wrap h2 { font-size: 36px; margin-bottom: 14px; }
+.add-hint { font-size: 22px; color: #8b93a5; margin-bottom: 28px; line-height: 1.4; max-width: 1200px; }
+.add-input { width: 100%; padding: 20px 24px; font-size: 32px; background: #0e1117; color: #fff; border: 4px solid #2a3346; border-radius: 12px; }
+.add-input.focused { border-color: #818cf8; box-shadow: 0 0 0 2px rgba(129,140,248,0.5); }
+.add-btn-row { margin-top: 34px; }
+.add-btn-row .pill { min-width: 220px; text-align: center; }
+.cfg-row .a-url { color: #6f7788; }
+
 /* --- Player OSD --- */
 #player-osd { position: absolute; left: 0; right: 0; bottom: 0; height: 220px; z-index: 20; padding: 40px 60px; background: linear-gradient(transparent, rgba(0,0,0,0.9)); }
 #osd-title { font-size: 30px; font-weight: bold; margin-bottom: 20px; }
@@ -96,6 +106,7 @@ html, body {
 #osd-buffer { position: absolute; top: 0; left: 0; height: 8px; background: rgba(255,255,255,0.35); border-radius: 4px; width: 0; }
 #osd-progress { position: absolute; top: 0; left: 0; height: 8px; background: #818cf8; border-radius: 4px; width: 0; z-index: 2; }
 #osd-times { display: flex; justify-content: space-between; margin-top: 10px; font-size: 20px; color: #cfd3dc; }
+#osd-cur.live { color: #ff4d4d; font-weight: bold; letter-spacing: 1px; }
 #osd-hint { margin-top: 14px; font-size: 18px; color: #8b93a5; }
 
 /* --- Subtitles --- */

package/index.html

@@ -17,6 +17,7 @@
         <div id="screen-detail" class="screen hidden"></div>
         <div id="screen-search" class="screen hidden"></div>
         <div id="screen-settings" class="screen hidden"></div>
+        <div id="screen-addaddon" class="screen hidden"></div>
     </div>
 
     <!-- Subtitle overlay (over the video plane, under the OSD) -->

package/js/app.js

@@ -8,7 +8,7 @@ var App = (function () {
     function screenEl(name) { return U.byId('screen-' + name); }
 
     function showScreen(name) {
-        ['home', 'detail', 'search', 'settings'].forEach(function (n) {
+        ['home', 'detail', 'search', 'settings', 'addaddon'].forEach(function (n) {
             screenEl(n).className = 'screen' + (n === name ? '' : ' hidden');
         });
         _current = name;
@@ -16,11 +16,11 @@ var App = (function () {
 
     function pushFrame() { _stack.push({ screen: _current, focus: Focus.current() }); }
 
-    function openDetail(type, id) {
+    function openDetail(type, id, preview, target) {
         if (!id) { return; }
         pushFrame();
         showScreen('detail');
-        Views.renderDetail(type, id);
+        Views.renderDetail(type, id, preview, target);
     }
 
     function openSettings() {
@@ -35,6 +35,12 @@ var App = (function () {
         Views.renderSearch();
     }
 
+    function openAddAddon() {
+        pushFrame();
+        showScreen('addaddon');
+        Views.renderAddAddon();
+    }
+
     function back() {
         if (Player.isActive()) { Player.exit(); return; }
         if (Views.isModalOpen()) { Views.closeModal(); return; }
@@ -61,7 +67,12 @@ var App = (function () {
             case 'LEFT': Focus.move('LEFT'); return true;
             case 'RIGHT': Focus.move('RIGHT'); return true;
             case 'UP': Focus.move('UP'); return true;
-            case 'DOWN': Focus.move('DOWN'); return true;
+            case 'DOWN': {
+                var c = Focus.current();
+                if (c && c.__navDOWN && c.__navDOWN() !== false) { return true; }
+                Focus.move('DOWN');
+                return true;
+            }
             case 'OK': Focus.clickCurrent(); return true;
             case 'BACK': back(); return true;
             default: return true;
@@ -78,7 +89,8 @@ var App = (function () {
 
     return {
         start: start, back: back,
-        openDetail: openDetail, openSettings: openSettings, openSearch: openSearch
+        openDetail: openDetail, openSettings: openSettings, openSearch: openSearch,
+        openAddAddon: openAddAddon
     };
 })();
 

package/js/player.js

@@ -4,6 +4,26 @@ var Player = (function () {
     'use strict';
 
     var PROGRESS_KEY = 'nuvio.progress';
+    var SUBCFG_KEY = 'nuvio.subcfg';
+    var SIZE_PX = { small: 28, medium: 36, large: 46, xlarge: 58 };
+
+    function getSubCfg() {
+        var d = U.store.get(SUBCFG_KEY, {}) || {};
+        return { lang: d.lang || 'off', size: d.size || 'medium', style: d.style || 'shadow' };
+    }
+    function setSubCfg(cfg) { U.store.set(SUBCFG_KEY, cfg); }
+
+    function styleSpan(span) {
+        var cfg = getSubCfg();
+        span.style.fontSize = (SIZE_PX[cfg.size] || 36) + 'px';
+        if (cfg.style === 'box') {
+            span.style.background = 'rgba(0,0,0,0.9)'; span.style.color = '#fff'; span.style.textShadow = 'none';
+        } else if (cfg.style === 'yellow') {
+            span.style.background = 'rgba(0,0,0,0.4)'; span.style.color = '#ffe14d'; span.style.textShadow = '0 2px 3px #000';
+        } else { // shadow (default)
+            span.style.background = 'rgba(0,0,0,0.55)'; span.style.color = '#fff'; span.style.textShadow = '0 2px 3px #000';
+        }
+    }
 
     var avplay = (window.webapis && webapis.avplay) ? webapis.avplay : null;
     var useAV = !!avplay;
@@ -18,6 +38,7 @@ var Player = (function () {
     var _ctx = null;         // { id, type, name, poster, resumeSec }
     var _dur = 0;            // seconds
     var _cur = 0;            // seconds
+    var _isLive = false;     // live stream (sports/IPTV): no fixed duration
     var _ticker = null;
     var _osdTimer = null;
     var _seekPending = 0;
@@ -44,7 +65,7 @@ var Player = (function () {
     function progressKey(ctx) { return ctx.type + ':' + ctx.id; }
 
     function saveProgress() {
-        if (!_ctx || !_dur) { return; }
+        if (!_ctx || !_dur || _isLive) { return; }
         var all = progressAll();
         var k = progressKey(_ctx);
         if (_cur / _dur > 0.95 || _cur < 5) {
@@ -79,6 +100,16 @@ var Player = (function () {
 
     function renderOSD() {
         U.byId('osd-title').textContent = _ctx ? _ctx.name : '';
+        if (_isLive) {
+            U.byId('osd-bar').style.display = 'none';
+            var cur = U.byId('osd-cur');
+            cur.textContent = '● LIVE';
+            cur.className = 'live';
+            U.byId('osd-dur').textContent = '';
+            return;
+        }
+        U.byId('osd-bar').style.display = '';
+        U.byId('osd-cur').className = '';
         var pct = _dur > 0 ? (_cur / _dur * 100) : 0;
         U.byId('osd-progress').style.width = pct + '%';
         U.byId('osd-cur').textContent = U.fmtTime(_cur);
@@ -89,6 +120,8 @@ var Player = (function () {
     function play(ctx, onExit) {
         _ctx = ctx; _onExit = onExit;
         _active = true; _cur = 0; _dur = 0;
+        // Stremio "tv" type is a strong live hint; refined from duration after prepare.
+        _isLive = (ctx.type === 'tv') || !!ctx.isLive;
         _ctx.resumeSec = ctx.resumeSec || getResume(ctx.type, ctx.id);
 
         // reset subtitle state
@@ -110,17 +143,33 @@ var Player = (function () {
             if (!_active) { return; }
             _subTracks = tracks || [];
             updateHint();
-            if (_subTracks.length) { U.toast(_subTracks.length + ' subtitle track(s) — press UP', 3000); }
+            if (!_subTracks.length) { return; }
+            var cfg = getSubCfg();
+            var match = null;
+            if (cfg.lang && cfg.lang !== 'off') {
+                match = _subTracks.find(function (t) {
+                    var l = ('' + (t.lang || '')).toLowerCase();
+                    return l && (l.indexOf(cfg.lang) === 0 || cfg.lang.indexOf(l) === 0);
+                });
+            }
+            if (match) { loadTrack(match); }
+            else { U.toast(_subTracks.length + ' subtitle track(s) — press UP', 3000); }
         }, function () {});
     }
 
     function updateHint() {
-        var base = 'OK: Play/Pause   ←/→: Seek   RETURN: Back';
-        if (_subTracks.length) { base += '   UP: Subtitles'; }
+        var base = _isLive ? 'OK: Play/Pause   RETURN: Back' : 'OK: Play/Pause   ←/→: Seek   RETURN: Back';
+        base += '   UP: Menu';
         var h = U.byId('osd-hint');
         if (h) { h.textContent = base; }
     }
 
+    // Decides live vs VOD from the reported duration (0 / non-finite = live).
+    function markLiveFromDuration() {
+        if (_ctx && _ctx.type === 'tv') { _isLive = true; }
+        if (!_dur || _dur <= 0 || !isFinite(_dur)) { _isLive = true; }
+    }
+
     function startAV(url) {
         objEl.className = 'active';
         try {
@@ -141,7 +190,9 @@ var Player = (function () {
                 try { avplay.setDisplayRect(0, 0, 1920, 1080); } catch (e1) {}
                 try { avplay.setDisplayMethod('PLAYER_DISPLAY_MODE_LETTER_BOX'); } catch (e2) {}
                 try { _dur = avplay.getDuration() / 1000; } catch (e3) { _dur = 0; }
-                if (_ctx.resumeSec > 5) { try { avplay.seekTo(_ctx.resumeSec * 1000); } catch (e4) {} }
+                markLiveFromDuration();
+                updateHint();
+                if (!_isLive && _ctx.resumeSec > 5) { try { avplay.seekTo(_ctx.resumeSec * 1000); } catch (e4) {} }
                 avplay.play();
                 renderOSD();
                 startTicker();
@@ -159,7 +210,9 @@ var Player = (function () {
         videoEl.src = url;
         videoEl.onloadedmetadata = function () {
             _dur = videoEl.duration || 0;
-            if (_ctx.resumeSec > 5) { try { videoEl.currentTime = _ctx.resumeSec; } catch (e) {} }
+            markLiveFromDuration();
+            updateHint();
+            if (!_isLive && _ctx.resumeSec > 5) { try { videoEl.currentTime = _ctx.resumeSec; } catch (e) {} }
             U.spinner(false); showOSD(false);
         };
         videoEl.ontimeupdate = function () { _cur = videoEl.currentTime; renderOSD(); renderSubs(); };
@@ -197,6 +250,7 @@ var Player = (function () {
     }
 
     function seekBy(delta) {
+        if (_isLive) { showOSD(false); U.toast('Live — seeking unavailable', 1500); return; }
         var target = Math.max(0, Math.min((_dur || 1e9), _cur + delta));
         _cur = target;
         renderOSD();
@@ -243,7 +297,7 @@ var Player = (function () {
         if (show) {
             subsEl.className = '';
             var span = subsEl.firstChild;
-            if (!span) { span = document.createElement('span'); subsEl.appendChild(span); }
+            if (!span) { span = document.createElement('span'); subsEl.appendChild(span); styleSpan(span); }
             if (span.textContent !== show) { span.textContent = show; }
         } else {
             subsEl.className = 'hidden';
@@ -266,55 +320,119 @@ var Player = (function () {
         subsEl.className = 'hidden'; U.clear(subsEl);
     }
 
-    // ---------- subtitle menu ----------
-    function openSubMenu() {
-        if (!_subTracks.length) { return; }
+    function applyStyleNow() {
+        var span = subsEl.firstChild;
+        if (span) { styleSpan(span); }
+    }
+
+    // Switch to a different source mid-playback, keeping position (VOD).
+    function switchSource(s) {
+        if (!s || !s.url) { return; }
+        _ctx.url = s.url;
+        _ctx.resumeSec = _isLive ? 0 : _cur;
+        U.toast('Switching source…', 1500);
+        U.spinner(true);
+        if (useAV) { startAV(s.url); } else { startHTML5(s.url); }
+    }
+
+    // ---------- in-player menu (stack of levels) ----------
+    var _menuStack = [];
+
+    function topMenu() { return _menuStack[_menuStack.length - 1]; }
+
+    function openMenu() {
         _menuOpen = true;
-        // index 0 = Off; tracks start at 1
-        _menuIdx = 0;
-        renderSubMenu();
+        _menuStack = [rootMenu()];
+        renderMenu();
         subMenuEl.className = '';
         showOSD(true);
     }
-
-    function closeSubMenu() {
-        _menuOpen = false;
+    function closeMenu() {
+        _menuOpen = false; _menuStack = [];
         subMenuEl.className = 'hidden';
         showOSD(false);
     }
+    function pushMenu(desc) { _menuStack.push(desc); renderMenu(); }
+    function popMenu() { _menuStack.pop(); if (!_menuStack.length) { closeMenu(); } else { renderMenu(); } }
+    function replaceTop(desc) { _menuStack[_menuStack.length - 1] = desc; renderMenu(); }
 
-    function renderSubMenu() {
+    function renderMenu() {
+        var m = topMenu();
         U.clear(subMenuEl);
-        subMenuEl.appendChild(U.el('div', 'sm-title', 'Subtitles'));
+        subMenuEl.appendChild(U.el('div', 'sm-title', m.title));
         var list = U.el('div', 'sm-list');
-        var items = [{ label: 'Off' + (_subOn ? '' : '  ✓'), track: null }];
-        _subTracks.forEach(function (tr) {
-            var mark = (_subOn && _subLabel === (tr.lang || 'on')) ? '  ✓' : '';
-            items.push({ label: (tr.lang || 'unknown') + '  ·  ' + (tr._addon || '') + mark, track: tr });
-        });
-        _menuItems = items;
-        items.forEach(function (it, i) {
-            var node = U.el('div', 'sm-item' + (i === _menuIdx ? ' sel' : ''), it.label);
-            list.appendChild(node);
+        m.items.forEach(function (it, i) {
+            var label = it.label + (it.sel ? '  ✓' : '');
+            list.appendChild(U.el('div', 'sm-item' + (i === m.idx ? ' sel' : ''), label));
         });
         subMenuEl.appendChild(list);
-        // keep selected item visible
-        var sel = list.children[_menuIdx];
+        var sel = list.children[m.idx];
         if (sel && sel.scrollIntoView) { try { sel.scrollIntoView(false); } catch (e) {} }
     }
 
-    var _menuItems = [];
+    function rootMenu() {
+        var items = [];
+        if (_ctx.streams && _ctx.streams.length) {
+            items.push({ label: 'Select source', run: function () { pushMenu(sourceMenu()); } });
+        }
+        items.push({ label: 'Configure subtitles', run: function () { pushMenu(subConfigMenu()); } });
+        return { title: 'Menu', items: items, idx: 0 };
+    }
+
+    function sourceMenu() {
+        var items = _ctx.streams.map(function (s) {
+            return { label: s.label || 'Source', sel: (s.url === _ctx.url),
+                run: function () { switchSource(s); closeMenu(); } };
+        });
+        return { title: 'Select source', items: items, idx: 0 };
+    }
+
+    function subConfigMenu() {
+        return { title: 'Configure subtitles', idx: 0, items: [
+            { label: 'Language', run: function () { pushMenu(langMenu()); } },
+            { label: 'Size', run: function () { pushMenu(sizeMenu()); } },
+            { label: 'Style', run: function () { pushMenu(styleMenu()); } }
+        ] };
+    }
+
+    function langMenu() {
+        var items = [{ label: 'Off', sel: !_subOn, run: function () { subsOff(); closeMenu(); } }];
+        _subTracks.forEach(function (tr) {
+            items.push({ label: (tr.lang || 'unknown') + '  ·  ' + (tr._addon || ''),
+                sel: (_subOn && _subLabel === (tr.lang || 'on')),
+                run: function () { loadTrack(tr); closeMenu(); } });
+        });
+        return { title: 'Subtitle language', items: items, idx: 0 };
+    }
+
+    function optionMenu(title, key, opts) {
+        var cfg = getSubCfg();
+        var idx = 0;
+        var items = opts.map(function (p, i) {
+            if (cfg[key] === p[0]) { idx = i; }
+            return { label: p[1], sel: (cfg[key] === p[0]), run: function () {
+                var c = getSubCfg(); c[key] = p[0]; setSubCfg(c); applyStyleNow();
+                replaceTop(optionMenu(title, key, opts)); // refresh checkmark
+            } };
+        });
+        return { title: title, items: items, idx: idx };
+    }
+    function sizeMenu() {
+        return optionMenu('Subtitle size', 'size',
+            [['small', 'Small'], ['medium', 'Medium'], ['large', 'Large'], ['xlarge', 'Extra Large']]);
+    }
+    function styleMenu() {
+        return optionMenu('Subtitle style', 'style',
+            [['shadow', 'White + shadow'], ['box', 'White on black box'], ['yellow', 'Yellow']]);
+    }
 
     function menuKey(action) {
-        if (action === 'UP') { _menuIdx = Math.max(0, _menuIdx - 1); renderSubMenu(); return; }
-        if (action === 'DOWN') { _menuIdx = Math.min(_menuItems.length - 1, _menuIdx + 1); renderSubMenu(); return; }
-        if (action === 'OK') {
-            var it = _menuItems[_menuIdx];
-            if (!it || it.track === null) { subsOff(); } else { loadTrack(it.track); }
-            closeSubMenu();
-            return;
-        }
-        if (action === 'BACK' || action === 'STOP') { closeSubMenu(); return; }
+        var m = topMenu();
+        if (action === 'UP') { m.idx = Math.max(0, m.idx - 1); renderMenu(); return; }
+        if (action === 'DOWN') { m.idx = Math.min(m.items.length - 1, m.idx + 1); renderMenu(); return; }
+        if (action === 'OK') { var it = m.items[m.idx]; if (it && it.run) { it.run(); } return; }
+        if (action === 'LEFT' || action === 'BACK') { popMenu(); return; }
+        if (action === 'STOP') { closeMenu(); return; }
     }
 
     function handleKey(action) {
@@ -326,7 +444,7 @@ var Player = (function () {
             case 'PAUSE': if (useAV) { try { avplay.pause(); } catch (e) {} } else { videoEl.pause(); } return true;
             case 'RIGHT': case 'FF': seekBy(action === 'FF' ? 30 : 10); return true;
             case 'LEFT': case 'REW': seekBy(action === 'REW' ? -30 : -10); return true;
-            case 'UP': if (_subTracks.length) { openSubMenu(); } return true;
+            case 'UP': openMenu(); return true;
             case 'DOWN': showOSD(false); return true;
             case 'STOP': case 'BACK': exit(); return true;
         }
@@ -341,7 +459,7 @@ var Player = (function () {
         if (_osdTimer) { clearTimeout(_osdTimer); _osdTimer = null; }
         hideOSD();
         subsEl.className = 'hidden'; U.clear(subsEl);
-        subMenuEl.className = 'hidden'; _menuOpen = false;
+        subMenuEl.className = 'hidden'; _menuOpen = false; _menuStack = [];
         _subOn = false; _cues = null; _subTracks = [];
         if (useAV) {
             try { avplay.stop(); } catch (e) {}
@@ -361,6 +479,7 @@ var Player = (function () {
 
     return {
         init: init, play: play, handleKey: handleKey, isActive: isActive,
-        exit: exit, continueList: continueList, getResume: getResume
+        exit: exit, continueList: continueList, getResume: getResume,
+        getSubCfg: getSubCfg, setSubCfg: setSubCfg
     };
 })();

package/js/stremio.js

@@ -112,6 +112,12 @@ var Stremio = (function () {
 
     // ---- Catalogs ----
     // Returns list of {addon, type, id, name} across all addons.
+    var TYPE_LABELS = { movie: 'Movies', series: 'Series', tv: 'Live TV', channel: 'Channels' };
+    function prettyType(t) {
+        if (TYPE_LABELS[t]) { return TYPE_LABELS[t]; }
+        return t ? (t.charAt(0).toUpperCase() + t.slice(1)) : '';
+    }
+
     function listCatalogs() {
         return loadAddons().then(function (addons) {
             var cats = [];
@@ -120,8 +126,10 @@ var Stremio = (function () {
                 cs.forEach(function (c) {
                     if (!c.type || !c.id) { return; }
                     var label = c.name || c.id;
+                    // Include the type so per-type catalogs sharing a name (e.g. Cinemeta's
+                    // "Popular" for both movie & series) don't look like duplicates.
                     cats.push({ addon: addon, type: c.type, id: c.id,
-                        name: label + ' · ' + (addon.manifest.name || 'Addon') });
+                        name: prettyType(c.type) + ' · ' + label + '  ·  ' + (addon.manifest.name || 'Addon') });
                 });
             });
             return cats;
@@ -272,12 +280,46 @@ var Stremio = (function () {
         return ('' + t).replace(/\n/g, ' ');
     }
 
+    // Short first-line label (quality / addon tag), e.g. "MediaFusion 2160p".
+    function streamName(stream) {
+        var t = stream.name || stream.title || stream.description || 'Source';
+        return ('' + t).split('\n')[0].trim();
+    }
+
+    function humanSize(bytes) {
+        if (!bytes || bytes <= 0) { return ''; }
+        var u = ['B', 'KB', 'MB', 'GB', 'TB'], i = 0, n = bytes;
+        while (n >= 1024 && i < u.length - 1) { n /= 1024; i++; }
+        return (n >= 10 ? Math.round(n) : n.toFixed(1)) + ' ' + u[i];
+    }
+
+    // File size from behaviorHints, or parsed from the title/description text.
+    function streamSize(stream) {
+        var b = stream.behaviorHints && stream.behaviorHints.videoSize;
+        if (b) { return humanSize(b); }
+        var txt = ('' + (stream.title || '') + ' ' + (stream.description || ''));
+        var m = txt.match(/(\d+(?:[.,]\d+)?)\s?(TB|GB|MB)\b/i);
+        return m ? (m[1].replace(',', '.') + ' ' + m[2].toUpperCase()) : '';
+    }
+
+    // The descriptive block (size, languages, seeds, etc. as the addon formats it).
+    // Kept multi-line so details like MediaFusion's language list survive.
+    function streamDescription(stream) {
+        var d = '' + (stream.description || stream.title || '');
+        if (!stream.name) {
+            var parts = d.split('\n');
+            if (parts.length > 1) { d = parts.slice(1).join('\n'); }
+        }
+        return d.trim();
+    }
+
     return {
         DEFAULT_ADDONS: DEFAULT_ADDONS,
         getAddonUrls: getAddonUrls, addAddon: addAddon, removeAddon: removeAddon, resetAddons: resetAddons,
         loadAddons: loadAddons, listCatalogs: listCatalogs, getCatalog: getCatalog,
         getMeta: getMeta, getStreams: getStreams, getSubtitles: getSubtitles,
         getSearchCatalogs: getSearchCatalogs, search: search,
-        isPlayable: isPlayable, streamLabel: streamLabel
+        isPlayable: isPlayable, streamLabel: streamLabel, streamName: streamName,
+        streamSize: streamSize, streamDescription: streamDescription
     };
 })();

package/js/views.js

@@ -62,16 +62,28 @@ var Views = (function () {
             var srch = U.el('div', 'gear focusable', '🔍');
             srch.style.marginRight = '24px';
             srch.__onselect = function () { App.openSearch(); };
+            srch.__navDOWN = focusFirstRowItem;
             h.appendChild(srch);
         }
         if (withGear) {
             var g = U.el('div', 'gear focusable', '⚙');
             g.__onselect = function () { App.openSettings(); };
+            g.__navDOWN = focusFirstRowItem;
             h.appendChild(g);
         }
         return h;
     }
 
+    // DOWN from the header lands on the first item of the first row
+    // (Continue Watching when present), not the geometrically-nearest card.
+    function focusFirstRowItem() {
+        var rows = scr('home').querySelector('.rows');
+        if (!rows) { return false; }
+        var first = rows.querySelector('.focusable');
+        if (first) { Focus.setFocus(first); return true; }
+        return false;
+    }
+
     function posterCard(meta, fallbackType) {
         var c = U.el('div', 'card focusable');
         var poster = meta.poster || '';
@@ -84,7 +96,7 @@ var Views = (function () {
             c.appendChild(U.el('div', 'fallback', meta.name || meta.title || ''));
         }
         c.appendChild(U.el('div', 'cap', meta.name || meta.title || ''));
-        c.__onselect = function () { App.openDetail(meta.type || fallbackType, meta.id); };
+        c.__onselect = function () { App.openDetail(meta.type || fallbackType, meta.id, meta); };
         return c;
     }
 
@@ -101,6 +113,13 @@ var Views = (function () {
         if (cont.length) {
             rows.appendChild(buildRow('Continue Watching', cont.map(function (e) {
                 var c = posterCard({ id: e.id.split(':')[0], type: e.type, name: e.name, poster: e.poster }, e.type);
+                // For a series, keep the full episode id so detail opens on the right
+                // season and focuses the exact episode being resumed.
+                c.__onselect = function () {
+                    App.openDetail(e.type, e.id.split(':')[0],
+                        { name: e.name, poster: e.poster, type: e.type },
+                        e.type === 'series' ? e.id : null);
+                };
                 if (e.duration) {
                     var p = U.el('div', 'prog');
                     p.style.width = Math.min(100, (e.position / e.duration * 100)) + '%';
@@ -162,8 +181,8 @@ var Views = (function () {
     // ================= DETAIL =================
     var _d = null; // { type, id, meta, mode, season }
 
-    function renderDetail(type, id) {
-        _d = { type: type, id: id, meta: null, mode: 'info', season: null };
+    function renderDetail(type, id, preview, target) {
+        _d = { type: type, id: id, meta: null, mode: 'info', season: null, preview: preview || null, target: target || null };
         var s = scr('detail');
         U.clear(s);
         s.appendChild(U.el('div', 'detail-hero'));
@@ -174,8 +193,15 @@ var Views = (function () {
             drawDetail();
         }, function (err) {
             U.spinner(false);
-            U.toast('Could not load details');
-            App.back();
+            // Fallback: stream-only addons (e.g. live TV/sports) may expose no meta
+            // resource. Use the catalog preview so the title still opens & plays.
+            if (_d.preview) {
+                _d.meta = Object.assign({ id: id, type: type }, _d.preview);
+                drawDetail();
+            } else {
+                U.toast('Could not load details');
+                App.back();
+            }
         });
     }
 
@@ -202,6 +228,13 @@ var Views = (function () {
         body.appendChild(U.el('div', 'detail-desc', meta.description || ''));
         s.appendChild(body);
 
+        // If resuming a series episode, pre-select its season.
+        if (_d.type === 'series' && _d.target && _d.season === null && meta.videos) {
+            var tv = meta.videos.find(function (v) { return v.id === _d.target; });
+            if (tv) { _d.season = (tv.season === undefined ? 1 : tv.season); }
+        }
+
+        _d._epFocus = null;
         if (_d.mode === 'streams') {
             body.appendChild(streamActionsBar());
             s.appendChild(streamsPanel());
@@ -210,7 +243,8 @@ var Views = (function () {
         } else {
             body.appendChild(movieActions());
         }
-        Focus.setScope(s);
+        Focus.setScope(s, _d._epFocus);
+        _d.target = null; // consume: don't re-jump after the user navigates
     }
 
     function movieActions() {
@@ -258,6 +292,7 @@ var Views = (function () {
             e.__onselect = function () {
                 openStreams(v.id, _d.meta.name + '  S' + _d.season + 'E' + (v.episode || ''));
             };
+            if (_d.target && v.id === _d.target) { _d._epFocus = e; }
             listScroll.appendChild(e);
         });
         panel.appendChild(listScroll);
@@ -303,21 +338,34 @@ var Views = (function () {
         _d.streams.forEach(function (stream) {
             var playable = Stremio.isPlayable(stream);
             var node = U.el('div', 'stream focusable');
-            node.appendChild(document.createTextNode(Stremio.streamLabel(stream)));
-            var why = '';
+            node.appendChild(document.createTextNode(Stremio.streamName(stream)));
+
+            // Detail block: size + the addon's own description (languages, seeds, etc.)
+            var lines = [];
+            var size = Stremio.streamSize(stream);
+            var desc = Stremio.streamDescription(stream);
+            if (size && !/(TB|GB|MB)\b/i.test(desc)) { lines.push('💾 ' + size); }
+            if (desc) { lines.push(desc); }
+            if (stream._addon) { lines.push('⚙️ ' + stream._addon); }
             if (!playable) {
-                if (stream.infoHash) { why = '  —  torrent, needs a debrid/torrent client'; }
-                else if (stream.externalUrl) { why = '  —  opens in an external app (not playable here)'; }
-                else { why = '  —  not directly playable on the TV'; }
+                if (stream.infoHash) { lines.push('— torrent, needs a debrid/torrent client'); }
+                else if (stream.externalUrl) { lines.push('— opens in an external app (not playable here)'); }
+                else { lines.push('— not directly playable on the TV'); }
             }
-            var sub = (stream._addon || '') + why;
-            node.appendChild(U.el('span', 's-sub', sub));
+            var sub = U.el('span', 's-sub', lines.join('\n'));
+            sub.style.whiteSpace = 'pre-line';
+            node.appendChild(sub);
             if (!playable) { node.style.opacity = '0.55'; }
             node.__onselect = function () {
                 if (!playable) { U.toast('This source can’t play directly on the TV.'); return; }
+                var sources = _d.streams.filter(Stremio.isPlayable).map(function (st) {
+                    var sz = Stremio.streamSize(st);
+                    return { url: st.url, label: (st._addon ? st._addon + '  ·  ' : '') + Stremio.streamName(st) + (sz ? '  ·  ' + sz : '') };
+                });
                 Player.play({
                     url: stream.url, type: _d.type, id: _d.streamId,
-                    name: _d.streamLabel || _d.meta.name, poster: _d.meta.poster
+                    name: _d.streamLabel || _d.meta.name, poster: _d.meta.poster,
+                    streams: sources
                 }, function () { drawDetail(); });
             };
             listScroll.appendChild(node);
@@ -391,12 +439,104 @@ var Views = (function () {
         });
     }
 
+    // ================= ADD ADDON (dedicated page) =================
+    function renderAddAddon() {
+        var s = scr('addaddon');
+        U.clear(s);
+        s.appendChild(header(false, false));
+
+        var wrap = U.el('div', 'add-wrap');
+        wrap.appendChild(U.el('h2', null, 'Add addon'));
+        wrap.appendChild(U.el('div', 'add-hint', 'Type a Stremio addon manifest URL, then choose Confirm. RETURN cancels — nothing is saved unless you confirm.'));
+
+        var input = document.createElement('input');
+        input.id = 'addaddon-input';
+        input.type = 'text';
+        input.className = 'focusable add-input';
+        input.value = 'https://';
+        input.placeholder = 'https://addon.example/manifest.json';
+        input.__onselect = function () {
+            input.focus();
+            var n = input.value.length;
+            try { input.setSelectionRange(n, n); } catch (e) {}
+        };
+        input.onkeydown = function (ev) {
+            if (ev.keyCode === 13) { if (ev.stopPropagation) { ev.stopPropagation(); } doConfirm(); }
+        };
+        wrap.appendChild(input);
+
+        var row = U.el('div', 'add-btn-row');
+        var confirmBtn = U.el('div', 'pill focusable', 'Confirm');
+        var cancelBtn = U.el('div', 'pill focusable', 'Cancel');
+        confirmBtn.__onselect = doConfirm;
+        cancelBtn.__onselect = function () { App.back(); };
+        row.appendChild(confirmBtn);
+        row.appendChild(cancelBtn);
+        wrap.appendChild(row);
+
+        s.appendChild(wrap);
+        Focus.setScope(s, input);
+
+        function doConfirm() {
+            var v = ('' + input.value).trim();
+            if (!v || v === 'https://' || v.indexOf('://') === -1 || v.length < 12) {
+                U.toast('Enter a full manifest URL');
+                return;
+            }
+            Stremio.addAddon(v);
+            U.toast('Addon added');
+            App.back();
+            renderSettings();
+        }
+    }
+
+    // ================= SUBTITLE CONFIG =================
+    var SUB_LANGS = [['off', 'Off'], ['eng', 'English'], ['spa', 'Spanish'], ['fre', 'French'],
+        ['ger', 'German'], ['ita', 'Italian'], ['por', 'Portuguese'], ['dut', 'Dutch'],
+        ['rus', 'Russian'], ['ara', 'Arabic'], ['tur', 'Turkish'], ['pol', 'Polish']];
+    var SUB_SIZES = [['small', 'Small'], ['medium', 'Medium'], ['large', 'Large'], ['xlarge', 'Extra Large']];
+    var SUB_STYLES = [['shadow', 'White + shadow'], ['box', 'White on black box'], ['yellow', 'Yellow']];
+
+    function labelFor(list, v) {
+        for (var i = 0; i < list.length; i++) { if (list[i][0] === v) { return list[i][1]; } }
+        return v;
+    }
+    function nextVal(list, v) {
+        var i = 0;
+        for (; i < list.length; i++) { if (list[i][0] === v) { break; } }
+        return list[(i + 1) % list.length][0];
+    }
+
+    function subCycleRow(caption, list, key) {
+        var row = U.el('div', 'addon-item focusable cfg-row');
+        var name = U.el('div', 'a-name');
+        function render() { var cfg = Player.getSubCfg(); name.textContent = caption + ':  ' + labelFor(list, cfg[key]); }
+        render();
+        row.appendChild(name);
+        row.appendChild(U.el('div', 'a-url', 'Press OK to change'));
+        row.__onselect = function () {
+            var cfg = Player.getSubCfg();
+            cfg[key] = nextVal(list, cfg[key]);
+            Player.setSubCfg(cfg);
+            render();
+        };
+        return row;
+    }
+
+    function buildSubtitleSection(wrap) {
+        wrap.appendChild(U.el('h2', null, 'Subtitles'));
+        wrap.appendChild(subCycleRow('Default language', SUB_LANGS, 'lang'));
+        wrap.appendChild(subCycleRow('Size', SUB_SIZES, 'size'));
+        wrap.appendChild(subCycleRow('Style', SUB_STYLES, 'style'));
+    }
+
     // ================= SETTINGS =================
     function renderSettings() {
         var s = scr('settings');
         U.clear(s);
         s.appendChild(header(false));
         var wrap = U.el('div', 'settings-wrap');
+        buildSubtitleSection(wrap);
         wrap.appendChild(U.el('h2', null, 'Addons'));
 
         Stremio.loadAddons().then(function (addons) {
@@ -430,25 +570,11 @@ var Views = (function () {
             };
             wrap.appendChild(reset);
 
-            // Add-addon input
-            var addRow = U.el('div', 'addon-item focusable');
-            addRow.appendChild(U.el('div', 'a-name', '+ Add addon (focus, then type a manifest URL)'));
-            var input = document.createElement('input');
-            input.type = 'text';
-            input.value = 'https://';
-            input.placeholder = 'https://addon.example/manifest.json';
-            input.style.cssText = 'width:100%;margin-top:10px;padding:12px;font-size:20px;background:#0e1117;color:#fff;border:2px solid #2a3346;border-radius:6px;';
-            input.onchange = function () {
-                var v = ('' + input.value).trim();
-                if (v && v !== 'https://') { Stremio.addAddon(v); U.toast('Addon added'); setTimeout(renderSettings, 500); }
-            };
-            addRow.appendChild(input);
-            addRow.__onselect = function () {
-                input.focus();
-                // place cursor at the end so the user types after https://
-                var n = input.value.length;
-                try { input.setSelectionRange(n, n); } catch (e) {}
-            };
+            // Add-addon (opens a dedicated page — keeps the field clear of the keyboard)
+            var addRow = U.el('div', 'addon-item focusable add-row');
+            addRow.appendChild(U.el('div', 'a-name', '+  Add addon'));
+            addRow.appendChild(U.el('div', 'a-url', 'Enter a Stremio addon manifest URL on its own page'));
+            addRow.__onselect = function () { App.openAddAddon(); };
             wrap.appendChild(addRow);
 
             wrap.appendChild(U.el('div', 'hint',
@@ -460,7 +586,7 @@ var Views = (function () {
 
     return {
         renderHome: renderHome, renderDetail: renderDetail, renderSettings: renderSettings,
-        renderSearch: renderSearch, backInDetail: backInDetail,
+        renderSearch: renderSearch, renderAddAddon: renderAddAddon, backInDetail: backInDetail,
         isModalOpen: function () { return _modalOpen; }, closeModal: closeModal
     };
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuvio-tizen",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Nuvio-style Stremio-addon streaming client for Tizen 3.0+ Samsung TVs (TizenBrew app module).",
   "packageType": "app",
   "appName": "Nuvio",
@@ -25,4 +25,4 @@
   ],
   "evaluateScriptOnDocumentStart": false,
   "license": "MIT"
-}
+}