mirror of
https://github.com/yusufipk/YouTubeOutlierBadge.git
synced 2026-09-11 10:56:14 +00:00
yusufipek
0d5a232f08
Scores every card against the median views of its own channel's last N videos, badging the thumbnail above the duration stamp. Shorts and regular videos are scored in separate pools, live streams in none. Baselines come from YouTube's InnerTube endpoint, one request per channel, cached a day. Interface in English and Turkish.
106 lines
3.0 KiB
JavaScript
106 lines
3.0 KiB
JavaScript
/* Kartın kapağının üstüne basılan rozet.
|
||
*
|
||
* Rozet kapağın kendi kapsayıcısına konur, karta değil: YouTube kartın alt
|
||
* kısmını (başlık, kanal satırı) sık sık yeniden çiziyor, kapak kutusu ise
|
||
* kaydırma boyunca yerinde kalıyor. Konumu süre damgasının hemen üstü.
|
||
*/
|
||
var OBBadge = (function () {
|
||
"use strict";
|
||
|
||
var P = OBParse;
|
||
var T = OBI18n;
|
||
var HOST_SELECTORS = [
|
||
"ytd-thumbnail",
|
||
"yt-thumbnail-view-model",
|
||
".ytThumbnailViewModelHost",
|
||
"a#thumbnail",
|
||
".shortsLockupViewModelHostThumbnailContainer"
|
||
];
|
||
|
||
function host(card) {
|
||
for (var i = 0; i < HOST_SELECTORS.length; i++) {
|
||
var el = card.querySelector(HOST_SELECTORS[i]);
|
||
if (el) return el;
|
||
}
|
||
return card;
|
||
}
|
||
|
||
function isShortCard(card) {
|
||
return /shorts-lockup/i.test(card.tagName) || !!card.querySelector('a[href*="/shorts/"]');
|
||
}
|
||
|
||
function tone(score) {
|
||
if (score >= 10) return "ob-t4";
|
||
if (score >= 5) return "ob-t3";
|
||
if (score >= 2) return "ob-t2";
|
||
if (score >= 1) return "ob-t1";
|
||
return "ob-t0";
|
||
}
|
||
|
||
function label(score) {
|
||
if (score >= 10) return Math.round(score) + "x";
|
||
return T.num(Math.round(score * 10) / 10, 1) + "x";
|
||
}
|
||
|
||
function element(card) {
|
||
var box = host(card);
|
||
var el = box.querySelector(":scope > .ob-badge");
|
||
if (!el) {
|
||
el = document.createElement("div");
|
||
el.className = "ob-badge";
|
||
if (getComputedStyle(box).position === "static") box.style.position = "relative";
|
||
box.appendChild(el);
|
||
}
|
||
/* Shorts kapağının altı izlenme metniyle dolu, rozet orada üste gider. */
|
||
el.dataset.short = isShortCard(card) ? "1" : "";
|
||
return el;
|
||
}
|
||
|
||
function base(el) {
|
||
return "ob-badge" + (el.dataset.short ? " ob-short" : "");
|
||
}
|
||
|
||
function loading(card) {
|
||
var el = element(card);
|
||
el.className = base(el) + " ob-loading";
|
||
el.textContent = "";
|
||
el.removeAttribute("title");
|
||
}
|
||
|
||
function show(card, result, extra) {
|
||
var el = element(card);
|
||
el.className = base(el) + " " + tone(result.score);
|
||
el.textContent = label(result.score);
|
||
var unit = T.t(extra && extra.isShort ? "unitShorts" : "unitVideos");
|
||
var lines = [
|
||
T.t("badgeScore", label(result.score)),
|
||
T.t("badgeViews", P.humanCount(result.views)),
|
||
T.t("badgeMedian", P.humanCount(result.median), result.sample, unit)
|
||
];
|
||
if (result.percentile != null) {
|
||
lines.push(T.t("badgeRank", Math.round(result.percentile * 100)));
|
||
}
|
||
if (extra && extra.young) {
|
||
lines.push(T.t("badgeYoung"));
|
||
el.className += " ob-young";
|
||
}
|
||
lines.push(T.t("badgeRounded"));
|
||
el.title = lines.join("\n");
|
||
}
|
||
|
||
function fail(card, reason) {
|
||
var el = element(card);
|
||
el.className = base(el) + " ob-none";
|
||
el.textContent = "-";
|
||
el.title = reason || T.t("badgeFailed");
|
||
}
|
||
|
||
function clear(card) {
|
||
var box = host(card);
|
||
var el = box.querySelector(":scope > .ob-badge");
|
||
if (el) el.remove();
|
||
}
|
||
|
||
return { loading: loading, show: show, fail: fail, clear: clear };
|
||
})();
|