@hatfiller/tizenpstream 1.0.0

package/.npmrc.example

@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken=YOUR_TOKEN

package/README.md

@@ -0,0 +1,33 @@
+# Tizen-PStream
+
+TizenBrew **site modification** module for [P-Stream](https://pstream.mov) on Samsung Tizen TVs. Adds TV remote support and D-pad focus navigation, aimed at **older Tizen TVs (pre-2022)** and current models.
+
+## Install
+
+1. Install [TizenBrew](https://github.com/reisxd/TizenBrew) on your Samsung Tizen TV.
+2. In TizenBrew’s module manager, add `@hatfiller/tizenpstream` as an NPM module.
+
+## What it does
+
+- **D-pad navigation**: Arrow keys move focus between links, buttons, and the video (spatial-style).
+- **Enter on video**: Play/pause when the video has focus.
+- **Back key**: Exits fullscreen when in fullscreen.
+- **Media keys**: Registers Play/Pause, Stop, FastForward, Rewind, Next/Previous so the TV sends key events to the page.
+
+The script is written in ES5-style JS for compatibility with older Tizen WebKit.
+
+## Module type
+
+This is a **site modification** module (`packageType: "mods"`). It injects `mods/userScript.js` (or `dist/userScript.js`) into `https://pstream.mov` when you open it via TizenBrew.
+
+## Build
+
+```bash
+npm run build
+```
+
+This copies `mods/userScript.js` to `dist/userScript.js` (used when publishing).
+
+## License
+
+MIT

package/dist/userScript.js

@@ -0,0 +1,150 @@
+/**
+ * TizenBrew mod for P-Stream (pstream.mov) on Samsung Tizen TVs.
+ * Adds TV remote key handling and focus navigation for pre-2022 and older Tizen.
+ * ES5-friendly for broad WebKit compatibility.
+ */
+(function () {
+  'use strict';
+
+  var KEY_LEFT = 37;
+  var KEY_UP = 38;
+  var KEY_RIGHT = 39;
+  var KEY_DOWN = 40;
+  var KEY_ENTER = 13;
+  var KEY_BACK = 10009;
+
+  /** @type {HTMLVideoElement | null} */
+  var lastKnownVideo = null;
+
+  function getFocusableSelector() {
+    return 'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"]), input:not([disabled]), select, textarea, [onclick], video';
+  }
+
+  function getFocusables(container) {
+    var el = container || document.body;
+    var nodes = el.querySelectorAll(getFocusableSelector());
+    var list = [];
+    for (var i = 0; i < nodes.length; i++) {
+      var n = nodes[i];
+      if (n.offsetParent !== null && !n.disabled) {
+        list.push(n);
+      }
+    }
+    return list;
+  }
+
+  function getVisibleCenter(el) {
+    var r = el.getBoundingClientRect();
+    return { x: r.left + r.width / 2, y: r.top + r.height / 2 };
+  }
+
+  function findNeighbor(current, focusables, dir) {
+    var curCenter = getVisibleCenter(current);
+    var best = null;
+    var bestDist = Infinity;
+    for (var i = 0; i < focusables.length; i++) {
+      var cand = focusables[i];
+      if (cand === current) continue;
+      var cRect = cand.getBoundingClientRect();
+      if (cRect.width === 0 || cRect.height === 0) continue;
+      var cCenter = getVisibleCenter(cand);
+      var dx = cCenter.x - curCenter.x;
+      var dy = cCenter.y - curCenter.y;
+      var use = false;
+      if (dir === 'left' && dx < 0) use = true;
+      if (dir === 'right' && dx > 0) use = true;
+      if (dir === 'up' && dy < 0) use = true;
+      if (dir === 'down' && dy > 0) use = true;
+      if (!use) continue;
+      var dist = dx * dx + dy * dy;
+      if (dist < bestDist) {
+        bestDist = dist;
+        best = cand;
+      }
+    }
+    return best;
+  }
+
+  function handleKeydown(e) {
+    var key = e.keyCode;
+    var dir = null;
+    if (key === KEY_LEFT) dir = 'left';
+    if (key === KEY_UP) dir = 'up';
+    if (key === KEY_RIGHT) dir = 'right';
+    if (key === KEY_DOWN) dir = 'down';
+
+    if (dir) {
+      var focusables = getFocusables();
+      var current = document.activeElement;
+      if (!current || current === document.body) {
+        current = focusables[0] || null;
+      }
+      var next = findNeighbor(current, focusables, dir);
+      if (next) {
+        next.focus();
+        e.preventDefault();
+        e.stopPropagation();
+        return false;
+      }
+    }
+
+    if (key === KEY_ENTER) {
+      var target = document.activeElement;
+      if (target && target.tagName === 'VIDEO') {
+        if (target.paused) target.play();
+        else target.pause();
+        e.preventDefault();
+        return false;
+      }
+    }
+
+    if (key === KEY_BACK) {
+      if (lastKnownVideo && document.fullscreenElement) {
+        document.exitFullscreen();
+        e.preventDefault();
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  function registerTVKeys() {
+    try {
+      if (typeof tizen !== 'undefined' && tizen.tvinputdevice) {
+        var keys = [
+          'MediaPlayPause', 'MediaPlay', 'MediaPause', 'MediaStop',
+          'MediaFastForward', 'MediaRewind', 'MediaTrackNext', 'MediaTrackPrevious'
+        ];
+        for (var i = 0; i < keys.length; i++) {
+          try {
+            tizen.tvinputdevice.registerKey(keys[i]);
+          } catch (err) {}
+        }
+      }
+    } catch (err) {}
+  }
+
+  function trackVideo() {
+    var v = document.querySelector('video');
+    if (v && v !== lastKnownVideo) {
+      lastKnownVideo = v;
+      v.addEventListener('play', function () {
+        lastKnownVideo = v;
+      });
+    }
+  }
+
+  function init() {
+    registerTVKeys();
+    document.addEventListener('keydown', handleKeydown, true);
+    trackVideo();
+    setInterval(trackVideo, 2000);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+})();

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@hatfiller/tizenpstream",
+  "appName": "PStream",
+  "version": "1.0.0",
+  "description": "TizenBrew module for P-Stream (pstream.mov) on Samsung Tizen TVs — TV remote support and focus handling for pre-2022 and older Tizen.",
+  "packageType": "mods",
+  "websiteURL": "https://pstream.mov",
+  "main": "dist/userScript.js",
+  "scripts": {
+    "build": "node -e \"require('fs').mkdirSync('dist',{recursive:true}); require('fs').copyFileSync('mods/userScript.js','dist/userScript.js')\"",
+    "prepublishOnly": "npm run build"
+  },
+  "author": "perlytiara",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/perlytiara/TizenPStream.git"
+  },
+  "keys": [
+    "MediaPlayPause",
+    "MediaPlay",
+    "MediaPause",
+    "MediaStop",
+    "MediaFastForward",
+    "MediaRewind",
+    "MediaTrackNext",
+    "MediaTrackPrevious"
+  ],
+  "license": "MIT"
+}