phimpal-tv 0.2.2 → 0.2.3

package/README.md

@@ -120,6 +120,14 @@ swallow all input — that looked like a frozen cursor with a dead Return key. S
 - (0.2.2) a navigation scope (dialog/menu) now has to be on screen **and** contain something
   focusable; an element merely carrying `role="dialog"` cannot trap the keys any more, and a
   scope that refuses to close is ignored afterwards.
+- (0.2.3) **low-gfx rendering** on the TV: all CSS transitions, `backdrop-filter`, and the
+  filters/shadows on the card popup and the player are removed. A freeze with no error and no
+  trace points at the renderer, not at the script — TV compositors are known to stall on
+  `backdrop-blur` and on a 500 ms transform over a row of 4K posters. Restore the site's
+  effects with `localStorage['tv-gfx'] = 'full'`.
+- (0.2.3) the running **version is announced** bottom-right for 2 s at startup
+  (`PhimPal TV 0.2.3 · low-gfx`). If you don't see the version you just published, TizenBrew
+  is still serving a cached module: remove and re-add it in the module manager.
 
 ## Known limits
 

package/mod.js

@@ -1,4 +1,4 @@
-// PhimPal TV v0.2.2 — generated by build.js from phimpal-tv.user.js, do not edit.
+// PhimPal TV v0.2.3 — generated by build.js from phimpal-tv.user.js, do not edit.
 // TizenBrew site-modification module for https://phimpal.com/
 (function registerRemoteKeys() {
   try {
@@ -13,9 +13,11 @@
 
   // ------------------------------------------------------------------ config
   const CFG = {
+    version: '0.2.3',
     keyboardEmulation: false,  // remote key codes only
     debug: (function () { try { return localStorage.getItem('tv-debug') === '1'; } catch (e) { return false; } })(), // badge off unless asked
     hideCursor: true,          // the D-pad replaces the pointer
+    lowGfx: (function () { try { return localStorage.getItem('tv-gfx') !== 'full'; } catch (e) { return true; } })(), // flat rendering unless tv-gfx=full
     seekSteps: [10, 30, 60, 300], // seconds per press, accelerates while you keep pressing
     seekAccelWindow: 800,      // ms between presses to accelerate
     chanSeek: 300,             // Channel up/down step inside seek mode, seconds
@@ -332,7 +334,7 @@
       trace('page settled target=' + describe(t));
       if (t) setFocus(t); else badge('page: no card');
       trace('page done');
-    }), CFG.carouselAnimMs);
+    }), CFG.lowGfx ? 80 : CFG.carouselAnimMs); // no transition to wait for in low-gfx mode
     return true;
   }
   function rowsOnPage() {
@@ -962,7 +964,15 @@
                   pointer-events: none; opacity: 0; transition: opacity .3s; }
       #tv-badge { position: fixed; top: 12px; right: 12px; z-index: 2147483647; font: 13px/1.2 ui-monospace, monospace; padding: 6px 10px;
                   background: rgba(0,0,0,.75); color: #fff; border-radius: 6px; pointer-events: none; opacity: 0; transition: opacity .3s; white-space: pre; }
-    ` + (CFG.hideCursor ? '\n      html, body, * { cursor: none !important; }' : '');
+    ` + (CFG.hideCursor ? '\n      html, body, * { cursor: none !important; }' : '')
+      + (CFG.lowGfx ? `
+      /* TV compositors stall on backdrop-filter, large filters and animated transforms over
+         a dozen 4K posters: render everything flat and instant. */
+      *, *::before, *::after { transition: none !important; animation-duration: 0s !important;
+                               backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
+      .group.tv-focus .group-hover\\:block, .video-js, .video-js * { filter: none !important; box-shadow: none !important; }
+      header { background: rgba(10, 12, 20, .96) !important; }
+      .tv-focus-ring { box-shadow: none; }` : '');
     // Chromium < 90 ignores `overflow-x: clip`, which would spill every carousel across the
     // page; `hidden` is the closest thing it understands.
     let clipOk = true; try { clipOk = CSS.supports('overflow-x', 'clip'); } catch (e) { clipOk = false; }
@@ -985,7 +995,9 @@
     if (window.__tvNav && window.__tvNav.destroy) window.__tvNav.destroy(); // hot re-install (dev)
     injectCSS();
     showPreviousTrace();
-    trace('init ' + location.pathname + ' ' + innerWidth + 'x' + innerHeight);
+    trace('init ' + CFG.version + ' ' + location.pathname + ' ' + innerWidth + 'x' + innerHeight);
+    // always announce the running build once, so a stale module cache is obvious
+    setTimeout(() => badge('PhimPal TV ' + CFG.version + (CFG.lowGfx ? ' · low-gfx' : ''), true), 800);
     addEventListener('keydown', onKeySafe, true);
     patchHistory();
     const onRouteSafe = safe('route', checkRoute);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phimpal-tv",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "D-pad (TV remote) navigation for phimpal.com on Samsung Tizen TVs, as a TizenBrew site-modification module.",
   "appName": "PhimPal TV",
   "packageType": "mods",