nuvio-tizen 1.0.0

package/js/views.js

@@ -0,0 +1,330 @@
+/* Screen rendering. Global namespace: Views
+   Screens: home (#screen-home), detail (#screen-detail), settings (#screen-settings). */
+var Views = (function () {
+    'use strict';
+
+    function scr(name) { return U.byId('screen-' + name); }
+
+    // ---------- shared bits ----------
+    function header(withGear) {
+        var h = U.el('div', 'header');
+        var brand = U.el('div', 'brand');
+        brand.innerHTML = 'NUVIO<span class="dot">.</span>';
+        h.appendChild(brand);
+        h.appendChild(U.el('div', 'spacer'));
+        if (withGear) {
+            var g = U.el('div', 'gear focusable', '⚙');
+            g.__onselect = function () { App.openSettings(); };
+            h.appendChild(g);
+        }
+        return h;
+    }
+
+    function posterCard(meta, fallbackType) {
+        var c = U.el('div', 'card focusable');
+        var poster = meta.poster || '';
+        if (poster) {
+            var img = U.el('img', 'poster');
+            img.onerror = function () { img.style.display = 'none'; c.appendChild(U.el('div', 'fallback', meta.name || meta.title || '')); };
+            img.src = poster;
+            c.appendChild(img);
+        } else {
+            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); };
+        return c;
+    }
+
+    // ================= HOME =================
+    function renderHome() {
+        var s = scr('home');
+        U.clear(s);
+        s.appendChild(header(true));
+        var rows = U.el('div', 'rows');
+        s.appendChild(rows);
+
+        // Continue watching
+        var cont = Player.continueList();
+        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);
+                if (e.duration) {
+                    var p = U.el('div', 'prog');
+                    p.style.width = Math.min(100, (e.position / e.duration * 100)) + '%';
+                    c.appendChild(p);
+                }
+                return c;
+            })));
+        }
+
+        U.spinner(true);
+        Stremio.listCatalogs().then(function (cats) {
+            var pick = cats.slice(0, 10);
+            // Render placeholder rows in order, fill as data arrives.
+            var rowNodes = pick.map(function (cat) {
+                var placeholder = buildRow(cat.name, []);
+                rows.appendChild(placeholder);
+                return placeholder;
+            });
+            Focus.setScope(s);
+            U.spinner(false);
+
+            var tasks = pick.map(function (cat, i) {
+                return function () {
+                    return Stremio.getCatalog(cat).then(function (metas) {
+                        fillRow(rowNodes[i], metas.slice(0, 24), cat.type);
+                    });
+                };
+            });
+            U.settleAll(tasks, 3).then(function () {
+                // Remove empty rows, refresh focus scope.
+                for (var i = rowNodes.length - 1; i >= 0; i--) {
+                    if (!rowNodes[i].getAttribute('data-filled')) { rows.removeChild(rowNodes[i]); }
+                }
+                if (!Focus.current()) { Focus.setScope(s); }
+            });
+        }, function (err) {
+            U.spinner(false);
+            U.toast('Failed to load addons. Check network / Settings.');
+            Focus.setScope(s);
+        });
+    }
+
+    function buildRow(title, cards) {
+        var row = U.el('div', 'row');
+        row.appendChild(U.el('div', 'row-title', title));
+        var scroller = U.el('div', 'row-scroller');
+        cards.forEach(function (c) { scroller.appendChild(c); });
+        row.appendChild(scroller);
+        return row;
+    }
+
+    function fillRow(rowNode, metas, fallbackType) {
+        if (!metas.length) { return; }
+        var scroller = rowNode.querySelector('.row-scroller');
+        metas.forEach(function (m) { scroller.appendChild(posterCard(m, fallbackType)); });
+        rowNode.setAttribute('data-filled', '1');
+    }
+
+    // ================= DETAIL =================
+    var _d = null; // { type, id, meta, mode, season }
+
+    function renderDetail(type, id) {
+        _d = { type: type, id: id, meta: null, mode: 'info', season: null };
+        var s = scr('detail');
+        U.clear(s);
+        s.appendChild(U.el('div', 'detail-hero'));
+        U.spinner(true);
+        Stremio.getMeta(type, id).then(function (meta) {
+            _d.meta = meta;
+            U.spinner(false);
+            drawDetail();
+        }, function (err) {
+            U.spinner(false);
+            U.toast('Could not load details');
+            App.back();
+        });
+    }
+
+    function drawDetail() {
+        var s = scr('detail');
+        U.clear(s);
+        var meta = _d.meta;
+
+        var hero = U.el('div', 'detail-hero');
+        var bg = meta.background || meta.poster;
+        if (bg) { hero.style.backgroundImage = 'url("' + bg + '")'; }
+        hero.appendChild(U.el('div', 'shade'));
+        s.appendChild(hero);
+
+        var body = U.el('div', 'detail-body');
+        body.appendChild(U.el('div', 'detail-title', meta.name || meta.title || ''));
+        var bits = [];
+        if (meta.releaseInfo) { bits.push(meta.releaseInfo); }
+        else if (meta.year) { bits.push('' + meta.year); }
+        if (meta.runtime) { bits.push(meta.runtime); }
+        if (meta.imdbRating) { bits.push('★ ' + meta.imdbRating); }
+        if (meta.genres && meta.genres.length) { bits.push(meta.genres.slice(0, 3).join(', ')); }
+        body.appendChild(U.el('div', 'detail-meta', bits.join('   ·   ')));
+        body.appendChild(U.el('div', 'detail-desc', meta.description || ''));
+        s.appendChild(body);
+
+        if (_d.mode === 'streams') {
+            body.appendChild(streamActionsBar());
+            s.appendChild(streamsPanel());
+        } else if (_d.type === 'series' && meta.videos && meta.videos.length) {
+            s.appendChild(seriesPanel());
+        } else {
+            body.appendChild(movieActions());
+        }
+        Focus.setScope(s);
+    }
+
+    function movieActions() {
+        var row = U.el('div', 'btn-row');
+        var play = U.el('div', 'pill focusable', '▶  Play');
+        play.__onselect = function () { openStreams(_d.id, _d.meta.name); };
+        row.appendChild(play);
+        return row;
+    }
+
+    // ----- series episodes -----
+    function seasons(meta) {
+        var set = {};
+        meta.videos.forEach(function (v) { var s = (v.season === undefined ? 1 : v.season); set[s] = true; });
+        var arr = Object.keys(set).map(function (k) { return parseInt(k, 10); });
+        arr.sort(function (a, b) { return a - b; });
+        return arr;
+    }
+
+    function seriesPanel() {
+        var meta = _d.meta;
+        var ss = seasons(meta);
+        if (_d.season === null) { _d.season = ss.indexOf(1) !== -1 ? 1 : ss[0]; }
+
+        var panel = U.el('div', 'list-panel');
+        var bar = U.el('div', 'season-bar');
+        ss.forEach(function (sn) {
+            var p = U.el('div', 'pill focusable', 'Season ' + sn);
+            if (sn === _d.season) { p.style.background = '#2a3346'; }
+            p.__onselect = function () { _d.season = sn; drawDetail(); };
+            bar.appendChild(p);
+        });
+        panel.appendChild(bar);
+
+        var listScroll = U.el('div', 'list-scroll');
+        listScroll.style.position = 'relative';
+        listScroll.style.top = '60px';
+        listScroll.style.height = '340px';
+        var eps = meta.videos.filter(function (v) { return (v.season === undefined ? 1 : v.season) === _d.season; });
+        eps.sort(function (a, b) { return (a.episode || 0) - (b.episode || 0); });
+        eps.forEach(function (v) {
+            var e = U.el('div', 'ep focusable');
+            e.appendChild(document.createTextNode('E' + (v.episode || '?') + '  ' + (v.title || v.name || '')));
+            if (v.overview) { e.appendChild(U.el('span', 'ep-sub', v.overview)); }
+            e.__onselect = function () {
+                openStreams(v.id, _d.meta.name + '  S' + _d.season + 'E' + (v.episode || ''));
+            };
+            listScroll.appendChild(e);
+        });
+        panel.appendChild(listScroll);
+        return panel;
+    }
+
+    // ----- streams -----
+    function openStreams(videoId, label) {
+        _d.mode = 'streams';
+        _d.streamId = videoId;
+        _d.streamLabel = label;
+        _d.streams = null;
+        drawDetail();
+        U.spinner(true);
+        Stremio.getStreams(_d.type, videoId).then(function (list) {
+            _d.streams = list;
+            U.spinner(false);
+            if (_d.mode === 'streams') { drawDetail(); }
+        }, function () {
+            _d.streams = [];
+            U.spinner(false);
+            if (_d.mode === 'streams') { drawDetail(); }
+        });
+    }
+
+    function streamActionsBar() {
+        var row = U.el('div', 'btn-row');
+        row.appendChild(U.el('div', 'detail-meta', 'Sources for ' + (_d.streamLabel || '')));
+        return row;
+    }
+
+    function streamsPanel() {
+        var panel = U.el('div', 'list-panel');
+        var listScroll = U.el('div', 'list-scroll');
+        if (_d.streams === null) {
+            panel.appendChild(U.el('div', 'detail-meta', 'Loading sources…'));
+            return panel;
+        }
+        if (!_d.streams.length) {
+            panel.appendChild(U.el('div', 'detail-meta', 'No sources found. Add a stream addon in Settings.'));
+            return panel;
+        }
+        _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 sub = (stream._addon || '') + (playable ? '' : '  —  needs torrent/debrid client (not supported)');
+            node.appendChild(U.el('span', 's-sub', 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; }
+                Player.play({
+                    url: stream.url, type: _d.type, id: _d.streamId,
+                    name: _d.streamLabel || _d.meta.name, poster: _d.meta.poster
+                }, function () { drawDetail(); });
+            };
+            listScroll.appendChild(node);
+        });
+        panel.appendChild(listScroll);
+        return panel;
+    }
+
+    // Return true if BACK was handled inside detail (streams -> info).
+    function backInDetail() {
+        if (_d && _d.mode === 'streams') {
+            _d.mode = 'info';
+            drawDetail();
+            return true;
+        }
+        return false;
+    }
+
+    // ================= SETTINGS =================
+    function renderSettings() {
+        var s = scr('settings');
+        U.clear(s);
+        s.appendChild(header(false));
+        var wrap = U.el('div', 'settings-wrap');
+        wrap.appendChild(U.el('h2', null, 'Addons'));
+
+        Stremio.loadAddons().then(function (addons) {
+            var urls = Stremio.getAddonUrls();
+            urls.forEach(function (url) {
+                var loaded = addons.find(function (a) { return a.url === url; });
+                var item = U.el('div', 'addon-item focusable');
+                item.appendChild(U.el('div', 'a-name', loaded ? (loaded.manifest.name || 'Addon') : '(failed to load)'));
+                item.appendChild(U.el('div', 'a-url', url));
+                item.__onselect = function () {
+                    U.toast('Removed. Reopening…');
+                    Stremio.removeAddon(url);
+                    setTimeout(renderSettings, 500);
+                };
+                wrap.appendChild(item);
+            });
+
+            // 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.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;
+                if (v) { Stremio.addAddon(v); U.toast('Addon added'); setTimeout(renderSettings, 500); }
+            };
+            addRow.appendChild(input);
+            addRow.__onselect = function () { input.focus(); };
+            wrap.appendChild(addRow);
+
+            wrap.appendChild(U.el('div', 'hint',
+                'Select an addon to remove it. Nuvio hosts no content — catalogs & metadata come from Cinemeta; add your own Stremio stream addon URLs above to get playable sources. Press RETURN to go back.'));
+            s.appendChild(wrap);
+            Focus.setScope(s);
+        });
+    }
+
+    return {
+        renderHome: renderHome, renderDetail: renderDetail, renderSettings: renderSettings,
+        backInDetail: backInDetail
+    };
+})();

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "nuvio-tizen",
+  "version": "1.0.0",
+  "description": "Nuvio-style Stremio-addon streaming client for Tizen 3.0+ Samsung TVs (TizenBrew app module).",
+  "packageType": "app",
+  "appName": "Nuvio",
+  "appPath": "index.html",
+  "files": [
+    "index.html",
+    "css",
+    "js",
+    "icon.png",
+    "config.xml",
+    "README.md"
+  ],
+  "keys": [
+    "MediaPlay",
+    "MediaPause",
+    "MediaPlayPause",
+    "MediaStop",
+    "MediaRewind",
+    "MediaFastForward",
+    "MediaTrackPrevious",
+    "MediaTrackNext"
+  ],
+  "evaluateScriptOnDocumentStart": false,
+  "license": "MIT"
+}