@shadowtube/tizentube-noanimations 1.15.2 → 1.15.4

package/dist/myCustom-userScript-manified.js

@@ -0,0 +1,490 @@
+/*
+ * myCustom-userScript.js
+ * Runs AFTER Reis's TizenTube userScript.js and overrides the parts it breaks.
+ *
+ *  1. Arrow-key seek (10 s) without showing the player UI   (your original fix)
+ *  2. Restore "Not interested" / "Don't recommend channel" in the tile menu
+ *     (Reis's script adds "Add to Queue" and can leave these two out)
+ *  3. Restore the subtitle / progress-bar animations
+ *     (Reis's MutationObserver strips the `app-quality-root` class from <body>)
+ *
+ * Written in plain ES5 on purpose so it runs on older Tizen / Cobalt engines.
+ */
+(function () {
+  'use strict';
+
+  /* ------------------------------------------------------------------ *
+   * Settings
+   * ------------------------------------------------------------------ */
+  var SEEK_SECONDS = 10;
+  var KEEP_ADD_TO_QUEUE = false; // true = keep "Add to Queue" in the menu
+  var QUALITY_CLASS = 'app-quality-root';
+  var DEBUG = false; // true = on-screen report whenever a tile menu is fixed
+  // Reis puts the feedback items at the very end of the menu, where the list
+  // can be cut off. Move them to this position (0 = first, 2 = after
+  // "Play" and "Save to Watch Later").
+  var FEEDBACK_POSITION = 2;
+
+  if (window.__ttCustomInstalled) return;
+  window.__ttCustomInstalled = true;
+
+  /* ================================================================== *
+   * 1) ARROW-KEY SEEK  (your original code, de-minified, logic unchanged)
+   * ================================================================== */
+  var handledKeys = {};
+
+  function isHidden(el) {
+    while (el && el !== document) {
+      var style = window.getComputedStyle(el);
+      if (
+        el.getAttribute('aria-hidden') === 'true' ||
+        (el.classList && el.classList.contains('zylon-hidden')) ||
+        style.display === 'none' ||
+        style.visibility === 'hidden'
+      ) {
+        return true;
+      }
+      el = el.parentNode;
+    }
+    return false;
+  }
+
+  function isArrowLeftRight(e) {
+    return (
+      e.key === 'ArrowLeft' ||
+      e.key === 'ArrowRight' ||
+      e.keyCode === 37 ||
+      e.keyCode === 39
+    );
+  }
+
+  function isTypingTarget(t) {
+    return (
+      t &&
+      (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName || ''))
+    );
+  }
+
+  // Focus is on a video tile (home / browse grid) -> let YouTube navigate.
+  function focusIsOnTile(target) {
+    if (!target || !target.closest) return false;
+    var tile = target.closest('ytlr-tile-renderer');
+    return !!(tile && !isHidden(tile));
+  }
+
+  // Player UI (progress bar, actions) already visible -> let YouTube handle it.
+  function playerUiVisible() {
+    var selectors = [
+      'ytlr-player-page',
+      'ytlr-player-actions-container',
+      'ytlr-progress-bar',
+    ];
+    for (var i = 0; i < selectors.length; i++) {
+      var el = document.querySelector(selectors[i]);
+      if (!el || isHidden(el)) continue;
+      var cs = window.getComputedStyle(el);
+      if (
+        cs.visibility !== 'hidden' &&
+        parseFloat(cs.opacity) > 0 &&
+        el.getClientRects().length > 0
+      ) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  function seekBy(video, direction) {
+    var t = video.currentTime + direction * SEEK_SECONDS;
+    var d = video.duration;
+    if (t < 0) t = 0;
+    if (isFinite(d) && t > d) t = d;
+    video.currentTime = t;
+  }
+
+  function onArrowKey(e) {
+    if (!isArrowLeftRight(e)) return;
+
+    var code = e.keyCode || e.which;
+    var direction = code === 39 ? 1 : -1;
+
+    if (e.type === 'keyup') {
+      if (!handledKeys[code]) return;
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      delete handledKeys[code];
+      return;
+    }
+
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+    if (isTypingTarget(e.target)) return;
+
+    var video = document.querySelector('video');
+    if (!video || video.paused || video.ended) return;
+
+    if (!handledKeys[code]) {
+      if (focusIsOnTile(e.target)) return;
+      if (playerUiVisible()) return;
+      handledKeys[code] = true;
+    }
+
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    seekBy(video, direction);
+  }
+
+  document.addEventListener('keydown', onArrowKey, true);
+  document.addEventListener('keyup', onArrowKey, true);
+
+  /* ================================================================== *
+   * 2) RESTORE "Not interested" / "Don't recommend channel"
+   *
+   * Reis hooks resolveCommand and appends an ADD_TO_QUEUE item to tile
+   * menus. We wrap resolveCommand again (on top of his hook) and, right
+   * before a menu is shown, make sure the two feedback items exist.
+   * ================================================================== */
+  function hasFeedbackToken(obj, depth) {
+    if (!obj || typeof obj !== 'object' || depth > 8) return false;
+    if (typeof obj.feedbackToken === 'string') return true;
+    for (var k in obj) {
+      if (
+        Object.prototype.hasOwnProperty.call(obj, k) &&
+        hasFeedbackToken(obj[k], depth + 1)
+      ) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  function getCustomAction(item) {
+    var r = item && item.menuServiceItemRenderer;
+    var ep = r && r.serviceEndpoint;
+    var pe = ep && ep.playlistEditEndpoint;
+    return (ep && ep.customAction) || (pe && pe.customAction) || null;
+  }
+
+  var FEEDBACK_TEXT = /not interested|don.?t recommend/i;
+
+  function getItemText(item) {
+    var r =
+      item && (item.menuServiceItemRenderer || item.menuNavigationItemRenderer);
+    var t = r && r.text;
+    if (!t) return '';
+    if (typeof t.simpleText === 'string') return t.simpleText;
+    var out = '';
+    if (t.runs)
+      for (var i = 0; i < t.runs.length; i++) out += t.runs[i].text || '';
+    return out;
+  }
+
+  // Strict check: our/Reis's custom actions, or the English label.
+  function isFeedbackItem(item) {
+    var ca = getCustomAction(item);
+    if (
+      ca &&
+      (ca.action === 'NOT_INTERESTED' || ca.action === 'DONT_RECOMMEND_CHANNEL')
+    ) {
+      return true;
+    }
+    return FEEDBACK_TEXT.test(getItemText(item));
+  }
+
+  // Item carries a YouTube feedback token (native feedback entry, any language).
+  function isTokenItem(item) {
+    var r =
+      item && (item.menuServiceItemRenderer || item.menuNavigationItemRenderer);
+    return !!(r && hasFeedbackToken(r, 0));
+  }
+
+  function findDeep(node, test, depth) {
+    if (!node || typeof node !== 'object' || depth > 10) return null;
+    if (test(node)) return node;
+    for (var k in node) {
+      if (Object.prototype.hasOwnProperty.call(node, k)) {
+        var r = findDeep(node[k], test, depth + 1);
+        if (r) return r;
+      }
+    }
+    return null;
+  }
+
+  // Native feedback items anywhere inside the tile's original data.
+  function getNativeFeedbackItems(tile) {
+    var out = [];
+    findDeep(
+      tile,
+      function (n) {
+        var items = n.menuRenderer && n.menuRenderer.items;
+        if (items && items.length) {
+          for (var i = 0; i < items.length; i++) {
+            if (isFeedbackItem(items[i]) || isTokenItem(items[i]))
+              out.push(items[i]);
+          }
+        }
+        return false; // keep walking
+      },
+      0,
+    );
+    return out;
+  }
+
+  // Panel info (same data Reis's NOT_INTERESTED / DONT_RECOMMEND_CHANNEL use),
+  // searched at any depth of the tile copy.
+  function getPanelInfo(tile) {
+    var node = findDeep(
+      tile,
+      function (n) {
+        var ep = n.showEngagementPanelEndpoint;
+        return !!(
+          ep &&
+          ep.identifier &&
+          ep.identifier.tag &&
+          ep.globalConfiguration &&
+          ep.globalConfiguration.params
+        );
+      },
+      0,
+    );
+    if (!node) return null;
+    var ep = node.showEngagementPanelEndpoint;
+    return {
+      panelId: ep.identifier.tag,
+      params: ep.globalConfiguration.params,
+    };
+  }
+
+  function makeServiceItem(text, endpoint) {
+    return {
+      menuServiceItemRenderer: {
+        text: { runs: [{ text: text }] },
+        serviceEndpoint: endpoint,
+        trackingParams: null,
+      },
+    };
+  }
+
+  function buildFeedbackItems(tile) {
+    // a) The tile's own native menu has them -> reuse.
+    var native = getNativeFeedbackItems(tile);
+    if (native.length) return native;
+    // b) Build them the way Reis's own handlers expect.
+    var panel = getPanelInfo(tile);
+    if (!panel) {
+      console.warn(
+        'myCustom: no feedback items and no panel info on tile',
+        tile,
+      );
+      return [];
+    }
+    return [
+      makeServiceItem('Not interested', {
+        clickTrackingParams: null,
+        customAction: { action: 'NOT_INTERESTED', parameters: panel },
+      }),
+      makeServiceItem("Don't recommend channel", {
+        clickTrackingParams: null,
+        customAction: { action: 'DONT_RECOMMEND_CHANNEL', parameters: panel },
+      }),
+    ];
+  }
+
+  function dbg(lines) {
+    var text = lines.join('\n');
+    console.info('myCustom:\n' + text);
+    if (!DEBUG) return;
+    try {
+      var box = document.getElementById('__ttDbg');
+      if (!box) {
+        box = document.createElement('div');
+        box.id = '__ttDbg';
+        box.style.cssText =
+          'position:fixed;top:0;left:0;z-index:2147483647;max-width:60%;' +
+          'max-height:90%;overflow:hidden;padding:8px;background:rgba(0,0,0,.88);' +
+          'color:#0f0;font:14px/1.3 monospace;white-space:pre;pointer-events:none';
+        (document.body || document.documentElement).appendChild(box);
+      }
+      box.textContent = text;
+      clearTimeout(box.__t);
+      box.__t = setTimeout(function () {
+        if (box.parentNode) box.parentNode.removeChild(box);
+      }, 15000);
+    } catch (e) {}
+  }
+
+  // The menu renders items whose endpoint is wrapped in playlistEditEndpoint
+  // (Go To Channel, Add to Queue) but Reis adds Not interested / Don't
+  // recommend with a bare `customAction`, which is not displayed.
+  // Reis's handler accepts both shapes, so re-wrap them.
+  function normalizeFeedbackItem(item) {
+    var r = item && item.menuServiceItemRenderer;
+    var ep = r && r.serviceEndpoint;
+    if (!ep || !ep.customAction || ep.playlistEditEndpoint) return;
+    var a = ep.customAction.action;
+    if (a !== 'NOT_INTERESTED' && a !== 'DONT_RECOMMEND_CHANNEL') return;
+    ep.playlistEditEndpoint = { customAction: ep.customAction };
+    delete ep.customAction;
+  }
+
+  function describeItem(item, i) {
+    var ca = getCustomAction(item);
+    return (
+      i +
+      ': ' +
+      getItemText(item) +
+      ' | act=' +
+      (ca ? ca.action : '-') +
+      ' | tok=' +
+      (isTokenItem(item) ? 1 : 0)
+    );
+  }
+
+  function fixMenuItems(items) {
+    var queueIndex = -1;
+    var hasFeedback = false;
+    var tokenItems = 0;
+    var i;
+    for (i = 0; i < items.length; i++) {
+      var ca = getCustomAction(items[i]);
+      if (ca && ca.action === 'ADD_TO_QUEUE' && queueIndex === -1)
+        queueIndex = i;
+      if (isFeedbackItem(items[i])) hasFeedback = true;
+      if (isTokenItem(items[i])) tokenItems++;
+    }
+    if (queueIndex === -1) return; // not a menu Reis touched
+    if (tokenItems >= 2) hasFeedback = true; // native pair in another language
+
+    var report = ['BEFORE (' + items.length + ' items):'];
+    for (i = 0; i < items.length; i++) report.push(describeItem(items[i], i));
+    report.push(
+      'hasFeedback=' +
+        hasFeedback +
+        ' tokenItems=' +
+        tokenItems +
+        ' queueIndex=' +
+        queueIndex,
+    );
+
+    if (!hasFeedback) {
+      var tile = getCustomAction(items[queueIndex]).parameters;
+      var restored = buildFeedbackItems(tile);
+      report.push(
+        'panelInfo=' +
+          (getPanelInfo(tile) ? 'found' : 'MISSING') +
+          ' nativeFeedback=' +
+          getNativeFeedbackItems(tile).length +
+          ' restored=' +
+          restored.length,
+      );
+      for (i = 0; i < restored.length; i++) {
+        items.splice(queueIndex + i, 0, restored[i]);
+      }
+      queueIndex += restored.length;
+    } else {
+      report.push('feedback items already in menu -> nothing added');
+    }
+
+    if (!KEEP_ADD_TO_QUEUE) items.splice(queueIndex, 1);
+
+    // Move "Not interested" / "Don't recommend channel" near the top.
+    var fb = [];
+    var rest = [];
+    for (i = 0; i < items.length; i++) {
+      if (
+        isFeedbackItem(items[i]) ||
+        (tokenItems >= 2 && isTokenItem(items[i]))
+      ) {
+        fb.push(items[i]);
+      } else {
+        rest.push(items[i]);
+      }
+    }
+    for (i = 0; i < fb.length; i++) normalizeFeedbackItem(fb[i]);
+    var at = Math.min(FEEDBACK_POSITION, rest.length);
+    var ordered = rest.slice(0, at).concat(fb, rest.slice(at));
+    items.splice.apply(items, [0, items.length].concat(ordered));
+
+    report.push('AFTER (' + items.length + ' items):');
+    for (i = 0; i < items.length; i++) report.push(describeItem(items[i], i));
+    dbg(report);
+  }
+
+  function walkForMenus(node, depth) {
+    if (!node || typeof node !== 'object' || depth > 7) return;
+    var items = node.menuRenderer && node.menuRenderer.items;
+    if (items && items.length) fixMenuItems(items);
+    for (var k in node) {
+      if (Object.prototype.hasOwnProperty.call(node, k)) {
+        walkForMenus(node[k], depth + 1);
+      }
+    }
+  }
+
+  function hookResolveCommand() {
+    var yttv = window._yttv;
+    if (!yttv) return;
+    for (var key in yttv) {
+      var entry = yttv[key];
+      if (!entry || !entry.instance) continue;
+      var current = entry.instance.resolveCommand;
+      if (typeof current !== 'function' || current.__ttCustomHook) continue;
+      entry.instance.resolveCommand = (function (orig) {
+        var wrapped = function (command) {
+          try {
+            if (
+              command &&
+              (command.showMenuCommand ||
+                command.innertubeCommand ||
+                command.commandExecutorCommand ||
+                command.openPopupAction)
+            ) {
+              walkForMenus(command, 0);
+            }
+          } catch (err) {
+            console.error('myCustom: menu fix failed', err);
+          }
+          return orig.apply(this, arguments);
+        };
+        wrapped.__ttCustomHook = true;
+        return wrapped;
+      })(current);
+    }
+  }
+
+  // Reis (re)patches resolveCommand during startup, so keep re-checking.
+  setInterval(hookResolveCommand, 500);
+
+  /* ================================================================== *
+   * 3) RESTORE SUBTITLE / PROGRESS-BAR ANIMATIONS
+   *
+   * Reis installs a MutationObserver on <body> that removes the
+   * `app-quality-root` class every time body attributes change. Two
+   * observers fighting over the class would loop forever, so instead we
+   * make classList.remove() ignore that one class on <body>.
+   * ================================================================== */
+  function protectQualityClass() {
+    var body = document.body;
+    if (!body) return false;
+    if (body.__ttQualityGuard) return true;
+    body.__ttQualityGuard = true;
+
+    var list = body.classList;
+    var origRemove = list.remove;
+    list.remove = function () {
+      var args = [];
+      for (var i = 0; i < arguments.length; i++) {
+        if (arguments[i] !== QUALITY_CLASS) args.push(arguments[i]);
+      }
+      if (args.length) return origRemove.apply(list, args);
+    };
+
+    if (!list.contains(QUALITY_CLASS)) list.add(QUALITY_CLASS);
+    return true;
+  }
+
+  if (!protectQualityClass()) {
+    var bodyWait = setInterval(function () {
+      if (protectQualityClass()) clearInterval(bodyWait);
+    }, 100);
+  }
+})();