bundled-content-script.js 12 KB

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