bundled-content-script.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416
  1. /******/ (() => { // webpackBootstrap
  2. /******/ "use strict";
  3. var __webpack_exports__ = {};
  4. ;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
  5. function createRateBar(likes, dislikes) {
  6. if (!likesDisabledState) {
  7. var rateBar = document.getElementById("ryd-bar-container");
  8. var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
  9. var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
  10. if (!rateBar) {
  11. (document.getElementById("menu-container") || document.querySelector("ytm-slim-video-action-bar-renderer")).insertAdjacentHTML("beforeend", "\n <div class=\"ryd-tooltip\" style=\"width: ".concat(widthPx, "px\">\n <div class=\"ryd-tooltip-bar-container\">\n <div\n id=\"ryd-bar-container\"\n style=\"width: 100%; height: 2px;\"\n >\n <div\n id=\"ryd-bar\"\n style=\"width: ").concat(widthPercent, "%; height: 100%\"\n ></div>\n </div>\n </div>\n <tp-yt-paper-tooltip position=\"top\" id=\"ryd-dislike-tooltip\" class=\"style-scope ytd-sentiment-bar-renderer\" role=\"tooltip\" tabindex=\"-1\">\n <!--css-build:shady-->").concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString(), "\n </tp-yt-paper-tooltip>\n </div>\n "));
  12. } else {
  13. document.getElementById("ryd-bar-container").style.width = widthPx + "px";
  14. document.getElementById("ryd-bar").style.width = widthPercent + "%";
  15. document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
  16. }
  17. }
  18. }
  19. ;// CONCATENATED MODULE: ./Extensions/combined/src/utils.js
  20. function roundDown(num) {
  21. if (num < 1000) return num;
  22. var _int = Math.floor(Math.log10(num) - 2);
  23. var decimal = _int + (_int % 3 ? 1 : 0);
  24. var value = Math.floor(num / Math.pow(10, decimal));
  25. return value * Math.pow(10, decimal);
  26. }
  27. function numberFormat(numberState) {
  28. var userLocales;
  29. try {
  30. var _URL, _URL$searchParams, _Array$from, _Array$from$find;
  31. userLocales = (_URL = new URL((_Array$from = Array.from(document.querySelectorAll("head > link[rel='search']"))) === null || _Array$from === void 0 ? void 0 : (_Array$from$find = _Array$from.find(function (n) {
  32. var _n$getAttribute;
  33. return n === null || n === void 0 ? void 0 : (_n$getAttribute = n.getAttribute("href")) === null || _n$getAttribute === void 0 ? void 0 : _n$getAttribute.includes("?locale=");
  34. })) === null || _Array$from$find === void 0 ? void 0 : _Array$from$find.getAttribute("href"))) === null || _URL === void 0 ? void 0 : (_URL$searchParams = _URL.searchParams) === null || _URL$searchParams === void 0 ? void 0 : _URL$searchParams.get("locale");
  35. } catch (_unused) {}
  36. var formatter = Intl.NumberFormat(document.documentElement.lang || userLocales || navigator.language, {
  37. notation: "compact"
  38. });
  39. return formatter.format(roundDown(numberState));
  40. }
  41. function getBrowser() {
  42. if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined") {
  43. return chrome;
  44. } else if (typeof browser !== "undefined" && typeof browser.runtime !== "undefined") {
  45. return browser;
  46. } else {
  47. console.log("browser is not supported");
  48. return false;
  49. }
  50. }
  51. function getVideoId(url) {
  52. var urlObject = new URL(url);
  53. var pathname = urlObject.pathname;
  54. if (pathname.startsWith("/clip")) {
  55. return document.querySelector("meta[itemprop='videoId']").content;
  56. } else {
  57. return urlObject.searchParams.get("v");
  58. }
  59. }
  60. function isVideoLoaded() {
  61. var videoId = getVideoId(window.location.href);
  62. return document.querySelector("ytd-watch-flexy[video-id='".concat(videoId, "']")) !== null || // mobile: no video-id attribute
  63. document.querySelector('#player[loading="false"]:not([hidden])') !== null;
  64. }
  65. function cLog(message, writer) {
  66. message = "[return youtube dislike]: ".concat(message);
  67. if (writer) {
  68. writer(message);
  69. } else {
  70. console.log(message);
  71. }
  72. }
  73. ;// CONCATENATED MODULE: ./Extensions/combined/src/events.js
  74. function sendVote(vote) {
  75. if (extConfig.disableVoteSubmission !== true) {
  76. getBrowser().runtime.sendMessage({
  77. message: "send_vote",
  78. vote: vote,
  79. videoId: getVideoId(window.location.href)
  80. });
  81. }
  82. }
  83. function sendVideoIds() {
  84. var links = Array.from(document.getElementsByClassName("yt-simple-endpoint ytd-compact-video-renderer")).concat(Array.from(document.getElementsByClassName("yt-simple-endpoint ytd-thumbnail"))); // Also try mobile
  85. if (links.length < 1) links = Array.from(document.querySelectorAll(".large-media-item-metadata > a, a.large-media-item-thumbnail-container"));
  86. var ids = links.filter(function (x) {
  87. return x.href && x.href.indexOf("/watch?v=") > 0;
  88. }).map(function (x) {
  89. return getVideoId(x.href);
  90. });
  91. getBrowser().runtime.sendMessage({
  92. message: "send_links",
  93. videoIds: ids
  94. });
  95. }
  96. function likeClicked() {
  97. if (checkForSignInButton() === false) {
  98. if (storedData.previousState === DISLIKED_STATE) {
  99. sendVote(1);
  100. storedData.dislikes--;
  101. storedData.likes++;
  102. createRateBar(storedData.likes, storedData.dislikes);
  103. setDislikes(numberFormat(storedData.dislikes));
  104. storedData.previousState = LIKED_STATE;
  105. } else if (storedData.previousState === NEUTRAL_STATE) {
  106. sendVote(1);
  107. storedData.likes++;
  108. createRateBar(storedData.likes, storedData.dislikes);
  109. storedData.previousState = LIKED_STATE;
  110. } else if (storedData.previousState = LIKED_STATE) {
  111. sendVote(0);
  112. storedData.likes--;
  113. createRateBar(storedData.likes, storedData.dislikes);
  114. storedData.previousState = NEUTRAL_STATE;
  115. }
  116. }
  117. }
  118. function dislikeClicked() {
  119. if (checkForSignInButton() == false) {
  120. if (storedData.previousState === NEUTRAL_STATE) {
  121. sendVote(-1);
  122. storedData.dislikes++;
  123. setDislikes(numberFormat(storedData.dislikes));
  124. createRateBar(storedData.likes, storedData.dislikes);
  125. storedData.previousState = DISLIKED_STATE;
  126. } else if (storedData.previousState === DISLIKED_STATE) {
  127. sendVote(0);
  128. storedData.dislikes--;
  129. setDislikes(numberFormat(storedData.dislikes));
  130. createRateBar(storedData.likes, storedData.dislikes);
  131. storedData.previousState = NEUTRAL_STATE;
  132. } else if (storedData.previousState === LIKED_STATE) {
  133. sendVote(-1);
  134. storedData.likes--;
  135. storedData.dislikes++;
  136. setDislikes(numberFormat(storedData.dislikes));
  137. createRateBar(storedData.likes, storedData.dislikes);
  138. storedData.previousState = DISLIKED_STATE;
  139. }
  140. }
  141. }
  142. function addLikeDislikeEventListener() {
  143. var buttons = buttons_getButtons();
  144. if (!window.returnDislikeButtonlistenersSet) {
  145. buttons.children[0].addEventListener("click", likeClicked);
  146. buttons.children[1].addEventListener("click", dislikeClicked);
  147. window.returnDislikeButtonlistenersSet = true;
  148. }
  149. }
  150. function storageChangeHandler(changes, area) {
  151. if (changes.disableVoteSubmission !== undefined) {
  152. handleDisableVoteSubmissionChangeEvent(changes.disableVoteSubmission.newValue);
  153. }
  154. }
  155. function handleDisableVoteSubmissionChangeEvent(value) {
  156. extConfig.disableVoteSubmission = value;
  157. }
  158. ;// CONCATENATED MODULE: ./Extensions/combined/src/state.js
  159. var LIKED_STATE = "LIKED_STATE";
  160. var DISLIKED_STATE = "DISLIKED_STATE";
  161. var NEUTRAL_STATE = "NEUTRAL_STATE";
  162. var DISLIKES_DISABLED_TEXT = "DISLIKES DISABLED";
  163. var extConfig = {
  164. disableVoteSubmission: false
  165. };
  166. var storedData = {
  167. likes: 0,
  168. dislikes: 0,
  169. previousState: NEUTRAL_STATE
  170. };
  171. var likesDisabledState = true;
  172. function isMobile() {
  173. return location.hostname == "m.youtube.com";
  174. }
  175. function isVideoLiked() {
  176. if (isMobile()) {
  177. return getLikeButton().querySelector("button").getAttribute("aria-label") == "true";
  178. }
  179. return getLikeButton().classList.contains("style-default-active");
  180. }
  181. function isVideoDisliked() {
  182. if (isMobile()) {
  183. return getDislikeButton().querySelector("button").getAttribute("aria-label") == "true";
  184. }
  185. return getDislikeButton().classList.contains("style-default-active");
  186. }
  187. function getState(storedData) {
  188. if (isVideoLiked()) {
  189. return {
  190. current: LIKED_STATE,
  191. previous: storedData.previousState
  192. };
  193. }
  194. if (isVideoDisliked()) {
  195. return {
  196. current: DISLIKED_STATE,
  197. previous: storedData.previousState
  198. };
  199. }
  200. return {
  201. current: NEUTRAL_STATE,
  202. previous: storedData.previousState
  203. };
  204. } //--- Sets The Likes And Dislikes Values ---//
  205. function setLikes(likesCount) {
  206. getButtons().children[0].querySelector("#text").innerText = likesCount;
  207. }
  208. function setDislikes(dislikesCount) {
  209. if (!likesDisabledState) {
  210. if (isMobile()) {
  211. buttons_getButtons().children[1].querySelector(".button-renderer-text").innerText = dislikesCount;
  212. return;
  213. }
  214. buttons_getButtons().children[1].querySelector("#text").innerText = dislikesCount;
  215. } else {
  216. cLog("likes count diabled by creator");
  217. if (isMobile()) {
  218. buttons_getButtons().children[1].querySelector(".button-renderer-text").innerText = DISLIKES_DISABLED_TEXT;
  219. return;
  220. }
  221. buttons_getButtons().children[1].querySelector("#text").innerText = DISLIKES_DISABLED_TEXT;
  222. }
  223. }
  224. function getLikeCountFromButton() {
  225. var likesStr = getLikeButton().querySelector("button").getAttribute("aria-label").replace(/\D/g, "");
  226. return likesStr.length > 0 ? parseInt(likesStr) : false;
  227. }
  228. function processResponse(response, storedData) {
  229. var formattedDislike = numberFormat(response.dislikes);
  230. setDislikes(formattedDislike);
  231. storedData.dislikes = parseInt(response.dislikes);
  232. storedData.likes = getLikeCountFromButton() || parseInt(response.likes);
  233. if (!likesDisabledState) {
  234. createRateBar(storedData.likes, storedData.dislikes);
  235. }
  236. }
  237. function setState(storedData) {
  238. storedData.previousState = isVideoDisliked() ? DISLIKED_STATE : isVideoLiked() ? LIKED_STATE : NEUTRAL_STATE;
  239. var statsSet = false;
  240. getBrowser().runtime.sendMessage({
  241. message: "set_state",
  242. videoId: getVideoId(window.location.href),
  243. state: getState(storedData).current,
  244. likeCount: getLikeCountFromButton() || null
  245. }, function (response) {
  246. cLog("response from api:");
  247. cLog(JSON.stringify(response));
  248. likesDisabledState = numberFormat(response.dislikes) == 0 && numberFormat(response.likes) == 0 && numberFormat(response.viewCount) == 0;
  249. if (response !== undefined && !("traceId" in response) && !statsSet) {
  250. processResponse(response, storedData);
  251. }
  252. });
  253. }
  254. function setInitialState() {
  255. setState(storedData);
  256. setTimeout(function () {
  257. sendVideoIds();
  258. }, 1500);
  259. }
  260. function initExtConfig() {
  261. initializeDisableVoteSubmission();
  262. }
  263. function initializeDisableVoteSubmission() {
  264. getBrowser().storage.sync.get(['disableVoteSubmission'], function (res) {
  265. if (res.disableVoteSubmission === undefined) {
  266. getBrowser().storage.sync.set({
  267. disableVoteSubmission: false
  268. });
  269. } else {
  270. extConfig.disableVoteSubmission = res.disableVoteSubmission;
  271. }
  272. });
  273. }
  274. ;// CONCATENATED MODULE: ./Extensions/combined/src/buttons.js
  275. function buttons_getButtons() {
  276. var _document$getElementB;
  277. if (isMobile()) {
  278. return document.querySelector(".slim-video-action-bar-actions");
  279. } //--- If Menu Element Is Displayed: ---//
  280. if (((_document$getElementB = document.getElementById("menu-container")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetParent) === null) {
  281. return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div"); //--- If Menu Element Isnt Displayed: ---//
  282. } else {
  283. var _document$getElementB2;
  284. return (_document$getElementB2 = document.getElementById("menu-container")) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.querySelector("#top-level-buttons-computed");
  285. }
  286. }
  287. function getLikeButton() {
  288. return buttons_getButtons().children[0];
  289. }
  290. function getDislikeButton() {
  291. return buttons_getButtons().children[1];
  292. }
  293. function checkForSignInButton() {
  294. if (document.querySelector("a[href^='https://accounts.google.com/ServiceLogin']")) {
  295. return true;
  296. } else {
  297. return false;
  298. }
  299. }
  300. ;// CONCATENATED MODULE: ./Extensions/combined/ryd.content-script.js
  301. //--- Import Button Functions ---//
  302. //--- Import State Functions ---//
  303. //--- Import Video & Browser Functions ---//
  304. initExtConfig();
  305. var jsInitChecktimer = null;
  306. function setEventListeners(evt) {
  307. function checkForJS_Finish() {
  308. var _getButtons;
  309. if ((_getButtons = buttons_getButtons()) !== null && _getButtons !== void 0 && _getButtons.offsetParent && isVideoLoaded()) {
  310. clearInterval(jsInitChecktimer);
  311. jsInitChecktimer = null;
  312. addLikeDislikeEventListener();
  313. setInitialState();
  314. getBrowser().storage.onChanged.addListener(storageChangeHandler);
  315. }
  316. }
  317. if (window.location.href.indexOf("watch?") >= 0) {
  318. jsInitChecktimer = setInterval(checkForJS_Finish, 111);
  319. }
  320. }
  321. setEventListeners();
  322. document.addEventListener("yt-navigate-finish", function (event) {
  323. if (jsInitChecktimer !== null) clearInterval(jsInitChecktimer);
  324. window.returnDislikeButtonlistenersSet = false;
  325. setEventListeners();
  326. });
  327. setTimeout(function () {
  328. return sendVideoIds();
  329. }, 2500);
  330. /******/ })()
  331. ;