bundled-content-script.js 13 KB

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