Webpack fixes, build now builds both FF and chrome versions

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015"]
+  "presets": ["@babel/preset-env"]
 }

Extensions/combined/dist/chrome/bundled-content-script.js

@@ -0,0 +1,361 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+var __webpack_exports__ = {};
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
+
+
+function createRateBar(likes, dislikes) {
+  var rateBar = document.getElementById("ryd-bar-container");
+  var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
+  var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
+
+  if (!rateBar) {
+    (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  "));
+  } else {
+    document.getElementById("ryd-bar-container").style.width = widthPx + "px";
+    document.getElementById("ryd-bar").style.width = widthPercent + "%";
+    document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/utils.js
+function roundDown(num) {
+  if (num < 1000) return num;
+
+  var _int = Math.floor(Math.log10(num) - 2);
+
+  var decimal = _int + (_int % 3 ? 1 : 0);
+  var value = Math.floor(num / Math.pow(10, decimal));
+  return value * Math.pow(10, decimal);
+}
+
+function numberFormat(numberState) {
+  var userLocales;
+
+  try {
+    var _URL, _URL$searchParams, _Array$from, _Array$from$find;
+
+    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) {
+      var _n$getAttribute;
+
+      return n === null || n === void 0 ? void 0 : (_n$getAttribute = n.getAttribute("href")) === null || _n$getAttribute === void 0 ? void 0 : _n$getAttribute.includes("?locale=");
+    })) === 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");
+  } catch (_unused) {}
+
+  var formatter = Intl.NumberFormat(document.documentElement.lang || userLocales || navigator.language, {
+    notation: "compact"
+  });
+  return formatter.format(roundDown(numberState));
+}
+
+function getBrowser() {
+  if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined") {
+    return chrome;
+  } else if (typeof browser !== "undefined" && typeof browser.runtime !== "undefined") {
+    return browser;
+  } else {
+    console.log("browser is not supported");
+    return false;
+  }
+}
+
+function getVideoId(url) {
+  var urlObject = new URL(url);
+  var pathname = urlObject.pathname;
+
+  if (pathname.startsWith("/clip")) {
+    return document.querySelector("meta[itemprop='videoId']").content;
+  } else {
+    return urlObject.searchParams.get("v");
+  }
+}
+
+function isVideoLoaded() {
+  var videoId = getVideoId(window.location.href);
+  return document.querySelector("ytd-watch-flexy[video-id='".concat(videoId, "']")) !== null || // mobile: no video-id attribute
+  document.querySelector('#player[loading="false"]:not([hidden])') !== null;
+}
+
+function cLog(message, writer) {
+  message = "[return youtube dislike]: ".concat(message);
+
+  if (writer) {
+    writer(message);
+  } else {
+    console.log(message);
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/events.js
+
+
+
+
+
+function sendVote(vote) {
+  getBrowser().runtime.sendMessage({
+    message: "send_vote",
+    vote: vote,
+    videoId: getVideoId(window.location.href)
+  });
+}
+
+function sendVideoIds() {
+  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
+
+  if (links.length < 1) links = Array.from(document.querySelectorAll(".large-media-item-metadata > a, a.large-media-item-thumbnail-container"));
+  var ids = links.filter(function (x) {
+    return x.href && x.href.indexOf("/watch?v=") > 0;
+  }).map(function (x) {
+    return getVideoId(x.href);
+  });
+  getBrowser().runtime.sendMessage({
+    message: "send_links",
+    videoIds: ids
+  });
+}
+
+function likeClicked(storedData) {
+  if (checkForSignInButton() === false) {
+    if (storedData.previousState === DISLIKED_STATE) {
+      sendVote(1);
+      storedData.dislikes--;
+      storedData.likes++;
+      createRateBar(storedData.likes, storedData.dislikes);
+      setDislikes(numberFormat(storedData.dislikes));
+      storedData.previousState = LIKED_STATE;
+    } else if (storedData.previousState === NEUTRAL_STATE) {
+      sendVote(1);
+      storedData.likes++;
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = LIKED_STATE;
+    } else if (storedData.previousState = LIKED_STATE) {
+      sendVote(0);
+      storedData.likes--;
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = NEUTRAL_STATE;
+    }
+  }
+}
+
+function dislikeClicked(storedData) {
+  if (checkForSignInButton() == false) {
+    if (storedData.previousState === NEUTRAL_STATE) {
+      sendVote(-1);
+      storedData.dislikes++;
+      setDislikes(numberFormat(storedData.dislikes));
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = DISLIKED_STATE;
+    } else if (storedData.previousState === DISLIKED_STATE) {
+      sendVote(0);
+      storedData.dislikes--;
+      setDislikes(numberFormat(storedData.dislikes));
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = NEUTRAL_STATE;
+    } else if (storedData.previousState === LIKED_STATE) {
+      sendVote(-1);
+      storedData.likes--;
+      storedData.dislikes++;
+      setDislikes(numberFormat(storedData.dislikes));
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = DISLIKED_STATE;
+    }
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/state.js
+
+
+
+
+var LIKED_STATE = "LIKED_STATE";
+var DISLIKED_STATE = "DISLIKED_STATE";
+var NEUTRAL_STATE = "NEUTRAL_STATE";
+
+function isMobile() {
+  return location.hostname == "m.youtube.com";
+}
+
+function isVideoLiked() {
+  if (isMobile()) {
+    return getLikeButton().querySelector("button").getAttribute("aria-label") == "true";
+  }
+
+  return getLikeButton().classList.contains("style-default-active");
+}
+
+function isVideoDisliked() {
+  if (isMobile()) {
+    return getDislikeButton().querySelector("button").getAttribute("aria-label") == "true";
+  }
+
+  return getDislikeButton().classList.contains("style-default-active");
+}
+
+function getState(storedData) {
+  if (isVideoLiked()) {
+    return {
+      current: LIKED_STATE,
+      previous: storedData.previousState
+    };
+  }
+
+  if (isVideoDisliked()) {
+    return {
+      current: DISLIKED_STATE,
+      previous: storedData.previousState
+    };
+  }
+
+  return {
+    current: NEUTRAL_STATE,
+    previous: storedData.previousState
+  };
+} //---   Sets The Likes And Dislikes Values   ---//
+
+
+function setLikes(likesCount) {
+  getButtons().children[0].querySelector("#text").innerText = likesCount;
+}
+
+function setDislikes(dislikesCount) {
+  if (isMobile()) {
+    buttons_getButtons().children[1].querySelector(".button-renderer-text").innerText = dislikesCount;
+    return;
+  }
+
+  buttons_getButtons().children[1].querySelector("#text").innerText = dislikesCount;
+}
+
+function getLikeCountFromButton() {
+  var likesStr = getLikeButton().querySelector("button").getAttribute("aria-label").replace(/\D/g, "");
+  return likesStr.length > 0 ? parseInt(likesStr) : false;
+}
+
+function processResponse(response, storedData) {
+  var formattedDislike = numberFormat(response.dislikes);
+  setDislikes(formattedDislike);
+  storedData.dislikes = parseInt(response.dislikes);
+  storedData.likes = getLikeCountFromButton() || parseInt(response.likes);
+  createRateBar(storedData.likes, storedData.dislikes);
+}
+
+function setState(storedData) {
+  storedData.previousState = isVideoDisliked() ? DISLIKED_STATE : isVideoLiked() ? LIKED_STATE : NEUTRAL_STATE;
+  var statsSet = false;
+  getBrowser().runtime.sendMessage({
+    message: "set_state",
+    videoId: getVideoId(window.location.href),
+    state: getState(storedData).current,
+    likeCount: getLikeCountFromButton() || null
+  }, function (response) {
+    cLog("response from api:");
+    cLog(JSON.stringify(response));
+
+    if (response !== undefined && !("traceId" in response) && !statsSet) {
+      processResponse(response, storedData);
+    } else {}
+  });
+}
+
+function setInitialState(storedData) {
+  setState(storedData);
+  setTimeout(function () {
+    sendVideoIds();
+  }, 1500);
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/buttons.js
+
+
+function buttons_getButtons() {
+  var _document$getElementB;
+
+  if (isMobile()) {
+    return document.querySelector(".slim-video-action-bar-actions");
+  } //---   If Menu Element Is Displayed:   ---//
+
+
+  if (((_document$getElementB = document.getElementById("menu-container")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetParent) === null) {
+    return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div"); //---   If Menu Element Isnt Displayed:   ---//
+  } else {
+    var _document$getElementB2;
+
+    return (_document$getElementB2 = document.getElementById("menu-container")) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.querySelector("#top-level-buttons-computed");
+  }
+}
+
+function getLikeButton() {
+  return buttons_getButtons().children[0];
+}
+
+function getDislikeButton() {
+  return buttons_getButtons().children[1];
+}
+
+function checkForSignInButton() {
+  if (document.querySelector("a[href^='https://accounts.google.com/ServiceLogin']")) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/ryd.content-script.js
+
+
+
+
+
+var storedData = {
+  likes: 0,
+  dislikes: 0,
+  previousState: NEUTRAL_STATE
+};
+var jsInitChecktimer = null;
+
+function setEventListeners(evt) {
+  function checkForJS_Finish() {
+    var _getButtons;
+
+    if ((_getButtons = buttons_getButtons()) !== null && _getButtons !== void 0 && _getButtons.offsetParent && isVideoLoaded()) {
+      clearInterval(jsInitChecktimer);
+      jsInitChecktimer = null;
+      var buttons = buttons_getButtons();
+
+      if (!window.returnDislikeButtonlistenersSet) {
+        buttons.children[0].addEventListener("click", function () {
+          return likeClicked(storedData);
+        });
+        buttons.children[1].addEventListener("click", function () {
+          return dislikeClicked(storedData);
+        });
+        window.returnDislikeButtonlistenersSet = true;
+      }
+
+      setInitialState(storedData);
+    }
+  }
+
+  if (window.location.href.indexOf("watch?") >= 0) {
+    jsInitChecktimer = setInterval(checkForJS_Finish, 111);
+  }
+}
+
+setEventListeners();
+document.addEventListener("yt-navigate-finish", function (event) {
+  if (jsInitChecktimer !== null) clearInterval(jsInitChecktimer);
+  window.returnDislikeButtonlistenersSet = false;
+  setEventListeners();
+});
+setTimeout(function () {
+  return sendVideoIds();
+}, 2500);
+/******/ })()
+;

Extensions/combined/dist/chrome/content-style.css

@@ -0,0 +1,26 @@
+#ryd-bar-container {
+  background: var(--yt-spec-icon-disabled);
+  border-radius: 2px;
+}
+
+#ryd-bar {
+  background: var(--yt-spec-text-primary);
+  border-radius: 2px;
+  transition: all 0.15s ease-in-out;
+}
+
+.ryd-tooltip {
+  position: relative;
+  display: block;
+  height: 2px;
+  top: 9px;
+}
+
+.ryd-tooltip-bar-container {
+  width: 100%;
+  height: 2px;
+  position: absolute;
+  padding-top: 6px;
+  padding-bottom: 28px;
+  top: -6px;
+}

Extensions/combined/dist/chrome/manifest.json

@@ -25,7 +25,7 @@
         "*://m.youtube.com/*"
       ],
       "exclude_matches": ["*://*.music.youtube.com/*"],
-      "js": ["ryd.content-script.js"],
+      "js": ["bundled-content-script.js"],
       "css": ["content-style.css"]
     }
   ],

Extensions/combined/dist/chrome/popup.css

@@ -0,0 +1,119 @@
+/* Variables */
+:root {
+  --primary: #cc2929;
+  --accent: #581111;
+
+  --background: #111;
+  --secondary: #272727;
+  --tertiary: #333333;
+  --lightGrey: #999;
+  --white: #fff;
+}
+
+/* Window Styling */
+html,
+body {
+  background-color: var(--background);
+  color: var(--white);
+  min-width: 300px;
+  padding: 0.5em;
+  font-family: 'Roboto', Arial, Helvetica, sans-serif;
+  font-size: 14px;
+}
+
+h1 {
+  font-size: 26px;
+}
+
+button {
+  color: var(--white);
+  background: var(--secondary);
+  cursor: pointer;
+  padding: 5px 16px;
+  border: none;
+  border-radius: 4px;
+  font-weight: 500;
+  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
+  transition: .4s;
+}
+
+button:hover {
+  background: #444;
+}
+
+#advancedToggle {
+  margin-top: 1em;
+  margin-bottom: 2em;
+}
+
+#advancedSettings {
+  display: none;
+  border: 2px solid var(--secondary);
+  border-radius: 0.5rem;
+  padding: 1rem;
+}
+
+#advancedLegend {
+  color: var(--tertiary) !important;
+  /* margin: auto; */ /* Center the label */
+  /* padding: .25rem .5rem; */
+  /* border-radius: .25rem; */
+  /* border: .25rem solid var(--secondary); */
+}
+
+/*   Switches   */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 30px;
+  height: 17px;
+  margin-bottom: 1rem;
+}
+
+.switch:last-of-type {
+  margin-bottom: 0;
+}
+
+.switch input {
+  display: none;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--secondary);
+  transition: 0.4s;
+  border-radius: 34px;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 13px;
+  width: 13px;
+  left: 2px;
+  bottom: 2px;
+  background: var(--lightGrey);
+  transition: 0.4s;
+  border-radius: 50%;
+}
+
+input:checked + .slider {
+  background: var(--accent);
+}
+
+input:checked + .slider:before {
+  transform: translateX(13px);
+  background: var(--primary);
+}
+
+.switchLabel {
+  margin-left: 0.5rem;
+  width: 250px !important;
+  transform: translateX(35px);
+  display: inline-block;
+}

Extensions/combined/dist/chrome/popup.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta content="text/html; charset=utf-8" />
+    <title>Return YouTube Dislike</title>
+    <link rel="stylesheet" href="popup.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <center>
+      <svg width="48" viewBox="0 0 24 24"><path d="M14.9 3H6c-.9 0-1.6.5-1.9 1.2l-3 7c-.1.3-.1.5-.1.7v2c0 1.1.9 2 2 2h6.3l-.9 4.5c-.1.5 0 1 .4 1.4l1.1 1.1 6.5-6.6c.4-.4.6-.9.6-1.4V5c-.1-1.1-1-2-2.1-2zm7.4 12.8h-2.9c-.4 0-.7-.3-.7-.7V3.9c0-.4.3-.7.7-.7h2.9c.4 0 .7.3.7.7V15c0 .4-.3.8-.7.8z" fill="red"/><path d="m8 12.5 5.1-2.9L8 6.7v5.8z" fill="#fff"/></svg>
+      <h1>Return YouTube Dislike</h1>
+      <p>by Dmitrii Selivanov & Community</p>
+
+      <button id="link_website">Website</button>
+      <button id="link_github">GitHub</button>
+      <button id="link_discord">Discord</button>
+
+      <br><br>
+      <button id="link_donate">Donate</button>
+      <br>
+
+      <br>
+<!--      <button id="advancedToggle">Show Settings</button>-->
+      <br>
+
+    </center>
+
+    <fieldset id="advancedSettings">
+      <legend id="advancedLegend">Settings</legend>
+
+      <label class="switch">
+        <input type="checkbox" id="disable_ratio_bar" />
+        <span class="slider" />
+        <span class="switchLabel">Lorem ipsum dolor sit amet</span> </label
+      ><br />
+
+      <label class="switch">
+        <input type="checkbox" id="disable_api_unlisted" />
+        <span class="slider" />
+        <span class="switchLabel">Lorem ipsum dolor sit amet</span> </label
+      ><br />
+    </fieldset>
+  </body>
+  <script src="popup.js"></script>
+</html>

Extensions/combined/dist/chrome/popup.js

@@ -0,0 +1,58 @@
+/*   Config   */
+const config = {
+  advanced: false,
+  showAdvancedMessage: "Show Settings",
+  hideAdvancedMessage: "Hide Settings",
+
+  links: {
+    website: "https://returnyoutubedislike.com",
+    github: "https://github.com/Anarios/return-youtube-dislike",
+    discord: "https://discord.gg/mYnESY4Md5",
+    donate: 'https://returnyoutubedislike.com/donate'
+  },
+};
+
+/*   Links   */
+document.getElementById("link_website").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.website });
+});
+
+document.getElementById("link_github").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.github });
+});
+
+document.getElementById("link_discord").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.discord });
+});
+
+document.getElementById("link_donate").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.donate });
+});
+
+/*   Advanced Toggle   */
+/* Not currently used in this version
+const advancedToggle = document.getElementById("advancedToggle");
+advancedToggle.addEventListener("click", () => {
+  const adv = document.getElementById("advancedSettings");
+  if (config.advanced) {
+    adv.style.display = "none";
+    advancedToggle.innerHTML = config.showAdvancedMessage;
+    config.advanced = false;
+  } else {
+    adv.style.display = "block";
+    advancedToggle.innerHTML = config.hideAdvancedMessage;
+    config.advanced = true;
+  }
+});
+*/
+
+/* popup-script.js
+document.querySelector('#login')
+.addEventListener('click', function () {
+  chrome.runtime.sendMessage({ message: 'get_auth_token' });
+});
+
+document.querySelector("#log_off").addEventListener("click", function () {
+  chrome.runtime.sendMessage({ message: "log_off" });
+});
+*/

Extensions/combined/dist/chrome/ryd.background.js

@@ -0,0 +1,220 @@
+const apiUrl = "https://returnyoutubedislikeapi.com";
+let api;
+if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined")
+  api = chrome;
+else if (
+  typeof browser !== "undefined" &&
+  typeof browser.runtime !== "undefined"
+)
+  api = browser;
+
+api.runtime.onMessage.addListener((request, sender, sendResponse) => {
+  if (request.message === "get_auth_token") {
+    // chrome.identity.getAuthToken({ interactive: true }, function (token) {
+    //   console.log(token);
+    //   chrome.identity.getProfileUserInfo(function (userInfo) {
+    //     console.log(JSON.stringify(userInfo));
+    //   });
+    // });
+  } else if (request.message === "log_off") {
+    // chrome.identity.clearAllCachedAuthTokens(() => console.log("logged off"));
+  } else if (request.message == "set_state") {
+    // chrome.identity.getAuthToken({ interactive: true }, function (token) {
+    let token = "";
+    fetch(`${apiUrl}/votes?videoId=${request.videoId}&likeCount=${request.likeCount || ''}`, {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+      },
+    })
+      .then((response) => response.json())
+      .then((response) => {
+        sendResponse(response);
+      })
+      .catch();
+    return true;
+  } else if (request.message == "send_links") {
+    toSend = toSend.concat(request.videoIds.filter((x) => !sentIds.has(x)));
+    if (toSend.length >= 20) {
+      fetch(`${apiUrl}/votes`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(toSend),
+      });
+      for (const toSendUrl of toSend) {
+        sentIds.add(toSendUrl);
+      }
+      toSend = [];
+    }
+  } else if (request.message == "register") {
+    register();
+    return true;
+  } else if (request.message == "send_vote") {
+    sendVote(request.videoId, request.vote);
+    return true;
+  }
+});
+
+async function sendVote(videoId, vote) {
+  api.storage.sync.get(null, async (storageResult) => {
+    if (!storageResult.userId || !storageResult.registrationConfirmed) {
+      await register();
+      return;
+    }
+    fetch(`${apiUrl}/interact/vote`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        userId: storageResult.userId,
+        videoId,
+        value: vote,
+      }),
+    })
+      .then(async (response) => {
+        if (response.status == 401) {
+          await register();
+          await sendVote(videoId, vote);
+          return;
+        }
+        return response.json()
+      })
+      .then((response) => {
+        solvePuzzle(response).then((solvedPuzzle) => {
+          fetch(`${apiUrl}/interact/confirmVote`, {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              ...solvedPuzzle,
+              userId: storageResult.userId,
+              videoId,
+            }),
+          });
+        });
+      });
+  });
+}
+
+function register() {
+  let userId = generateUserID();
+  api.storage.sync.set({ userId });
+  return fetch(`${apiUrl}/puzzle/registration?userId=${userId}`, {
+    method: "GET",
+    headers: {
+      Accept: "application/json",
+    },
+  })
+    .then((response) => response.json())
+    .then((response) => {
+      return solvePuzzle(response).then((solvedPuzzle) => {
+        return fetch(`${apiUrl}/puzzle/registration?userId=${userId}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(solvedPuzzle),
+        }).then((response) =>
+          response.json().then((result) => {
+            if (result === true) {
+              return api.storage.sync.set({ registrationConfirmed: true });
+            }
+          })
+        );
+      });
+    })
+    .catch();
+}
+
+api.storage.sync.get(null, (res) => {
+  if (!res || !res.userId || !res.registrationConfirmed) {
+    register();
+  }
+});
+
+const sentIds = new Set();
+let toSend = [];
+
+function sendUserSubmittedStatisticsToApi(statistics) {
+  fetch(`${apiUrl}/votes/user-submitted`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(statistics),
+  });
+}
+
+function countLeadingZeroes(uInt8View, limit) {
+  let zeroes = 0;
+  let value = 0;
+  for (let i = 0; i < uInt8View.length; i++) {
+    value = uInt8View[i];
+    if (value === 0) {
+      zeroes += 8;
+    } else {
+      let count = 1;
+      if (value >>> 4 === 0) {
+        count += 4;
+        value <<= 4;
+      }
+      if (value >>> 6 === 0) {
+        count += 2;
+        value <<= 2;
+      }
+      zeroes += count - (value >>> 7);
+      break;
+    }
+    if (zeroes >= limit) {
+      break;
+    }
+  }
+  return zeroes;
+}
+
+async function solvePuzzle(puzzle) {
+  let challenge = Uint8Array.from(atob(puzzle.challenge), (c) =>
+    c.charCodeAt(0)
+  );
+  let buffer = new ArrayBuffer(20);
+  let uInt8View = new Uint8Array(buffer);
+  let uInt32View = new Uint32Array(buffer);
+  let maxCount = Math.pow(2, puzzle.difficulty) * 5;
+  for (let i = 4; i < 20; i++) {
+    uInt8View[i] = challenge[i - 4];
+  }
+
+  for (let i = 0; i < maxCount; i++) {
+    uInt32View[0] = i;
+    let hash = await crypto.subtle.digest("SHA-512", buffer);
+    let hashUint8 = new Uint8Array(hash);
+    if (countLeadingZeroes(hashUint8) >= puzzle.difficulty) {
+      return {
+        solution: btoa(String.fromCharCode.apply(null, uInt8View.slice(0, 4))),
+      };
+    }
+  }
+}
+
+function generateUserID(length = 36) {
+  const charset =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  if (crypto && crypto.getRandomValues) {
+    const values = new Uint32Array(length);
+    crypto.getRandomValues(values);
+    for (let i = 0; i < length; i++) {
+      result += charset[values[i] % charset.length];
+    }
+    return result;
+  } else {
+    for (let i = 0; i < length; i++) {
+      result += charset[Math.floor(Math.random() * charset.length)];
+    }
+    return result;
+  }
+}

Extensions/combined/dist/firefox/bundled-content-script.js

@@ -0,0 +1,361 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+var __webpack_exports__ = {};
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
+
+
+function createRateBar(likes, dislikes) {
+  var rateBar = document.getElementById("ryd-bar-container");
+  var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
+  var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
+
+  if (!rateBar) {
+    (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  "));
+  } else {
+    document.getElementById("ryd-bar-container").style.width = widthPx + "px";
+    document.getElementById("ryd-bar").style.width = widthPercent + "%";
+    document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/utils.js
+function roundDown(num) {
+  if (num < 1000) return num;
+
+  var _int = Math.floor(Math.log10(num) - 2);
+
+  var decimal = _int + (_int % 3 ? 1 : 0);
+  var value = Math.floor(num / Math.pow(10, decimal));
+  return value * Math.pow(10, decimal);
+}
+
+function numberFormat(numberState) {
+  var userLocales;
+
+  try {
+    var _URL, _URL$searchParams, _Array$from, _Array$from$find;
+
+    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) {
+      var _n$getAttribute;
+
+      return n === null || n === void 0 ? void 0 : (_n$getAttribute = n.getAttribute("href")) === null || _n$getAttribute === void 0 ? void 0 : _n$getAttribute.includes("?locale=");
+    })) === 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");
+  } catch (_unused) {}
+
+  var formatter = Intl.NumberFormat(document.documentElement.lang || userLocales || navigator.language, {
+    notation: "compact"
+  });
+  return formatter.format(roundDown(numberState));
+}
+
+function getBrowser() {
+  if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined") {
+    return chrome;
+  } else if (typeof browser !== "undefined" && typeof browser.runtime !== "undefined") {
+    return browser;
+  } else {
+    console.log("browser is not supported");
+    return false;
+  }
+}
+
+function getVideoId(url) {
+  var urlObject = new URL(url);
+  var pathname = urlObject.pathname;
+
+  if (pathname.startsWith("/clip")) {
+    return document.querySelector("meta[itemprop='videoId']").content;
+  } else {
+    return urlObject.searchParams.get("v");
+  }
+}
+
+function isVideoLoaded() {
+  var videoId = getVideoId(window.location.href);
+  return document.querySelector("ytd-watch-flexy[video-id='".concat(videoId, "']")) !== null || // mobile: no video-id attribute
+  document.querySelector('#player[loading="false"]:not([hidden])') !== null;
+}
+
+function cLog(message, writer) {
+  message = "[return youtube dislike]: ".concat(message);
+
+  if (writer) {
+    writer(message);
+  } else {
+    console.log(message);
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/events.js
+
+
+
+
+
+function sendVote(vote) {
+  getBrowser().runtime.sendMessage({
+    message: "send_vote",
+    vote: vote,
+    videoId: getVideoId(window.location.href)
+  });
+}
+
+function sendVideoIds() {
+  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
+
+  if (links.length < 1) links = Array.from(document.querySelectorAll(".large-media-item-metadata > a, a.large-media-item-thumbnail-container"));
+  var ids = links.filter(function (x) {
+    return x.href && x.href.indexOf("/watch?v=") > 0;
+  }).map(function (x) {
+    return getVideoId(x.href);
+  });
+  getBrowser().runtime.sendMessage({
+    message: "send_links",
+    videoIds: ids
+  });
+}
+
+function likeClicked(storedData) {
+  if (checkForSignInButton() === false) {
+    if (storedData.previousState === DISLIKED_STATE) {
+      sendVote(1);
+      storedData.dislikes--;
+      storedData.likes++;
+      createRateBar(storedData.likes, storedData.dislikes);
+      setDislikes(numberFormat(storedData.dislikes));
+      storedData.previousState = LIKED_STATE;
+    } else if (storedData.previousState === NEUTRAL_STATE) {
+      sendVote(1);
+      storedData.likes++;
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = LIKED_STATE;
+    } else if (storedData.previousState = LIKED_STATE) {
+      sendVote(0);
+      storedData.likes--;
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = NEUTRAL_STATE;
+    }
+  }
+}
+
+function dislikeClicked(storedData) {
+  if (checkForSignInButton() == false) {
+    if (storedData.previousState === NEUTRAL_STATE) {
+      sendVote(-1);
+      storedData.dislikes++;
+      setDislikes(numberFormat(storedData.dislikes));
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = DISLIKED_STATE;
+    } else if (storedData.previousState === DISLIKED_STATE) {
+      sendVote(0);
+      storedData.dislikes--;
+      setDislikes(numberFormat(storedData.dislikes));
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = NEUTRAL_STATE;
+    } else if (storedData.previousState === LIKED_STATE) {
+      sendVote(-1);
+      storedData.likes--;
+      storedData.dislikes++;
+      setDislikes(numberFormat(storedData.dislikes));
+      createRateBar(storedData.likes, storedData.dislikes);
+      storedData.previousState = DISLIKED_STATE;
+    }
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/state.js
+
+
+
+
+var LIKED_STATE = "LIKED_STATE";
+var DISLIKED_STATE = "DISLIKED_STATE";
+var NEUTRAL_STATE = "NEUTRAL_STATE";
+
+function isMobile() {
+  return location.hostname == "m.youtube.com";
+}
+
+function isVideoLiked() {
+  if (isMobile()) {
+    return getLikeButton().querySelector("button").getAttribute("aria-label") == "true";
+  }
+
+  return getLikeButton().classList.contains("style-default-active");
+}
+
+function isVideoDisliked() {
+  if (isMobile()) {
+    return getDislikeButton().querySelector("button").getAttribute("aria-label") == "true";
+  }
+
+  return getDislikeButton().classList.contains("style-default-active");
+}
+
+function getState(storedData) {
+  if (isVideoLiked()) {
+    return {
+      current: LIKED_STATE,
+      previous: storedData.previousState
+    };
+  }
+
+  if (isVideoDisliked()) {
+    return {
+      current: DISLIKED_STATE,
+      previous: storedData.previousState
+    };
+  }
+
+  return {
+    current: NEUTRAL_STATE,
+    previous: storedData.previousState
+  };
+} //---   Sets The Likes And Dislikes Values   ---//
+
+
+function setLikes(likesCount) {
+  getButtons().children[0].querySelector("#text").innerText = likesCount;
+}
+
+function setDislikes(dislikesCount) {
+  if (isMobile()) {
+    buttons_getButtons().children[1].querySelector(".button-renderer-text").innerText = dislikesCount;
+    return;
+  }
+
+  buttons_getButtons().children[1].querySelector("#text").innerText = dislikesCount;
+}
+
+function getLikeCountFromButton() {
+  var likesStr = getLikeButton().querySelector("button").getAttribute("aria-label").replace(/\D/g, "");
+  return likesStr.length > 0 ? parseInt(likesStr) : false;
+}
+
+function processResponse(response, storedData) {
+  var formattedDislike = numberFormat(response.dislikes);
+  setDislikes(formattedDislike);
+  storedData.dislikes = parseInt(response.dislikes);
+  storedData.likes = getLikeCountFromButton() || parseInt(response.likes);
+  createRateBar(storedData.likes, storedData.dislikes);
+}
+
+function setState(storedData) {
+  storedData.previousState = isVideoDisliked() ? DISLIKED_STATE : isVideoLiked() ? LIKED_STATE : NEUTRAL_STATE;
+  var statsSet = false;
+  getBrowser().runtime.sendMessage({
+    message: "set_state",
+    videoId: getVideoId(window.location.href),
+    state: getState(storedData).current,
+    likeCount: getLikeCountFromButton() || null
+  }, function (response) {
+    cLog("response from api:");
+    cLog(JSON.stringify(response));
+
+    if (response !== undefined && !("traceId" in response) && !statsSet) {
+      processResponse(response, storedData);
+    } else {}
+  });
+}
+
+function setInitialState(storedData) {
+  setState(storedData);
+  setTimeout(function () {
+    sendVideoIds();
+  }, 1500);
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/src/buttons.js
+
+
+function buttons_getButtons() {
+  var _document$getElementB;
+
+  if (isMobile()) {
+    return document.querySelector(".slim-video-action-bar-actions");
+  } //---   If Menu Element Is Displayed:   ---//
+
+
+  if (((_document$getElementB = document.getElementById("menu-container")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetParent) === null) {
+    return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div"); //---   If Menu Element Isnt Displayed:   ---//
+  } else {
+    var _document$getElementB2;
+
+    return (_document$getElementB2 = document.getElementById("menu-container")) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.querySelector("#top-level-buttons-computed");
+  }
+}
+
+function getLikeButton() {
+  return buttons_getButtons().children[0];
+}
+
+function getDislikeButton() {
+  return buttons_getButtons().children[1];
+}
+
+function checkForSignInButton() {
+  if (document.querySelector("a[href^='https://accounts.google.com/ServiceLogin']")) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+
+;// CONCATENATED MODULE: ./Extensions/combined/ryd.content-script.js
+
+
+
+
+
+var storedData = {
+  likes: 0,
+  dislikes: 0,
+  previousState: NEUTRAL_STATE
+};
+var jsInitChecktimer = null;
+
+function setEventListeners(evt) {
+  function checkForJS_Finish() {
+    var _getButtons;
+
+    if ((_getButtons = buttons_getButtons()) !== null && _getButtons !== void 0 && _getButtons.offsetParent && isVideoLoaded()) {
+      clearInterval(jsInitChecktimer);
+      jsInitChecktimer = null;
+      var buttons = buttons_getButtons();
+
+      if (!window.returnDislikeButtonlistenersSet) {
+        buttons.children[0].addEventListener("click", function () {
+          return likeClicked(storedData);
+        });
+        buttons.children[1].addEventListener("click", function () {
+          return dislikeClicked(storedData);
+        });
+        window.returnDislikeButtonlistenersSet = true;
+      }
+
+      setInitialState(storedData);
+    }
+  }
+
+  if (window.location.href.indexOf("watch?") >= 0) {
+    jsInitChecktimer = setInterval(checkForJS_Finish, 111);
+  }
+}
+
+setEventListeners();
+document.addEventListener("yt-navigate-finish", function (event) {
+  if (jsInitChecktimer !== null) clearInterval(jsInitChecktimer);
+  window.returnDislikeButtonlistenersSet = false;
+  setEventListeners();
+});
+setTimeout(function () {
+  return sendVideoIds();
+}, 2500);
+/******/ })()
+;

Extensions/combined/dist/firefox/content-style.css

@@ -0,0 +1,26 @@
+#ryd-bar-container {
+  background: var(--yt-spec-icon-disabled);
+  border-radius: 2px;
+}
+
+#ryd-bar {
+  background: var(--yt-spec-text-primary);
+  border-radius: 2px;
+  transition: all 0.15s ease-in-out;
+}
+
+.ryd-tooltip {
+  position: relative;
+  display: block;
+  height: 2px;
+  top: 9px;
+}
+
+.ryd-tooltip-bar-container {
+  width: 100%;
+  height: 2px;
+  position: absolute;
+  padding-top: 6px;
+  padding-bottom: 28px;
+  top: -6px;
+}

Extensions/combined/dist/firefox/manifest.json

@@ -0,0 +1,26 @@
+{
+  "name": "Return YouTube Dislike",
+  "description": "Returns ability to see dislikes",
+  "version": "2.0.0.3",
+  "manifest_version": 2,
+  "background": {
+    "scripts": ["ryd.background.js"]
+  },
+  "icons": {
+    "48": "icons/icon48.png",
+   "128": "icons/icon128.png"
+  },
+  "permissions": ["activeTab", "*://*.youtube.com/*", "storage"],
+  "browser_action": {
+    "default_popup": "popup.html"
+  },
+  "content_scripts": [
+    {
+      "matches": ["*://*.youtube.com/*"],
+      "exclude_matches": ["*://*.music.youtube.com/*"],
+      "run_at": "document_idle",
+      "css": ["content-style.css"],
+      "js": ["bundled-content-script.js"]
+    }
+  ]
+}

Extensions/combined/dist/firefox/popup.css

@@ -0,0 +1,119 @@
+/* Variables */
+:root {
+  --primary: #cc2929;
+  --accent: #581111;
+
+  --background: #111;
+  --secondary: #272727;
+  --tertiary: #333333;
+  --lightGrey: #999;
+  --white: #fff;
+}
+
+/* Window Styling */
+html,
+body {
+  background-color: var(--background);
+  color: var(--white);
+  min-width: 300px;
+  padding: 0.5em;
+  font-family: 'Roboto', Arial, Helvetica, sans-serif;
+  font-size: 14px;
+}
+
+h1 {
+  font-size: 26px;
+}
+
+button {
+  color: var(--white);
+  background: var(--secondary);
+  cursor: pointer;
+  padding: 5px 16px;
+  border: none;
+  border-radius: 4px;
+  font-weight: 500;
+  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
+  transition: .4s;
+}
+
+button:hover {
+  background: #444;
+}
+
+#advancedToggle {
+  margin-top: 1em;
+  margin-bottom: 2em;
+}
+
+#advancedSettings {
+  display: none;
+  border: 2px solid var(--secondary);
+  border-radius: 0.5rem;
+  padding: 1rem;
+}
+
+#advancedLegend {
+  color: var(--tertiary) !important;
+  /* margin: auto; */ /* Center the label */
+  /* padding: .25rem .5rem; */
+  /* border-radius: .25rem; */
+  /* border: .25rem solid var(--secondary); */
+}
+
+/*   Switches   */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 30px;
+  height: 17px;
+  margin-bottom: 1rem;
+}
+
+.switch:last-of-type {
+  margin-bottom: 0;
+}
+
+.switch input {
+  display: none;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--secondary);
+  transition: 0.4s;
+  border-radius: 34px;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 13px;
+  width: 13px;
+  left: 2px;
+  bottom: 2px;
+  background: var(--lightGrey);
+  transition: 0.4s;
+  border-radius: 50%;
+}
+
+input:checked + .slider {
+  background: var(--accent);
+}
+
+input:checked + .slider:before {
+  transform: translateX(13px);
+  background: var(--primary);
+}
+
+.switchLabel {
+  margin-left: 0.5rem;
+  width: 250px !important;
+  transform: translateX(35px);
+  display: inline-block;
+}

Extensions/combined/dist/firefox/popup.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta content="text/html; charset=utf-8" />
+    <title>Return YouTube Dislike</title>
+    <link rel="stylesheet" href="popup.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <center>
+      <svg width="48" viewBox="0 0 24 24"><path d="M14.9 3H6c-.9 0-1.6.5-1.9 1.2l-3 7c-.1.3-.1.5-.1.7v2c0 1.1.9 2 2 2h6.3l-.9 4.5c-.1.5 0 1 .4 1.4l1.1 1.1 6.5-6.6c.4-.4.6-.9.6-1.4V5c-.1-1.1-1-2-2.1-2zm7.4 12.8h-2.9c-.4 0-.7-.3-.7-.7V3.9c0-.4.3-.7.7-.7h2.9c.4 0 .7.3.7.7V15c0 .4-.3.8-.7.8z" fill="red"/><path d="m8 12.5 5.1-2.9L8 6.7v5.8z" fill="#fff"/></svg>
+      <h1>Return YouTube Dislike</h1>
+      <p>by Dmitrii Selivanov & Community</p>
+
+      <button id="link_website">Website</button>
+      <button id="link_github">GitHub</button>
+      <button id="link_discord">Discord</button>
+
+      <br><br>
+      <button id="link_donate">Donate</button>
+      <br>
+
+      <br>
+<!--      <button id="advancedToggle">Show Settings</button>-->
+      <br>
+
+    </center>
+
+    <fieldset id="advancedSettings">
+      <legend id="advancedLegend">Settings</legend>
+
+      <label class="switch">
+        <input type="checkbox" id="disable_ratio_bar" />
+        <span class="slider" />
+        <span class="switchLabel">Lorem ipsum dolor sit amet</span> </label
+      ><br />
+
+      <label class="switch">
+        <input type="checkbox" id="disable_api_unlisted" />
+        <span class="slider" />
+        <span class="switchLabel">Lorem ipsum dolor sit amet</span> </label
+      ><br />
+    </fieldset>
+  </body>
+  <script src="popup.js"></script>
+</html>

Extensions/combined/dist/firefox/popup.js

@@ -0,0 +1,58 @@
+/*   Config   */
+const config = {
+  advanced: false,
+  showAdvancedMessage: "Show Settings",
+  hideAdvancedMessage: "Hide Settings",
+
+  links: {
+    website: "https://returnyoutubedislike.com",
+    github: "https://github.com/Anarios/return-youtube-dislike",
+    discord: "https://discord.gg/mYnESY4Md5",
+    donate: 'https://returnyoutubedislike.com/donate'
+  },
+};
+
+/*   Links   */
+document.getElementById("link_website").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.website });
+});
+
+document.getElementById("link_github").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.github });
+});
+
+document.getElementById("link_discord").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.discord });
+});
+
+document.getElementById("link_donate").addEventListener("click", () => {
+  chrome.tabs.create({ url: config.links.donate });
+});
+
+/*   Advanced Toggle   */
+/* Not currently used in this version
+const advancedToggle = document.getElementById("advancedToggle");
+advancedToggle.addEventListener("click", () => {
+  const adv = document.getElementById("advancedSettings");
+  if (config.advanced) {
+    adv.style.display = "none";
+    advancedToggle.innerHTML = config.showAdvancedMessage;
+    config.advanced = false;
+  } else {
+    adv.style.display = "block";
+    advancedToggle.innerHTML = config.hideAdvancedMessage;
+    config.advanced = true;
+  }
+});
+*/
+
+/* popup-script.js
+document.querySelector('#login')
+.addEventListener('click', function () {
+  chrome.runtime.sendMessage({ message: 'get_auth_token' });
+});
+
+document.querySelector("#log_off").addEventListener("click", function () {
+  chrome.runtime.sendMessage({ message: "log_off" });
+});
+*/

Extensions/combined/dist/firefox/ryd.background.js

@@ -0,0 +1,220 @@
+const apiUrl = "https://returnyoutubedislikeapi.com";
+let api;
+if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined")
+  api = chrome;
+else if (
+  typeof browser !== "undefined" &&
+  typeof browser.runtime !== "undefined"
+)
+  api = browser;
+
+api.runtime.onMessage.addListener((request, sender, sendResponse) => {
+  if (request.message === "get_auth_token") {
+    // chrome.identity.getAuthToken({ interactive: true }, function (token) {
+    //   console.log(token);
+    //   chrome.identity.getProfileUserInfo(function (userInfo) {
+    //     console.log(JSON.stringify(userInfo));
+    //   });
+    // });
+  } else if (request.message === "log_off") {
+    // chrome.identity.clearAllCachedAuthTokens(() => console.log("logged off"));
+  } else if (request.message == "set_state") {
+    // chrome.identity.getAuthToken({ interactive: true }, function (token) {
+    let token = "";
+    fetch(`${apiUrl}/votes?videoId=${request.videoId}&likeCount=${request.likeCount || ''}`, {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+      },
+    })
+      .then((response) => response.json())
+      .then((response) => {
+        sendResponse(response);
+      })
+      .catch();
+    return true;
+  } else if (request.message == "send_links") {
+    toSend = toSend.concat(request.videoIds.filter((x) => !sentIds.has(x)));
+    if (toSend.length >= 20) {
+      fetch(`${apiUrl}/votes`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(toSend),
+      });
+      for (const toSendUrl of toSend) {
+        sentIds.add(toSendUrl);
+      }
+      toSend = [];
+    }
+  } else if (request.message == "register") {
+    register();
+    return true;
+  } else if (request.message == "send_vote") {
+    sendVote(request.videoId, request.vote);
+    return true;
+  }
+});
+
+async function sendVote(videoId, vote) {
+  api.storage.sync.get(null, async (storageResult) => {
+    if (!storageResult.userId || !storageResult.registrationConfirmed) {
+      await register();
+      return;
+    }
+    fetch(`${apiUrl}/interact/vote`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        userId: storageResult.userId,
+        videoId,
+        value: vote,
+      }),
+    })
+      .then(async (response) => {
+        if (response.status == 401) {
+          await register();
+          await sendVote(videoId, vote);
+          return;
+        }
+        return response.json()
+      })
+      .then((response) => {
+        solvePuzzle(response).then((solvedPuzzle) => {
+          fetch(`${apiUrl}/interact/confirmVote`, {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              ...solvedPuzzle,
+              userId: storageResult.userId,
+              videoId,
+            }),
+          });
+        });
+      });
+  });
+}
+
+function register() {
+  let userId = generateUserID();
+  api.storage.sync.set({ userId });
+  return fetch(`${apiUrl}/puzzle/registration?userId=${userId}`, {
+    method: "GET",
+    headers: {
+      Accept: "application/json",
+    },
+  })
+    .then((response) => response.json())
+    .then((response) => {
+      return solvePuzzle(response).then((solvedPuzzle) => {
+        return fetch(`${apiUrl}/puzzle/registration?userId=${userId}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(solvedPuzzle),
+        }).then((response) =>
+          response.json().then((result) => {
+            if (result === true) {
+              return api.storage.sync.set({ registrationConfirmed: true });
+            }
+          })
+        );
+      });
+    })
+    .catch();
+}
+
+api.storage.sync.get(null, (res) => {
+  if (!res || !res.userId || !res.registrationConfirmed) {
+    register();
+  }
+});
+
+const sentIds = new Set();
+let toSend = [];
+
+function sendUserSubmittedStatisticsToApi(statistics) {
+  fetch(`${apiUrl}/votes/user-submitted`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(statistics),
+  });
+}
+
+function countLeadingZeroes(uInt8View, limit) {
+  let zeroes = 0;
+  let value = 0;
+  for (let i = 0; i < uInt8View.length; i++) {
+    value = uInt8View[i];
+    if (value === 0) {
+      zeroes += 8;
+    } else {
+      let count = 1;
+      if (value >>> 4 === 0) {
+        count += 4;
+        value <<= 4;
+      }
+      if (value >>> 6 === 0) {
+        count += 2;
+        value <<= 2;
+      }
+      zeroes += count - (value >>> 7);
+      break;
+    }
+    if (zeroes >= limit) {
+      break;
+    }
+  }
+  return zeroes;
+}
+
+async function solvePuzzle(puzzle) {
+  let challenge = Uint8Array.from(atob(puzzle.challenge), (c) =>
+    c.charCodeAt(0)
+  );
+  let buffer = new ArrayBuffer(20);
+  let uInt8View = new Uint8Array(buffer);
+  let uInt32View = new Uint32Array(buffer);
+  let maxCount = Math.pow(2, puzzle.difficulty) * 5;
+  for (let i = 4; i < 20; i++) {
+    uInt8View[i] = challenge[i - 4];
+  }
+
+  for (let i = 0; i < maxCount; i++) {
+    uInt32View[0] = i;
+    let hash = await crypto.subtle.digest("SHA-512", buffer);
+    let hashUint8 = new Uint8Array(hash);
+    if (countLeadingZeroes(hashUint8) >= puzzle.difficulty) {
+      return {
+        solution: btoa(String.fromCharCode.apply(null, uInt8View.slice(0, 4))),
+      };
+    }
+  }
+}
+
+function generateUserID(length = 36) {
+  const charset =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  if (crypto && crypto.getRandomValues) {
+    const values = new Uint32Array(length);
+    crypto.getRandomValues(values);
+    for (let i = 0; i < length; i++) {
+      result += charset[values[i] % charset.length];
+    }
+    return result;
+  } else {
+    for (let i = 0; i < length; i++) {
+      result += charset[Math.floor(Math.random() * charset.length)];
+    }
+    return result;
+  }
+}

Extensions/combined/manifest-chrome.json

@@ -0,0 +1,41 @@
+{
+  "name": "Return YouTube Dislike",
+  "description": "Returns ability to see dislikes",
+  "version": "2.0.0.3",
+  "manifest_version": 3,
+  "background": {
+    "service_worker": "ryd.background.js"
+  },
+  "icons": {
+    "48": "icons/icon48.png",
+    "128": "icons/icon128.png"
+  },
+  "host_permissions": ["*://*.youtube.com/*"],
+  "permissions": [
+    "storage"
+  ],
+  "action": {
+    "default_popup": "popup.html"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "*://youtube.com/*",
+        "*://www.youtube.com/*",
+        "*://m.youtube.com/*"
+      ],
+      "exclude_matches": ["*://*.music.youtube.com/*"],
+      "js": ["bundled-content-script.js"],
+      "css": ["content-style.css"]
+    }
+  ],
+  "externally_connectable": {
+    "matches": ["*://*.youtube.com/*"]
+  },
+  "web_accessible_resources": [
+    {
+      "resources": ["ryd.script.js"],
+      "matches": ["*://*.youtube.com/*"]
+    }
+  ]
+}

Extensions/combined/manifest-firefox.json

@@ -20,7 +20,7 @@
       "exclude_matches": ["*://*.music.youtube.com/*"],
       "run_at": "document_idle",
       "css": ["content-style.css"],
-      "js": ["ryd.content-script.js"]
+      "js": ["bundled-content-script.js"]
     }
   ]
 }

Extensions/combined/ryd.content-script.js

@@ -1,4 +1,3 @@
-
 import {
   getButtons,
   getLikeButton,

package.json

@@ -26,12 +26,9 @@
   "devDependencies": {
     "@babel/core": "^7.16.5",
     "@babel/preset-env": "^7.16.5",
+    "@babel/runtime": "^7.16.5",
     "babel-loader": "^8.2.3",
-    "babel-preset-es2015": "^6.24.1",
+    "copy-webpack-plugin": "^10.2.0",
-    "babel-register": "^6.26.0",
+    "webpack-cli": "^4.9.1"
-    "copy-webpack-plugin": "^6.0.3",
-    "webpack": "~4.41.2",
-    "webpack-cli": "~3.3.10",
-    "webpack-merge": "~4.2.2"
   }
 }

webpack.config.js

@@ -1,13 +1,57 @@
-const path = require("path");
+const path = require('path');
+const CopyPlugin = require('copy-webpack-plugin');
 
 module.exports = {
-  entry: path.join(__dirname, "./Extensions/combined/ryd.content-script.js"),
+  entry: path.join(__dirname, './Extensions/combined/ryd.content-script.js'),
   output: {
-    filename: "bundled-content-script.js",
+    filename: 'bundled-content-script.js',
-    path: path.resolve(__dirname, "Extensions/combined"),
+    path: path.resolve(__dirname, 'Extensions/combined')
   },
-  externals: {
+  optimization: {
-    ramda: "R",
+    minimize: false
   },
-  module: {},
+  module: {
+    rules: [
+      {
+        test: /\.m?js$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env'],
+            plugins: ['@babel/plugin-proposal-object-rest-spread']
+          }
+        }
+      }
+    ]
+  },
+  plugins: [
+    // exclude locale files in moment
+    new CopyPlugin({
+      patterns: [
+        {
+          from: './Extensions/combined',
+          to: './dist/chrome',
+          globOptions: {
+            ignore: ['**/manifest-**', '**/dist/**', '**/src/**','**/ryd.content-script.js']
+          }
+        },
+        {
+          from: './Extensions/combined/manifest-chrome.json',
+          to: './dist/chrome/manifest.json'
+        },
+        {
+          from: './Extensions/combined',
+          to: './dist/firefox',
+          globOptions: {
+            ignore: ['**/manifest-**', '**/dist/**', '**/src/**','**/ryd.content-script.js']
+          }
+        },
+        {
+          from: './Extensions/combined/manifest-firefox.json',
+          to: './dist/firefox/manifest.json'
+        }
+      ]
+    })
+  ]
 };