- -
@@ -134,13 +128,13 @@
@@ -148,13 +142,13 @@
data-hover="Display percentage in like/dislike bar tooltip."
>
-
+
Percentage in like/dislike bar tooltip.
diff --git a/Extensions/combined/popup.js b/Extensions/combined/popup.ts
similarity index 53%
rename from Extensions/combined/popup.js
rename to Extensions/combined/popup.ts
index cf72829d..30d67337 100644
--- a/Extensions/combined/popup.js
+++ b/Extensions/combined/popup.ts
@@ -1,4 +1,9 @@
-import { cLog } from "./src/utils";
+import storage from "./src/storage";
+import {
+ ColorTheme,
+ NumberDisplayFormat,
+ TooltipPercentageMode,
+} from "./src/types";
/* Config */
const config = {
@@ -8,7 +13,6 @@ const config = {
coloredBar: false,
colorTheme: "classic",
numberDisplayFormat: "compactShort",
- numberDisplayRoundDown: true,
showTooltipPercentage: false,
tooltipPercentageMode: "dash_like",
numberDisplayReformatLikes: false,
@@ -29,18 +33,27 @@ const config = {
};
/* Change language */
-function localizeHtmlPage() {
- //Localize by replacing __MSG_***__ meta tags
- var objects = document.getElementsByTagName("html");
- for (var j = 0; j < objects.length; j++) {
- var obj = objects[j];
-
- var valStrH = obj.innerHTML.toString();
- var valNewH = valStrH.replace(/__MSG_(\w+)__/g, function (match, v1) {
+function localizeHtmlPage(): void {
+ // Localize by replacing __MSG_***__ meta tags
+ const objects: HTMLCollectionOf =
+ document.getElementsByTagName("html");
+
+ for (let j = 0; j < objects.length; j++) {
+ const obj = objects[j];
+
+ const valStrH = obj?.innerHTML;
+ const valNewH = valStrH?.replace(/__MSG_(\w+)__/g, (_, v1) => {
return v1 ? chrome.i18n.getMessage(v1) : "";
});
- if (valNewH != valStrH) {
+ if (!valNewH) {
+ continue;
+ }
+
+ if (valNewH === valStrH) {
+ continue;
+ }
+ if (obj?.innerHTML) {
obj.innerHTML = valNewH;
}
}
@@ -57,67 +70,66 @@ createLink(config.links.donate, "link_donate");
createLink(config.links.help, "link_help");
createLink(config.links.changelog, "link_changelog");
-function createLink(url, id) {
- document.getElementById(id).addEventListener("click", () => {
+function createLink(url: any, id: any) {
+ document.getElementById(id)?.addEventListener("click", () => {
chrome.tabs.create({ url: url });
});
}
document
.getElementById("disable_vote_submission")
- .addEventListener("click", (ev) => {
- chrome.storage.sync.set({ disableVoteSubmission: ev.target.checked });
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ disableVoteSubmission: ev.target.checked });
});
-document.getElementById("colored_thumbs").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ coloredThumbs: ev.target.checked });
-});
-
-document.getElementById("colored_bar").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ coloredBar: ev.target.checked });
-});
+document
+ .getElementById("colored_thumbs")
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ coloredThumbs: ev.target.checked });
+ });
-document.getElementById("color_theme").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ colorTheme: ev.target.value });
+document.getElementById("colored_bar")?.addEventListener("click", (ev: any) => {
+ storage.set({ coloredBar: ev.target.checked });
});
-document.getElementById("number_round_down").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ numberDisplayRoundDown: ev.target.checked });
- updateNumberDisplayFormatContent(ev.target.checked);
+document.getElementById("color_theme")?.addEventListener("click", (ev: any) => {
+ storage.set({ colorTheme: ev.target.value });
});
-document.getElementById("number_format").addEventListener("change", (ev) => {
- chrome.storage.sync.set({ numberDisplayFormat: ev.target.value });
-});
+document
+ .getElementById("number_format")
+ ?.addEventListener("change", (ev: any) => {
+ storage.set({ numberDisplayFormat: ev.target.value });
+ });
document
.getElementById("show_tooltip_percentage")
- .addEventListener("click", (ev) => {
- chrome.storage.sync.set({ showTooltipPercentage: ev.target.checked });
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ showTooltipPercentage: ev.target.checked });
});
document
.getElementById("tooltip_percentage_mode")
- .addEventListener("change", (ev) => {
- chrome.storage.sync.set({ tooltipPercentageMode: ev.target.value });
+ ?.addEventListener("change", (ev: any) => {
+ storage.set({ tooltipPercentageMode: ev.target.value });
});
document
.getElementById("number_reformat_likes")
- .addEventListener("click", (ev) => {
- chrome.storage.sync.set({ numberDisplayReformatLikes: ev.target.checked });
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ numberDisplayReformatLikes: ev.target.checked });
});
/* Advanced Toggle */
const advancedToggle = document.getElementById("advancedToggle");
-advancedToggle.addEventListener("click", () => {
+advancedToggle?.addEventListener("click", () => {
const adv = document.getElementById("advancedSettings");
- if (config.advanced) {
+ if (config.advanced && adv) {
adv.style.transform = "scale(1.1)";
adv.style.pointerEvents = "none";
adv.style.opacity = "0";
advancedToggle.innerHTML = config.showAdvancedMessage;
- } else {
+ } else if (adv) {
adv.style.transform = "scale(1)";
adv.style.pointerEvents = "auto";
adv.style.opacity = "1";
@@ -128,14 +140,13 @@ advancedToggle.addEventListener("click", () => {
initConfig();
-function initConfig() {
+async function initConfig() {
initializeDisableVoteSubmission();
initializeVersionNumber();
initializeColoredThumbs();
initializeColoredBar();
initializeColorTheme();
initializeNumberDisplayFormat();
- initializeNumberDisplayRoundDown();
initializeTooltipPercentage();
initializeTooltipPercentageMode();
initializeNumberDisplayReformatLikes();
@@ -143,7 +154,10 @@ function initConfig() {
function initializeVersionNumber() {
const version = chrome.runtime.getManifest().version;
- document.getElementById("ext-version").innerHTML = "v" + version;
+ const updateLink = document.getElementById("ext-update");
+ if (updateLink) {
+ updateLink.innerHTML = "v" + version;
+ }
fetch(
"https://raw.githubusercontent.com/Anarios/return-youtube-dislike/main/Extensions/combined/manifest-chrome.json"
@@ -151,23 +165,26 @@ function initializeVersionNumber() {
.then((response) => response.json())
.then((json) => {
if (compareVersions(json.version, version)) {
- document.getElementById("ext-update").innerHTML =
- chrome.i18n.getMessage("textUpdate") + " v" + json.version;
- document.getElementById("ext-update").style.padding = ".25rem .5rem";
+ const updateLink = document.getElementById("ext-update");
+ if (updateLink) {
+ updateLink.innerHTML =
+ chrome.i18n.getMessage("textUpdate") + " v" + json.version;
+ updateLink.style.padding = ".25rem .5rem";
+ }
}
});
// .catch(console.error);
}
// returns whether current < latest
-function compareVersions(latestStr, currentStr) {
+function compareVersions(latestStr: string, currentStr: string) {
let latestarr = latestStr.split(".");
let currentarr = currentStr.split(".");
let outdated = false;
// goes through version numbers from left to right from greatest to least significant
for (let i = 0; i < Math.max(latestarr.length, currentarr.length); i++) {
- let latest = i < latestarr.length ? parseInt(latestarr[i]) : 0;
- let current = i < currentarr.length ? parseInt(currentarr[i]) : 0;
+ let latest = i < latestarr.length ? parseInt(latestarr[i] as string) : 0;
+ let current = i < currentarr.length ? parseInt(currentarr[i] as string) : 0;
if (latest > current) {
outdated = true;
break;
@@ -179,79 +196,76 @@ function compareVersions(latestStr, currentStr) {
return outdated;
}
+function initializeTooltipPercentage() {
+ storage.get(["showTooltipPercentage"], (res: any) => {
+ handleShowTooltipPercentageChangeEvent(res);
+ });
+}
+
function initializeDisableVoteSubmission() {
- chrome.storage.sync.get(["disableVoteSubmission"], (res) => {
+ storage.get(["disableVoteSubmission"], (res) => {
handleDisableVoteSubmissionChangeEvent(res.disableVoteSubmission);
});
}
function initializeColoredThumbs() {
- chrome.storage.sync.get(["coloredThumbs"], (res) => {
+ storage.get(["coloredThumbs"], (res) => {
handleColoredThumbsChangeEvent(res.coloredThumbs);
});
}
function initializeColoredBar() {
- chrome.storage.sync.get(["coloredBar"], (res) => {
+ storage.get(["coloredBar"], (res) => {
handleColoredBarChangeEvent(res.coloredBar);
});
}
function initializeColorTheme() {
- chrome.storage.sync.get(["colorTheme"], (res) => {
+ storage.get(["colorTheme"], (res) => {
handleColorThemeChangeEvent(res.colorTheme);
});
}
-function initializeNumberDisplayRoundDown() {
- chrome.storage.sync.get(["numberDisplayRoundDown"], (res) => {
- handleNumberDisplayRoundDownChangeEvent(res.numberDisplayRoundDown);
- });
-}
-
-function initializeTooltipPercentage() {
- chrome.storage.sync.get(["showTooltipPercentage"], (res) => {
- handleShowTooltipPercentageChangeEvent(res.showTooltipPercentage);
- });
-}
-
function initializeTooltipPercentageMode() {
- chrome.storage.sync.get(["tooltipPercentageMode"], (res) => {
+ storage.get(["tooltipPercentageMode"], (res) => {
handleTooltipPercentageModeChangeEvent(res.tooltipPercentageMode);
});
}
function initializeNumberDisplayFormat() {
- chrome.storage.sync.get(["numberDisplayFormat"], (res) => {
+ storage.get(["numberDisplayFormat"], (res) => {
handleNumberDisplayFormatChangeEvent(res.numberDisplayFormat);
});
updateNumberDisplayFormatContent();
}
-function updateNumberDisplayFormatContent(roundDown) {
- let testValue;
- if (roundDown) {
- testValue = 123000;
- } else {
- testValue = 123456;
+function updateNumberDisplayFormatContent() {
+ let testValue = 123456;
+ const short = document.getElementById("number_format_compactShort");
+ const long = document.getElementById("number_format_compactLong");
+ const standard = document.getElementById("number_format_standard");
+ if (short) {
+ short.innerHTML = getNumberFormatter("compactShort").format(testValue);
+ }
+ if (long) {
+ long.innerHTML = getNumberFormatter("compactLong").format(testValue);
+ }
+ if (standard) {
+ standard.innerHTML = getNumberFormatter("standard").format(testValue);
}
- document.getElementById("number_format_compactShort").innerHTML =
- getNumberFormatter("compactShort").format(testValue);
- document.getElementById("number_format_compactLong").innerHTML =
- getNumberFormatter("compactLong").format(testValue);
- document.getElementById("number_format_standard").innerHTML =
- getNumberFormatter("standard").format(testValue);
}
function initializeNumberDisplayReformatLikes() {
- chrome.storage.sync.get(["numberDisplayReformatLikes"], (res) => {
+ storage.get(["numberDisplayReformatLikes"], (res) => {
handleNumberDisplayReformatLikesChangeEvent(res.numberDisplayReformatLikes);
});
}
-chrome.storage.onChanged.addListener(storageChangeHandler);
+storage.onChanged.addListener(storageChangeHandler);
-function storageChangeHandler(changes, area) {
+function storageChangeHandler(changes: {
+ [key: string]: chrome.storage.StorageChange;
+}) {
if (changes.disableVoteSubmission !== undefined) {
handleDisableVoteSubmissionChangeEvent(
changes.disableVoteSubmission.newValue
@@ -266,11 +280,6 @@ function storageChangeHandler(changes, area) {
if (changes.colorTheme !== undefined) {
handleColorThemeChangeEvent(changes.colorTheme.newValue);
}
- if (changes.numberDisplayRoundDown !== undefined) {
- handleNumberDisplayRoundDownChangeEvent(
- changes.numberDisplayRoundDown.newValue
- );
- }
if (changes.numberDisplayFormat !== undefined) {
handleNumberDisplayFormatChangeEvent(changes.numberDisplayFormat.newValue);
}
@@ -286,85 +295,137 @@ function storageChangeHandler(changes, area) {
}
}
-function handleDisableVoteSubmissionChangeEvent(value) {
+function handleDisableVoteSubmissionChangeEvent(value: boolean) {
config.disableVoteSubmission = value;
- document.getElementById("disable_vote_submission").checked = value;
+ const disableVoteSubmission = document.getElementById(
+ "disable_vote_submission"
+ );
+ if (disableVoteSubmission) {
+ (disableVoteSubmission as any).checked = value;
+ }
}
-function handleColoredThumbsChangeEvent(value) {
+function handleColoredThumbsChangeEvent(value: boolean) {
config.coloredThumbs = value;
- document.getElementById("colored_thumbs").checked = value;
+ const coloredThumbs = document.getElementById("colored_thumbs");
+ if (coloredThumbs) {
+ (coloredThumbs as any).checked = value;
+ }
}
-function handleColoredBarChangeEvent(value) {
+function handleColoredBarChangeEvent(value: boolean) {
config.coloredBar = value;
- document.getElementById("colored_bar").checked = value;
+ const coloredBar = document.getElementById("colored_bar");
+ if (coloredBar) {
+ (coloredBar as any).checked = value;
+ }
}
-function handleColorThemeChangeEvent(value) {
+function handleColorThemeChangeEvent(value: "classic" | "neon" | "accessible") {
if (!value) {
value = "classic";
}
config.colorTheme = value;
- document
- .getElementById("color_theme")
- .querySelector('option[value="' + value + '"]').selected = true;
+ const colorTheme = document.getElementById("color_theme");
+ const themeOption = colorTheme?.querySelector(
+ 'option[value="' + value + '"]'
+ );
+ if (themeOption) {
+ (themeOption as any).selected = true;
+ }
updateColorThemePreviewContent(value);
}
-function updateColorThemePreviewContent(themeName) {
- document.getElementById("color_theme_example_like").style.backgroundColor =
- getColorFromTheme(themeName, true);
- document.getElementById("color_theme_example_dislike").style.backgroundColor =
- getColorFromTheme(themeName, false);
-}
-
-function handleNumberDisplayRoundDownChangeEvent(value) {
- config.numberDisplayRoundDown = value;
- document.getElementById("number_round_down").checked = value;
+function updateColorThemePreviewContent(colorTheme: ColorTheme) {
+ const colorThemeExampleLike = document.getElementById(
+ "color_theme_example_like"
+ );
+ if (colorThemeExampleLike) {
+ colorThemeExampleLike.style.backgroundColor = getColorFromTheme(
+ colorTheme,
+ true
+ );
+ }
+ const colorThemeExampleDislike = document.getElementById(
+ "color_theme_example_dislike"
+ );
+ if (colorThemeExampleDislike) {
+ colorThemeExampleDislike.style.backgroundColor = getColorFromTheme(
+ colorTheme,
+ false
+ );
+ }
}
-function handleNumberDisplayFormatChangeEvent(value) {
+function handleNumberDisplayFormatChangeEvent(value: NumberDisplayFormat) {
config.numberDisplayFormat = value;
- document
- .getElementById("number_format")
- .querySelector('option[value="' + value + '"]').selected = true;
+ const numberFormat = document.getElementById("number_format");
+ const formatOption = numberFormat?.querySelector(
+ 'option[value="' + value + '"]'
+ );
+ if (formatOption) {
+ (formatOption as any).selected = true;
+ }
}
-function handleShowTooltipPercentageChangeEvent(value) {
+function handleShowTooltipPercentageChangeEvent(value: boolean) {
config.showTooltipPercentage = value;
- document.getElementById("show_tooltip_percentage").checked = value;
+ const showTooltipPercentage = document.getElementById(
+ "show_tooltip_percentage"
+ ) as HTMLInputElement;
+ if (showTooltipPercentage) {
+ showTooltipPercentage.checked = value;
+ }
}
-function handleTooltipPercentageModeChangeEvent(value) {
+function handleTooltipPercentageModeChangeEvent(value: TooltipPercentageMode) {
if (!value) {
value = "dash_like";
}
config.tooltipPercentageMode = value;
-
- document
- .getElementById("tooltip_percentage_mode")
- .querySelector('option[value="' + value + '"]').selected = true;
+ const tooltipPercentageMode = document.getElementById(
+ "tooltip_percentage_mode"
+ );
+ const modeOption = tooltipPercentageMode?.querySelector(
+ 'option[value="' + value + '"]'
+ );
+ if (modeOption) {
+ (modeOption as any).selected = true;
+ }
}
-function handleNumberDisplayReformatLikesChangeEvent(value) {
+function handleNumberDisplayReformatLikesChangeEvent(value: boolean) {
config.numberDisplayReformatLikes = value;
- document.getElementById("number_reformat_likes").checked = value;
+ const numberReformatLikes = document.getElementById("number_reformat_likes");
+ if (numberReformatLikes) {
+ (numberReformatLikes as any).checked = value;
+ }
}
-function getNumberFormatter(optionSelect) {
- let formatterNotation;
- let formatterCompactDisplay;
+function getNumberFormatter(
+ numberDisplayFormat: "compactShort" | "compactLong" | "standard"
+) {
+ let formatterNotation: Intl.NumberFormatOptions["notation"];
+ let formatterCompactDisplay: Intl.NumberFormatOptions["compactDisplay"];
let userLocales;
try {
- userLocales = new URL(
- Array.from(document.querySelectorAll("head > link[rel='search']"))
- ?.find((n) => n?.getAttribute("href")?.includes("?locale="))
- ?.getAttribute("href")
- )?.searchParams?.get("locale");
+ const searchLinks = document.querySelectorAll("head > link[rel='search']");
+ const searchLink = Array.from(searchLinks).find((n) => {
+ return n?.getAttribute("href")?.includes("?locale=");
+ });
+ const href = searchLink?.getAttribute("href");
+ if (!href) {
+ throw new Error("No href found");
+ }
+ const url = new URL(href);
+ const searchParams = url.searchParams;
+ if (!searchParams) {
+ throw new Error("No searchParams found");
+ }
+ userLocales = searchParams.get("locale");
} catch {}
- switch (optionSelect) {
+ switch (numberDisplayFormat) {
case "compactLong":
formatterNotation = "compact";
formatterCompactDisplay = "long";
@@ -396,19 +457,30 @@ function getNumberFormatter(optionSelect) {
);
let result = await resp.status;
if (result === 200) {
- status.innerText = "Online";
- status.style.color = "green";
- serverStatus.style.filter =
- "invert(58%) sepia(81%) saturate(2618%) hue-rotate(81deg) brightness(119%) contrast(129%)";
+ if (status) {
+ status.innerText = "Online";
+ status.style.color = "green";
+ }
+ if (serverStatus) {
+ serverStatus.style.filter =
+ "invert(58%) sepia(81%) saturate(2618%) hue-rotate(81deg) brightness(119%) contrast(129%)";
+ }
} else {
- status.innerText = "Offline";
- status.style.color = "red";
- serverStatus.style.filter =
- "invert(11%) sepia(100%) saturate(6449%) hue-rotate(3deg) brightness(116%) contrast(115%)";
+ if (status) {
+ status.innerText = "Offline";
+ status.style.color = "red";
+ }
+ if (serverStatus) {
+ serverStatus.style.filter =
+ "invert(11%) sepia(100%) saturate(6449%) hue-rotate(3deg) brightness(116%) contrast(115%)";
+ }
}
})();
-function getColorFromTheme(colorTheme, voteIsLike) {
+function getColorFromTheme(
+ colorTheme: "accessible" | "neon" | "classic",
+ voteIsLike: boolean
+) {
let colorString;
switch (colorTheme) {
case "accessible":
@@ -435,15 +507,3 @@ function getColorFromTheme(colorTheme, voteIsLike) {
}
return colorString;
}
-
-/* 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" });
-});
-*/
diff --git a/Extensions/combined/readme.md b/Extensions/combined/readme.md
index 0818eb31..faee2306 100644
--- a/Extensions/combined/readme.md
+++ b/Extensions/combined/readme.md
@@ -6,7 +6,7 @@
- Go to the root directory of the project
- - Run
npm i to install all project dependancies (if not done so already)
+ - Run
npm i to install all project dependencies (if not done so already)
- run
npm run dev to compile the extension to the ~/Extensions/combined/dist/ folder.
diff --git a/Extensions/combined/ryd.background.js b/Extensions/combined/ryd.background.ts
similarity index 55%
rename from Extensions/combined/ryd.background.js
rename to Extensions/combined/ryd.background.ts
index c416da94..458fba19 100644
--- a/Extensions/combined/ryd.background.js
+++ b/Extensions/combined/ryd.background.ts
@@ -1,106 +1,109 @@
+import { ColorTheme, ExtConfig, NumberDisplayFormat } from "./src/types";
+import { getBrowser } from "./src/utils";
+
const apiUrl = "https://returnyoutubedislikeapi.com";
const voteDisabledIconName = "icon_hold128.png";
const defaultIconName = "icon128.png";
-let api;
+let api = getBrowser();
/** stores extension's global config */
-let extConfig = {
+let extConfig: ExtConfig = {
disableVoteSubmission: false,
coloredThumbs: false,
coloredBar: false,
colorTheme: "classic", // classic, accessible, neon
numberDisplayFormat: "compactShort", // compactShort, compactLong, standard
- numberDisplayRoundDown: true, // locale 'de' shows exact numbers by default
numberDisplayReformatLikes: false, // use existing (native) likes number
+ showTooltipPercentage: undefined,
+ tooltipPercentageMode: undefined,
};
-if (isChrome()) api = chrome;
-else if (isFirefox()) api = browser;
-
initExtConfig();
-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),
+api.runtime.onMessage.addListener(
+ (
+ request: any,
+ _: chrome.runtime.MessageSender,
+ sendResponse: (response?: any) => void
+ ) => {
+ 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));
+ });
});
- for (const toSendUrl of toSend) {
- sentIds.add(toSendUrl);
+ } 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) {
+ 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: string) => !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 = [];
}
- toSend = [];
+ } else if (request.message == "register") {
+ register();
+ return true;
+ } else if (request.message == "send_vote") {
+ sendVote(request.videoId, request.vote);
+ return true;
}
- } else if (request.message == "register") {
- register();
- return true;
- } else if (request.message == "send_vote") {
- sendVote(request.videoId, request.vote);
- return true;
+ console.warn("Unknown message received", request);
+ return;
}
-});
+);
-api.runtime.onInstalled.addListener((details) => {
+api.runtime.onInstalled.addListener((details: any) => {
+ const reason: chrome.runtime.InstalledDetails["reason"] | "browser_update" =
+ details.reason;
if (
// No need to show changelog if its was a browser update (and not extension update)
- details.reason === "browser_update" ||
+ reason === "browser_update" ||
// Chromium (e.g., Google Chrome Cannary) uses this name instead of the one above for some reason
- details.reason === "chrome_update" ||
+ reason === "chrome_update" ||
// No need to show changelog if developer just reloaded the extension
- details.reason === "update"
- )
+ reason === "update"
+ ) {
return;
- api.tabs.create({
- url: api.runtime.getURL("/changelog/3/changelog_3.0.html"),
- });
+ } else if (details.reason == "install") {
+ api.tabs.create({
+ url: api.runtime.getURL("/changelog/3/changelog_3.0.html"),
+ });
+ }
});
-// api.storage.sync.get(['lastShowChangelogVersion'], (details) => {
-// if (extConfig.showUpdatePopup === true &&
-// details.lastShowChangelogVersion !== chrome.runtime.getManifest().version
-// ) {
-// // keep it inside get to avoid race condition
-// api.storage.sync.set({'lastShowChangelogVersion ': chrome.runtime.getManifest().version});
-// // wait until async get runs & don't steal tab focus
-// api.tabs.create({url: api.runtime.getURL("/changelog/3/changelog_3.0.html"), active: false});
-// }
-// });
-
-async function sendVote(videoId, vote) {
- api.storage.sync.get(null, async (storageResult) => {
+async function sendVote(videoId: string, vote: 0 | 1 | -1) {
+ api.storage.sync.get(null, async (storageResult: { [key: string]: any }) => {
if (!storageResult.userId || !storageResult.registrationConfirmed) {
await register();
}
@@ -171,19 +174,20 @@ async function register() {
}
}
-api.storage.sync.get(null, async (res) => {
+api.storage.sync.get(null, async (res: any) => {
if (!res || !res.userId || !res.registrationConfirmed) {
await register();
}
});
const sentIds = new Set();
-let toSend = [];
+let toSend: any[] = [];
-function countLeadingZeroes(uInt8View, limit) {
+function countLeadingZeroes(uInt8View: Uint8Array, limit?: number) {
let zeroes = 0;
let value = 0;
for (let i = 0; i < uInt8View.length; i++) {
+ // @ts-ignore
value = uInt8View[i];
if (value === 0) {
zeroes += 8;
@@ -200,14 +204,14 @@ function countLeadingZeroes(uInt8View, limit) {
zeroes += count - (value >>> 7);
break;
}
- if (zeroes >= limit) {
+ if (limit && zeroes >= limit) {
break;
}
}
return zeroes;
}
-async function solvePuzzle(puzzle) {
+async function solvePuzzle(puzzle: { challenge: string; difficulty: number }) {
let challenge = Uint8Array.from(atob(puzzle.challenge), (c) =>
c.charCodeAt(0)
);
@@ -216,6 +220,7 @@ async function solvePuzzle(puzzle) {
let uInt32View = new Uint32Array(buffer);
let maxCount = Math.pow(2, puzzle.difficulty) * 3;
for (let i = 4; i < 20; i++) {
+ //@ts-ignore
uInt8View[i] = challenge[i - 4];
}
@@ -240,7 +245,10 @@ function generateUserID(length = 36) {
const values = new Uint32Array(length);
crypto.getRandomValues(values);
for (let i = 0; i < length; i++) {
- result += charset[values[i] % charset.length];
+ const value = values[i]!;
+ const idx = value % charset.length;
+ const char = charset[idx];
+ result += char;
}
return result;
} else {
@@ -251,7 +259,9 @@ function generateUserID(length = 36) {
}
}
-function storageChangeHandler(changes, area) {
+function storageChangeHandler(changes: {
+ [key: string]: chrome.storage.StorageChange;
+}) {
if (changes.disableVoteSubmission !== undefined) {
handleDisableVoteSubmissionChangeEvent(
changes.disableVoteSubmission.newValue
@@ -266,11 +276,6 @@ function storageChangeHandler(changes, area) {
if (changes.colorTheme !== undefined) {
handleColorThemeChangeEvent(changes.colorTheme.newValue);
}
- if (changes.numberDisplayRoundDown !== undefined) {
- handleNumberDisplayRoundDownChangeEvent(
- changes.numberDisplayRoundDown.newValue
- );
- }
if (changes.numberDisplayFormat !== undefined) {
handleNumberDisplayFormatChangeEvent(changes.numberDisplayFormat.newValue);
}
@@ -291,7 +296,7 @@ function storageChangeHandler(changes, area) {
}
}
-function handleDisableVoteSubmissionChangeEvent(value) {
+function handleDisableVoteSubmissionChangeEvent(value: boolean) {
extConfig.disableVoteSubmission = value;
if (value === true) {
changeIcon(voteDisabledIconName);
@@ -300,26 +305,15 @@ function handleDisableVoteSubmissionChangeEvent(value) {
}
}
-function handleNumberDisplayFormatChangeEvent(value) {
+function handleNumberDisplayFormatChangeEvent(value: NumberDisplayFormat) {
extConfig.numberDisplayFormat = value;
}
-function handleShowTooltipPercentageChangeEvent(value) {
+function handleShowTooltipPercentageChangeEvent(value: boolean | undefined) {
extConfig.showTooltipPercentage = value;
}
-function handleTooltipPercentageModeChangeEvent(value) {
- if (!value) {
- value = "dash_like";
- }
- extConfig.tooltipPercentageMode = value;
-}
-
-function handleNumberDisplayRoundDownChangeEvent(value) {
- extConfig.numberDisplayRoundDown = value;
-}
-
-function changeIcon(iconName) {
+function changeIcon(iconName: string) {
if (api.action !== undefined)
api.action.setIcon({ path: "/icons/" + iconName });
else if (api.browserAction !== undefined)
@@ -327,22 +321,22 @@ function changeIcon(iconName) {
else console.log("changing icon is not supported");
}
-function handleColoredThumbsChangeEvent(value) {
+function handleColoredThumbsChangeEvent(value: boolean) {
extConfig.coloredThumbs = value;
}
-function handleColoredBarChangeEvent(value) {
+function handleColoredBarChangeEvent(value: boolean) {
extConfig.coloredBar = value;
}
-function handleColorThemeChangeEvent(value) {
+function handleColorThemeChangeEvent(value: ColorTheme) {
if (!value) {
value = "classic";
}
extConfig.colorTheme = value;
}
-function handleNumberDisplayReformatLikesChangeEvent(value) {
+function handleNumberDisplayReformatLikesChangeEvent(value: boolean) {
extConfig.numberDisplayReformatLikes = value;
}
@@ -354,25 +348,27 @@ function initExtConfig() {
initializeColoredBar();
initializeColorTheme();
initializeNumberDisplayFormat();
- initializeNumberDisplayRoundDown();
initializeNumberDisplayReformatLikes();
initializeTooltipPercentage();
initializeTooltipPercentageMode();
}
function initializeDisableVoteSubmission() {
- api.storage.sync.get(["disableVoteSubmission"], (res) => {
- if (res.disableVoteSubmission === undefined) {
- api.storage.sync.set({ disableVoteSubmission: false });
- } else {
- extConfig.disableVoteSubmission = res.disableVoteSubmission;
- if (res.disableVoteSubmission) changeIcon(voteDisabledIconName);
+ api.storage.sync.get(
+ ["disableVoteSubmission"],
+ (res: { [key: string]: any }) => {
+ if (res.disableVoteSubmission === undefined) {
+ api.storage.sync.set({ disableVoteSubmission: false });
+ } else {
+ extConfig.disableVoteSubmission = res.disableVoteSubmission;
+ if (res.disableVoteSubmission) changeIcon(voteDisabledIconName);
+ }
}
- });
+ );
}
function initializeColoredThumbs() {
- api.storage.sync.get(["coloredThumbs"], (res) => {
+ api.storage.sync.get(["coloredThumbs"], (res: { [key: string]: any }) => {
if (res.coloredThumbs === undefined) {
api.storage.sync.set({ coloredThumbs: false });
} else {
@@ -381,18 +377,8 @@ function initializeColoredThumbs() {
});
}
-function initializeNumberDisplayRoundDown() {
- api.storage.sync.get(["numberDisplayRoundDown"], (res) => {
- if (res.numberDisplayRoundDown === undefined) {
- api.storage.sync.set({ numberDisplayRoundDown: true });
- } else {
- extConfig.numberDisplayRoundDown = res.numberDisplayRoundDown;
- }
- });
-}
-
function initializeColoredBar() {
- api.storage.sync.get(["coloredBar"], (res) => {
+ api.storage.sync.get(["coloredBar"], (res: { [key: string]: any }) => {
if (res.coloredBar === undefined) {
api.storage.sync.set({ coloredBar: false });
} else {
@@ -402,7 +388,7 @@ function initializeColoredBar() {
}
function initializeColorTheme() {
- api.storage.sync.get(["colorTheme"], (res) => {
+ api.storage.sync.get(["colorTheme"], (res: { [key: string]: any }) => {
if (res.colorTheme === undefined) {
api.storage.sync.set({ colorTheme: false });
} else {
@@ -412,51 +398,53 @@ function initializeColorTheme() {
}
function initializeNumberDisplayFormat() {
- api.storage.sync.get(["numberDisplayFormat"], (res) => {
- if (res.numberDisplayFormat === undefined) {
- api.storage.sync.set({ numberDisplayFormat: "compactShort" });
- } else {
- extConfig.numberDisplayFormat = res.numberDisplayFormat;
+ api.storage.sync.get(
+ ["numberDisplayFormat"],
+ (res: { [key: string]: any }) => {
+ if (res.numberDisplayFormat === undefined) {
+ api.storage.sync.set({ numberDisplayFormat: "compactShort" });
+ } else {
+ extConfig.numberDisplayFormat = res.numberDisplayFormat;
+ }
}
- });
+ );
}
function initializeTooltipPercentage() {
- api.storage.sync.get(["showTooltipPercentage"], (res) => {
- if (res.showTooltipPercentage === undefined) {
- api.storage.sync.set({ showTooltipPercentage: false });
- } else {
- extConfig.showTooltipPercentage = res.showTooltipPercentage;
+ api.storage.sync.get(
+ ["showTooltipPercentage"],
+ (res: { [key: string]: any }) => {
+ if (res.showTooltipPercentage === undefined) {
+ api.storage.sync.set({ showTooltipPercentage: false });
+ } else {
+ extConfig.showTooltipPercentage = res.showTooltipPercentage;
+ }
}
- });
+ );
}
function initializeTooltipPercentageMode() {
- api.storage.sync.get(["tooltipPercentageMode"], (res) => {
- if (res.tooltipPercentageMode === undefined) {
- api.storage.sync.set({ tooltipPercentageMode: "dash_like" });
- } else {
- extConfig.tooltipPercentageMode = res.tooltipPercentageMode;
+ api.storage.sync.get(
+ ["tooltipPercentageMode"],
+ (res: { [key: string]: any }) => {
+ if (res.tooltipPercentageMode === undefined) {
+ api.storage.sync.set({ tooltipPercentageMode: "dash_like" });
+ } else {
+ extConfig.tooltipPercentageMode = res.tooltipPercentageMode;
+ }
}
- });
+ );
}
function initializeNumberDisplayReformatLikes() {
- api.storage.sync.get(["numberDisplayReformatLikes"], (res) => {
- if (res.numberDisplayReformatLikes === undefined) {
- api.storage.sync.set({ numberDisplayReformatLikes: false });
- } else {
- extConfig.numberDisplayReformatLikes = res.numberDisplayReformatLikes;
+ api.storage.sync.get(
+ ["numberDisplayReformatLikes"],
+ (res: { [key: string]: any }) => {
+ if (res.numberDisplayReformatLikes === undefined) {
+ api.storage.sync.set({ numberDisplayReformatLikes: false });
+ } else {
+ extConfig.numberDisplayReformatLikes = res.numberDisplayReformatLikes;
+ }
}
- });
-}
-
-function isChrome() {
- return typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined";
-}
-
-function isFirefox() {
- return (
- typeof browser !== "undefined" && typeof browser.runtime !== "undefined"
);
}
diff --git a/Extensions/combined/ryd.content-script.js b/Extensions/combined/ryd.content-script.js
deleted file mode 100644
index a07dd994..00000000
--- a/Extensions/combined/ryd.content-script.js
+++ /dev/null
@@ -1,68 +0,0 @@
-//--- Import Button Functions ---//
-import {
- getButtons,
- getLikeButton,
- getDislikeButton,
- checkForSignInButton,
-} from "./src/buttons";
-
-//--- Import State Functions ---//
-import {
- isMobile,
- isShorts,
- isVideoDisliked,
- isVideoLiked,
- getState,
- setState,
- setInitialState,
- setLikes,
- setDislikes,
- getLikeCountFromButton,
- LIKED_STATE,
- DISLIKED_STATE,
- NEUTRAL_STATE,
- initExtConfig,
-} from "./src/state";
-
-//--- Import Video & Browser Functions ---//
-import {
- numberFormat,
- getBrowser,
- getVideoId,
- isVideoLoaded,
- cLog,
-} from "./src/utils";
-import { createRateBar } from "./src/bar";
-import {
- sendVote,
- likeClicked,
- dislikeClicked,
- addLikeDislikeEventListener,
- storageChangeHandler,
-} from "./src/events";
-
-initExtConfig();
-
-let jsInitChecktimer = null;
-
-function setEventListeners(evt) {
- function checkForJS_Finish() {
- if (isShorts() || (getButtons()?.offsetParent && isVideoLoaded())) {
- addLikeDislikeEventListener();
- setInitialState();
- getBrowser().storage.onChanged.addListener(storageChangeHandler);
- clearInterval(jsInitChecktimer);
- jsInitChecktimer = null;
- }
- }
-
- jsInitChecktimer = setInterval(checkForJS_Finish, 111);
-}
-
-setEventListeners();
-
-document.addEventListener("yt-navigate-finish", function (event) {
- if (jsInitChecktimer !== null) clearInterval(jsInitChecktimer);
- window.returnDislikeButtonlistenersSet = false;
- setEventListeners();
-});
diff --git a/Extensions/combined/ryd.content-script.ts b/Extensions/combined/ryd.content-script.ts
new file mode 100644
index 00000000..81091f63
--- /dev/null
+++ b/Extensions/combined/ryd.content-script.ts
@@ -0,0 +1,51 @@
+//--- Import Button Functions ---//
+import { getButtons } from "./src/buttons";
+
+//--- Import State Functions ---//
+import { initExtConfig, isShorts, setInitialState } from "./src/state";
+
+//--- Import Video & Browser Functions ---//
+import {
+ addLikeDislikeEventListener,
+ storageChangeHandler,
+} from "./src/events";
+import { getBrowser, isVideoLoaded } from "./src/utils";
+
+initExtConfig();
+
+let jsInitChecktimer: any;
+let isSetInitialStateDone: boolean = false;
+
+function setEventListeners(): void {
+ function checkForJS_Finish(): void {
+ try {
+ if (
+ isShorts() ||
+ ((getButtons() as HTMLElement)?.offsetParent && isVideoLoaded())
+ ) {
+ addLikeDislikeEventListener();
+ setInitialState();
+ isSetInitialStateDone = true;
+ getBrowser().storage.onChanged.addListener(storageChangeHandler);
+ if (jsInitChecktimer !== null) {
+ clearInterval(jsInitChecktimer);
+ jsInitChecktimer = null;
+ }
+ }
+ } catch (exception: unknown) {
+ if (!isSetInitialStateDone) {
+ setInitialState();
+ }
+ }
+ }
+
+ jsInitChecktimer = setInterval(checkForJS_Finish, 111);
+}
+
+setEventListeners();
+
+document.addEventListener("yt-navigate-finish", function () {
+ if (jsInitChecktimer !== null) clearInterval(jsInitChecktimer);
+ window.returnDislikeButtonlistenersSet = false; // Consider adding a type for `window.returnDislikeButtonlistenersSet`
+ setEventListeners();
+});
diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js
deleted file mode 100644
index 55f21ed7..00000000
--- a/Extensions/combined/src/bar.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import { getButtons } from "./buttons";
-import {
- extConfig,
- isMobile,
- isLikesDisabled,
- isNewDesign,
- isShorts,
-} from "./state";
-import { cLog, getColorFromTheme } from "./utils";
-
-function createRateBar(likes, dislikes) {
- if (!isLikesDisabled()) {
- let rateBar = document.getElementById("ryd-bar-container");
-
- const widthPx =
- getButtons().children[0].clientWidth +
- getButtons().children[1].clientWidth +
- 8;
-
- const widthPercent =
- likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50;
-
- var likePercentage = parseFloat(widthPercent.toFixed(1));
- const dislikePercentage = (100 - likePercentage).toLocaleString();
- likePercentage = likePercentage.toLocaleString();
-
- if (extConfig.showTooltipPercentage) {
- var tooltipInnerHTML;
- switch (extConfig.tooltipPercentageMode) {
- case "dash_dislike":
- tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${dislikePercentage}%`;
- break;
- case "both":
- tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`;
- break;
- case "only_like":
- tooltipInnerHTML = `${likePercentage}%`;
- break;
- case "only_dislike":
- tooltipInnerHTML = `${dislikePercentage}%`;
- break;
- default: // dash_like
- tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${likePercentage}%`;
- }
- } else {
- tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`;
- }
-
- if (!isShorts()) {
- if (!rateBar && !isMobile()) {
- let colorLikeStyle = "";
- let colorDislikeStyle = "";
- if (extConfig.coloredBar) {
- colorLikeStyle = "; background-color: " + getColorFromTheme(true);
- colorDislikeStyle = "; background-color: " + getColorFromTheme(false);
- }
-
- (
- document.getElementById(
- isNewDesign() ? "actions-inner" : "menu-container"
- ) || document.querySelector("ytm-slim-video-action-bar-renderer")
- ).insertAdjacentHTML(
- "beforeend",
- `
-
-
-
- ${tooltipInnerHTML}
-
-
- `
- );
-
- // Add border between info and comments
- if (isNewDesign()) {
- let descriptionAndActionsElement = document.getElementById("top-row");
- descriptionAndActionsElement.style.borderBottom =
- "1px solid var(--yt-spec-10-percent-layer)";
- descriptionAndActionsElement.style.paddingBottom = "10px";
- }
- } else {
- document.getElementById("ryd-bar-container").style.width =
- widthPx + "px";
- document.getElementById("ryd-bar").style.width = widthPercent + "%";
- document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML =
- tooltipInnerHTML;
- if (extConfig.coloredBar) {
- document.getElementById("ryd-bar-container").style.backgroundColor =
- getColorFromTheme(false);
- document.getElementById("ryd-bar").style.backgroundColor =
- getColorFromTheme(true);
- }
- }
- }
- } else {
- cLog("removing bar");
- let ratebar = document.getElementById("ryd-bar-container");
- if (ratebar) {
- ratebar.parentNode.removeChild(ratebar);
- }
- }
-}
-
-export { createRateBar };
diff --git a/Extensions/combined/src/bar.ts b/Extensions/combined/src/bar.ts
new file mode 100644
index 00000000..b8484a8a
--- /dev/null
+++ b/Extensions/combined/src/bar.ts
@@ -0,0 +1,164 @@
+import { getButtons, getDislikeButton, getLikeButton } from "./buttons";
+import {
+ extConfig,
+ isLikesDisabled,
+ isMobile,
+ isNewDesign,
+ isRoundedDesign,
+ isShorts,
+} from "./state";
+import { cLog, getColorFromTheme, isInViewport } from "./utils";
+
+function createRateBar(likes: number, dislikes: number) {
+ let rateBar = document.getElementById("ryd-bar-container");
+ if (!isLikesDisabled()) {
+ // sometimes rate bar is hidden
+ if (rateBar && !isInViewport(rateBar)) {
+ rateBar.remove();
+ rateBar = null;
+ }
+
+ const likeButtonWidth = getLikeButton()?.clientWidth;
+ const dislikeButtonWidth = getDislikeButton()?.clientWidth;
+
+ if (!likeButtonWidth || !dislikeButtonWidth) {
+ console.error("like or dislike button width is 0");
+ return;
+ }
+
+ const widthPx =
+ likeButtonWidth + dislikeButtonWidth + (isRoundedDesign() ? 0 : 8);
+
+ const widthPercent =
+ likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50;
+
+ var likePercentage: number | string = parseFloat(widthPercent.toFixed(1));
+ const dislikePercentage = (100 - likePercentage).toLocaleString();
+ likePercentage = likePercentage.toLocaleString();
+
+ if (extConfig.showTooltipPercentage) {
+ var tooltipInnerHTML;
+ switch (extConfig.tooltipPercentageMode) {
+ case "dash_dislike":
+ tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${dislikePercentage}%`;
+ break;
+ case "both":
+ tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`;
+ break;
+ case "only_like":
+ tooltipInnerHTML = `${likePercentage}%`;
+ break;
+ case "only_dislike":
+ tooltipInnerHTML = `${dislikePercentage}%`;
+ break;
+ default: // dash_like
+ tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${likePercentage}%`;
+ }
+ } else {
+ tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`;
+ }
+
+ if (!isShorts()) {
+ if (!rateBar && !isMobile()) {
+ let colorLikeStyle = "";
+ let colorDislikeStyle = "";
+ if (extConfig.coloredBar) {
+ colorLikeStyle = "; background-color: " + getColorFromTheme(true);
+ colorDislikeStyle = "; background-color: " + getColorFromTheme(false);
+ }
+ let actions =
+ isNewDesign() && getButtons()?.id === "top-level-buttons-computed"
+ ? getButtons()
+ : document.getElementById("menu-container");
+ (
+ actions ||
+ document.querySelector("ytm-slim-video-action-bar-renderer")
+ )?.insertAdjacentHTML(
+ "beforeend",
+ `
+
+
+
+ ${tooltipInnerHTML}
+
+
+ `
+ );
+
+ if (isNewDesign()) {
+ // Add border between info and comments
+ let descriptionAndActionsElement = document.getElementById("top-row");
+ if (!descriptionAndActionsElement) {
+ console.error("descriptionAndActionsElement not found");
+ return;
+ }
+ descriptionAndActionsElement.style.borderBottom =
+ "1px solid var(--yt-spec-10-percent-layer)";
+ descriptionAndActionsElement.style.paddingBottom = "10px";
+
+ // Fix like/dislike ratio bar offset in new UI
+ const actionsInner = document.getElementById("actions-inner");
+ if (!actionsInner) {
+ console.error("actionsInner not found");
+ return;
+ }
+ actionsInner.style.width = "revert";
+ if (isRoundedDesign()) {
+ const actions = document.getElementById("actions");
+ if (!actions) {
+ console.error("actions not found");
+ return;
+ }
+ actions.style.flexDirection = "row-reverse";
+ }
+ }
+ } else {
+ const barContainer = document.getElementById("ryd-bar-container");
+ if (!barContainer) {
+ console.error("barContainer not found");
+ return;
+ }
+ barContainer.style.width = widthPx + "px";
+
+ const bar = document.getElementById("ryd-bar");
+ if (!bar) {
+ console.error("bar not found");
+ return;
+ }
+ bar.style.width = widthPercent + "%";
+
+ const tooltip = document.getElementById(
+ "#ryd-dislike-tooltip > #tooltip"
+ );
+ if (!tooltip) {
+ console.error("tooltip not found");
+ return;
+ }
+ tooltip.innerHTML = tooltipInnerHTML;
+ if (extConfig.coloredBar) {
+ barContainer.style.backgroundColor = getColorFromTheme(false);
+ bar.style.backgroundColor = getColorFromTheme(true);
+ }
+ }
+ }
+ } else {
+ cLog("removing bar");
+ if (rateBar && rateBar.parentNode) {
+ rateBar.parentNode.removeChild(rateBar);
+ }
+ }
+}
+
+export { createRateBar };
diff --git a/Extensions/combined/src/buttons.js b/Extensions/combined/src/buttons.js
deleted file mode 100644
index 95ba1c63..00000000
--- a/Extensions/combined/src/buttons.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import { isMobile, isShorts } from "./state";
-import { isInViewport } from "./utils";
-
-function getButtons() {
- //--- If Watching Youtube Shorts: ---//
- if (isShorts()) {
- let elements = document.querySelectorAll(
- isMobile()
- ? "ytm-like-button-renderer"
- : "#like-button > ytd-like-button-renderer"
- );
- for (let element of elements) {
- //Youtube Shorts can have multiple like/dislike buttons when scrolling through videos
- //However, only one of them should be visible (no matter how you zoom)
- if (isInViewport(element)) {
- return element;
- }
- }
- }
- //--- If Watching On Mobile: ---//
- if (isMobile()) {
- return document.querySelector(".slim-video-action-bar-actions");
- }
- //--- If Menu Element Is Displayed: ---//
- if (document.getElementById("menu-container")?.offsetParent === null) {
- return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div");
- //--- If Menu Element Isnt Displayed: ---//
- } else {
- return document
- .getElementById("menu-container")
- ?.querySelector("#top-level-buttons-computed");
- }
-}
-
-function getLikeButton() {
- return getButtons().children[0];
-}
-
-function getDislikeButton() {
- return getButtons().children[1];
-}
-
-function checkForSignInButton() {
- if (
- document.querySelector(
- "a[href^='https://accounts.google.com/ServiceLogin']"
- )
- ) {
- return true;
- } else {
- return false;
- }
-}
-
-export { getButtons, getLikeButton, getDislikeButton, checkForSignInButton };
diff --git a/Extensions/combined/src/buttons.ts b/Extensions/combined/src/buttons.ts
new file mode 100644
index 00000000..e53c771b
--- /dev/null
+++ b/Extensions/combined/src/buttons.ts
@@ -0,0 +1,172 @@
+import { isMobile, isShorts } from "./state";
+import { isInViewport } from "./utils";
+
+function getButtons() {
+ //--- If Watching Youtube Shorts: ---//
+ if (isShorts()) {
+ let elements: NodeListOf;
+ if (isMobile()) {
+ elements = document.querySelectorAll("ytm-like-button-renderer");
+ } else {
+ elements = document.querySelectorAll(
+ "#like-button > ytd-like-button-renderer"
+ );
+ }
+ for (let element of Array.from(elements)) {
+ //Youtube Shorts can have multiple like/dislike buttons when scrolling through videos
+ //However, only one of them should be visible (no matter how you zoom)
+ if (isInViewport(element)) {
+ return element;
+ }
+ }
+ }
+ //--- If Watching On Mobile: ---//
+ if (isMobile()) {
+ return document.querySelector(".slim-video-action-bar-actions");
+ }
+ //--- If Menu Element Is Displayed: ---//
+ if (document.getElementById("menu-container")?.offsetParent === null) {
+ return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div");
+ //--- If Menu Element Isn't Displayed: ---//
+ } else {
+ return document
+ .getElementById("menu-container")
+ ?.querySelector("#top-level-buttons-computed");
+ }
+}
+
+function getLikeButton(): HTMLElement | undefined {
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("like button not found");
+ return;
+ }
+
+ const firstChild = children[0] as HTMLElement;
+ if (firstChild.tagName === "YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER") {
+ const segmentedLikeButton = document.getElementById(
+ "segmented-like-button"
+ );
+ if (segmentedLikeButton) {
+ return segmentedLikeButton;
+ }
+
+ const grandChildren = firstChild.children;
+ if (grandChildren.length > 0) {
+ return grandChildren[0] as HTMLElement;
+ }
+ } else {
+ return firstChild;
+ }
+ console.error("like button not found");
+ return;
+}
+
+function getLikeTextContainer() {
+ return (
+ getLikeButton()?.querySelector("#text") ??
+ getLikeButton()?.getElementsByTagName("yt-formatted-string")[0] ??
+ getLikeButton()?.querySelector("span[role='text']")
+ );
+}
+
+function getDislikeButton() {
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("dislike button not found");
+ return;
+ }
+
+ const firstChild = children[0] as HTMLElement;
+ if (firstChild.tagName === "YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER") {
+ const segmentedDislikeButton = document.getElementById(
+ "segmented-dislike-button"
+ );
+ if (segmentedDislikeButton) {
+ return segmentedDislikeButton;
+ }
+
+ const grandChildren = firstChild.children;
+ if (grandChildren.length > 0) {
+ return grandChildren[1] as HTMLElement;
+ }
+ } else {
+ return children[1] as HTMLElement;
+ }
+ console.error("dislike button not found");
+ return;
+}
+
+function createDislikeTextContainer() {
+ const textNodeClone = (
+ getLikeButton() || getLikeButton()?.parentNode
+ )?.cloneNode(true);
+ const insertPreChild = getDislikeButton()?.querySelector(
+ "yt-touch-feedback-shape"
+ );
+ if (textNodeClone && insertPreChild) {
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.insertBefore(textNodeClone, insertPreChild);
+ }
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.classList.remove("yt-spec-button-shape-next--icon-button");
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.classList.add("yt-spec-button-shape-next--icon-leading");
+ if ((textNodeClone as any).querySelector("span[role='text']") === null) {
+ const span = document.createElement("span");
+ span.setAttribute("role", "text");
+ while (textNodeClone?.firstChild) {
+ textNodeClone.removeChild(textNodeClone.firstChild);
+ }
+ textNodeClone?.appendChild(span);
+ }
+ (textNodeClone as any).querySelector("span[role='text']").innerText = "";
+ return (textNodeClone as any).querySelector("span[role='text']");
+}
+
+function getDislikeTextContainer() {
+ let result =
+ getDislikeButton()?.querySelector("#text") ??
+ getDislikeButton()?.getElementsByTagName("yt-formatted-string")[0] ??
+ getDislikeButton()?.querySelector("span[role='text']");
+ if (result == null) {
+ result = createDislikeTextContainer();
+ }
+ return result;
+}
+
+function checkForSignInButton() {
+ if (
+ document.querySelector(
+ "a[href^='https://accounts.google.com/ServiceLogin']"
+ )
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+}
+
+export {
+ getButtons,
+ getLikeButton,
+ getDislikeButton,
+ getLikeTextContainer,
+ getDislikeTextContainer,
+ checkForSignInButton,
+};
diff --git a/Extensions/combined/src/events.js b/Extensions/combined/src/events.ts
similarity index 78%
rename from Extensions/combined/src/events.js
rename to Extensions/combined/src/events.ts
index 9b0e78ae..c363afbe 100644
--- a/Extensions/combined/src/events.js
+++ b/Extensions/combined/src/events.ts
@@ -1,18 +1,23 @@
-import { getBrowser, getVideoId, numberFormat, cLog } from "./utils";
-import { checkForSignInButton, getButtons } from "./buttons";
+import { createRateBar } from "./bar";
+import {
+ checkForSignInButton,
+ getDislikeButton,
+ getLikeButton,
+} from "./buttons";
import {
- NEUTRAL_STATE,
- LIKED_STATE,
DISLIKED_STATE,
- setDislikes,
+ LIKED_STATE,
+ NEUTRAL_STATE,
extConfig,
- storedData,
- setLikes,
getLikeCountFromButton,
+ setDislikes,
+ setLikes,
+ storedData,
} from "./state";
-import { createRateBar } from "./bar";
+import { ColorTheme, NumberDisplayFormat } from "./types";
+import { getBrowser, getVideoId, numberFormat } from "./utils";
-function sendVote(vote) {
+function sendVote(vote: 0 | 1 | -1) {
if (extConfig.disableVoteSubmission !== true) {
getBrowser().runtime.sendMessage({
message: "send_vote",
@@ -83,17 +88,20 @@ function dislikeClicked() {
}
function addLikeDislikeEventListener() {
- const buttons = getButtons();
if (!window.returnDislikeButtonlistenersSet) {
- buttons.children[0].addEventListener("click", likeClicked);
- buttons.children[1].addEventListener("click", dislikeClicked);
- buttons.children[0].addEventListener("touchstart", likeClicked);
- buttons.children[1].addEventListener("touchstart", dislikeClicked);
+ getLikeButton()?.addEventListener("click", likeClicked);
+ getLikeButton()?.addEventListener("touchstart", likeClicked);
+ if (getDislikeButton()) {
+ getDislikeButton()?.addEventListener("click", dislikeClicked);
+ getDislikeButton()?.addEventListener("touchstart", dislikeClicked);
+ }
window.returnDislikeButtonlistenersSet = true;
}
}
-function storageChangeHandler(changes, area) {
+function storageChangeHandler(changes: {
+ [key: string]: chrome.storage.StorageChange;
+}) {
if (changes.disableVoteSubmission !== undefined) {
handleDisableVoteSubmissionChangeEvent(
changes.disableVoteSubmission.newValue
@@ -108,12 +116,6 @@ function storageChangeHandler(changes, area) {
if (changes.colorTheme !== undefined) {
handleColorThemeChangeEvent(changes.colorTheme.newValue);
}
-
- if (changes.numberDisplayRoundDown !== undefined) {
- handleNumberDisplayRoundDownChangeEvent(
- changes.numberDisplayRoundDown.newValue
- );
- }
if (changes.numberDisplayFormat !== undefined) {
handleNumberDisplayFormatChangeEvent(changes.numberDisplayFormat.newValue);
}
@@ -124,39 +126,35 @@ function storageChangeHandler(changes, area) {
}
}
-function handleDisableVoteSubmissionChangeEvent(value) {
+function handleDisableVoteSubmissionChangeEvent(value: boolean) {
extConfig.disableVoteSubmission = value;
}
-function handleColoredThumbsChangeEvent(value) {
+function handleColoredThumbsChangeEvent(value: boolean) {
extConfig.coloredThumbs = value;
}
-function handleColoredBarChangeEvent(value) {
+function handleColoredBarChangeEvent(value: boolean) {
extConfig.coloredBar = value;
}
-function handleColorThemeChangeEvent(value) {
+function handleColorThemeChangeEvent(value: ColorTheme) {
if (!value) value = "classic";
extConfig.colorTheme = value;
}
-function handleNumberDisplayFormatChangeEvent(value) {
+function handleNumberDisplayFormatChangeEvent(value: NumberDisplayFormat) {
extConfig.numberDisplayFormat = value;
}
-function handleNumberDisplayRoundDownChangeEvent(value) {
- extConfig.numberDisplayRoundDown = value;
-}
-
-function handleNumberDisplayReformatLikesChangeEvent(value) {
+function handleNumberDisplayReformatLikesChangeEvent(value: boolean) {
extConfig.numberDisplayReformatLikes = value;
}
export {
- sendVote,
- likeClicked,
- dislikeClicked,
addLikeDislikeEventListener,
+ dislikeClicked,
+ likeClicked,
+ sendVote,
storageChangeHandler,
};
diff --git a/Extensions/combined/src/starRating.js b/Extensions/combined/src/starRating.ts
similarity index 94%
rename from Extensions/combined/src/starRating.js
rename to Extensions/combined/src/starRating.ts
index 65cf18b1..37a336d8 100644
--- a/Extensions/combined/src/starRating.js
+++ b/Extensions/combined/src/starRating.ts
@@ -1,6 +1,6 @@
import { cLog } from "./utils";
-function createStarRating(rating, isMobile) {
+function createStarRating(rating: number, isMobile: boolean) {
let starRating = document.createElement("label");
let starSlider = document.createElement("input");
@@ -20,18 +20,18 @@ function createStarRating(rating, isMobile) {
if (isMobile) {
YTLikeButton = document.querySelector(
"#app > div.page-container > ytm-watch > ytm-single-column-watch-next-results-renderer > ytm-slim-video-metadata-section-renderer > ytm-slim-video-action-bar-renderer > div > ytm-slim-metadata-toggle-button-renderer:nth-child(1)"
- );
+ ) as HTMLElement;
} else {
YTLikeButton = document.querySelector(
"#top-level-buttons-computed > ytd-toggle-button-renderer:nth-child(1)"
- );
+ ) as HTMLElement;
}
YTLikeButton.insertAdjacentElement("afterend", starRating);
try {
let YTBar = document.querySelector("#ryd-bar-container");
- YTBar.setAttribute("style", "width: 190%; height: 2px;");
+ YTBar?.setAttribute("style", "width: 190%; height: 2px;");
} catch (err) {
cLog("RateBar Not Present");
}
diff --git a/Extensions/combined/src/state.js b/Extensions/combined/src/state.ts
similarity index 50%
rename from Extensions/combined/src/state.js
rename to Extensions/combined/src/state.ts
index ec2125a5..0ff48377 100644
--- a/Extensions/combined/src/state.js
+++ b/Extensions/combined/src/state.ts
@@ -1,14 +1,20 @@
-import { getLikeButton, getDislikeButton, getButtons } from "./buttons";
import { createRateBar } from "./bar";
import {
+ getButtons,
+ getDislikeButton,
+ getDislikeTextContainer,
+ getLikeButton,
+ getLikeTextContainer,
+} from "./buttons";
+import { ExtConfig, StoredData } from "./types";
+import {
+ cLog,
getBrowser,
+ getColorFromTheme,
getVideoId,
- cLog,
+ localize,
numberFormat,
- getColorFromTheme,
} from "./utils";
-import { localize } from "./utils";
-import { createStarRating } from "./starRating";
//TODO: Do not duplicate here and in ryd.background.js
const apiUrl = "https://returnyoutubedislikeapi.com";
@@ -16,19 +22,18 @@ const LIKED_STATE = "LIKED_STATE";
const DISLIKED_STATE = "DISLIKED_STATE";
const NEUTRAL_STATE = "NEUTRAL_STATE";
-let extConfig = {
+let extConfig: ExtConfig = {
disableVoteSubmission: false,
coloredThumbs: false,
coloredBar: false,
colorTheme: "classic",
numberDisplayFormat: "compactShort",
- numberDisplayRoundDown: true,
showTooltipPercentage: false,
tooltipPercentageMode: "dash_like",
numberDisplayReformatLikes: false,
};
-let storedData = {
+let storedData: StoredData = {
likes: 0,
dislikes: 0,
previousState: NEUTRAL_STATE,
@@ -46,7 +51,17 @@ function isNewDesign() {
return document.getElementById("comment-teaser") !== null;
}
-let mutationObserver = new Object();
+function isRoundedDesign() {
+ return document.getElementById("segmented-like-button") !== null;
+}
+
+class MutationObserverWrapper extends Object {
+ options: MutationObserverInit;
+ exists: boolean;
+ observer: MutationObserver;
+}
+
+let mutationObserver = new MutationObserverWrapper();
if (isShorts() && mutationObserver.exists !== true) {
cLog("initializing mutation observer");
@@ -56,24 +71,25 @@ if (isShorts() && mutationObserver.exists !== true) {
subtree: false,
};
mutationObserver.exists = true;
- mutationObserver.observer = new MutationObserver(function (
- mutationList,
- observer
- ) {
+ mutationObserver.observer = new MutationObserver(function (mutationList) {
mutationList.forEach((mutation) => {
if (
mutation.type === "attributes" &&
mutation.target.nodeName === "TP-YT-PAPER-BUTTON" &&
- mutation.target.id === "button"
+ (mutation.target as HTMLElement).id === "button"
) {
// cLog('Short thumb button status changed');
- if (mutation.target.getAttribute("aria-pressed") === "true") {
- mutation.target.style.color =
- mutation.target.parentElement.parentElement.id === "like-button"
+ if (
+ (mutation.target as HTMLElement).getAttribute("aria-pressed") ===
+ "true"
+ ) {
+ (mutation.target as HTMLElement).style.color =
+ (mutation.target as HTMLElement)?.parentElement?.parentElement
+ ?.id === "like-button"
? getColorFromTheme(true)
: getColorFromTheme(false);
} else {
- mutation.target.style.color = "unset";
+ (mutation.target as HTMLElement).style.color = "unset";
}
return;
}
@@ -88,35 +104,51 @@ function isLikesDisabled() {
// return true if the like button's text doesn't contain any number
if (isMobile()) {
return /^\D*$/.test(
- getButtons().children[0].querySelector(".button-renderer-text").innerText
+ (
+ getButtons()?.children[0]?.querySelector(
+ ".button-renderer-text"
+ ) as HTMLElement
+ )?.innerText
);
}
- return /^\D*$/.test(
- getButtons().children[0].querySelector("#text").innerText
- );
+ return /^\D*$/.test((getButtons()?.children[0] as HTMLElement)?.innerText);
}
function isVideoLiked() {
if (isMobile()) {
return (
- getLikeButton().querySelector("button").getAttribute("aria-label") ==
+ getLikeButton()?.querySelector("button")?.getAttribute("aria-label") ===
"true"
);
}
- return getLikeButton().classList.contains("style-default-active");
+ return (
+ getLikeButton()?.classList.contains("style-default-active") ||
+ getLikeButton()?.querySelector("button")?.getAttribute("aria-pressed") ===
+ "true"
+ );
}
function isVideoDisliked() {
if (isMobile()) {
return (
- getDislikeButton().querySelector("button").getAttribute("aria-label") ==
- "true"
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.getAttribute("aria-label") === "true"
);
}
- return getDislikeButton().classList.contains("style-default-active");
+ return (
+ getDislikeButton()?.classList.contains("style-default-active") ||
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.getAttribute("aria-pressed") === "true"
+ );
}
-function getState(storedData) {
+function getState(storedData: {
+ likes: number;
+ dislikes: number;
+ previousState: string;
+}) {
if (isVideoLiked()) {
return { current: LIKED_STATE, previous: storedData.previousState };
}
@@ -127,46 +159,130 @@ function getState(storedData) {
}
//--- Sets The Likes And Dislikes Values ---//
-function setLikes(likesCount) {
- getButtons().children[0].querySelector("#text").innerText = likesCount;
+function setLikes(likesCount: string) {
+ cLog(`SET likes ${likesCount}`);
+ const likeTextContainer = getLikeTextContainer() as HTMLElement;
+ if (!likeTextContainer) {
+ console.error("likeTextContainer not found");
+ return;
+ }
+ likeTextContainer.innerText = likesCount;
}
-function setDislikes(dislikesCount) {
+function setDislikes(dislikesCount: string) {
+ cLog(`SET dislikes ${dislikesCount}`);
+ getDislikeTextContainer()?.removeAttribute("is-empty");
+ getDislikeTextContainer()?.removeAttribute("is-empty");
if (!isLikesDisabled()) {
if (isMobile()) {
- getButtons().children[1].querySelector(
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("buttons children not found");
+ return;
+ }
+
+ const secondChild = children[1] as HTMLElement;
+ if (!secondChild) {
+ console.error("secondChild not found");
+ return;
+ }
+
+ const buttonRendererText = secondChild.querySelector(
".button-renderer-text"
- ).innerText = dislikesCount;
+ ) as HTMLElement;
+ if (!buttonRendererText) {
+ console.error("buttonRendererText not found");
+ return;
+ }
+
+ buttonRendererText.innerText = dislikesCount;
return;
}
- getButtons().children[1].querySelector("#text").innerText = dislikesCount;
+ const dislikeTextContainer = getDislikeTextContainer() as HTMLElement;
+ if (!dislikeTextContainer) {
+ console.error("dislikeTextContainer not found");
+ return;
+ }
+
+ dislikeTextContainer.innerText = dislikesCount;
} else {
cLog("likes count disabled by creator");
if (isMobile()) {
- getButtons().children[1].querySelector(
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("buttons children not found");
+ return;
+ }
+
+ const secondChild = children[1] as HTMLElement;
+ if (!secondChild) {
+ console.error("secondChild not found");
+ return;
+ }
+
+ const buttonRendererText = secondChild.querySelector(
".button-renderer-text"
- ).innerText = localize("TextLikesDisabled");
+ ) as HTMLElement;
+ if (!buttonRendererText) {
+ console.error("buttonRendererText not found");
+ return;
+ }
+
+ buttonRendererText.innerText = localize("TextLikesDisabled");
return;
}
- getButtons().children[1].querySelector("#text").innerText =
- localize("TextLikesDisabled");
+ const dislikeTextContainer = getDislikeTextContainer() as HTMLElement;
+ if (!dislikeTextContainer) {
+ console.error("dislikeTextContainer not found");
+ return;
+ }
+ dislikeTextContainer.innerText = localize("TextLikesDisabled");
}
}
function getLikeCountFromButton() {
- if (isShorts()) {
- //Youtube Shorts don't work with this query. It's not nessecary; we can skip it and still see the results.
- //It should be possible to fix this function, but it's not critical to showing the dislike count.
+ try {
+ if (isShorts()) {
+ //Youtube Shorts don't work with this query. It's not necessary; we can skip it and still see the results.
+ //It should be possible to fix this function, but it's not critical to showing the dislike count.
+ return false;
+ }
+
+ let likeButton =
+ getLikeButton()?.querySelector("yt-formatted-string#text") ??
+ getLikeButton()?.querySelector("button");
+
+ let likesStr = likeButton?.getAttribute("aria-label")?.replace(/\D/g, "");
+ if (!likesStr) {
+ console.error("likesStr not found");
+ return false;
+ }
+
+ const likeStrLength = likesStr?.length;
+ if (!likeStrLength) {
+ console.error("likeStrLength not found");
+ return false;
+ }
+
+ return likeStrLength > 0 ? parseInt(likesStr) : false;
+ } catch {
return false;
}
- let likesStr = getLikeButton()
- .querySelector("yt-formatted-string#text")
- .getAttribute("aria-label")
- .replace(/\D/g, "");
- return likesStr.length > 0 ? parseInt(likesStr) : false;
}
-function processResponse(response, storedData) {
+function processResponse(response: any, storedData: StoredData) {
const formattedDislike = numberFormat(response.dislikes);
setDislikes(formattedDislike);
if (extConfig.numberDisplayReformatLikes === true) {
@@ -180,19 +296,30 @@ function processResponse(response, storedData) {
createRateBar(storedData.likes, storedData.dislikes);
if (extConfig.coloredThumbs === true) {
if (isShorts()) {
- // for shorts, leave deactived buttons in default color
- let shortLikeButton = getLikeButton().querySelector(
+ // for shorts, leave deactivated buttons in default color
+ const shortLikeButton = getLikeButton()?.querySelector(
"tp-yt-paper-button#button"
- );
- let shortDislikeButton = getDislikeButton().querySelector(
+ ) as HTMLElement;
+ if (!shortLikeButton) {
+ console.error("shortLikeButton not found");
+ return;
+ }
+
+ const shortDislikeButton = getDislikeButton()?.querySelector(
"tp-yt-paper-button#button"
- );
- if (shortLikeButton.getAttribute("aria-pressed") === "true") {
+ ) as HTMLElement;
+ if (!shortDislikeButton) {
+ console.error("shortDislikeButton not found");
+ return;
+ }
+
+ if (shortLikeButton?.getAttribute("aria-pressed") === "true") {
shortLikeButton.style.color = getColorFromTheme(true);
}
- if (shortDislikeButton.getAttribute("aria-pressed") === "true") {
+ if (shortDislikeButton?.getAttribute("aria-pressed") === "true") {
shortDislikeButton.style.color = getColorFromTheme(false);
}
+
mutationObserver.observer.observe(
shortLikeButton,
mutationObserver.options
@@ -202,8 +329,20 @@ function processResponse(response, storedData) {
mutationObserver.options
);
} else {
- getLikeButton().style.color = getColorFromTheme(true);
- getDislikeButton().style.color = getColorFromTheme(false);
+ const likeButton = getLikeButton();
+ if (!likeButton) {
+ console.error("likeButton not found");
+ return;
+ }
+
+ const dislikeButton = getDislikeButton();
+ if (!dislikeButton) {
+ console.error("dislikeButton not found");
+ return;
+ }
+
+ likeButton.style.color = getColorFromTheme(true);
+ dislikeButton.style.color = getColorFromTheme(false);
}
}
//Temporary disabling this - it breaks all places where getButtons()[1] is used
@@ -211,13 +350,16 @@ function processResponse(response, storedData) {
}
// Tells the user if the API is down
-function displayError(error) {
- getButtons().children[1].querySelector("#text").innerText = localize(
- "textTempUnavailable"
- );
+function displayError() {
+ const dislikeTextContainer = getDislikeTextContainer() as HTMLElement;
+ if (!dislikeTextContainer) {
+ console.error("dislikeTextContainer not found");
+ return;
+ }
+ dislikeTextContainer.innerText = localize("textTempUnavailable");
}
-async function setState(storedData) {
+async function setState(storedData: StoredData) {
storedData.previousState = isVideoDisliked()
? DISLIKED_STATE
: isVideoLiked()
@@ -238,7 +380,7 @@ async function setState(storedData) {
}
)
.then((response) => {
- if (!response.ok) displayError(response.error);
+ if (!response.ok) displayError();
return response;
})
.then((response) => response.json())
@@ -260,14 +402,13 @@ function initExtConfig() {
initializeColoredBar();
initializeColorTheme();
initializeNumberDisplayFormat();
- initializeNumberDisplayRoundDown();
initializeTooltipPercentage();
initializeTooltipPercentageMode();
initializeNumberDisplayReformatLikes();
}
function initializeDisableVoteSubmission() {
- getBrowser().storage.sync.get(["disableVoteSubmission"], (res) => {
+ getBrowser().storage.sync.get(["disableVoteSubmission"], (res: any) => {
if (res.disableVoteSubmission === undefined) {
getBrowser().storage.sync.set({ disableVoteSubmission: false });
} else {
@@ -277,7 +418,7 @@ function initializeDisableVoteSubmission() {
}
function initializeColoredThumbs() {
- getBrowser().storage.sync.get(["coloredThumbs"], (res) => {
+ getBrowser().storage.sync.get(["coloredThumbs"], (res: any) => {
if (res.coloredThumbs === undefined) {
getBrowser().storage.sync.set({ coloredThumbs: false });
} else {
@@ -287,7 +428,7 @@ function initializeColoredThumbs() {
}
function initializeColoredBar() {
- getBrowser().storage.sync.get(["coloredBar"], (res) => {
+ getBrowser().storage.sync.get(["coloredBar"], (res: any) => {
if (res.coloredBar === undefined) {
getBrowser().storage.sync.set({ coloredBar: false });
} else {
@@ -296,18 +437,8 @@ function initializeColoredBar() {
});
}
-function initializeNumberDisplayRoundDown() {
- getBrowser().storage.sync.get(["numberDisplayRoundDown"], (res) => {
- if (res.numberDisplayRoundDown === undefined) {
- getBrowser().storage.sync.set({ numberDisplayRoundDown: true });
- } else {
- extConfig.numberDisplayRoundDown = res.numberDisplayRoundDown;
- }
- });
-}
-
function initializeColorTheme() {
- getBrowser().storage.sync.get(["colorTheme"], (res) => {
+ getBrowser().storage.sync.get(["colorTheme"], (res: any) => {
if (res.colorTheme === undefined) {
getBrowser().storage.sync.set({ colorTheme: false });
} else {
@@ -317,7 +448,7 @@ function initializeColorTheme() {
}
function initializeNumberDisplayFormat() {
- getBrowser().storage.sync.get(["numberDisplayFormat"], (res) => {
+ getBrowser().storage.sync.get(["numberDisplayFormat"], (res: any) => {
if (res.numberDisplayFormat === undefined) {
getBrowser().storage.sync.set({ numberDisplayFormat: "compactShort" });
} else {
@@ -327,7 +458,7 @@ function initializeNumberDisplayFormat() {
}
function initializeTooltipPercentage() {
- getBrowser().storage.sync.get(["showTooltipPercentage"], (res) => {
+ getBrowser().storage.sync.get(["showTooltipPercentage"], (res: any) => {
if (res.showTooltipPercentage === undefined) {
getBrowser().storage.sync.set({ showTooltipPercentage: false });
} else {
@@ -337,7 +468,7 @@ function initializeTooltipPercentage() {
}
function initializeTooltipPercentageMode() {
- getBrowser().storage.sync.get(["tooltipPercentageMode"], (res) => {
+ getBrowser().storage.sync.get(["tooltipPercentageMode"], (res: any) => {
if (res.tooltipPercentageMode === undefined) {
getBrowser().storage.sync.set({ tooltipPercentageMode: "dash_like" });
} else {
@@ -347,7 +478,7 @@ function initializeTooltipPercentageMode() {
}
function initializeNumberDisplayReformatLikes() {
- getBrowser().storage.sync.get(["numberDisplayReformatLikes"], (res) => {
+ getBrowser().storage.sync.get(["numberDisplayReformatLikes"], (res: any) => {
if (res.numberDisplayReformatLikes === undefined) {
getBrowser().storage.sync.set({ numberDisplayReformatLikes: false });
} else {
@@ -357,22 +488,23 @@ function initializeNumberDisplayReformatLikes() {
}
export {
+ DISLIKED_STATE,
+ LIKED_STATE,
+ NEUTRAL_STATE,
+ extConfig,
+ getLikeCountFromButton,
+ getState,
+ initExtConfig,
+ isLikesDisabled,
isMobile,
+ isNewDesign,
+ isRoundedDesign,
isShorts,
isVideoDisliked,
isVideoLiked,
- isNewDesign,
- getState,
- setState,
+ setDislikes,
setInitialState,
setLikes,
- setDislikes,
- getLikeCountFromButton,
- LIKED_STATE,
- DISLIKED_STATE,
- NEUTRAL_STATE,
- extConfig,
- initExtConfig,
+ setState,
storedData,
- isLikesDisabled,
};
diff --git a/Extensions/combined/src/storage.ts b/Extensions/combined/src/storage.ts
new file mode 100644
index 00000000..ef9337e5
--- /dev/null
+++ b/Extensions/combined/src/storage.ts
@@ -0,0 +1,2 @@
+const storage = chrome.storage.sync || chrome.storage.local;
+export default storage;
diff --git a/Extensions/combined/src/types/data.ts b/Extensions/combined/src/types/data.ts
new file mode 100644
index 00000000..6ac8adac
--- /dev/null
+++ b/Extensions/combined/src/types/data.ts
@@ -0,0 +1,7 @@
+export type StoredData = {
+ likes: number;
+ dislikes: number;
+ previousState: DataState;
+};
+
+export type DataState = "LIKED_STATE" | "DISLIKED_STATE" | "NEUTRAL_STATE";
diff --git a/Extensions/combined/src/types/ext-config.ts b/Extensions/combined/src/types/ext-config.ts
new file mode 100644
index 00000000..a7a48f3a
--- /dev/null
+++ b/Extensions/combined/src/types/ext-config.ts
@@ -0,0 +1,20 @@
+export type ColorTheme = "classic" | "accessible" | "neon";
+export type NumberDisplayFormat = "compactShort" | "compactLong" | "standard";
+export type TooltipPercentageMode =
+ | "dash_like"
+ | "dash_dislike"
+ | "both"
+ | "only_like"
+ | "only_dislike"
+ | undefined;
+
+export type ExtConfig = {
+ disableVoteSubmission: boolean;
+ coloredThumbs: boolean;
+ coloredBar: boolean;
+ colorTheme: ColorTheme;
+ numberDisplayFormat: NumberDisplayFormat;
+ numberDisplayReformatLikes: boolean;
+ showTooltipPercentage: boolean | undefined;
+ tooltipPercentageMode: TooltipPercentageMode;
+};
diff --git a/Extensions/combined/src/types/index.ts b/Extensions/combined/src/types/index.ts
new file mode 100644
index 00000000..ae4a0d1c
--- /dev/null
+++ b/Extensions/combined/src/types/index.ts
@@ -0,0 +1,2 @@
+export * from "./ext-config";
+export * from "./data";
diff --git a/Extensions/combined/src/utils.js b/Extensions/combined/src/utils.ts
similarity index 60%
rename from Extensions/combined/src/utils.js
rename to Extensions/combined/src/utils.ts
index 05dafbf0..5dbae1d2 100644
--- a/Extensions/combined/src/utils.js
+++ b/Extensions/combined/src/utils.ts
@@ -1,38 +1,45 @@
import { extConfig } from "./state";
+import { NumberDisplayFormat } from "./types";
-function roundDown(num) {
- if (num < 1000) return num;
- const int = Math.floor(Math.log10(num) - 2);
- const decimal = int + (int % 3 ? 1 : 0);
- const value = Math.floor(num / 10 ** decimal);
- return value * 10 ** decimal;
-}
+declare const browser: any;
-function numberFormat(numberState) {
- let numberDisplay;
- if (extConfig.numberDisplayRoundDown === false) {
- numberDisplay = numberState;
- } else {
- numberDisplay = roundDown(numberState);
- }
- return getNumberFormatter(extConfig.numberDisplayFormat).format(
- numberDisplay
- );
+function numberFormat(numberState: number) {
+ return getNumberFormatter(extConfig.numberDisplayFormat).format(numberState);
}
-function getNumberFormatter(optionSelect) {
- let userLocales;
+function getNumberFormatter(numberDisplayFormat: NumberDisplayFormat) {
+ let userLocales: string;
if (document.documentElement.lang) {
userLocales = document.documentElement.lang;
} else if (navigator.language) {
userLocales = navigator.language;
} else {
try {
- userLocales = new URL(
- Array.from(document.querySelectorAll("head > link[rel='search']"))
- ?.find((n) => n?.getAttribute("href")?.includes("?locale="))
- ?.getAttribute("href")
- )?.searchParams?.get("locale");
+ const headLinks = document.querySelectorAll("head > link[rel='search']");
+ if (!headLinks || headLinks.length === 0) {
+ throw new Error("No head links found");
+ }
+
+ const localeLink = Array.from(headLinks).find((n) =>
+ n?.getAttribute("href")?.includes("?locale=")
+ );
+ if (!localeLink) {
+ throw new Error("No locale link found");
+ }
+
+ const localeLinkHref = localeLink.getAttribute("href");
+ if (!localeLinkHref) {
+ throw new Error("No locale link href found");
+ }
+
+ const url = new URL(localeLinkHref);
+ const searchParams = url.searchParams;
+ const locale = searchParams.get("locale");
+ if (!searchParams || typeof locale !== "string") {
+ throw new Error("No locale found");
+ }
+
+ userLocales = locale;
} catch {
cLog(
"Cannot find browser locale. Use en as default for number formatting."
@@ -41,9 +48,9 @@ function getNumberFormatter(optionSelect) {
}
}
- let formatterNotation;
- let formatterCompactDisplay;
- switch (optionSelect) {
+ let formatterNotation: Intl.NumberFormatOptions["notation"];
+ let formatterCompactDisplay: Intl.NumberFormatOptions["compactDisplay"];
+ switch (numberDisplayFormat) {
case "compactLong":
formatterNotation = "compact";
formatterCompactDisplay = "long";
@@ -65,11 +72,11 @@ function getNumberFormatter(optionSelect) {
return formatter;
}
-function localize(localeString) {
+function localize(localeString: string) {
return chrome.i18n.getMessage(localeString);
}
-function getBrowser() {
+function getBrowser(): typeof chrome | typeof browser | false {
if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined") {
return chrome;
} else if (
@@ -83,11 +90,13 @@ function getBrowser() {
}
}
-function getVideoId(url) {
+function getVideoId(url: string) {
const urlObject = new URL(url);
const pathname = urlObject.pathname;
if (pathname.startsWith("/clip")) {
- return document.querySelector("meta[itemprop='videoId']").content;
+ return (
+ document?.querySelector("meta[itemprop='videoId']") as HTMLMetaElement
+ )?.content;
} else {
if (pathname.startsWith("/shorts")) {
return pathname.slice(8);
@@ -96,11 +105,14 @@ function getVideoId(url) {
}
}
-function isInViewport(element) {
+function isInViewport(element: HTMLElement) {
const rect = element.getBoundingClientRect();
const height = innerHeight || document.documentElement.clientHeight;
const width = innerWidth || document.documentElement.clientWidth;
return (
+ // When short (channel) is ignored, the element (like/dislike AND short itself) is
+ // hidden with a 0 DOMRect. In this case, consider it outside of Viewport
+ !(rect.top == 0 && rect.left == 0 && rect.bottom == 0 && rect.right == 0) &&
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= height &&
@@ -117,16 +129,12 @@ function isVideoLoaded() {
);
}
-function cLog(message, writer) {
+function cLog(message: string) {
message = `[return youtube dislike]: ${message}`;
- if (writer) {
- writer(message);
- } else {
- console.log(message);
- }
+ console.log(message);
}
-function getColorFromTheme(voteIsLike) {
+function getColorFromTheme(voteIsLike: boolean) {
let colorString;
switch (extConfig.colorTheme) {
case "accessible":
diff --git a/Icons/128x128_transparent.jpg b/Icons/128x128_transparent.jpg
index 0a2dba14..ad35fce5 100644
Binary files a/Icons/128x128_transparent.jpg and b/Icons/128x128_transparent.jpg differ
diff --git a/Icons/Discord.gif b/Icons/Discord.gif
index b368ae38..49e277cc 100644
Binary files a/Icons/Discord.gif and b/Icons/Discord.gif differ
diff --git a/Icons/Return Youtube Dislike - Dark.jpg b/Icons/Return Youtube Dislike - Dark.jpg
index 22293216..8713c597 100644
Binary files a/Icons/Return Youtube Dislike - Dark.jpg and b/Icons/Return Youtube Dislike - Dark.jpg differ
diff --git a/Icons/Return Youtube Dislike - Dark.png b/Icons/Return Youtube Dislike - Dark.png
index 23c30eb9..6dd57d19 100644
Binary files a/Icons/Return Youtube Dislike - Dark.png and b/Icons/Return Youtube Dislike - Dark.png differ
diff --git a/README.md b/README.md
index b31aa56b..8b590660 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,9 @@
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-Read this in other languages: [Español](READMEes.md), [русский](READMEru.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md)
+
+Read this in other languages: [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md, [中文](READMEcn.md)
+
# Return YouTube Dislike
@@ -39,7 +41,7 @@ You can learn more at our website at: [returnyoutubedislike.com](https://www.ret
Third-party use of this open API is allowed with the following restrictions:
- **Attribution**: This project should be clearly attributed with a link to [returnyoutubedislike.com](https://returnyoutubedislike.com/).
-- **Rate Limiting**: There are per client rate limits in place of 100 per minute and 10'000 per day. This will return a _429_ status code indicating that your application should back off.
+- **Rate Limiting**: There are per client rate limits in place of 100 per minute and 10,000 per day. This will return a _429_ status code indicating that your application should back off.
The API is accessible over the following base URL:
https://returnyoutubedislikeapi.com
diff --git a/READMEcn.md b/READMEcn.md
new file mode 100644
index 00000000..11d4d987
--- /dev/null
+++ b/READMEcn.md
@@ -0,0 +1,86 @@
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://github.com/Anarios/return-youtube-dislike/commits/main)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://discord.gg/UMxyMmCgfF)
+[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
+
+阅读其他语言版本：[English](README.md), [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md)
+
+# Return YouTube Dislike
+
+
+ Return YouTube Dislike是一个开源的扩展，可以显示 YouTube 的不喜欢数量。
+ 适用于 Chrome 和 Firefox 作为 Web 扩展。
+ 也可以作为 JS Userscript 在其他浏览器上使用。
+ 
+
+
+## 故事
+
+在2021年11月10日，Google [宣布](https://blog.youtube/news-and-events/update-to-youtube/) 将移除 YouTube 的不喜欢数量。
+
+此外，YouTube API 中的 `dislike` 字段于2021年12月13日 [被移除](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts)，移除了在观看之前评估内容质量的能力。
+
+## 它是如何工作的
+
+随着 YouTube API 中不喜欢统计信息的移除，我们的后端切换到使用从扩展用户数据中抓取的不喜欢统计信息和估算数据的组合。
+
+[常见问题解答](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQ.md)
+
+## 为什么重要
+
+您可以在我们的网站上了解更多信息：[returnyoutubedislike.com](https://www.returnyoutubedislike.com/)
+
+## API 文档
+
+允许第三方使用此开放 API，但有以下限制：
+
+- **归因**: 该项目应清楚地归因于 [returnyoutubedislike.com](https://returnyoutubedislike.com/) 的链接。
+- **速率限制**: 客户端的速率限制为每分钟100次和每天10,000次。这将返回 _429_ 状态代码，表示您的应用程序应该减速。
+
+API 可以通过以下基本 URL 访问：
+https://returnyoutubedislikeapi.com
+
+可用端点列表在这里：
+https://returnyoutubedislikeapi.com/swagger/index.html
+
+### 获取投票
+
+示例获取给定 YouTube 视频 ID 的投票：
+`/votes?videoId=kxOuG8jMIgI`
+
+```json
+{
+ "id": "kxOuG8jMIgI",
+ "dateCreated": "2021-12-20T12:25:54.418014Z",
+ "likes": 27326,
+ "dislikes": 498153,
+ "rating": 1.212014408444885,
+ "viewCount": 3149885,
+ "deleted": false
+}
+```
+
+不存在的 YouTube ID 将返回状态码 _404_ "未找到"。
+格式错误的 YouTube ID 将返回 _400_ "请求无效"。
+
+## 贡献
+
+请阅读[贡献指南](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md)。
+
+## 支持这个项目！
+
+您可以通过以下链接向我们捐赠来支持这个项目：
+
+[捐赠](https://returnyoutubedislike.com/donate)
+
+## 赞助商
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=return
diff --git a/READMEde.md b/READMEde.md
new file mode 100644
index 00000000..95fd8828
--- /dev/null
+++ b/READMEde.md
@@ -0,0 +1,96 @@
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://github.com/Anarios/return-youtube-dislike/commits/main)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://discord.gg/UMxyMmCgfF)
+[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
+
+
+Lesen sie dies in anderen Sprachen: [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
+
+# Return YouTube Dislike
+
+
+ Return YouTube Dislike (Bring die YouTube Dislikes zurück) ist eine open-source Erweiterung die den Dislike-Zähler zurückbringt.
+ Für Chromium Browser und Firefox als Browser Erweiterung verfügbar.
+ Für andere Browsers auch als JS Userscript verfügbar.
+
+
+
+## Die Geschichte
+
+Am 10. November 2021, [kündigte Google an](https://blog.youtube/news-and-events/update-to-youtube/) das der YouTube Dislike-Zähler von der Platform entfernt werden sollte.
+
+Zusätzlich, wurde das `dislike` Feld in der YouTube API am 13. Dezember 2021 [entfernt](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts), und damit auch jegliche Möglichkeit die Qualität der Inhalte zu bewerten bevor man das Video sah.
+
+## Was die Erweiterung macht
+
+Mit der entfernung der Statistiken der YouTube API, wechselte unser Backend zu einer Kombination von archivierten Dislike Statistiken sowie den extrapolierten Schätzungen durch die Nutzerdaten dieser Erweiterung anfallen, um die Dislike-Zahlen zu berechnen.
+
+[FAQ](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQ.md)
+
+## Warum dies wichtig ist
+
+Mehr erfahren Sie auf unserer Website unter: [returnyoutubedislike.com](https://www.returnyoutubedislike.com/)
+
+## API Dokumentierung
+
+Dritte dürfen diese öffentliche API mit folgenden Restriktionen benützen:
+
+- **Namensnennung**: Dieses Projekt sollte klar und mit folgendem Link [returnyoutubedislike.com](https://returnyoutubedislike.com/) versehen zugeordnet werden.
+- **Raten Limitierung**: Es bestehen pro Nutzer limitierungen von 100 pro Minute sowie 10'000 pro Tag. Dies wird eine Statusmeldung von _429_ ausgeben, die darauf hinweist, dass sich Ihre Anwendung zurückziehen sollte.
+
+Die API ist unter der folgenden basis URL verfügbar:
+https://returnyoutubedislikeapi.com
+
+Eine Liste aller verfügbaren Endpunkten finden Sie hier:
+https://returnyoutubedislikeapi.com/swagger/index.html
+
+### Votum erhalten
+
+Beispiel um die Abstimmungen einer gegebenen YouTube ID zu erhalten:
+`/votes?videoId=kxOuG8jMIgI`
+
+```json
+{
+ "id": "kxOuG8jMIgI",
+ "dateCreated": "2021-12-20T12:25:54.418014Z",
+ "likes": 27326,
+ "dislikes": 498153,
+ "rating": 1.212014408444885,
+ "viewCount": 3149885,
+ "deleted": false
+}
+```
+
+Nicht existierende YouTube IDs werden den Statuscode _404_ "Not Found" zurückgeben.
+Falsch geformte YouTube IDs werden den Statuscode _400_ "Bad Request" zurückgeben.
+
+
+
+## Beitragen
+
+Bitte lesen Sie das [Beitrags-Handbuch](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md).
+
+## Unterstütze dieses Projekt!
+
+Sie können das Projekt unterstützen indem Sie unter den folgenden Link spenden:
+
+[Spenden](https://returnyoutubedislike.com/donate)
+
+## Sponsoren
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=returnyoutubedislike)
+
+[Werde unser Sponsor](https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601)
diff --git a/READMEes.md b/READMEes.md
index 63704b04..6c3aad41 100644
--- a/READMEes.md
+++ b/READMEes.md
@@ -7,7 +7,9 @@
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-Leer en otros idiomas: [English](README.md), [русский](READMEru.md), [Français](READMEfr.md) [日本語](READMEja.md), [Türkçe](READMEtr.md)
+
+Leer en otros idiomas: [English](README.md), [русский](READMEru.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
# Return YouTube Dislike
diff --git a/READMEfr.md b/READMEfr.md
index 6915d88c..9d26f4f3 100644
--- a/READMEfr.md
+++ b/READMEfr.md
@@ -7,9 +7,11 @@
[](https://discord.gg/UMxyMmCgfF)
[](LICENSE)
-# Return YouTube Dislike
-Lisez ceci dans d'autres langues : [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Türkçe](READMEtr.md)
+Lisez ceci dans d'autres langues : [English](README.md), [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md),[日本語](READMEja.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
+
+# Return YouTube Dislike
Return YouTube Dislike est une extension open-source qui ré-affiche les dislikes (pouces rouges) sur YouTube.
@@ -64,8 +66,8 @@ Exemple pour obtenir les likes d'une vidéo YouTube avec un ID donné:
}
```
-Si aucunne vidéo YouTube à cet ID, il sera retourner le code d'erreur _404_ "Not Found".
-Un ID YouTube invilide renverra _400_ "Bad Request".
+Si aucune vidéo YouTube n'a cet ID, le code d'erreur _404_ "Not Found" sera retourné.
+Un ID YouTube invalide renverra le code d'erreur _400_ "Bad Request".
+
+## Συνεισφορά
+
+Παρακαλώ διαβάστε τον [οδηγό συνεισφοράς](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md).
+
+## Υποστηρίξτε αυτό το project!
+
+Μπορείτε να υποστηρίξετε αυτό το έργο κάνοντας δωρεά προς εμάς στον παρακάτω σύνδεσμο:
+
+[Δωρεά](https://returnyoutubedislike.com/donate)
+
+## Χορηγοί
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=returnyoutubedislike)
+
+[Γίνεται χορηγός μας](https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601)
diff --git a/READMEja.md b/READMEja.md
index 2aba04b7..8a628d09 100644
--- a/READMEja.md
+++ b/READMEja.md
@@ -7,7 +7,9 @@
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-別の言語: [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Türkçe](READMEtr.md)
+
+別の言語: [English](README.md), [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
# Return YouTube Dislike
diff --git a/READMEnl.md b/READMEnl.md
new file mode 100644
index 00000000..98c7b795
--- /dev/null
+++ b/READMEnl.md
@@ -0,0 +1,96 @@
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://github.com/Anarios/return-youtube-dislike/commits/main)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://discord.gg/UMxyMmCgfF)
+[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
+
+
+Lees dit in andere talen: [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
+
+# Return YouTube Dislike
+
+
+ Return YouTube Dislike is een open-source extensie die het aantal dislikes van YouTube retourneert.
+ Beschikbaar voor Chrome en Firefox als webextensie.
+ Ook beschikbaar voor andere browsers als JS Userscript.
+
+
+
+## Het Verhaal
+
+Op 10 november 2021 [kondigde](https://blog.youtube/news-and-events/update-to-youtube/) that the YouTube dislike count would be removed.
+
+Additionally, the `dislike` field in the YouTube API was [removed](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) Google aan dat het aantal dislikes op YouTube zou worden verwijderd.
+
+## Wat het doet
+
+Met de verwijdering van afkeerstatistieken uit de YouTube API, schakelde onze backend over op het gebruik van een combinatie van geschraapte afkeerstatistieken, schattingen geëxtrapoleerd uit gebruikersgegevens van extensies.
+
+[FAQ](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQ.md)
+
+## Waarom het uitmaakt
+
+U kunt meer informatie vinden op onze website op: [returnyoutubedislike.com](https://www.returnyoutubedislike.com/)
+
+## API-documentatie
+
+Gebruik door derden van deze open API is toegestaan met de volgende beperkingen:
+
+- **Naamsvermelding**: dit project moet duidelijk worden toegeschreven met een link naar [returnyoutubedislike.com](https://returnyoutubedislike.com/).
+- **Snelheidsbeperking**: Er zijn tarieflimieten per klant in plaats van 100 per minuut en 10.000 per dag. Hiermee wordt een statuscode _429_ geretourneerd die aangeeft dat uw toepassing moet worden uitgeschakeld.
+
+De API is toegankelijk via de volgende basis-URL:
+https://returnyoutubedislikeapi.com
+
+Lijst met beschikbare eindpunten is hier beschikbaar:
+https://returnyoutubedislikeapi.com/swagger/index.html
+
+### Stemmen krijgen
+
+Voorbeeld om stemmen te krijgen voor een bepaalde YouTube-video-ID:
+`/votes?videoId=kxOuG8jMIgI`
+
+```json
+{
+ "id": "kxOuG8jMIgI",
+ "dateCreated": "2021-12-20T12:25:54.418014Z",
+ "likes": 27326,
+ "dislikes": 498153,
+ "rating": 1.212014408444885,
+ "viewCount": 3149885,
+ "deleted": false
+}
+```
+
+Geen bestaande YouTube-ID retourneert statuscode _404_ "Niet gevonden".
+Verkeerd gevormde YouTube-ID retourneert _400_ "Slecht verzoek".
+
+
+
+## Bijdragen
+
+Lees de [bijdragengids](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md).
+
+## Steun dit project!
+
+U kunt dit project steunen door aan ons te doneren via onderstaande link:
+
+[Doneer](https://returnyoutubedislike.com/donate)
+
+## Sponsoren
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=returnyoutubedislike)
+
+[Wordt een sponsor](https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601)
diff --git a/READMEru.md b/READMEru.md
index 1609f37d..a918f52c 100644
--- a/READMEru.md
+++ b/READMEru.md
@@ -7,14 +7,16 @@
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-Прочитать на других языках: [English](README.md), [Español](READMEes.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md)
+
+Прочитать на других языках: [English](README.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
# Return YouTube Dislike
- Return YouTube Dislike - это расширение с открытым исходным кодом, которое возвращает счётчик отметок «Не нравится» на YouTube.
+ Return YouTube Dislike — это расширение с открытым исходным кодом, которое возвращает счётчик отметок «Не нравится» на YouTube.
Доступно для Chrome и Firefox в качестве веб-расширения.
- Также доступен для других браузеров в виде пользовательского скрипта JS.
+ Также доступен для других браузеров в виде пользовательского скрипта.
@@ -22,13 +24,13 @@
10 ноября 2021 года Google [объявили](https://blog.youtube/news-and-events/update-to-youtube/), что счётчик «Не нравится» на YouTube будет удален.
-Кроме того, поле отметок `dislike` в API YouTube было [удалено]](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) 13 декабря 2021 года, удалив любую возможность судить о качестве контента перед просмотром.
+Кроме того, поле отметок `dislike` в API YouTube было [удалено](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) 13 декабря 2021 года, убрав любую возможность судить о качестве контента перед просмотром.
## Как оно работает
-С удалением статистики отметок из API YouTube наш сервер переключился на использование комбинации собранной статистики отметок «Не нравится», оценок, экстраполированных из пользовательских данных расширения.
+С удалением статистики отметок из API YouTube наш сервер переключился на использование комбинации собранной статистики отметок «Не нравится» и оценок, экстраполированных из пользовательских данных расширения.
-[ЧаВО](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQru.md)
+[FAQ](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQru.md)
## Почему это важно
@@ -39,7 +41,7 @@
Стороннее использование этого открытого API разрешено со следующими ограничениями:
- **Атрибуция**: Этот проект должен быть чётко описан со ссылкой на [returnyoutubedislike.com](https://returnyoutubedislike.com/).
-- **Ограничение**: Существуют ограничения скорости для каждого клиента - 100 в минуту и 10 000 в день. Это выдаст код ошибки _429_, указывающий на то, что ваше приложение должно быть отключено.
+- **Ограничение**: Существуют ограничения скорости для каждого клиента — 100 в минуту и 10 000 в день. Это выдаст код ошибки _429_, указывающий на то, что ваше приложение должно быть отключено.
API доступен по следующему основному URL-адресу:
https://returnyoutubedislikeapi.com
@@ -49,7 +51,7 @@ https://returnyoutubedislikeapi.com/swagger/index.html
### Получить голоса
-Пример получения голосов за заданный идентификатор видео на YouTube:
+Пример получения голосов для заданного идентификатора видео на YouTube:
`/votes?videoId=kxOuG8jMIgI`
```json
@@ -64,8 +66,8 @@ https://returnyoutubedislikeapi.com/swagger/index.html
}
```
-Неверный идентификатор YouTube выдаст код ошибки _404_ "Не найдено".
-Неправильно отформатированный идентификатор YouTube выдаст код ошибки _400_ "Неверный запрос".
+Неверный идентификатор YouTube выдаст код ошибки _404_ «Не найдено».
+Неправильно отформатированный идентификатор YouTube выдаст код ошибки _400_ «Неверный запрос».
+
+Den 10 november 2021 [meddelade Google](https://blog.youtube/news-and-events/update-to-youtube/) att YouTubes dislikes skulle tas bort från plattformen.
+
+Dessutom blev `dislike`-fältet i YouTubes API [borttaget](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) den 13 december 2021, vilket tog bort möjligheten att bedöma innehållets kvalitet innan visning.
+
+## Vad det gör
+
+Med borttagandet av dislike-statistiken från YouTubes API, bytte vår backend till att använda en kombination av skrapad dislike-statistik och uppskattningar utifrån data av tilläggsanvändare.
+
+[FAQ](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQ.md)
+
+## Varför det är viktigt
+
+Du kan läsa mer på vår webbplats: [returnyoutubedislike.com](https://www.returnyoutubedislike.com/)
+
+## API dokumentation
+
+Tredjepartsanvändning av detta öppna API är tillåtet med följande restriktioner:
+
+- **Attribution**: Detta projekt ska tydligt tillskrivas med en länk till [returnyoutubedislike.com](https://returnyoutubedislike.com/).
+- **Frekvensbegränsning**: Det finns per klient hastighetsbegränsningar på 100 per minut och 10'000 per dag. Detta kommer att returnera en _429_ statuskod som indikerar att din applikation bör backa.
+
+API:et är tillgängligt på följande bas-URL:
+https://returnyoutubedislikeapi.com
+
+En lista över tillgängliga ändpunkter finns här:
+https://returnyoutubedislikeapi.com/swagger/index.html
+
+### Hämta röster
+
+Exempel för att hämta röster för en given YouTube-video-ID:
+`/votes?videoId=kxOuG8jMIgI`
+
+```json
+{
+ "id": "kxOuG8jMIgI",
+ "dateCreated": "2021-12-20T12:25:54.418014Z",
+ "likes": 27326,
+ "dislikes": 498153,
+ "rating": 1.212014408444885,
+ "viewCount": 3149885,
+ "deleted": false
+}
+```
+
+Inga existerande YouTube-ID returnerar statuskoden _404_ "Not Found".
+Felaktigt formade YouTube-ID returnerar _400_ "Bad Request".
+
+
+
+## Bidra
+
+Läs gärna [bidragsguiden](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md).
+
+## Stöd detta projekt!
+
+Du kan stödja detta projekt genom att donera till oss på länken nedan:
+
+[Donera](https://returnyoutubedislike.com/donate)
+
+## Sponsorer
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=returnyoutubedislike)
+
+[Stöd oss på Patreon](https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601)
diff --git a/READMEtr.md b/READMEtr.md
index 6376d843..084bd953 100644
--- a/READMEtr.md
+++ b/READMEtr.md
@@ -3,11 +3,13 @@
[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
[](https://github.com/Anarios/return-youtube-dislike/commits/main)
-[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-Bunu diğer dillerde okuyun: [English](README.md), [Español](READMEes.md), [Français](READMEfr.md), [русский](READMEru.md), [日本語](READMEja.md)
+
+Bunu diğer dillerde okuyun: [English](README.md), [русский](READMEru.md), [Español](READMEes.md), [Français](READMEfr.md), [Nederlands](READMEnl.md), [日本語](READMEja.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
# YouTube Dislike Sayısını Geri Getir
@@ -22,13 +24,13 @@ Bunu diğer dillerde okuyun: [English](README.md), [Español](READMEes.md), [Fra
10 Kasım 2021 tarihinde Google, YouTube dislike sayısının kaldırılacağını [duyurdu](https://blog.youtube/news-and-events/update-to-youtube/).
-Ek olarak, YouTube API'sindeki "dislike" alanı 13 Aralık 2021 tarihinde [kaldırıldı](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) ve içeriğin kalitesini izlemeden önce yargılayabilme olanağı ortadan kaldırıldı.
+Ek olarak, YouTube API'sindeki `dislike` alanı 13 Aralık 2021 tarihinde [kaldırıldı](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) ve içeriğin kalitesini izlemeden önce yargılayabilme olanağı ortadan kaldırıldı.
## Ne İşe Yarar
YouTube API'sinden dislike istatistiklerinin kaldırılmasıyla, backend'imiz, uzantı kullanıcı verilerinden tahmin edilen, toplanmış dislike istatistiklerinin bir birleşimini kullanmaya başladı.
-[SSS](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQ.md)
+[SSS](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQtr.md)
## Neden Önemlidir
@@ -39,12 +41,12 @@ Sitemizden daha fazla bilgi edinebilirsiniz: [returnyoutubedislike.com](https://
Bu açık API'nin üçüncü taraflarca kullanımına, aşağıdaki kısıtlamalarla izin verilir:
- **Atfetme**: Bu proje, açık bir biçimde [returnyoutubedislike.com](https://returnyoutubedislike.com/) adresine yönlendirilmelidir.
-- **Hız Sınırlaması**: Kullanıcı başına dakikada 100 ve günde 10.000 hız sınırlaması vardır. Bu, uygulamanızın geri çekilmesi gerektiğini belirten 429 durum kodunu döndürür
+- **Hız Sınırlaması**: Kullanıcı başına dakikada 100 ve günde 10.000 hız sınırlaması vardır. Bu, uygulamanızın geri çekilmesi gerektiğini belirten _429_ durum kodunu döndürür.
API'ye aşağıdaki temel URL üzerinden erişilebilir:
https://returnyoutubedislikeapi.com
-Kullanılabilir endpoint'lerin listesi burada mevcuttur:
+Kullanılabilir endpoint'lerin bir listesi burada mevcuttur:
https://returnyoutubedislikeapi.com/swagger/index.html
### Oylamaları Elde Etme
@@ -75,13 +77,13 @@ Tüm belgelemeleri sitemizden inceleyebilirsiniz.
## Katkıda Bulunma
-Lütfen [katkı kılavuzu](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md)nu okuyun.
+Lütfen [katkı kılavuzu](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTINGtr.md)nu okuyun.
## Bu Projeyi Destekle!
Aşağıdaki bağlantıdan bize bağış yapabilir ve bu projeye destek olabilirsiniz:
-[Bağış Yapın](https://returnyoutubedislike.com/donate)
+[Bağış Yap](https://returnyoutubedislike.com/donate)
## Sponsorlar
diff --git a/READMEuk.md b/READMEuk.md
new file mode 100644
index 00000000..38f2faca
--- /dev/null
+++ b/READMEuk.md
@@ -0,0 +1,96 @@
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://github.com/Anarios/return-youtube-dislike/commits/main)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://discord.gg/UMxyMmCgfF)
+[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
+
+
+Read this in other languages: [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
+
+# Return YouTube Dislike
+
+
+ Return YouTube Dislike - це розширення з відкритим вихідним кодом, яке повертає лічильник відміток «Не подобається» на YouTube.
+ Доступно для Chrome та Firefox як веброзширення.
+ Також доступно для інших браузерів як JS UserScript.
+
+
+
+## Історія
+
+10 листопада 2021 року Google [оголосили](https://blog.youtube/news-and-events/update-to-youtube/), що лічильник відміток «Не подобається» на YouTube буде видалено.
+
+Крім того, поле позначок `dislike` у YouTube API було [видалено](https://support.google.com/youtube/thread/134791097/update-to-youtube-dislike-counts) 13 грудня 2021 року, прибравши єдину можливість оцінити якість вмісту перед переглядом.
+
+## Як це працює
+
+Після видаленням статистики відміток з API YouTube наш сервер перейшов на використання комбінації заархівованих статистичних даних відміток «Не подобається» екстрапольованих із даними користувачів розширення.
+
+[ЧаПи](https://github.com/Anarios/return-youtube-dislike/blob/main/Docs/FAQuk.md)
+
+## Чому це важливо
+
+Ви можете дізнатися більше на нашому вебсайті: [returnyoutubedislike.com](https://www.returnyoutubedislike.com/)
+
+## Документація API
+
+Використання цього відкритого API сторонніми особами дозволено з наступними обмеженнями:
+
+- **Атрибуція**: Цей проєкт має бути чітко описано, використовуючи посилання на [returnyoutubedislike.com](https://returnyoutubedislike.com/).
+- **Обмеження**: Існують обмеження на швидкісті для кожного клієнта - 100 за хвилину і 10 000 за день. Це видасть код помилки 429, який вказує на те, що вашому додатку слід завершити роботу.
+
+API доступно за наступною URL-адресою:
+https://returnyoutubedislikeapi.com
+
+Перелік доступних «ендпоінтів» можна переглянути тут:
+https://returnyoutubedislikeapi.com/swagger/index.html
+
+### Отримати оцінки
+
+Приклад отримання оцінок відео на YouTube за ID:
+`/votes?videoId=kxOuG8jMIgI`
+
+```json
+{
+ "id": "kxOuG8jMIgI",
+ "dateCreated": "2021-12-20T12:25:54.418014Z",
+ "likes": 27326,
+ "dislikes": 498153,
+ "rating": 1.212014408444885,
+ "viewCount": 3149885,
+ "deleted": false
+}
+```
+
+Недійсний YouTube ID видасть код помилки 404 "Not Found".
+YouTube ID у невірному форматі видасть код помилки 400 "Bad Request".
+
+
+
+## Взяти участь у розробці
+
+Будь ласка, ознайомтеся із [посібником внеску в проєкт](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTINGuk.md).
+
+## Підтримайте цей проєкт!
+
+Ви можете підтримати цей проєкт пожертвою за посиланням нижче:
+
+[Підтримати](https://returnyoutubedislike.com/donate)
+
+## Спонсори
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=returnyoutubedislike)
+
+[Станьте нашим спонсором](https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601)
diff --git a/Website/README.md b/Website/README.md
index 05e18612..abd5c2b5 100644
--- a/Website/README.md
+++ b/Website/README.md
@@ -1,3 +1,5 @@
+Read this in other languages: [Nederlands](READMEnl.md), [Türkçe](READMEtr.md)
+
# return-youtube-dislike-site
## Build Setup
diff --git a/Website/READMEnl.md b/Website/READMEnl.md
new file mode 100644
index 00000000..ceaeb0f3
--- /dev/null
+++ b/Website/READMEnl.md
@@ -0,0 +1,89 @@
+Read this in other languages: [English](README.md), [Türkçe](READMEtr.md)
+
+# return-youtube-dislike-site
+
+## Opstelling bouwen
+
+```bash
+# install dependencies
+$ npm install
+
+# serve with hot reload at localhost:3000
+$ npm run dev
+
+# lint your changes
+$ npm run lint
+
+# build for production and launch server
+$ npm run build
+$ npm run start
+
+# generate static project
+$ npm run generate
+```
+
+Voor gedetailleerde uitleg over hoe dingen werken, bekijk de [documentatie](https://nuxtjs.org).
+
+## Aanbevolen VSCode-instellingen
+
+- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) `ext install dbaeumer.vscode-eslint`
+- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) `ext install esbenp.prettier-vscode`
+- [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)
+
+> `Ctrl(Cmd)` + `Shift` + `P` > Instellingen Openen (JSON)
+
+```
+"editor.formatOnSave": true,
+"editor.codeActionsOnSave": {
+ "source.fixAll.eslint": true
+}
+"vetur.validation.template": false,
+```
+
+## Speciale mappen
+
+U kunt de volgende extra mappen maken, waarvan sommige speciaal gedrag vertonen. Alleen `pagina's` zijn vereist; u kunt ze verwijderen als u hun functionaliteit niet wilt gebruiken.
+
+### `assets`
+
+De assets-map bevat uw niet-gecompileerde activa zoals Stylus- of Sass-bestanden, afbeeldingen of lettertypen.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/directory-structure/assets).
+
+### `componenten`
+
+De componentenmap bevat uw Vue.js-componenten. Componenten vormen de verschillende delen van uw pagina en kunnen opnieuw worden gebruikt en geïmporteerd in uw pagina's, lay-outs en zelfs andere componenten.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/directory-structure/components).
+
+### `lay-outs`
+
+Lay-outs zijn een grote hulp wanneer je het uiterlijk van je Nuxt-app wilt veranderen, of je nu een zijbalk wilt opnemen of verschillende lay-outs voor mobiel en desktop wilt hebben.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/directory-structure/layouts).
+
+### `pagina's`
+
+Deze map bevat uw toepassingsweergaven en routes. Nuxt zal alle `*.vue` bestanden in deze map lezen en Vue Router automatisch instellen.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/get-started/routing).
+
+### `plugins`
+
+TDe directory met plug-ins bevat JavaScript-plug-ins die u wilt uitvoeren voordat u de roottoepassing Vue.js start. Dit is de plek om Vue-plug-ins toe te voegen en om functies of constanten te injecteren. Elke keer dat je `Vue.use()` moet gebruiken, moet je een bestand maken in `plugins/` en het pad toevoegen aan plug-ins in `nuxt.config.js`.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/directory-structure/plugins).
+
+### `static`
+
+Tzijn directory bevat uw statische bestanden. Elk bestand in deze map is toegewezen aan `/`.
+
+Voorbeeld: `/static/robots.txt` wordt toegewezen als `/robots.txt`.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/directory-structure/static).
+
+### `store`
+
+Deze map bevat uw Vuex-winkelbestanden. Door een bestand in deze map aan te maken, wordt Vuex automatisch geactiveerd.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/docs/2.x/directory-structure/store).
diff --git a/Website/READMEtr.md b/Website/READMEtr.md
new file mode 100644
index 00000000..06d0bbcb
--- /dev/null
+++ b/Website/READMEtr.md
@@ -0,0 +1,89 @@
+Read this in other languages: [English](README.md), [Nederlands](READMEnl.md)
+
+# youtube-dislike-sayısını-geri-getir-site
+
+## Yapı Kurulumu
+
+```bash
+# bağımlılıkları yükle
+$ npm install
+
+# localhost:3000'de sıcak yeniden yükleme ile çalıştır
+$ npm run dev
+
+# değişikliklerine lint'i uygula
+$ npm run lint
+
+# üretim için yapıyı oluştur ve sunucuyu başlat
+$ npm run build
+$ npm run start
+
+# statik proje oluştur
+$ npm run generate
+```
+
+İşlerin nasıl yürüdüğüyle ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org)ye göz atın.
+
+## Önerilen VSCode Kurulumu
+
+- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) `ext install dbaeumer.vscode-eslint`
+- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) `ext install esbenp.prettier-vscode`
+- [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)
+
+> `Ctrl(Cmd)` + `Shift` + `P` > Varsayılan Ayarları Aç (JSON)
+
+```
+"editor.formatOnSave": true,
+"editor.codeActionsOnSave": {
+ "source.fixAll.eslint": true
+}
+"vetur.validation.template": false,
+```
+
+## Özel Dizinler
+
+You can create the following extra directories, some of which have special behaviors. Only `pages` is required; you can delete them if you don't want to use their functionality.
+
+### `assets`
+
+Assets dizini, Stylus veya Sass dosyaları, resimler veya yazı tipleri gibi derlenmemiş varlıklarınızı içerir.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/directory-structure/assets)ye göz atın.
+
+### `components`
+
+Components dizini, Vue.js bileşenlerinizi içerir. Component'ler, sayfanızın farklı bölümlerini oluşturur ve yeniden kullanılabilir. Ayrıca sayfalarınıza, mizanpajlarınıza ve hatta diğer component'lerinize de aktarılabilir.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/directory-structure/components)ye göz atın.
+
+### `layouts`
+
+Layouts dizini, Nuxt uygulamanızın görünümünü ve verdiği hissi değiştirmek istediğinizde, bir kenar çubuğu eklemek istediğinizde veya mobil ve masaüstü için farklı düzenlere sahip olmak istediğinizde çok yardımcı olabilir.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/directory-structure/layouts)ye göz atın.
+
+### `pages`
+
+Bu dizin, uygulama görünümlerinizi ve rotalarınızı içerir. Nuxt, bu dizindeki tüm `*.vue` dosyalarını okuyacak ve Vue Router'ı otomatik olarak kuracaktır.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/get-started/routing)ye göz atın.
+
+### `plugins`
+
+Plugins dizini, kök Vue.js Uygulamasını başlatmadan önce çalıştırmak istediğiniz JavaScript eklentilerini içerir. Burası Vue eklentileri eklemek ve işlevler veya sabitler enjekte etmek için kullanılan yerdir. `Vue.use()`u her kullanmanız gerektiğinde, `plugins/` içinde bir dosya oluşturmalı ve yolunu `nuxt.config.js` içinde eklentilere eklemelisiniz.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/directory-structure/plugins)ye göz atın.
+
+### `static`
+
+Bu dizin statik dosyalarınızı içerir. Bu dizindeki her dosya `/` ile eşlenir.
+
+Örnek: `/static/robots.txt`, `/robots.txt` olarak eşlenir.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/directory-structure/static)ye göz atın.
+
+### `store`
+
+Bu dizin, Vuex mağaza dosyalarınızı içerir. Bu dizinde bir dosya oluşturmak, Vuex'i otomatik olarak etkinleştirecektir.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/docs/2.x/directory-structure/store)ye göz atın.
diff --git a/Website/_locales/en.ts b/Website/_locales/en.ts
index 8cc26f66..31f8d183 100644
--- a/Website/_locales/en.ts
+++ b/Website/_locales/en.ts
@@ -67,13 +67,13 @@ export default {
bullet41: "in our",
bullet4a: "Tell us your Operating System, Browser Name and Browser Version",
bullet4b:
- "Take screenshot of page with problem (i.e. youtube video page) with console open (press ",
+ "Take a screenshot of the page with the problem (i.e. Youtube video page) with the console open (press ",
bullet4b1: ") - example screenshot below.",
bullet4c:
- "Take screenshot of extensions page of your browser with extension installed.",
+ "Take a screenshot of the extensions page of your browser with the extension installed.",
bullet4c1: "To see extensions put this into address bar: ",
firefox: "for Firefox",
- chrome: "for Chrome, Edge, Brave, Opera, Vivaldi",
+ chrome: "for Chrome, Edge, Brave, Opera, and Vivaldi",
},
faq: {
name: "FAQ",
@@ -81,19 +81,19 @@ export default {
subtitle: "Still have questions? Feel free to join our Discord!",
bullet1: "Where does the extension get its data?",
bullet1text:
- "A combination of archived data from before the offical YouTube dislike API shut down, and extrapolated extension user behavior.",
+ "A combination of archived data from before the official YouTube dislike API shut down, and extrapolated extension user behavior.",
bullet2: "Why isn't the dislike count updating?",
bullet2text:
"Right now video dislikes are cached and they aren't updated very frequently. It varies depending on a video's popularity but can take anywhere between a few hours and a few days to update.",
bullet3: "How does this work?",
bullet3text:
- "The extension collects the video ID of the video you are watching, and fetches the dislike (and other fields like views, likes etc) using our API. The extension then displays the dislike count and ratio on the page. If you like or dislike a video, that is recorded and sent to the database so an accurate dislike count can be extrapolated.",
+ "The extension collects the video ID of the video you are watching, and fetches the number of dislikes (and other fields like views, likes etc) using our API. The extension then displays the dislike count and ratio on the page. If you like or dislike a video, that is recorded and sent to the database so an accurate dislike count can be extrapolated.",
bullet4: "Can I share my dislike count with you?",
bullet4text:
"Coming soon. We are looking into using Oauth or a different read only API with a limited scope so creators can share their dislike counts verifiability.",
bullet5: "What data do you collect and how is it treated?",
bullet5text:
- 'The extension only collects data that is strictly necessary for it to function properly, such as IP address or ID of the video you\'re watching. None of your data will ever be sold to 3rd parties. If you would like to know more about how we handle security and privacy check out our security FAQ.',
+ 'The extension only collects data that is strictly necessary for it to function properly, such as the IP address or ID of the video you\'re watching. None of your data will ever be sold to 3rd parties. If you would like to know more about how we handle security and privacy check out our security FAQ.',
bullet6: "How does the API/Backend work?",
bullet6text:
"The backend is using archived data from when the youtube api was still returning the dislike count, extension users like/dislike count and extrapolation. In the near future we will be allowing content creators to submit their dislike count easily and safely and we will be adding ArchiveTeam's archived data (4.56 billion videos) into our current database. You can also view a video on the topic.",
diff --git a/Website/_locales/fr.ts b/Website/_locales/fr.ts
index bbaa533e..96eb5857 100644
--- a/Website/_locales/fr.ts
+++ b/Website/_locales/fr.ts
@@ -54,8 +54,8 @@ export default {
headers: "En-têtes (headers) : ",
response: "Réponse : ",
error1:
- 'Si aucunne vidéo YouTube à cet ID, il sera retourner le code d\'erreur 404 "Not Found"',
- error2: 'Un ID YouTube invilide renverra *400* "Bad Request"',
+ 'Si aucune vidéo YouTube n\'a cet ID, le code d\'erreur 404 "Not Found" sera retourné',
+ error2: 'Un ID YouTube invalide renverra le code d\'erreur *400* "Bad Request"',
},
},
help: {
@@ -123,7 +123,7 @@ export default {
subtitle: "Liens vers le projet et ses développeurs",
contact: "Contactez-moi",
translators: "Traducteurs",
- coolProjects: "Projets Cool",
+ coolProjects: "Projets Cools",
sponsorBlockDescription:
"Ignorer les publicités intégrées (sponso) dans la vidéo",
filmotDescription: "Rechercher des vidéos YouTube par sous-titres",
diff --git a/Website/_locales/ja.ts b/Website/_locales/ja.ts
index d68c6065..45029660 100644
--- a/Website/_locales/ja.ts
+++ b/Website/_locales/ja.ts
@@ -1,101 +1,121 @@
-import { en } from 'vuetify/src/locale'
+import { ja } from "vuetify/src/locale";
export default {
- ...ja,
- home: {
- name: 'z[',
- title: 'Return YouTube Dislike',
- subtitle: 'YouTube̒]̕\uEUg@\API',
- ukraine: 'ENCiT|[g',
- sponsors: 'X|T[',
+ ...ja,
+ home: {
+ name: "ホーム",
+ title: "Return YouTube Dislike",
+ subtitle: "YouTubeの低評価数の表示を復元するブラウザ拡張機能とAPI",
+ ukraine: "ウクライナをサポート",
+ sponsors: "スポンサー",
+ },
+ install: {
+ name: "インストール",
+ title: "プラットフォームの選択",
+ subtitle: "FirefoxとすべてのChromiumブラウザに対応しています。",
+ title2: "その他のプラットフォーム",
+ subtitle2:
+ "未対応のブラウザをお使いの場合は、以下のUserScriptをお試しください。",
+ title3: "サードパーティーによる実装",
+ subtitle3:
+ "開発者では責任を負いかねますので、ご自身の判断にてご利用ください。",
+ },
+ api: {
+ name: "API",
+ title: "RYD公式ドキュメントへようこそ!",
+ subtitle: "まず、メニューからセクションを選択してください。",
+ rights: {
+ title: "使用権",
+ subtitle:
+ "このオープンAPIを第三者が使用することは、以下の制限付きで許可されています：",
+ bullet1: "属性：",
+ bullet1text:
+ "このレポ、もしくは returnyoutubedislike.com へのリンクのどちらかによって、明確に帰属させる必要があります。",
+ bullet2: "通信量制限：",
+ bullet2text:
+ "クライアントごとに、1分あたり100・1日あたり10,000という通信量制限が設けられています。これを超えた場合には、アプリケーションに通信を控えるよう促すステータスコード 429 を返します。",
},
- install: {
- name: 'CXg[',
- title: 'vbgtH[̑I',
- subtitle: 'FirefoxƂׂĂChromiumuEUɑΉĂ܂B',
- title2: '̑̃vbgtH[',
- subtitle2: 'Ή̃uEUg̏ꍇ́AȉUserScriptB',
- title3: 'T[hp[eB[ɂ',
- subtitle3: 'J҂ł͐ӔC˂܂̂ŁAg̔fɂĂpB',
+ url: {
+ title: "URL情報",
+ subtitle: "APIへのアクセスは、以下のベースURLから可能です：",
},
- api: {
- name: 'API',
- title: 'RYDhLgւ悤!',
- subtitle: '܂Aj[ZNVIĂB,
- rights: {
- title: 'gp',
- subtitle: '̃I[vAPIO҂gp邱Ƃ́Aȉ̐tŋĂ܂F',
- bullet1: 'F',
- bullet1text: '̃|A returnyoutubedislike.com ւ̃N̂ǂ炩ɂāAmɋAKv܂B',
- bullet2: 'ʐMʐF',
- bullet2text: 'NCAgƂɁA1100E110,000ƂʐMʐ݂Ă܂Bꍇɂ́AAvP[VɒʐMT悤Xe[^XR[h 429 Ԃ܂B',
- },
- url: {
- title: 'URL',
- subtitle: 'APIւ̃ANZX́Aȉ̃x[XURL\łF',
- },
- endpoints: {
- title: 'p\ȃGh|Cg',
- subtitle: 'p\ȃGh|Cg̈ꗗ͂ł܂F',
- },
- fetching: {
- title: '{IȃtFb`̃`[gA',
- subtitle: 'ȉYouTube ID]oꍇ̗łF',
- title2: 'NGXgF',
- url: 'NGXgURLF',
- method: 'NGXg@F',
- headers: 'wb_[F',
- response: 'X|XF',
- error1: 'YouTube IDȏꍇAXe[^XR[h 404 "Not Found" Ԃ܂B',
- error2: 'YouTube ID̃tH[}bgȂꍇAXe[^XR[h 400 "Bad Request" Ԃ܂B'
- },
+ endpoints: {
+ title: "利用可能なエンドポイント",
+ subtitle: "利用可能なエンドポイントの一覧はこちらでご覧いただけます：",
},
- help: {
- name: 'wv',
- title: 'guV[eBO',
- bullet1: 'ŐVo[W̊g@\',
- bullet11: 'CXg[Ă邱ƂmFĂB',
- bullet2: 'g@\폜čăCXg[AׂẴEBhEŃuEUċNĂB',
- bullet3: 'ȉ̃NJƂmFĂF',
- bullet31: 'ȉ̃v[eLXg\܂F',
- bullet4: 'LŖ肪ȂꍇAȉ̃`lɂĖĂB',
- bullet41: 'QƁF',
- bullet4a: 'gOSAuEUƃo[WĂB',
- bullet4b: 'R\[Ji',
- bullet4b1: 'L[jÂy[WiFYouTube̓y[Wj̃XN[VbgBe܂B',
- bullet4c: 'g@\CXg[ĂuEŮg@\y[W̃XN[VbgBe܂B',
- bullet4c1: 'g@\y[W\ɂ́Aȉ̂悤ɓ͂ĂF',
- firefox: 'FFirefox',
- chrome: 'FChrome, Edge, Brave, Opera, Vivaldi',
+ fetching: {
+ title: "基本的なフェッチ操作のチュートリアル",
+ subtitle: "以下のYouTube IDから評価数を取り出した場合の例です：",
+ title2: "リクエスト例：",
+ url: "リクエストURL：",
+ method: "リクエスト方法：",
+ headers: "ヘッダー：",
+ response: "レスポンス：",
+ error1:
+ 'YouTube IDが無効な場合、ステータスコード 404 "Not Found" が返されます。',
+ error2:
+ 'YouTube IDのフォーマットが正しくない場合、ステータスコード 400 "Bad Request" が返されます。',
},
- faq: {
- name: 'Q&A',
- title: '悭鎿',
- subtitle: 'ɂ₪܂HXDiscordɂCyɂQB',
- bullet1: 'g@\̃f[^͂ǂ擾Ă̂łH',
- bullet1text: 'YouTube̒]API~Oɕۑf[^ƁAg@\[U[̍]/]ɂlgݍ킹Ď擾Ă܂B',
- bullet2: ']XVȂ̂͂ȂłH',
- bullet2text: '݁A]̓f[^x[XĂ邽߁A܂pɂɍXV܂B̍ĐɂĈقȂ܂AXVɂ͐Ԃ琔邱Ƃ܂B',
- bullet3: 'ǂ̂悤Ȏdg݂œ삵Ă܂H',
- bullet3text: '܂A̓ID WAAPI gpĒ]AĐA]Ȃǂ̍ڂ擾܂BɁAy[Wɒ]Ɣ䗦\܂Bɍ]]ƁAꂪL^ăf[^x[Xɒ~ς邽߁AmȒ]𐄒肷邱Ƃł܂B',
- bullet4: ']L邱Ƃ͂ł܂H',
- bullet4text: 'ߓɌJ\łB@\̎̂߂ɁAOauth ܂͔͈͂肵ʂ̓ǂݎpAPIgp邱ƂĂ܂B',
- bullet5: 'ǂ̂悤ȃf[^WAǂ̂悤Ɏ舵Ă܂H',
- bullet5text: '{g@\ł́AIPAhX⎋Ă铮IDȂǁA@\邽߂ɕKvȃf[^݂̂WĂ܂BȂ̃f[^́AO҂ɔ̔邱Ƃ͌Ă܂BZLeBƃvCoV[̎舵ɂĂƒm肽ꍇɂ́A ZLeBFAQ QƂB ',
- bullet6: 'API/obNGh͂ǂ̂悤Ȏdg݂œ삵Ă܂H',
- bullet6text: 'obNGh́AYouTube̒]API~Oɕۑf[^Ɗg@\[U[̍]/]ɂlgݍ킹Ď擾Ă܂B߂ARec҂ȒPSɒ]ł悤ɂAArchive Team ̃A[JCuf[^i456000j݂̃f[^x[Xɒlj\łB܂ÃgsbNɊւrfI܂B',
- bullet7: ']Ɂue҂ɂ薳vƕ\̂͂ȂłH',
- bullet7text: 'ŋߓeꂽł́Ae҂ɂĖɂĂȂĂue҂ɂ薳vƕ\邱Ƃ܂B́A]̕\ɂȂĂ邩ǂoVXeɂ镛pŁAԌA܂͓ɍ]Ȃ]ăy[WXVƏ̂Ǝv܂B',
- },
- donate: {
- name: 't',
- subtitle: 'C^[lbg̎R邽߂̉X̊AtɂĉĂI',
- },
- links: {
- name: 'N',
- title: 'vWFNgNW',
- subtitle: 'vWFNgъJ҂ւ̃N',
- contact: '₢킹',
- translators: '|',
- },
-}
\ No newline at end of file
+ },
+ help: {
+ name: "ヘルプ",
+ title: "トラブルシューティング",
+ bullet1: "最新バージョンの拡張機能",
+ bullet11: "がインストールされていることを確認してください。",
+ bullet2:
+ "拡張機能を削除して再インストールし、すべてのウィンドウを閉じた上でブラウザを再起動してください。",
+ bullet3: "以下のリンクが開くことを確認してください：",
+ bullet31: "以下のプレーンテキストが表示されます：",
+ bullet4:
+ "上記で問題が解決しない場合、以下のチャンネルにて問題を報告してください。",
+ bullet41: "参照：",
+ bullet4a: "お使いのOS、ブラウザ名とバージョンを教えてください。",
+ bullet4b: "コンソールを開き（",
+ bullet4b1:
+ "キー）、問題のあるページ（例：YouTubeの動画ページ）のスクリーンショットを撮影します。",
+ bullet4c:
+ "拡張機能がインストールされているブラウザの拡張機能ページのスクリーンショットを撮影します。",
+ bullet4c1: "拡張機能ページを表示するには、以下のように入力してください：",
+ firefox: "：Firefox",
+ chrome: "：Chrome, Edge, Brave, Opera, Vivaldi",
+ },
+ faq: {
+ name: "Q&A",
+ title: "よくある質問",
+ subtitle:
+ "他にも何か質問がありますか？我々のDiscordにお気軽にご参加ください。",
+ bullet1: "拡張機能のデータはどこから取得しているのですか？",
+ bullet1text:
+ "YouTube公式の低評価APIが停止する前に保存したデータと、拡張機能ユーザーの高評価/低評価数を元にした推定値を組み合わせて取得しています。",
+ bullet2: "低評価数が更新されないのはなぜですか？",
+ bullet2text:
+ "現在、低評価数はデータベース化されているため、あまり頻繁に更新されません。動画の再生数によって異なりますが、更新には数時間から数日かかることがあります。",
+ bullet3: "どのような仕組みで動作していますか？",
+ bullet3text:
+ "まず、視聴中の動画のID を収集し、API を使用して低評価数、再生数、高評価などの項目を取得します。次に、ページ上に低評価数と比率を表示します。動画に高評価や低評価があると、それが記録されてデータベースに蓄積されるため、正確な低評価数を推定することができます。",
+ bullet4: "低評価数を共有することはできますか？",
+ bullet4text:
+ "近日中に公開予定です。機能の実装のために、Oauth または範囲を限定した別の読み取り専用APIを使用することを検討しています。",
+ bullet5: "どのようなデータを収集し、どのように取り扱っていますか？",
+ bullet5text:
+ '本拡張機能では、IPアドレスや視聴している動画のIDなど、正しく機能するために必要なデータのみを収集しています。あなたのデータは、第三者に販売されることは決してありません。セキュリティとプライバシーの取り扱いについてもっと知りたい場合には、 セキュリティFAQ をご参照ください。 ',
+ bullet6: "API/バックエンドはどのような仕組みで動作していますか？",
+ bullet6text:
+ "バックエンドは、YouTube公式の低評価APIが停止する前に保存したデータと拡張機能ユーザーの高評価/低評価数を元にした推定値を組み合わせて取得しています。近い将来、コンテンツ制作者が簡単かつ安全に低評価数を提供できるようにし、Archive Team のアーカイブデータ（45億6000万動画）も現在のデータベースに追加する予定です。また、このトピックに関するビデオもご覧いただけます。",
+ bullet7: "低評価数に「投稿者により無効化」と表示されるのはなぜですか？",
+ bullet7text:
+ "最近投稿された動画では、投稿者によって無効にされていなくても「投稿者により無効化」と表示されることがあります。これは、評価数の表示が無効になっているかどうかを検出するシステムによる副作用で、数時間後、または動画に高評価ないし低評価をしてページを更新すると消えるものだと思われます。",
+ },
+ donate: {
+ name: "寄付",
+ subtitle:
+ "インターネットの自由を守るための我々の活動を、寄付によって応援してください！",
+ },
+ links: {
+ name: "リンク",
+ title: "プロジェクトリンク集",
+ subtitle: "プロジェクトおよび開発者へのリンク",
+ contact: "お問い合わせ先",
+ translators: "翻訳者",
+ },
+};
diff --git a/Website/_locales/ko.ts b/Website/_locales/ko.ts
new file mode 100644
index 00000000..7e394a27
--- /dev/null
+++ b/Website/_locales/ko.ts
@@ -0,0 +1,119 @@
+import { ko } from "vuetify/src/locale";
+
+export default {
+ ...ko,
+ home: {
+ name: "홈",
+ title: "Return YouTube Dislike",
+ subtitle: "유튜브에서 싫어요를 표시해주는 브라우저 확장 프로그램 및 API",
+ ukraine: "우크라이나 지원",
+ sponsors: "스폰서",
+ },
+ install: {
+ name: "설치",
+ title: "플랫폼 선택",
+ subtitle: "파이어폭스와 모든 크로미엄 기반 브라우저에서 사용 가능",
+ title2: "다른 플랫폼",
+ subtitle2: "당신의 브라우저가 아직 지원하지 않는 경우, 이 유저스크립트를 시도할 수 있습니다",
+ title3: "서드파티 구현",
+ subtitle3: "우리 측의 책임이 없으며, 사용자의 책임하에 사용하십시오",
+ },
+ api: {
+ name: "API",
+ title: "공식 RYD 문서에 오신 것을 환영합니다!",
+ subtitle: "시작하려면 메뉴에서 섹션을 선택하세요.",
+ rights: {
+ title: "사용 권한",
+ subtitle:
+ "이 오픈 API의 제 3자 사용은 다음 제한 사항들과 함꼐 허용됩니다:",
+ bullet1: "저작자 표시: ",
+ bullet1text:
+ "이 프로젝트의 사용자는 저장소 또는 returnyoutubedislike.com에 대한 링크와 함께 명확하게 저자를 표기해야 합니다.",
+ bullet2: "속도 제한: ",
+ bullet2text:
+ "하나의 클라이언트당 분당 100개와 하루당 10,000개의 요청 제한이 있습니다. 당신의 애플리케이션이 이를 초과할 경우 429 상태 코드를 반환할 것입니다.",
+ },
+ url: {
+ title: "URL 정보",
+ subtitle: "API는 다음 베이스 URL을 통해 액세스할 수 있습니다.: ",
+ },
+ endpoints: {
+ title: "사용 가능한 엔드포인트",
+ subtitle: "사용 가능한 엔드포인트 리스트는 여기에서 사용 가능합니다: ",
+ },
+ fetching: {
+ title: "기본 Fetching 튜토리얼",
+ subtitle: "주어진 유튜브 영상 ID에 대한 투표 수를 가져오는 예시: ",
+ title2: "요청 예시: ",
+ url: "요청 URL: ",
+ method: "요청 메소드: ",
+ headers: "헤더: ",
+ response: "응답: ",
+ error1: '유효하지 않은 유튜브 ID는 상태 코드 404 "Not Found"를 리턴합니다',
+ error2:
+ '잘못된 포멧의 유튜브 ID는 400 "Bad Request"를 리턴합니다',
+ },
+ },
+ help: {
+ name: "도움말",
+ title: "트러블슈팅",
+ bullet1: "지금 최신 버전이 설치되어 있는지 확인하세요. ",
+ bullet11: "버전이 현재 최신 버전입니다.",
+ bullet2:
+ "확장 프로그램을 제거하고 재설치한 다음, 브라우저를 재시작 하세요(모든 활성 창을 말하며, 단지 하나의 탭을 말하는 것이 아닙니다)",
+ bullet3: "이 링크가 열리는지 확인하세요: ",
+ bullet31: "평문이 표시되어야 합니다: ",
+ bullet4: "위의 내용이 도움이 되지 않는 경우, 우리의 디스코드에서 다음과 같은 채널에서 당신의 문제를 보고하세요.",
+ bullet41: "디스코드: ",
+ bullet4a: "운영체제, 브라우저 이름과 브라우저 버전을 우리한테 말해주세요",
+ bullet4b:
+ "콘솔창과 함께 문제가 된 페이지(예시: 유튜브 영상 페이지)의 스크린샷을 찍으세요.(",
+ bullet4b1: "키를 누르세요) 아래는 스크린샷의 예시입니다.",
+ bullet4c:
+ "확장 브로그램이 설치된 당신의 브라우저의 확장 프로그램 페이지의 스크린샷을 촬영하세요.",
+ bullet4c1: "확장 프로그램들을 보려면 이것을 주소창에 입력하세요",
+ firefox: ": 파이어폭스의 경우",
+ chrome: ": 크롬, 엣지, 브레이브, 오페라, 그리고 비발디의 경우",
+ },
+ faq: {
+ name: "FAQ",
+ title: "자주 묻는 질문",
+ subtitle: "여전히 의문점이 있으신가요? 우리의 디스코드에 무료로 가입하세요!",
+ bullet1: "확장 프로그램은 어디에서 데이터를 가져옵니까?",
+ bullet1text:
+ "공식 유튜브 싫어요 API가 닫히기 전에 보환된 데이터와 확장 프로그램 사용자 행동을 추정한 값의 조합입니다",
+ bullet2: "왜 싫어요 수가 업데이트 되지 않는거죠?",
+ bullet2text:
+ "현재 동영상 싫어요는 캐시되며 자주 업데이트 되지는 않습니다. 동영상의 인기도에 따라 다르지만, 업데이트되는 데 몇 시간에서 며칠이 걸릴 수 있습니다.",
+ bullet3: "어떻게 작동합니까?",
+ bullet3text:
+ "확장 프로그램은 시청 중인 동영상의 동영상 ID를 수집하며, 우리의 API를 사용하여 싫어요 수(및 조회수, 좋아요 등과 같은 기타 필드)를 가져옵니다. 그런 다음 확장 프로그램은 싫어요 수와 비율을 페이지에 표시합니다. 당신이 비디오에 좋아요나 싫어요를 할 경우, 그것은 기록되고 데이터베이스로 전송되어 정확한 싫어요 수를 추정할 수 있습니다.",
+ bullet4: "저의 싫어요 수를 공유할 수 있나요?",
+ bullet4text:
+ "곧 출시됩니다. 우리는 크리에이터가 검증이 된 싫어요 수를 공유할 수 있도록 Oauth 또는 제한된 범위의 다른 읽기 전용 API를 사용하는 방법을 검토하고 있습니다",
+ bullet5: "어떤 데이터를 수집하고 어떻게 처리합니까?",
+ bullet5text:
+ '확장 프로그램은 제대로 작동하기 위해서 IP 주소 또는 당신이 본 영상의 ID 같은 순전히 필수적인 데이터만 수집합니다. 귀하의 데이터는 3자한테 판매되지 않습니다. 귀하가 우리가 어떻게 개인정보와 보안을 처리하는지 알고 싶다면 우리의 보안 FAQ를 확인하세요.',
+ bullet6: "API/백엔드는 어떻게 작동하나요?",
+ bullet6text:
+ "백엔드는 유튜브 api가 여전히 싫어요 수를 반환할 때의 싫어요 수, 확장기능 사용자들의 좋아요/싫어요 수와 추정치로부터 보관된 데이터를 사용합니다. 가까운 미래에는 콘텐츠 제작자가 쉽고 안전하게 싫어요 수를 제출할 수 있게 될 것이며 우리는 ArchiveTeam의 보관 데이터(45억 6천만 동영상)를 현재 데이터베이스에 추가할 것입니다. 주제에 대한 비디오를 볼 수도 있습니다.",
+ bullet7: "싫어요 수에 '싫어요 비활성화됨'이 왜 표시됩니까?",
+ bullet7text:
+ "때때로 최근에 업로드한 동영상은 제작자가 비활성화하지 않았더라도 '싫어요 비활성화됨'으로 표시될 수 있습니다. 이는 싫어요가 비활성화되어 있는지 감지하는 방법 때문입니다. 몇 시간 내에 동영상에 좋아요 또는 싫어요 표시를 하거나 페이지를 새로고침을 하면(희망 사항) 사라집니다.",
+ },
+ donate: {
+ name: "기부",
+ subtitle:
+ "기부를 통해 인터넷의 자유를 유지하려는 우리의 노력을 지원할 수 있습니다!",
+ },
+ links: {
+ name: "링크",
+ title: "프로젝트 링크",
+ subtitle: "프로젝트와 개발자들로 향하는 링크",
+ contact: "문의하기",
+ translators: "번역가들",
+ coolProjects: "Cool Projects",
+ sponsorBlockDescription: "동영상에 포함된 광고 건너뛰기",
+ filmotDescription: "자막으로 유튜브 동영상 검색",
+ },
+};
diff --git a/Website/_locales/nl.ts b/Website/_locales/nl.ts
new file mode 100644
index 00000000..f5786cce
--- /dev/null
+++ b/Website/_locales/nl.ts
@@ -0,0 +1,119 @@
+import { nl } from "vuetify/src/locale";
+
+export default {
+ ...nl,
+ home: {
+ name: "Home",
+ title: "Return YouTube Dislike",
+ subtitle: "Browser-extensie en een API die je antipathieën op YouTube laat zien",
+ ukraine: "Support Ukraine",
+ sponsors: "Sponsors",
+ },
+ install: {
+ name: "Installeren",
+ title: "Kies je platform",
+ subtitle: "Beschikbaar voor Firefox en alle Chromium-browsers",
+ title2: "Andere Platformen",
+ subtitle2: "Als uw browser nog niet wordt ondersteund, probeer dan dit UserScript",
+ title3: "Implementaties van derden",
+ subtitle3: "Geen aansprakelijkheid aan onze kant, gebruik op eigen risico",
+ },
+ api: {
+ name: "API",
+ title: "Welkom bij de officiële RYD-documenten!",
+ subtitle: "Selecteer een sectie in het menu om aan de slag te gaan.",
+ rights: {
+ title: "Gebruiksrechten",
+ subtitle:
+ "Gebruik door derden van deze open API is toegestaan met de volgende beperkingen:",
+ bullet1: "Attributie: ",
+ bullet1text:
+ "Dit project moet duidelijk worden toegeschreven met een link naar deze repo of een link om terug te keren naar youtubedislike.com",
+ bullet2: "Snelheidsbeperking: ",
+ bullet2text:
+ "Er zijn per klant tarieflimieten in plaats van 100 per minuut en 10.000 per dag. Dit geeft een 429-statuscode terug die aangeeft dat uw toepassing moet worden uitgeschakeld",
+ },
+ url: {
+ title: "URL Informatie",
+ subtitle: "De API is toegankelijk via de volgende basis-URL: ",
+ },
+ endpoints: {
+ title: "Beschikbare eindpunten",
+ subtitle: "Lijst met beschikbare eindpunten is hier beschikbaar: ",
+ },
+ fetching: {
+ title: "Basiscursus ophalen",
+ subtitle: "Voorbeeld om stemmen te krijgen voor een bepaalde YouTube-video-ID: ",
+ title2: "Voorbeeld aanvraag: ",
+ url: "Verzoek-URL: ",
+ method: "Verzoekmethode:: ",
+ headers: "Koppen: ",
+ response: "Antwoord: ",
+ error1: 'Een ongeldige YouTube-ID retourneert statuscode 404 "Niet gevonden"',
+ error2:
+ 'Een onjuist opgemaakte YouTube-ID retourneert 400 "Slecht verzoek"',
+ },
+ },
+ help: {
+ name: "Help",
+ title: "Probleemoplossen",
+ bullet1: "Zorg ervoor dat u de nieuwste versie van de extensie hebt geïnstalleerd, ",
+ bullet11: "direct",
+ bullet2:
+ "Probeer de extensie te verwijderen en opnieuw te installeren, en start vervolgens de browser opnieuw (alle actieve vensters, niet slechts één tabblad)",
+ bullet3: "Zorg ervoor dat deze link opent: ",
+ bullet31: "je zou platte tekst moeten zien: ",
+ bullet4: "Als niets van het bovenstaande helpt - meld uw probleem dan in",
+ bullet41: "in onze",
+ bullet4a: "Vertel ons uw besturingssysteem, browsernaam en browserversie",
+ bullet4b:
+ "Maak een screenshot van de pagina met het probleem (d.w.z. de YouTube-videopagina) met de console open (druk op ",
+ bullet4b1: ") - voorbeeld screenshot hieronder.",
+ bullet4c:
+ "Maak een screenshot van de extensiepagina van uw browser waarop de extensie is geïnstalleerd.",
+ bullet4c1: "Om extensies te zien, plaats dit in de adresbalk: ",
+ firefox: "voor Firefox",
+ chrome: "voor Chrome, Edge, Brave, Opera, Vivaldi",
+ },
+ faq: {
+ name: "FAQ",
+ title: "Veel Gestelde Vragen",
+ subtitle: "Heeft u nog vragen? Voel je vrij om lid te worden van onze Discord!",
+ bullet1: "Waar haalt de extensie zijn gegevens vandaan?",
+ bullet1text:
+ "Een combinatie van gearchiveerde gegevens van voordat de officiële YouTube-dislike-API werd afgesloten, en geëxtrapoleerd gebruikersgedrag van extensies.",
+ bullet2: "Waarom wordt het aantal dislikes niet bijgewerkt?",
+ bullet2text:
+ "Op dit moment worden video's die niet leuk zijn in de cache opgeslagen en worden ze niet vaak bijgewerkt. Het varieert afhankelijk van de populariteit van een video, maar het kan een paar uur tot een paar dagen duren om te updaten.",
+ bullet3: "Hoe werkt dit?",
+ bullet3text:
+ "De extensie verzamelt de video-ID van de video die je aan het bekijken bent en haalt de afkeer (en andere velden zoals weergaven, vind-ik-leuks enz.) op met behulp van onze API. De extensie geeft vervolgens het aantal dislikes en de verhouding weer op de pagina. Als je een video leuk of niet leuk vindt, wordt deze opgenomen en naar de database gestuurd, zodat een nauwkeurige telling van de dislikes kan worden geëxtrapoleerd.",
+ bullet4: "Kan ik mijn niet leuk-teller met je delen?",
+ bullet4text:
+ "Binnenkort beschikbaar. We onderzoeken het gebruik van Oauth of een andere alleen-lezen API met een beperkte reikwijdte, zodat makers hun afkeer-aantallen verifieerbaarheid kunnen delen.",
+ bullet5: "Welke gegevens verzamelt u en hoe worden deze verwerkt?",
+ bullet5text:
+ 'De extensie verzamelt alleen gegevens die strikt noodzakelijk zijn om goed te kunnen functioneren, zoals het IP-adres of de ID van de video die u bekijkt. Geen van uw gegevens zal ooit worden verkocht aan derden. Als u meer wilt weten over hoe wij omgaan met beveiliging en privacy, bekijk dan onze beveilings FAQ.',
+ bullet6: "Hoe werkt de API/Backend?",
+ bullet6text:
+ "De backend gebruikt gearchiveerde gegevens van toen de youtube-api nog steeds het aantal dislikes retourneerde, extensiegebruikers zoals het aantal likes/dislikes en extrapolatie. In de nabije toekomst zullen we het voor makers van inhoud mogelijk maken om eenvoudig en veilig hun afkeuren-aantal in te dienen en we zullen de gearchiveerde gegevens van ArchiveTeam (4,56 miljard video's) toevoegen aan onze huidige database. U kunt ook een video over het onderwerp bekijken.",
+ bullet7: "Waarom wordt bij het aantal dislikes 'DISLIKES DISABLED' weergegeven?",
+ bullet7text:
+ "Soms kan een recent geüploade video 'DISLIKES UITGESCHAKELD' weergeven, zelfs als de maker dit niet heeft uitgeschakeld. Dit komt door de manier waarop we detecteren of dislikes zijn uitgeschakeld, het zou binnen een paar uur moeten verdwijnen of door de video leuk of niet leuk te vinden en de pagina vernieuwen (hopelijk).",
+ },
+ donate: {
+ name: "Doneer",
+ subtitle:
+ "Met een donatie kunt u onze inspanningen om het internet gratis te houden steunen!",
+ },
+ links: {
+ name: "Linken",
+ title: "Project Linken",
+ subtitle: "Linken naar het project en zijn ontwikkelaars",
+ contact: "Neem contact op met me",
+ translators: "Vertalers",
+ coolProjects: "Coole Projecten",
+ sponsorBlockDescription: "In video geïntegreerde advertenties overslaan",
+ filmotDescription: "Zoek YouTube-video's op ondertiteling",
+ },
+};
diff --git a/Website/_locales/sv_SE.ts b/Website/_locales/sv_SE.ts
new file mode 100644
index 00000000..ab7d9673
--- /dev/null
+++ b/Website/_locales/sv_SE.ts
@@ -0,0 +1,119 @@
+import { sv_SE } from "vuetify/src/locale";
+
+export default {
+ ...sv_SE,
+ home: {
+ name: "Hem",
+ title: "Return YouTube Dislike",
+ subtitle: "Webbläsartillägg och ett API som visar antalet ogilla på Youtube",
+ ukraine: "Stöd Ukraina",
+ sponsors: "Sponsorer",
+ },
+ install: {
+ name: "Installera",
+ title: "Välj din webbläsare",
+ subtitle: "Tillgängligt för Firefox och alla Chromium-webbläsare",
+ title2: "Andra webbläsare",
+ subtitle2: "Om din webbläsare ännu inte stöds, prova detta UserScript",
+ title3: "Tredjepartsimplementeringar",
+ subtitle3: "Inget ansvar från vår sida, använd på egen risk",
+ },
+ api: {
+ name: "API",
+ title: "Välkommen till de officiella RYD-dokumenten!",
+ subtitle: "För att komma igång, välj ett avsnitt från menyn.",
+ rights: {
+ title: "Användningsrättigheter",
+ subtitle:
+ "Tredjepartsanvändning av detta öppna API är tillåtet med följande begränsningar:",
+ bullet1: "Tillskrivning: ",
+ bullet1text:
+ "Detta projekt bör tydligt tillskrivas med antingen en länk till denna repo eller en länk till returnyoutubedislike.com",
+ bullet2: "Satsbegränsning: ",
+ bullet2text:
+ "Det finns satsbegränsningar per användare med 100 per minut och 10000 per dag. Detta kommer att returnera en statushod 429 som indikerar att din applikation ska hålla sig borta",
+ },
+ url: {
+ title: "Webbadressinformation",
+ subtitle: "API:et är tillgängligt via följande baswebbadress: ",
+ },
+ endpoints: {
+ title: "Tillgängliga slutpunkter",
+ subtitle: "Lista över tillgängliga slutpunkter finns här: ",
+ },
+ fetching: {
+ title: "Grundläggande handledning för hämtning",
+ subtitle: "Exempel för att hämta röster för ett bestämt YouTubevideo-ID: ",
+ title2: "Example Request: ",
+ url: "Request URL: ",
+ method: "Request Method: ",
+ headers: "Headers: ",
+ response: "Response: ",
+ error1: 'Ett ogiltigt YouTube-ID returnerar statuskoden 404 "Not Found"',
+ error2:
+ 'Ett felaktigt formaterat YouTube-ID returnerar 400 "Bad Request"',
+ },
+ },
+ help: {
+ name: "Hjälp",
+ title: "Felsökning",
+ bullet1: "Se till att du har den senaste versionen av tillägget installerat, ",
+ bullet11: "just nu",
+ bullet2:
+ "Försök att avinstallera tillägget och installera det igen, starta sedan om webbläsaren (alla aktiva fönster, inte bara en flik)",
+ bullet3: "Se till att den här länken öppnas: ",
+ bullet31: "du bör se vanlig text: ",
+ bullet4: "Om inget av ovanstående hjälper - rapportera ditt problem i",
+ bullet41: "i vår",
+ bullet4a: "Tala om för oss ditt operativsystem, webbläsarnamn och webbläsarversion",
+ bullet4b:
+ "Ta en skärmdump av sidan du har problem med (t.ex en youtube-videosida) med konsolfönstret öppet (tryck ",
+ bullet4b1: ") - exempel på skärmdump nedan.",
+ bullet4c:
+ "Ta en skärmdump av tilläggssidan i din webbläsare med tillägg installerat.",
+ bullet4c1: "För att se tilläggen skriv in detta i adressfältet: ",
+ firefox: "för Firefox",
+ chrome: "för Chrome, Edge, Brave, Opera och Vivaldi",
+ },
+ faq: {
+ name: "FAQ",
+ title: "Vanliga frågor",
+ subtitle: "Har du fortfarande frågor? Gå gärna med i vår Discord!",
+ bullet1: "Var får tillägget sina data?",
+ bullet1text:
+ "En kombination av arkiverad data från innan det officiella YouTube ogilla-API:et stängdes av och och extrapolerat tilläggsanvändarbeteende.",
+ bullet2: "Varför uppdateras inte antalet ogilla?",
+ bullet2text:
+ "Just nu cachelagras ogilla för videoklipp och de uppdateras inte särskilt ofta. Det varierar beroende på en videos popularitet, men det kan ta allt från några timmar till några dagar att uppdatera.",
+ bullet3: "Hur fungerar detta?",
+ bullet3text:
+ "Tillägget samlar in video-ID:t för videon du tittar på och hämtar ogilla (and other fields like views, likes etc) med hjälp av vårt API. Tillägget visar sedan antalet ogilla och förhållandet på sidan. Om du gillar eller ogillar en video, spelas det in och skickas till databasen så att ett korrekt antal ogilla kan extrapoleras.",
+ bullet4: "Kan jag dela mina antalet ogilla med dig?",
+ bullet4text:
+ "Kommer snart. Vi tittar på att använda Oauth eller ett annat skrivskyddat API med ett begränsat omfång så att kreatörer kan dela med sig av verifierbarheten av sina antal ogilla.",
+ bullet5: "Vilken data samlar du in och hur behandlas den?",
+ bullet5text:
+ 'Tillägget samlar bara in data som är absolut nödvändig för att den ska fungera korrekt, som IP-adressen eller ID:t på videon du tittar på. Inga uppgifter kommer någonsin att säljas till tredjepart. Om du vill veta mer om hur vi hanterar säkerhet och integritet läs då vår vanliga frågor om säkerhet.',
+ bullet6: "Hur fungerar API/Backend?",
+ bullet6text:
+ "Backend använder arkiverad data från när YouTubes API fortfarande returnerade antalet ogilla. Inom en snar framtid kommer vi att tillåta innehållsskapare att enkelt och säkert skicka in sina ogilla och vi kommer att lägga till ArchiveTeams arkiverade data (4,56 miljarder videor) i vår nuvarande databas. Du kan också se en video om ämnet.",
+ bullet7: "Varför visar antalet ogilla "OGILLA ÄR INAKTIVERAT"?",
+ bullet7text:
+ "I bland kan en nyligen uppladdad video visa 'OGILLA ÄR INAKTIVERAT' även om ägaren inte har inaktiverat den. Detta beror på hur informationen om ogilla är inaktiverat hämtas ut. Det bör försvinna inom några timmar eller genom att gilla eller ogilla videon och uppdatera sidan (förhoppningsvis).",
+ },
+ donate: {
+ name: "Donera",
+ subtitle:
+ "Du kan stöda våra ansträngningar att hålla internet fritt med en donation!",
+ },
+ links: {
+ name: "Länkar",
+ title: "Projektlänkar",
+ subtitle: "Länkar till projektet och dess utvecklare",
+ contact: "Kontakta mig",
+ translators: "Översättare",
+ coolProjects: "Häftiga projekt",
+ sponsorBlockDescription: "Hoppar över annonser integrerade i videon",
+ filmotDescription: "Sök efter YouTube-videor i undertexterna",
+ },
+};
diff --git a/Website/_locales/tr.ts b/Website/_locales/tr.ts
index 25f695ba..4fc64f2e 100644
--- a/Website/_locales/tr.ts
+++ b/Website/_locales/tr.ts
@@ -5,8 +5,7 @@ export default {
home: {
name: "Ana Sayfa",
title: "YouTube Dislike Sayısını Geri Getir",
- subtitle:
- "Tarayıcı uzantısı ve bir API, YouTube'daki dislike sayınızı geri getirir",
+ subtitle: "YouTube'daki dislike sayılarınızı geri getiren bir tarayıcı uzantısı ve API",
ukraine: "Ukrayna'ya Destek Ol",
sponsors: "Sponsorlar",
},
@@ -15,11 +14,9 @@ export default {
title: "Platformunuzu Seçin",
subtitle: "Firefox ve bütün Chromium tabanlı tarayıcılarda kullanılabilir",
title2: "Diğer Platformlar",
- subtitle2:
- "Tarayıcınız henüz desteklenmiyorsa UserScript yöntemini deneyin",
+ subtitle2: "Tarayıcınız henüz desteklenmiyorsa UserScript yöntemini deneyin",
title3: "Üçüncü Parti Uygulamalar",
- subtitle3:
- "Riski tamamen size aittir, bizim tarafımızda sorumluluk kabul edilmemektedir",
+ subtitle3: "Riski tamamen size aittir, bizim tarafımızda sorumluluk kabul edilmemektedir",
},
api: {
name: "API",
@@ -31,10 +28,10 @@ export default {
"Herkese açık API'nin üçüncü parti kişilerin kullanımında aşağıdaki kısıtlamalara izin verir:",
bullet1: "Atıf: ",
bullet1text:
- "Bu proje, bu depoya ya da returnyoutubedislike.com sitesine bir bağlantı ile açıkça atfedilmelidir",
+ "Bu proje, bu depoya ya da returnyoutubedislike.com sitesine bir bağlantı ile açıkça atfedilmelidir.",
bullet2: "Hız Sınırlaması: ",
bullet2text:
- "Kullanıcı başına dakikada 100 ve günde 10.000 hız sınırlaması vardır. Bu, uygulamanızın geri çekilmesi gerektiğini belirten 429 durum kodunu döndürür",
+ "Kullanıcı başına dakikada 100 ve günde 10.000 hız sınırlaması vardır. Bu, uygulamanızın geri çekilmesi gerektiğini belirten 429 durum kodunu döndürür.",
},
url: {
title: "URL Bilgisi",
@@ -46,16 +43,15 @@ export default {
},
fetching: {
title: "Temel Veri Alma Eğitimi",
- subtitle:
- "Belirli bir YouTube ID'sinin oylamalarını elde etmek için bir örnek: ",
+ subtitle: "Belirli bir YouTube ID'sinin oylamalarını elde etmek için bir örnek: ",
title2: "Örnek İstek: ",
url: "İstek URL'si: ",
method: "İstek Yöntemi: ",
headers: "Header'lar: ",
response: "Sonuç: ",
- error1: 'Geçersiz bir YouTube ID\'si, 404 "Not Found" olarak döndürülür',
+ error1: 'Geçersiz bir YouTube ID\'si, 404 "Not Found" olarak döndürülür.',
error2:
- 'Yanlış biçimlendirilmiş bir YouTube ID\'si, 400 "Bad Request" olarak döndürülür',
+ 'Yanlış biçimlendirilmiş bir YouTube ID\'si, 400 "Bad Request" olarak döndürülür.',
},
},
help: {
@@ -68,13 +64,11 @@ export default {
bullet3: "Şu bağlantıyı açtığınızdan emin olun: ",
bullet31: "şöyle bir düz metin görmelisiniz: ",
bullet4: "Yukarıdakiler yardımcı olmadıysa - Discord sunucumuzdaki ",
- bullet41:
- " kanalından problemi bildirin (İngilizce bir şekilde) Discord sunucumuz: ",
- bullet4a:
- "Bize İşletim Sisteminizi, Tarayıcı Adınızı ve Tarayıcı Sürümünüzü söyleyin",
- bullet4b: "Konsol açıkken (açmak için ",
- bullet4b1:
- " tuşuna basın) sorunu yaşadığınız sayfanın ekran görüntüsünü alın (yani YouTube watch sayfasının) - Ekran görüntüsü örneği aşağıdadır.",
+ bullet41: " kanalından problemi bildirin (İngilizce bir şekilde) Discord sunucumuz: ",
+ bullet4a: "Bize İşletim Sisteminizi, Tarayıcı Adınızı ve Tarayıcı Sürümünüzü söyleyin",
+ bullet4b:
+ "Konsol açıkken (açmak için ",
+ bullet4b1: " tuşuna basın) sorunu yaşadığınız sayfanın ekran görüntüsünü alın (yani YouTube watch sayfasının) - Ekran görüntüsü örneği aşağıdadır.",
bullet4c:
"Uzantı yüklüyken tarayıcınızın uzantılar sayfasının ekran görüntüsünü alın.",
bullet4c1: "Uzantıları görmek için şu linki adres çubuğuna yapıştırın: ",
@@ -84,8 +78,7 @@ export default {
faq: {
name: "SSS",
title: "Sıkça Sorulan Sorular",
- subtitle:
- "Hâlâ sorun mu yaşıyorsunuz? Discord sunucumuza katılmaktan çekinmeyin! (İngilizce)",
+ subtitle: "Hâlâ sorun mu yaşıyorsunuz? Discord sunucumuza katılmaktan çekinmeyin! (İngilizce)",
bullet1: "Uzantı, verileri nereden alıyor?",
bullet1text:
"Resmî YouTube dislike sayısı API'si kapatılmadan önceki arşivlenmiş verilerden ve tahmin edilen uzantı kullanıcısı davranışının bir birleşimiyle.",
@@ -101,13 +94,12 @@ export default {
bullet5: "Hangi verileri topluyorsunuz ve bunlar nasıl işleniyor?",
bullet5text:
"Uzantı, yalnızca izlediğiniz videonun IP adresi veya videonun ID'si gibi düzgün çalışması için kesinlikle gerekli olan verileri toplar. Verileriniz asla 3. taraflara satılmayacaktır. Güvenliği ve gizliliği nasıl ele aldığımız hakkında daha fazla bilgi için security FAQ'ya gidin.",
- bullet6: "API/Yazılım(Backend) nasıl çalışıyor?",
+ bullet6: "API/Backend nasıl çalışıyor?",
bullet6text:
"Yazılım, YouTube API'sinin dislike sayısını ve uzantı kullanıcılarının like/dislike sayısı sonuçların genişletilmesinin döndürmeye devam ettiği zamana ait arşivlenmiş verileri kullanır. Yakın zamanda içerik üreticilerin dislike sayısını kolay ve güvenli bir şekilde göndermelerine izin vereceğiz ve ArchiveTeam'in arşivlenmiş verilerini (4,56 milyar video) veri tabanımıza ekleyeceğiz. Ayrıca konu ile ilgili videoyu da izleyebilirsiniz.",
- bullet7:
- "Dislike sayısı neden 'DISLIKES DISABLED'(DISLIKE'LAR AKTİF DEĞİL) olarak gözüküyor?",
+ bullet7: "Dislike sayısı neden 'DISLIKE'LAR KAPALI' olarak gözüküyor?",
bullet7text:
- "Yazma sırasında like ve dislike sayısını devre dışı bırakan videoların dislike sayılarını göstermiyoruz. Uzantı, bu videolar için 'DISLIKES DISABLED'(DISLIKE'LAR AKTİF DEĞİL) mesajını görüntüler. Yakında tüm videolarda dislike sayısını göstereceğiz. Bu, yalnızca geçici bir çözümdür. Bu nedenle insanlar uzantının bozuk olduğunu düşünmez (zaten iyi çalışmıyor). Bazen yakın zamanda yüklenen bir videoda, içerik üreticisi onu devre dışı bırakmamış olsa bile 'DISLIKES DISABLED' olarak gözükebilir. Bunun nedeni, dislike sayısını devre dışı bırakıp bırakmadığını tespit etmemizdir. Birkaç saat içinde videoyu like ya da dislike atarsanız veya sayfayı yenilerseniz kaybolması gerekir (umarız).",
+ "Yazma sırasında like ve dislike sayısını devre dışı bırakan videoların dislike sayılarını göstermiyoruz. Uzantı, bu videolar için 'DISLIKE'LAR KAPALI' mesajını görüntüler. Yakında tüm videolarda dislike sayısını göstereceğiz. Bu, yalnızca geçici bir çözümdür. Bu nedenle insanlar uzantının bozuk olduğunu düşünmez (zaten iyi çalışmıyor). Bazen yakın zamanda yüklenen bir videoda, içerik üreticisi onu devre dışı bırakmamış olsa bile 'DISLIKE'LAR KAPALI' olarak gözükebilir. Bunun nedeni, dislike sayısını devre dışı bırakıp bırakmadığını tespit etmemizdir. Birkaç saat içinde videoyu like ya da dislike atarsanız veya sayfayı yenilerseniz kaybolması gerekir (umarız).",
},
donate: {
name: "Bağış Yap",
@@ -120,7 +112,7 @@ export default {
subtitle: "Projeye ve geliştiricilerine bağlantılar",
contact: "Bana Ulaşın",
translators: "Çevirmenler",
- coolProjects: "Hoş Projeler",
+ coolProjects: "Havalı Projeler",
sponsorBlockDescription: "Videolara gömülü reklamları pas geçer",
filmotDescription: "YouTube videolarını alt yazılara göre aramanızı sağlar",
},
diff --git a/Website/_locales/uk.ts b/Website/_locales/uk.ts
new file mode 100644
index 00000000..17d06abc
--- /dev/null
+++ b/Website/_locales/uk.ts
@@ -0,0 +1,119 @@
+import { uk } from "vuetify/src/locale";
+// By dsty#1614
+export default {
+ ...uk,
+ home: {
+ name: "Головна",
+ title: "Return YouTube Dislike",
+ subtitle: "Браузерне розширення та API, що дозволяє вам бачити відмітки «Не подобається» на YouTube",
+ ukraine: "Підтримати Україну",
+ sponsors: "Спонсори",
+ },
+ install: {
+ name: "Завантажити",
+ title: "Оберіть вашу платформу",
+ subtitle: "Доступно на Firefox та усіх Chromium браузерах",
+ title2: "Інші платформи",
+ subtitle2: "Якщо ваш браузер не підтримується, спробуйте цей UserScript",
+ title3: "Стороннє ПЗ",
+ subtitle3: "Ми не маємо відношення до цього, використовуйте на свій страх і ризик",
+ },
+ api: {
+ name: "API",
+ title: "Вітаємо у офіційній документації RYD!",
+ subtitle: "Щоб почати, виберіть розділ у меню.",
+ rights: {
+ title: "Права використання",
+ subtitle:
+ "Використання цього відкритого API сторонніми особами дозволено з наступними обмеженнями:",
+ bullet1: "Атрибуція: ",
+ bullet1text:
+ "Цей проєкт має бути чітко описано, використовуючи посилання, або ж на цей репозиторій, або ж на returnyoutubedislike.com",
+ bullet2: "Обмеження: ",
+ bullet2text:
+ "Існують обмеження на швидкісті для кожного клієнта - 100 за хвилину і 10 000 за день. Це видасть код помилки 429, який вказує на те, що вашому додатку слід завершити роботу",
+ },
+ url: {
+ title: "Інформація про посилання",
+ subtitle: "API доступний за наступним посиланням: ",
+ },
+ endpoints: {
+ title: "Достпупні «ендпоінти»",
+ subtitle: "Перелік доступних «ендпоінтів» можна переглянути тут: ",
+ },
+ fetching: {
+ title: "Базовий посібник по отриманню",
+ subtitle: "Приклад отримання оцінок відео на YouTube за ID ",
+ title2: "Приклад запиту: ",
+ url: "Посилання запиту: ",
+ method: "Метод запиту: ",
+ headers: "Заголовок: ",
+ response: "Відповідь: ",
+ error1: 'Недійсний YouTube ID видасть код помилки 404 "Not Found"',
+ error2:
+ 'YouTube ID у невірному форматі видасть код помилки 400 "Bad Request"',
+ },
+ },
+ help: {
+ name: "Допомога",
+ title: "Усунення несправностей",
+ bullet1: "Переконайтеся, що у вас встановлена остання версія розширення, наразі це - ",
+ bullet11: "",
+ bullet2:
+ "Спробуйте видалити розширення і встановити його знову, а потім перезавантажте браузер (усі активні вікна, а не лише одну вкладку).",
+ bullet3: "Переконайтеся, що наступне посилання відкривається: ",
+ bullet31: "і ви бачите там цей текст: ",
+ bullet4: "Якщо нічого з перерахованого вище не допомогло - повідомте про проблему в каналі",
+ bullet41: "у нашому",
+ bullet4a: "Повідомте нам вашу операційну систему, назву та версію браузера",
+ bullet4b:
+ "Зробіть знімок екрана сторінки з проблемою (тобто сторінки відео на YouTube) із відкритою консоллю (натисніть ",
+ bullet4b1: ") - приклад знімка екрана нижче.",
+ bullet4c:
+ "Зробіть знімок екрана сторінки з встановленими розширеннями вашого браузера.",
+ bullet4c1: "Щоб побачити розширення, напишіть це в адресний рядок: ",
+ firefox: "для Firefox",
+ chrome: "для Chrome, Edge, Brave, Opera, Vivaldi",
+ },
+ faq: {
+ name: "ЧаПи",
+ title: "Часті питання",
+ subtitle: "Залишилися питання? Не соромтеся приєднуватися до нашого Discord!",
+ bullet1: "Звідки розширення отримує дані?",
+ bullet1text:
+ "Комбінація архівних даних, отриманих до закриття офіційного API відміток «Не подобається» на YouTube та екстрапольованої поведінки користувачів розширення.",
+ bullet2: "Чому кількість відміток «Не подобається» не оновлюється?",
+ bullet2text:
+ "Наразі відмітки «Не подобається» кешуються й не оновлюються надто часто. Це залежить від популярності відео, але для оновлення може знадобитися від кількох годин до кількох днів.",
+ bullet3: "Як це працює?",
+ bullet3text:
+ "Розширення отримує ID відео, яке ви переглядаєте, та дізнається кількість відміток «Не подобається» (та інші дані: перегляди, відмітки «Подобається» тощо) за допомогою нашого API. Потім розширення відображає кількість відміток «Не подобається» та їх коефіцієнт на сторінці. Якщо ви ставите відмітки «Подобається» чи «Не подобається», це записується та надсилається до бази даних, щоб можна було екстраполювати точну їх кількість нелайків.",
+ bullet4: "Чи можу я поділитися з вами своїми відмітками «Не подобається»?",
+ bullet4text:
+ "Незабаром. Ми розглядаємо можливість використання Oauth або іншого API, доступного тільки для читання, з обмеженою областю дій, щоб творці могли ділитися своїми відмітками «Не подобається»",
+ bullet5: "Які дані ви збираєте та як вони обробляються?",
+ bullet5text:
+ 'Розширення збирає лише ті дані, які необхідні для правильної його роботи, такі як IP-адреси або ID відео, яке ви дивитеся. Ваші дані ніколи не будуть продані третім особам. Якщо ви хочете дізнатися більше про те, як ми забезпечуємо безпеку та конфіденційність, ознайомтесь з нашими ЧаПи по безпеці.',
+ bullet6: "Як працює API/серверна сторона?",
+ bullet6text:
+ "Серверна частина використовує архівні дані з тих пір, доки YouTube API все ще видавав кількість відміток «Не подобається», а також відмітки «Подобається»/«Не подобається» користувачів розширення та екстраполяцію. В найближчому майбутньому ми дозволимо творцям контенту легко та безпечно надсилати свої відмітки «Не подобається», а також ми додамо архівні дані ArchiveTeam (4,56 мільярди відео) до нашої поточної бази даних. Ви можете переглянути відео на цю тему.",
+ bullet7: "Чому лічильник відміток «Не подобається» пише 'DISLIKES DISABLED'?",
+ bullet7text:
+ "Іноді на нещодавно завантаженому відео може з'являтися повідомлення 'DISLIKES DISABLED', навіть попри те, що автор не вимикав відмітки «Не подобається». Це пов’язано з тим, як ми визначаємо, чи вимкнені оцінки «Не подобається». Це повідомлення має зникнути через кілька годин або після отримання відмітки «Подобається»/«Не подобається» і оновлення сторінки (сподіваюся).",
+ },
+ donate: {
+ name: "Підтримати",
+ subtitle:
+ "Ви можете підтримати пожертвою наші зусилля зробити Інтернет вільнішим!",
+ },
+ links: {
+ name: "Посилання",
+ title: "Посилання проєкту",
+ subtitle: "Посилання на проєкт і його розробників",
+ contact: "Зв'язок зі мною",
+ translators: "Перекладачі",
+ coolProjects: "Круті проєкти",
+ sponsorBlockDescription: "пропускає вбудовану у відео рекламу",
+ filmotDescription: "пошук відео на YouTube по субтитрах",
+ },
+};
\ No newline at end of file
diff --git a/Website/layouts/default.vue b/Website/layouts/default.vue
index 4d5e195d..2aa63b37 100644
--- a/Website/layouts/default.vue
+++ b/Website/layouts/default.vue
@@ -107,7 +107,8 @@ export default {
{ name: "日本語", locale: "ja" },
{ name: "Français", locale: "fr" },
// { name: "Deutsch", locale: "de" },
- // ...
+ { name: "Українська", locale: "uk" },
+ { name: "한국어", locale: "ko" },
],
alert: {
show: false,
diff --git a/Website/nuxt.config.js b/Website/nuxt.config.js
index bf5bbbc7..5d126e5a 100644
--- a/Website/nuxt.config.js
+++ b/Website/nuxt.config.js
@@ -5,6 +5,8 @@ import ru from "./_locales/ru";
import cs from "./_locales/cs";
import ja from "./_locales/ja";
import fr from "./_locales/fr";
+import uk from "./_locales/uk";
+import ko from "./_locales/ko";
// import de from "./_locales/de";
// ...
export default {
@@ -50,7 +52,7 @@ export default {
// Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
vuetify: {
lang: {
- locales: { en, es, tr, ru, cs, ja, fr /* de, ...*/ },
+ locales: { en, es, tr, ru, cs, ja, fr, uk, ko /* de, ...*/ },
current: "en",
},
theme: {
diff --git a/Website/package.json b/Website/package.json
index 10a61155..ac7c0074 100644
--- a/Website/package.json
+++ b/Website/package.json
@@ -3,10 +3,10 @@
"version": "1.1.0",
"private": true,
"scripts": {
- "dev": "nuxt",
+ "dev": "set NODE_OPTIONS=--openssl-legacy-provider && nuxt",
"build": "nuxt build",
"start": "nuxt start",
- "generate": "nuxt generate",
+ "generate": "set NODE_OPTIONS=--openssl-legacy-provider && nuxt generate",
"lint": "eslint --fix --ext .js,.vue --ignore-path .eslintignore ."
},
"dependencies": {
diff --git a/Website/pages/index.vue b/Website/pages/index.vue
index 3b21ceef..745631fa 100644
--- a/Website/pages/index.vue
+++ b/Website/pages/index.vue
@@ -63,13 +63,13 @@
-
+
mdi-heart
{{ $vuetify.lang.t("$vuetify.home.sponsors") }}
@@ -109,14 +109,6 @@ export default {
discordLink: "https://discord.gg/mYnESY4Md5",
sponsors: [
{ name: "Piepacker", link: "https://piepacker.com/" },
- {
- name: "Seed4.Me VPN",
- link: "https://www.seed4.me/users/register?gift=ReturnYoutubeDislike",
- },
- {
- name: "PocketTube",
- link: "https://yousub.info/?utm_source=returnyoutubedislike",
- },
{
name: "Become our sponsor",
link: "https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601",
diff --git a/Website/pages/links.vue b/Website/pages/links.vue
index cd6c4469..d438594d 100644
--- a/Website/pages/links.vue
+++ b/Website/pages/links.vue
@@ -113,6 +113,10 @@ export default {
tag: "NiniKo",
lang: "Français",
},
+ {
+ tag: "dsty#1614",
+ lang: "Українська",
+ },
],
coolProjects: [
{
diff --git a/Website/raw_assets/troubleshooting.png b/Website/raw_assets/troubleshooting.png
index 00b77ade..47878b52 100644
Binary files a/Website/raw_assets/troubleshooting.png and b/Website/raw_assets/troubleshooting.png differ
diff --git a/Website/raw_assets/ukraine-flag-xs.png b/Website/raw_assets/ukraine-flag-xs.png
index 3d9e39a9..3e18d6fa 100644
Binary files a/Website/raw_assets/ukraine-flag-xs.png and b/Website/raw_assets/ukraine-flag-xs.png differ
diff --git a/Website/static/ui/abstract.svg b/Website/static/ui/abstract.svg
index 6298c427..661445c8 100644
--- a/Website/static/ui/abstract.svg
+++ b/Website/static/ui/abstract.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/Website/store/README.md b/Website/store/README.md
index 1972d277..2cc89d1e 100644
--- a/Website/store/README.md
+++ b/Website/store/README.md
@@ -1,3 +1,5 @@
+Read this in other languages: [Nederlands](READMEnl.md), [Türkçe](READMEtr.md)
+
# STORE
**This directory is not required, you can delete it if you don't want to use it.**
diff --git a/Website/store/READMEnl.md b/Website/store/READMEnl.md
new file mode 100644
index 00000000..3006a01f
--- /dev/null
+++ b/Website/store/READMEnl.md
@@ -0,0 +1,12 @@
+Read this in other languages: [English](READMEen.md), [Türkçe](READMEtr.md)
+
+# OPSLAAN
+
+**Deze map is niet vereist, u kunt deze verwijderen als u deze niet wilt gebruiken.**
+
+Deze map bevat uw Vuex Store-bestanden.
+De Vuex Store-optie is geïmplementeerd in het Nuxt.js-framework.
+
+Het aanmaken van een bestand in deze map activeert automatisch de optie in het framework.
+
+Meer informatie over het gebruik van deze directory in [de documentatie](https://nuxtjs.org/guide/vuex-store).
diff --git a/Website/store/READMEtr.md b/Website/store/READMEtr.md
new file mode 100644
index 00000000..24128db1
--- /dev/null
+++ b/Website/store/READMEtr.md
@@ -0,0 +1,12 @@
+Read this in other languages: [English](README.md), [Nederlands](READMEnl.md)
+
+# MAĞAZA
+
+**Bu dizin gerekli değildir, kullanmak istemiyorsanız silebilirsiniz.**
+
+Bu dizin, Vuex Store dosyalarınızı içerir.
+Vuex Store seçeneği Nuxt.js çerçevesinde uygulanmaktadır.
+
+Bu dizinde bir dosya oluşturmak, çerçevedeki seçeneği otomatik olarak etkinleştirecektir.
+
+Bu dizinin kullanımı ile ilgili daha fazla bilgi için [belgeleme](https://nuxtjs.org/guide/vuex-store)ye göz atın.
diff --git a/extension-description-store-Chinese.txt b/extension-description-store-Chinese.txt
new file mode 100644
index 00000000..4de6d9a6
--- /dev/null
+++ b/extension-description-store-Chinese.txt
@@ -0,0 +1,20 @@
+"Return YouTube Dislike" 恢复了在 YouTube 上查看不喜欢的功能。
+
+如果它不起作用：打开扩展选项卡（chrome://extensions/），禁用此扩展，然后重新启用它。这应该可以解决大多数问题，因为在某些情况下，Chromium 中存在一个破坏扩展的错误。希望 Chromium 团队能尽快修复这个问题。
+
+从2021年12月13日开始，YouTube 移除了从其API中查看不喜欢的功能。
+这个扩展旨在通过使用归档的喜欢和不喜欢数据以及扩展用户所做的喜欢和不喜欢来显示最准确的评分，以恢复用户的权力。
+
+当前已经存储了超过2亿多个视频的喜欢和不喜欢数据，截止到2021年12月13日。
+
+积极增长并保持更新，以跟踪2021年12月13日之后的上传内容。
+
+使用该扩展的用户越多，它的准确性就越高。
+
+2021年12月13日之后上传的不受欢迎的视频可能显示的数据比更受欢迎的视频不太准确。
+
+该扩展目前处于积极开发阶段，因此如果您遇到任何问题，请毫不犹豫地在我们的GitHub页面或我们的Discord服务器上报告它们。
+
+更多功能即将推出！
+
+https://github.com/Anarios/return-youtube-dislike
diff --git a/extension-description-store-french.txt b/extension-description-store-french.txt
index d4a45d5f..958e8b3a 100644
--- a/extension-description-store-french.txt
+++ b/extension-description-store-french.txt
@@ -11,7 +11,7 @@ Croissance active et reste à jour avec les uploads datant d'après le 13 décem
Plus il y aura d'utilisateurs de l'extension, plus elle sera précise.
-Les vidéos impopulaires mises en ligne ultérieurement au 13 décembre 2021 peuvent présenter des données moins précises que les vidéos plus populaires.
+Les vidéos moins populaires mises en ligne ultérieurement au 13 décembre 2021 peuvent présenter des données moins précises que les vidéos plus populaires.
Cette extension est actuellement en développement actif, donc si vous rencontrez des problèmes, n'hésitez pas à les signaler sur notre page GitHub ou sur notre serveur Discord.
diff --git a/extension-description-store-greek.txt b/extension-description-store-greek.txt
new file mode 100644
index 00000000..5a24b7fe
--- /dev/null
+++ b/extension-description-store-greek.txt
@@ -0,0 +1,20 @@
+Το Return YouTube Dislike είναι μια επέκταση ανοιχτού κώδικα η οποία επαναφέρει στο YouTube τον μετρητή dislike.
+
+Εάν δεν λειτουργεί: ανοίξτε την καρτέλα Επεκτάσεις (chrome://extensions/), απενεργοποιήστε αυτήν την επέκταση και ενεργοποιήστε την ξανά. Αυτό θα διορθώσει τα περισσότερα προβλήματα, καθώς υπάρχει ένα σφάλμα στο Chromium που σπάει την επέκταση σε ορισμένες περιπτώσεις. Ας ελπίσουμε ότι η ομάδα του Chromium θα το διορθώσει σύντομα.
+
+Στις 13 Δεκεμβρίου 2021, το YouTube αφαίρεσε απο το API την δυνατότητα να εμφανίζονται τα dislikes.
+Η επέκταση αυτή στοχεύει να επαναφέρει αυτή την δυνατότατα στους χρήστες. Ένας συνδυασμός αρχειοθετημένων δεδομένων like και dislike, καθώς και η χρήση των like και dislike των χρηστών της επέκτασης, προβάλουν με τον πιό ακριβή τρόπο την ακροαματικότητα των βίντεο.
+
+Αυτή την στιγμή υπάρχει μια βάση με 200+ εκατομμύρια καταχωρημένα βίντεο και τα likes/dislikes τους, προερχόμενα πριν απο τις 13 Δεκεμβρίου 2021.
+
+Αναπτύσσεται ενεργά και ενημερώνεται για τις μεταφορτώσεις βίντεο μετά τις 13 Δεκεμβρίου 2021.
+
+Όσο περισσότεροι χρήστες χρησιμοποιούν την επέκταση, τόσο πιο ακριβής θα είναι.
+
+Μη δημοφιλή βίντεο που ανέβηκαν μετά τις 13 Δεκεμβρίου 2021 ενδέχεται να εμφανίζουν λιγότερο ακριβή δεδομένα από τα πιο δημοφιλή βίντεο.
+
+Η επέκταση βρίσκεται επί του παρόντος σε ενεργό φάση ανάπτυξης, επομένως εάν αντιμετωπίζετε προβλήματα, μη διστάσετε να τα αναφέρετε στη σελίδα μας στο GitHub ή στον διακομιστή Discord.
+
+Σύντομα με περισσότερες δυνατότητες!
+
+https://github.com/Anarios/return-youtube-dislike
diff --git a/extension-description-store-turkish.txt b/extension-description-store-turkish.txt
index 067eecee..c7f40598 100644
--- a/extension-description-store-turkish.txt
+++ b/extension-description-store-turkish.txt
@@ -1,4 +1,4 @@
-YouTube Dislike Sayısını Geri Getir, YouTube'da dislike durumlarını görme özelliğini geri getirir.
+YouTube Dislike Sayısını Geri Getir YouTube'da beğenmeme durumlarını görme özelliğini geri getirir.
Eğer çalışmazsa: uzantılar sekmesini açın (chrome://extensions/) bu uzantıyı devre dışı bırakın ve yeniden aktifleştirin. Bu, chromium'daki bazı durumlarda uzantıyı bozan bir hatadır. Bu, sorunların çoğunu çözmelidir. Umarız chromium ekibi bunu yakın zamanda düzeltir.
diff --git a/extension-description-store-ukrainian.txt b/extension-description-store-ukrainian.txt
new file mode 100644
index 00000000..881a4986
--- /dev/null
+++ b/extension-description-store-ukrainian.txt
@@ -0,0 +1,20 @@
+Return YouTube Dislike відновлює можливість бачити кількість відміток «Не подобається» на YouTube.
+
+Якщо не працює: відкрийте вкладку розширень (chrome://extensions/), вимкніть це розширення та увімкніть його знову. Це має вирішити більшість проблем, оскільки в Chromium є помилка, яка в деяких випадках перешкоджає роботі розширення. Сподіваюся, команда Chromium незабаром виправить це.
+
+Починаючи з 13 грудня 2021 року YouTube видалив можливість бачити відмітки «Не подобається» зі свого API.
+Це розширення має намір повернути владу користувачам, використовуючи поєднання архівних даних про кількість відміток «Подобається» та «Не подобається», а також кількість цих відміток серед користувачів розширення, аби показати найточніші рейтинги.
+
+Наразі більше ніж 200 мільйонів даних про відмітки «Подобається»/«Не подобається» збережено до 13 грудня 2021 року.
+
+Активно росте та оновюється новими відео, що завантажені після 13 грудня 2021 року.
+
+Що більше користувачів використовує розширення, тим точніше воно буде.
+
+Не надто популярні відео, завантажені після 13 грудня 2021 року, можуть містити менш точні дані, ніж популярні відео.
+
+Це розширення наразі знаходиться в активній стадії розробки, тому, якщо у вас виникнуть будь-які проблеми, не соромтесь повідомляти про них на нашій сторінці GitHub або на нашому сервері в Discord.
+
+Більше можливостей з'явиться найближчим часом!
+
+https://github.com/Anarios/return-youtube-dislike
diff --git a/globals.d.ts b/globals.d.ts
new file mode 100644
index 00000000..74680222
--- /dev/null
+++ b/globals.d.ts
@@ -0,0 +1,7 @@
+// https://github.com/oven-sh/bun/issues/358#issuecomment-1715648224
+
+///
diff --git a/Extensions/combined/popup.js b/Extensions/combined/popup.ts
similarity index 53%
rename from Extensions/combined/popup.js
rename to Extensions/combined/popup.ts
index cf72829d..30d67337 100644
--- a/Extensions/combined/popup.js
+++ b/Extensions/combined/popup.ts
@@ -1,4 +1,9 @@
-import { cLog } from "./src/utils";
+import storage from "./src/storage";
+import {
+ ColorTheme,
+ NumberDisplayFormat,
+ TooltipPercentageMode,
+} from "./src/types";
/* Config */
const config = {
@@ -8,7 +13,6 @@ const config = {
coloredBar: false,
colorTheme: "classic",
numberDisplayFormat: "compactShort",
- numberDisplayRoundDown: true,
showTooltipPercentage: false,
tooltipPercentageMode: "dash_like",
numberDisplayReformatLikes: false,
@@ -29,18 +33,27 @@ const config = {
};
/* Change language */
-function localizeHtmlPage() {
- //Localize by replacing __MSG_***__ meta tags
- var objects = document.getElementsByTagName("html");
- for (var j = 0; j < objects.length; j++) {
- var obj = objects[j];
-
- var valStrH = obj.innerHTML.toString();
- var valNewH = valStrH.replace(/__MSG_(\w+)__/g, function (match, v1) {
+function localizeHtmlPage(): void {
+ // Localize by replacing __MSG_***__ meta tags
+ const objects: HTMLCollectionOf =
+ document.getElementsByTagName("html");
+
+ for (let j = 0; j < objects.length; j++) {
+ const obj = objects[j];
+
+ const valStrH = obj?.innerHTML;
+ const valNewH = valStrH?.replace(/__MSG_(\w+)__/g, (_, v1) => {
return v1 ? chrome.i18n.getMessage(v1) : "";
});
- if (valNewH != valStrH) {
+ if (!valNewH) {
+ continue;
+ }
+
+ if (valNewH === valStrH) {
+ continue;
+ }
+ if (obj?.innerHTML) {
obj.innerHTML = valNewH;
}
}
@@ -57,67 +70,66 @@ createLink(config.links.donate, "link_donate");
createLink(config.links.help, "link_help");
createLink(config.links.changelog, "link_changelog");
-function createLink(url, id) {
- document.getElementById(id).addEventListener("click", () => {
+function createLink(url: any, id: any) {
+ document.getElementById(id)?.addEventListener("click", () => {
chrome.tabs.create({ url: url });
});
}
document
.getElementById("disable_vote_submission")
- .addEventListener("click", (ev) => {
- chrome.storage.sync.set({ disableVoteSubmission: ev.target.checked });
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ disableVoteSubmission: ev.target.checked });
});
-document.getElementById("colored_thumbs").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ coloredThumbs: ev.target.checked });
-});
-
-document.getElementById("colored_bar").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ coloredBar: ev.target.checked });
-});
+document
+ .getElementById("colored_thumbs")
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ coloredThumbs: ev.target.checked });
+ });
-document.getElementById("color_theme").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ colorTheme: ev.target.value });
+document.getElementById("colored_bar")?.addEventListener("click", (ev: any) => {
+ storage.set({ coloredBar: ev.target.checked });
});
-document.getElementById("number_round_down").addEventListener("click", (ev) => {
- chrome.storage.sync.set({ numberDisplayRoundDown: ev.target.checked });
- updateNumberDisplayFormatContent(ev.target.checked);
+document.getElementById("color_theme")?.addEventListener("click", (ev: any) => {
+ storage.set({ colorTheme: ev.target.value });
});
-document.getElementById("number_format").addEventListener("change", (ev) => {
- chrome.storage.sync.set({ numberDisplayFormat: ev.target.value });
-});
+document
+ .getElementById("number_format")
+ ?.addEventListener("change", (ev: any) => {
+ storage.set({ numberDisplayFormat: ev.target.value });
+ });
document
.getElementById("show_tooltip_percentage")
- .addEventListener("click", (ev) => {
- chrome.storage.sync.set({ showTooltipPercentage: ev.target.checked });
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ showTooltipPercentage: ev.target.checked });
});
document
.getElementById("tooltip_percentage_mode")
- .addEventListener("change", (ev) => {
- chrome.storage.sync.set({ tooltipPercentageMode: ev.target.value });
+ ?.addEventListener("change", (ev: any) => {
+ storage.set({ tooltipPercentageMode: ev.target.value });
});
document
.getElementById("number_reformat_likes")
- .addEventListener("click", (ev) => {
- chrome.storage.sync.set({ numberDisplayReformatLikes: ev.target.checked });
+ ?.addEventListener("click", (ev: any) => {
+ storage.set({ numberDisplayReformatLikes: ev.target.checked });
});
/* Advanced Toggle */
const advancedToggle = document.getElementById("advancedToggle");
-advancedToggle.addEventListener("click", () => {
+advancedToggle?.addEventListener("click", () => {
const adv = document.getElementById("advancedSettings");
- if (config.advanced) {
+ if (config.advanced && adv) {
adv.style.transform = "scale(1.1)";
adv.style.pointerEvents = "none";
adv.style.opacity = "0";
advancedToggle.innerHTML = config.showAdvancedMessage;
- } else {
+ } else if (adv) {
adv.style.transform = "scale(1)";
adv.style.pointerEvents = "auto";
adv.style.opacity = "1";
@@ -128,14 +140,13 @@ advancedToggle.addEventListener("click", () => {
initConfig();
-function initConfig() {
+async function initConfig() {
initializeDisableVoteSubmission();
initializeVersionNumber();
initializeColoredThumbs();
initializeColoredBar();
initializeColorTheme();
initializeNumberDisplayFormat();
- initializeNumberDisplayRoundDown();
initializeTooltipPercentage();
initializeTooltipPercentageMode();
initializeNumberDisplayReformatLikes();
@@ -143,7 +154,10 @@ function initConfig() {
function initializeVersionNumber() {
const version = chrome.runtime.getManifest().version;
- document.getElementById("ext-version").innerHTML = "v" + version;
+ const updateLink = document.getElementById("ext-update");
+ if (updateLink) {
+ updateLink.innerHTML = "v" + version;
+ }
fetch(
"https://raw.githubusercontent.com/Anarios/return-youtube-dislike/main/Extensions/combined/manifest-chrome.json"
@@ -151,23 +165,26 @@ function initializeVersionNumber() {
.then((response) => response.json())
.then((json) => {
if (compareVersions(json.version, version)) {
- document.getElementById("ext-update").innerHTML =
- chrome.i18n.getMessage("textUpdate") + " v" + json.version;
- document.getElementById("ext-update").style.padding = ".25rem .5rem";
+ const updateLink = document.getElementById("ext-update");
+ if (updateLink) {
+ updateLink.innerHTML =
+ chrome.i18n.getMessage("textUpdate") + " v" + json.version;
+ updateLink.style.padding = ".25rem .5rem";
+ }
}
});
// .catch(console.error);
}
// returns whether current < latest
-function compareVersions(latestStr, currentStr) {
+function compareVersions(latestStr: string, currentStr: string) {
let latestarr = latestStr.split(".");
let currentarr = currentStr.split(".");
let outdated = false;
// goes through version numbers from left to right from greatest to least significant
for (let i = 0; i < Math.max(latestarr.length, currentarr.length); i++) {
- let latest = i < latestarr.length ? parseInt(latestarr[i]) : 0;
- let current = i < currentarr.length ? parseInt(currentarr[i]) : 0;
+ let latest = i < latestarr.length ? parseInt(latestarr[i] as string) : 0;
+ let current = i < currentarr.length ? parseInt(currentarr[i] as string) : 0;
if (latest > current) {
outdated = true;
break;
@@ -179,79 +196,76 @@ function compareVersions(latestStr, currentStr) {
return outdated;
}
+function initializeTooltipPercentage() {
+ storage.get(["showTooltipPercentage"], (res: any) => {
+ handleShowTooltipPercentageChangeEvent(res);
+ });
+}
+
function initializeDisableVoteSubmission() {
- chrome.storage.sync.get(["disableVoteSubmission"], (res) => {
+ storage.get(["disableVoteSubmission"], (res) => {
handleDisableVoteSubmissionChangeEvent(res.disableVoteSubmission);
});
}
function initializeColoredThumbs() {
- chrome.storage.sync.get(["coloredThumbs"], (res) => {
+ storage.get(["coloredThumbs"], (res) => {
handleColoredThumbsChangeEvent(res.coloredThumbs);
});
}
function initializeColoredBar() {
- chrome.storage.sync.get(["coloredBar"], (res) => {
+ storage.get(["coloredBar"], (res) => {
handleColoredBarChangeEvent(res.coloredBar);
});
}
function initializeColorTheme() {
- chrome.storage.sync.get(["colorTheme"], (res) => {
+ storage.get(["colorTheme"], (res) => {
handleColorThemeChangeEvent(res.colorTheme);
});
}
-function initializeNumberDisplayRoundDown() {
- chrome.storage.sync.get(["numberDisplayRoundDown"], (res) => {
- handleNumberDisplayRoundDownChangeEvent(res.numberDisplayRoundDown);
- });
-}
-
-function initializeTooltipPercentage() {
- chrome.storage.sync.get(["showTooltipPercentage"], (res) => {
- handleShowTooltipPercentageChangeEvent(res.showTooltipPercentage);
- });
-}
-
function initializeTooltipPercentageMode() {
- chrome.storage.sync.get(["tooltipPercentageMode"], (res) => {
+ storage.get(["tooltipPercentageMode"], (res) => {
handleTooltipPercentageModeChangeEvent(res.tooltipPercentageMode);
});
}
function initializeNumberDisplayFormat() {
- chrome.storage.sync.get(["numberDisplayFormat"], (res) => {
+ storage.get(["numberDisplayFormat"], (res) => {
handleNumberDisplayFormatChangeEvent(res.numberDisplayFormat);
});
updateNumberDisplayFormatContent();
}
-function updateNumberDisplayFormatContent(roundDown) {
- let testValue;
- if (roundDown) {
- testValue = 123000;
- } else {
- testValue = 123456;
+function updateNumberDisplayFormatContent() {
+ let testValue = 123456;
+ const short = document.getElementById("number_format_compactShort");
+ const long = document.getElementById("number_format_compactLong");
+ const standard = document.getElementById("number_format_standard");
+ if (short) {
+ short.innerHTML = getNumberFormatter("compactShort").format(testValue);
+ }
+ if (long) {
+ long.innerHTML = getNumberFormatter("compactLong").format(testValue);
+ }
+ if (standard) {
+ standard.innerHTML = getNumberFormatter("standard").format(testValue);
}
- document.getElementById("number_format_compactShort").innerHTML =
- getNumberFormatter("compactShort").format(testValue);
- document.getElementById("number_format_compactLong").innerHTML =
- getNumberFormatter("compactLong").format(testValue);
- document.getElementById("number_format_standard").innerHTML =
- getNumberFormatter("standard").format(testValue);
}
function initializeNumberDisplayReformatLikes() {
- chrome.storage.sync.get(["numberDisplayReformatLikes"], (res) => {
+ storage.get(["numberDisplayReformatLikes"], (res) => {
handleNumberDisplayReformatLikesChangeEvent(res.numberDisplayReformatLikes);
});
}
-chrome.storage.onChanged.addListener(storageChangeHandler);
+storage.onChanged.addListener(storageChangeHandler);
-function storageChangeHandler(changes, area) {
+function storageChangeHandler(changes: {
+ [key: string]: chrome.storage.StorageChange;
+}) {
if (changes.disableVoteSubmission !== undefined) {
handleDisableVoteSubmissionChangeEvent(
changes.disableVoteSubmission.newValue
@@ -266,11 +280,6 @@ function storageChangeHandler(changes, area) {
if (changes.colorTheme !== undefined) {
handleColorThemeChangeEvent(changes.colorTheme.newValue);
}
- if (changes.numberDisplayRoundDown !== undefined) {
- handleNumberDisplayRoundDownChangeEvent(
- changes.numberDisplayRoundDown.newValue
- );
- }
if (changes.numberDisplayFormat !== undefined) {
handleNumberDisplayFormatChangeEvent(changes.numberDisplayFormat.newValue);
}
@@ -286,85 +295,137 @@ function storageChangeHandler(changes, area) {
}
}
-function handleDisableVoteSubmissionChangeEvent(value) {
+function handleDisableVoteSubmissionChangeEvent(value: boolean) {
config.disableVoteSubmission = value;
- document.getElementById("disable_vote_submission").checked = value;
+ const disableVoteSubmission = document.getElementById(
+ "disable_vote_submission"
+ );
+ if (disableVoteSubmission) {
+ (disableVoteSubmission as any).checked = value;
+ }
}
-function handleColoredThumbsChangeEvent(value) {
+function handleColoredThumbsChangeEvent(value: boolean) {
config.coloredThumbs = value;
- document.getElementById("colored_thumbs").checked = value;
+ const coloredThumbs = document.getElementById("colored_thumbs");
+ if (coloredThumbs) {
+ (coloredThumbs as any).checked = value;
+ }
}
-function handleColoredBarChangeEvent(value) {
+function handleColoredBarChangeEvent(value: boolean) {
config.coloredBar = value;
- document.getElementById("colored_bar").checked = value;
+ const coloredBar = document.getElementById("colored_bar");
+ if (coloredBar) {
+ (coloredBar as any).checked = value;
+ }
}
-function handleColorThemeChangeEvent(value) {
+function handleColorThemeChangeEvent(value: "classic" | "neon" | "accessible") {
if (!value) {
value = "classic";
}
config.colorTheme = value;
- document
- .getElementById("color_theme")
- .querySelector('option[value="' + value + '"]').selected = true;
+ const colorTheme = document.getElementById("color_theme");
+ const themeOption = colorTheme?.querySelector(
+ 'option[value="' + value + '"]'
+ );
+ if (themeOption) {
+ (themeOption as any).selected = true;
+ }
updateColorThemePreviewContent(value);
}
-function updateColorThemePreviewContent(themeName) {
- document.getElementById("color_theme_example_like").style.backgroundColor =
- getColorFromTheme(themeName, true);
- document.getElementById("color_theme_example_dislike").style.backgroundColor =
- getColorFromTheme(themeName, false);
-}
-
-function handleNumberDisplayRoundDownChangeEvent(value) {
- config.numberDisplayRoundDown = value;
- document.getElementById("number_round_down").checked = value;
+function updateColorThemePreviewContent(colorTheme: ColorTheme) {
+ const colorThemeExampleLike = document.getElementById(
+ "color_theme_example_like"
+ );
+ if (colorThemeExampleLike) {
+ colorThemeExampleLike.style.backgroundColor = getColorFromTheme(
+ colorTheme,
+ true
+ );
+ }
+ const colorThemeExampleDislike = document.getElementById(
+ "color_theme_example_dislike"
+ );
+ if (colorThemeExampleDislike) {
+ colorThemeExampleDislike.style.backgroundColor = getColorFromTheme(
+ colorTheme,
+ false
+ );
+ }
}
-function handleNumberDisplayFormatChangeEvent(value) {
+function handleNumberDisplayFormatChangeEvent(value: NumberDisplayFormat) {
config.numberDisplayFormat = value;
- document
- .getElementById("number_format")
- .querySelector('option[value="' + value + '"]').selected = true;
+ const numberFormat = document.getElementById("number_format");
+ const formatOption = numberFormat?.querySelector(
+ 'option[value="' + value + '"]'
+ );
+ if (formatOption) {
+ (formatOption as any).selected = true;
+ }
}
-function handleShowTooltipPercentageChangeEvent(value) {
+function handleShowTooltipPercentageChangeEvent(value: boolean) {
config.showTooltipPercentage = value;
- document.getElementById("show_tooltip_percentage").checked = value;
+ const showTooltipPercentage = document.getElementById(
+ "show_tooltip_percentage"
+ ) as HTMLInputElement;
+ if (showTooltipPercentage) {
+ showTooltipPercentage.checked = value;
+ }
}
-function handleTooltipPercentageModeChangeEvent(value) {
+function handleTooltipPercentageModeChangeEvent(value: TooltipPercentageMode) {
if (!value) {
value = "dash_like";
}
config.tooltipPercentageMode = value;
-
- document
- .getElementById("tooltip_percentage_mode")
- .querySelector('option[value="' + value + '"]').selected = true;
+ const tooltipPercentageMode = document.getElementById(
+ "tooltip_percentage_mode"
+ );
+ const modeOption = tooltipPercentageMode?.querySelector(
+ 'option[value="' + value + '"]'
+ );
+ if (modeOption) {
+ (modeOption as any).selected = true;
+ }
}
-function handleNumberDisplayReformatLikesChangeEvent(value) {
+function handleNumberDisplayReformatLikesChangeEvent(value: boolean) {
config.numberDisplayReformatLikes = value;
- document.getElementById("number_reformat_likes").checked = value;
+ const numberReformatLikes = document.getElementById("number_reformat_likes");
+ if (numberReformatLikes) {
+ (numberReformatLikes as any).checked = value;
+ }
}
-function getNumberFormatter(optionSelect) {
- let formatterNotation;
- let formatterCompactDisplay;
+function getNumberFormatter(
+ numberDisplayFormat: "compactShort" | "compactLong" | "standard"
+) {
+ let formatterNotation: Intl.NumberFormatOptions["notation"];
+ let formatterCompactDisplay: Intl.NumberFormatOptions["compactDisplay"];
let userLocales;
try {
- userLocales = new URL(
- Array.from(document.querySelectorAll("head > link[rel='search']"))
- ?.find((n) => n?.getAttribute("href")?.includes("?locale="))
- ?.getAttribute("href")
- )?.searchParams?.get("locale");
+ const searchLinks = document.querySelectorAll("head > link[rel='search']");
+ const searchLink = Array.from(searchLinks).find((n) => {
+ return n?.getAttribute("href")?.includes("?locale=");
+ });
+ const href = searchLink?.getAttribute("href");
+ if (!href) {
+ throw new Error("No href found");
+ }
+ const url = new URL(href);
+ const searchParams = url.searchParams;
+ if (!searchParams) {
+ throw new Error("No searchParams found");
+ }
+ userLocales = searchParams.get("locale");
} catch {}
- switch (optionSelect) {
+ switch (numberDisplayFormat) {
case "compactLong":
formatterNotation = "compact";
formatterCompactDisplay = "long";
@@ -396,19 +457,30 @@ function getNumberFormatter(optionSelect) {
);
let result = await resp.status;
if (result === 200) {
- status.innerText = "Online";
- status.style.color = "green";
- serverStatus.style.filter =
- "invert(58%) sepia(81%) saturate(2618%) hue-rotate(81deg) brightness(119%) contrast(129%)";
+ if (status) {
+ status.innerText = "Online";
+ status.style.color = "green";
+ }
+ if (serverStatus) {
+ serverStatus.style.filter =
+ "invert(58%) sepia(81%) saturate(2618%) hue-rotate(81deg) brightness(119%) contrast(129%)";
+ }
} else {
- status.innerText = "Offline";
- status.style.color = "red";
- serverStatus.style.filter =
- "invert(11%) sepia(100%) saturate(6449%) hue-rotate(3deg) brightness(116%) contrast(115%)";
+ if (status) {
+ status.innerText = "Offline";
+ status.style.color = "red";
+ }
+ if (serverStatus) {
+ serverStatus.style.filter =
+ "invert(11%) sepia(100%) saturate(6449%) hue-rotate(3deg) brightness(116%) contrast(115%)";
+ }
}
})();
-function getColorFromTheme(colorTheme, voteIsLike) {
+function getColorFromTheme(
+ colorTheme: "accessible" | "neon" | "classic",
+ voteIsLike: boolean
+) {
let colorString;
switch (colorTheme) {
case "accessible":
@@ -435,15 +507,3 @@ function getColorFromTheme(colorTheme, voteIsLike) {
}
return colorString;
}
-
-/* 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" });
-});
-*/
diff --git a/Extensions/combined/readme.md b/Extensions/combined/readme.md
index 0818eb31..faee2306 100644
--- a/Extensions/combined/readme.md
+++ b/Extensions/combined/readme.md
@@ -6,7 +6,7 @@
;
+ if (isMobile()) {
+ elements = document.querySelectorAll("ytm-like-button-renderer");
+ } else {
+ elements = document.querySelectorAll(
+ "#like-button > ytd-like-button-renderer"
+ );
+ }
+ for (let element of Array.from(elements)) {
+ //Youtube Shorts can have multiple like/dislike buttons when scrolling through videos
+ //However, only one of them should be visible (no matter how you zoom)
+ if (isInViewport(element)) {
+ return element;
+ }
+ }
+ }
+ //--- If Watching On Mobile: ---//
+ if (isMobile()) {
+ return document.querySelector(".slim-video-action-bar-actions");
+ }
+ //--- If Menu Element Is Displayed: ---//
+ if (document.getElementById("menu-container")?.offsetParent === null) {
+ return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div");
+ //--- If Menu Element Isn't Displayed: ---//
+ } else {
+ return document
+ .getElementById("menu-container")
+ ?.querySelector("#top-level-buttons-computed");
+ }
+}
+
+function getLikeButton(): HTMLElement | undefined {
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("like button not found");
+ return;
+ }
+
+ const firstChild = children[0] as HTMLElement;
+ if (firstChild.tagName === "YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER") {
+ const segmentedLikeButton = document.getElementById(
+ "segmented-like-button"
+ );
+ if (segmentedLikeButton) {
+ return segmentedLikeButton;
+ }
+
+ const grandChildren = firstChild.children;
+ if (grandChildren.length > 0) {
+ return grandChildren[0] as HTMLElement;
+ }
+ } else {
+ return firstChild;
+ }
+ console.error("like button not found");
+ return;
+}
+
+function getLikeTextContainer() {
+ return (
+ getLikeButton()?.querySelector("#text") ??
+ getLikeButton()?.getElementsByTagName("yt-formatted-string")[0] ??
+ getLikeButton()?.querySelector("span[role='text']")
+ );
+}
+
+function getDislikeButton() {
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("dislike button not found");
+ return;
+ }
+
+ const firstChild = children[0] as HTMLElement;
+ if (firstChild.tagName === "YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER") {
+ const segmentedDislikeButton = document.getElementById(
+ "segmented-dislike-button"
+ );
+ if (segmentedDislikeButton) {
+ return segmentedDislikeButton;
+ }
+
+ const grandChildren = firstChild.children;
+ if (grandChildren.length > 0) {
+ return grandChildren[1] as HTMLElement;
+ }
+ } else {
+ return children[1] as HTMLElement;
+ }
+ console.error("dislike button not found");
+ return;
+}
+
+function createDislikeTextContainer() {
+ const textNodeClone = (
+ getLikeButton() || getLikeButton()?.parentNode
+ )?.cloneNode(true);
+ const insertPreChild = getDislikeButton()?.querySelector(
+ "yt-touch-feedback-shape"
+ );
+ if (textNodeClone && insertPreChild) {
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.insertBefore(textNodeClone, insertPreChild);
+ }
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.classList.remove("yt-spec-button-shape-next--icon-button");
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.classList.add("yt-spec-button-shape-next--icon-leading");
+ if ((textNodeClone as any).querySelector("span[role='text']") === null) {
+ const span = document.createElement("span");
+ span.setAttribute("role", "text");
+ while (textNodeClone?.firstChild) {
+ textNodeClone.removeChild(textNodeClone.firstChild);
+ }
+ textNodeClone?.appendChild(span);
+ }
+ (textNodeClone as any).querySelector("span[role='text']").innerText = "";
+ return (textNodeClone as any).querySelector("span[role='text']");
+}
+
+function getDislikeTextContainer() {
+ let result =
+ getDislikeButton()?.querySelector("#text") ??
+ getDislikeButton()?.getElementsByTagName("yt-formatted-string")[0] ??
+ getDislikeButton()?.querySelector("span[role='text']");
+ if (result == null) {
+ result = createDislikeTextContainer();
+ }
+ return result;
+}
+
+function checkForSignInButton() {
+ if (
+ document.querySelector(
+ "a[href^='https://accounts.google.com/ServiceLogin']"
+ )
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+}
+
+export {
+ getButtons,
+ getLikeButton,
+ getDislikeButton,
+ getLikeTextContainer,
+ getDislikeTextContainer,
+ checkForSignInButton,
+};
diff --git a/Extensions/combined/src/events.js b/Extensions/combined/src/events.ts
similarity index 78%
rename from Extensions/combined/src/events.js
rename to Extensions/combined/src/events.ts
index 9b0e78ae..c363afbe 100644
--- a/Extensions/combined/src/events.js
+++ b/Extensions/combined/src/events.ts
@@ -1,18 +1,23 @@
-import { getBrowser, getVideoId, numberFormat, cLog } from "./utils";
-import { checkForSignInButton, getButtons } from "./buttons";
+import { createRateBar } from "./bar";
+import {
+ checkForSignInButton,
+ getDislikeButton,
+ getLikeButton,
+} from "./buttons";
import {
- NEUTRAL_STATE,
- LIKED_STATE,
DISLIKED_STATE,
- setDislikes,
+ LIKED_STATE,
+ NEUTRAL_STATE,
extConfig,
- storedData,
- setLikes,
getLikeCountFromButton,
+ setDislikes,
+ setLikes,
+ storedData,
} from "./state";
-import { createRateBar } from "./bar";
+import { ColorTheme, NumberDisplayFormat } from "./types";
+import { getBrowser, getVideoId, numberFormat } from "./utils";
-function sendVote(vote) {
+function sendVote(vote: 0 | 1 | -1) {
if (extConfig.disableVoteSubmission !== true) {
getBrowser().runtime.sendMessage({
message: "send_vote",
@@ -83,17 +88,20 @@ function dislikeClicked() {
}
function addLikeDislikeEventListener() {
- const buttons = getButtons();
if (!window.returnDislikeButtonlistenersSet) {
- buttons.children[0].addEventListener("click", likeClicked);
- buttons.children[1].addEventListener("click", dislikeClicked);
- buttons.children[0].addEventListener("touchstart", likeClicked);
- buttons.children[1].addEventListener("touchstart", dislikeClicked);
+ getLikeButton()?.addEventListener("click", likeClicked);
+ getLikeButton()?.addEventListener("touchstart", likeClicked);
+ if (getDislikeButton()) {
+ getDislikeButton()?.addEventListener("click", dislikeClicked);
+ getDislikeButton()?.addEventListener("touchstart", dislikeClicked);
+ }
window.returnDislikeButtonlistenersSet = true;
}
}
-function storageChangeHandler(changes, area) {
+function storageChangeHandler(changes: {
+ [key: string]: chrome.storage.StorageChange;
+}) {
if (changes.disableVoteSubmission !== undefined) {
handleDisableVoteSubmissionChangeEvent(
changes.disableVoteSubmission.newValue
@@ -108,12 +116,6 @@ function storageChangeHandler(changes, area) {
if (changes.colorTheme !== undefined) {
handleColorThemeChangeEvent(changes.colorTheme.newValue);
}
-
- if (changes.numberDisplayRoundDown !== undefined) {
- handleNumberDisplayRoundDownChangeEvent(
- changes.numberDisplayRoundDown.newValue
- );
- }
if (changes.numberDisplayFormat !== undefined) {
handleNumberDisplayFormatChangeEvent(changes.numberDisplayFormat.newValue);
}
@@ -124,39 +126,35 @@ function storageChangeHandler(changes, area) {
}
}
-function handleDisableVoteSubmissionChangeEvent(value) {
+function handleDisableVoteSubmissionChangeEvent(value: boolean) {
extConfig.disableVoteSubmission = value;
}
-function handleColoredThumbsChangeEvent(value) {
+function handleColoredThumbsChangeEvent(value: boolean) {
extConfig.coloredThumbs = value;
}
-function handleColoredBarChangeEvent(value) {
+function handleColoredBarChangeEvent(value: boolean) {
extConfig.coloredBar = value;
}
-function handleColorThemeChangeEvent(value) {
+function handleColorThemeChangeEvent(value: ColorTheme) {
if (!value) value = "classic";
extConfig.colorTheme = value;
}
-function handleNumberDisplayFormatChangeEvent(value) {
+function handleNumberDisplayFormatChangeEvent(value: NumberDisplayFormat) {
extConfig.numberDisplayFormat = value;
}
-function handleNumberDisplayRoundDownChangeEvent(value) {
- extConfig.numberDisplayRoundDown = value;
-}
-
-function handleNumberDisplayReformatLikesChangeEvent(value) {
+function handleNumberDisplayReformatLikesChangeEvent(value: boolean) {
extConfig.numberDisplayReformatLikes = value;
}
export {
- sendVote,
- likeClicked,
- dislikeClicked,
addLikeDislikeEventListener,
+ dislikeClicked,
+ likeClicked,
+ sendVote,
storageChangeHandler,
};
diff --git a/Extensions/combined/src/starRating.js b/Extensions/combined/src/starRating.ts
similarity index 94%
rename from Extensions/combined/src/starRating.js
rename to Extensions/combined/src/starRating.ts
index 65cf18b1..37a336d8 100644
--- a/Extensions/combined/src/starRating.js
+++ b/Extensions/combined/src/starRating.ts
@@ -1,6 +1,6 @@
import { cLog } from "./utils";
-function createStarRating(rating, isMobile) {
+function createStarRating(rating: number, isMobile: boolean) {
let starRating = document.createElement("label");
let starSlider = document.createElement("input");
@@ -20,18 +20,18 @@ function createStarRating(rating, isMobile) {
if (isMobile) {
YTLikeButton = document.querySelector(
"#app > div.page-container > ytm-watch > ytm-single-column-watch-next-results-renderer > ytm-slim-video-metadata-section-renderer > ytm-slim-video-action-bar-renderer > div > ytm-slim-metadata-toggle-button-renderer:nth-child(1)"
- );
+ ) as HTMLElement;
} else {
YTLikeButton = document.querySelector(
"#top-level-buttons-computed > ytd-toggle-button-renderer:nth-child(1)"
- );
+ ) as HTMLElement;
}
YTLikeButton.insertAdjacentElement("afterend", starRating);
try {
let YTBar = document.querySelector("#ryd-bar-container");
- YTBar.setAttribute("style", "width: 190%; height: 2px;");
+ YTBar?.setAttribute("style", "width: 190%; height: 2px;");
} catch (err) {
cLog("RateBar Not Present");
}
diff --git a/Extensions/combined/src/state.js b/Extensions/combined/src/state.ts
similarity index 50%
rename from Extensions/combined/src/state.js
rename to Extensions/combined/src/state.ts
index ec2125a5..0ff48377 100644
--- a/Extensions/combined/src/state.js
+++ b/Extensions/combined/src/state.ts
@@ -1,14 +1,20 @@
-import { getLikeButton, getDislikeButton, getButtons } from "./buttons";
import { createRateBar } from "./bar";
import {
+ getButtons,
+ getDislikeButton,
+ getDislikeTextContainer,
+ getLikeButton,
+ getLikeTextContainer,
+} from "./buttons";
+import { ExtConfig, StoredData } from "./types";
+import {
+ cLog,
getBrowser,
+ getColorFromTheme,
getVideoId,
- cLog,
+ localize,
numberFormat,
- getColorFromTheme,
} from "./utils";
-import { localize } from "./utils";
-import { createStarRating } from "./starRating";
//TODO: Do not duplicate here and in ryd.background.js
const apiUrl = "https://returnyoutubedislikeapi.com";
@@ -16,19 +22,18 @@ const LIKED_STATE = "LIKED_STATE";
const DISLIKED_STATE = "DISLIKED_STATE";
const NEUTRAL_STATE = "NEUTRAL_STATE";
-let extConfig = {
+let extConfig: ExtConfig = {
disableVoteSubmission: false,
coloredThumbs: false,
coloredBar: false,
colorTheme: "classic",
numberDisplayFormat: "compactShort",
- numberDisplayRoundDown: true,
showTooltipPercentage: false,
tooltipPercentageMode: "dash_like",
numberDisplayReformatLikes: false,
};
-let storedData = {
+let storedData: StoredData = {
likes: 0,
dislikes: 0,
previousState: NEUTRAL_STATE,
@@ -46,7 +51,17 @@ function isNewDesign() {
return document.getElementById("comment-teaser") !== null;
}
-let mutationObserver = new Object();
+function isRoundedDesign() {
+ return document.getElementById("segmented-like-button") !== null;
+}
+
+class MutationObserverWrapper extends Object {
+ options: MutationObserverInit;
+ exists: boolean;
+ observer: MutationObserver;
+}
+
+let mutationObserver = new MutationObserverWrapper();
if (isShorts() && mutationObserver.exists !== true) {
cLog("initializing mutation observer");
@@ -56,24 +71,25 @@ if (isShorts() && mutationObserver.exists !== true) {
subtree: false,
};
mutationObserver.exists = true;
- mutationObserver.observer = new MutationObserver(function (
- mutationList,
- observer
- ) {
+ mutationObserver.observer = new MutationObserver(function (mutationList) {
mutationList.forEach((mutation) => {
if (
mutation.type === "attributes" &&
mutation.target.nodeName === "TP-YT-PAPER-BUTTON" &&
- mutation.target.id === "button"
+ (mutation.target as HTMLElement).id === "button"
) {
// cLog('Short thumb button status changed');
- if (mutation.target.getAttribute("aria-pressed") === "true") {
- mutation.target.style.color =
- mutation.target.parentElement.parentElement.id === "like-button"
+ if (
+ (mutation.target as HTMLElement).getAttribute("aria-pressed") ===
+ "true"
+ ) {
+ (mutation.target as HTMLElement).style.color =
+ (mutation.target as HTMLElement)?.parentElement?.parentElement
+ ?.id === "like-button"
? getColorFromTheme(true)
: getColorFromTheme(false);
} else {
- mutation.target.style.color = "unset";
+ (mutation.target as HTMLElement).style.color = "unset";
}
return;
}
@@ -88,35 +104,51 @@ function isLikesDisabled() {
// return true if the like button's text doesn't contain any number
if (isMobile()) {
return /^\D*$/.test(
- getButtons().children[0].querySelector(".button-renderer-text").innerText
+ (
+ getButtons()?.children[0]?.querySelector(
+ ".button-renderer-text"
+ ) as HTMLElement
+ )?.innerText
);
}
- return /^\D*$/.test(
- getButtons().children[0].querySelector("#text").innerText
- );
+ return /^\D*$/.test((getButtons()?.children[0] as HTMLElement)?.innerText);
}
function isVideoLiked() {
if (isMobile()) {
return (
- getLikeButton().querySelector("button").getAttribute("aria-label") ==
+ getLikeButton()?.querySelector("button")?.getAttribute("aria-label") ===
"true"
);
}
- return getLikeButton().classList.contains("style-default-active");
+ return (
+ getLikeButton()?.classList.contains("style-default-active") ||
+ getLikeButton()?.querySelector("button")?.getAttribute("aria-pressed") ===
+ "true"
+ );
}
function isVideoDisliked() {
if (isMobile()) {
return (
- getDislikeButton().querySelector("button").getAttribute("aria-label") ==
- "true"
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.getAttribute("aria-label") === "true"
);
}
- return getDislikeButton().classList.contains("style-default-active");
+ return (
+ getDislikeButton()?.classList.contains("style-default-active") ||
+ getDislikeButton()
+ ?.querySelector("button")
+ ?.getAttribute("aria-pressed") === "true"
+ );
}
-function getState(storedData) {
+function getState(storedData: {
+ likes: number;
+ dislikes: number;
+ previousState: string;
+}) {
if (isVideoLiked()) {
return { current: LIKED_STATE, previous: storedData.previousState };
}
@@ -127,46 +159,130 @@ function getState(storedData) {
}
//--- Sets The Likes And Dislikes Values ---//
-function setLikes(likesCount) {
- getButtons().children[0].querySelector("#text").innerText = likesCount;
+function setLikes(likesCount: string) {
+ cLog(`SET likes ${likesCount}`);
+ const likeTextContainer = getLikeTextContainer() as HTMLElement;
+ if (!likeTextContainer) {
+ console.error("likeTextContainer not found");
+ return;
+ }
+ likeTextContainer.innerText = likesCount;
}
-function setDislikes(dislikesCount) {
+function setDislikes(dislikesCount: string) {
+ cLog(`SET dislikes ${dislikesCount}`);
+ getDislikeTextContainer()?.removeAttribute("is-empty");
+ getDislikeTextContainer()?.removeAttribute("is-empty");
if (!isLikesDisabled()) {
if (isMobile()) {
- getButtons().children[1].querySelector(
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("buttons children not found");
+ return;
+ }
+
+ const secondChild = children[1] as HTMLElement;
+ if (!secondChild) {
+ console.error("secondChild not found");
+ return;
+ }
+
+ const buttonRendererText = secondChild.querySelector(
".button-renderer-text"
- ).innerText = dislikesCount;
+ ) as HTMLElement;
+ if (!buttonRendererText) {
+ console.error("buttonRendererText not found");
+ return;
+ }
+
+ buttonRendererText.innerText = dislikesCount;
return;
}
- getButtons().children[1].querySelector("#text").innerText = dislikesCount;
+ const dislikeTextContainer = getDislikeTextContainer() as HTMLElement;
+ if (!dislikeTextContainer) {
+ console.error("dislikeTextContainer not found");
+ return;
+ }
+
+ dislikeTextContainer.innerText = dislikesCount;
} else {
cLog("likes count disabled by creator");
if (isMobile()) {
- getButtons().children[1].querySelector(
+ const buttons = getButtons();
+ if (!buttons) {
+ console.error("buttons not found");
+ return;
+ }
+
+ const children = buttons.children;
+ if (children.length === 0) {
+ console.error("buttons children not found");
+ return;
+ }
+
+ const secondChild = children[1] as HTMLElement;
+ if (!secondChild) {
+ console.error("secondChild not found");
+ return;
+ }
+
+ const buttonRendererText = secondChild.querySelector(
".button-renderer-text"
- ).innerText = localize("TextLikesDisabled");
+ ) as HTMLElement;
+ if (!buttonRendererText) {
+ console.error("buttonRendererText not found");
+ return;
+ }
+
+ buttonRendererText.innerText = localize("TextLikesDisabled");
return;
}
- getButtons().children[1].querySelector("#text").innerText =
- localize("TextLikesDisabled");
+ const dislikeTextContainer = getDislikeTextContainer() as HTMLElement;
+ if (!dislikeTextContainer) {
+ console.error("dislikeTextContainer not found");
+ return;
+ }
+ dislikeTextContainer.innerText = localize("TextLikesDisabled");
}
}
function getLikeCountFromButton() {
- if (isShorts()) {
- //Youtube Shorts don't work with this query. It's not nessecary; we can skip it and still see the results.
- //It should be possible to fix this function, but it's not critical to showing the dislike count.
+ try {
+ if (isShorts()) {
+ //Youtube Shorts don't work with this query. It's not necessary; we can skip it and still see the results.
+ //It should be possible to fix this function, but it's not critical to showing the dislike count.
+ return false;
+ }
+
+ let likeButton =
+ getLikeButton()?.querySelector("yt-formatted-string#text") ??
+ getLikeButton()?.querySelector("button");
+
+ let likesStr = likeButton?.getAttribute("aria-label")?.replace(/\D/g, "");
+ if (!likesStr) {
+ console.error("likesStr not found");
+ return false;
+ }
+
+ const likeStrLength = likesStr?.length;
+ if (!likeStrLength) {
+ console.error("likeStrLength not found");
+ return false;
+ }
+
+ return likeStrLength > 0 ? parseInt(likesStr) : false;
+ } catch {
return false;
}
- let likesStr = getLikeButton()
- .querySelector("yt-formatted-string#text")
- .getAttribute("aria-label")
- .replace(/\D/g, "");
- return likesStr.length > 0 ? parseInt(likesStr) : false;
}
-function processResponse(response, storedData) {
+function processResponse(response: any, storedData: StoredData) {
const formattedDislike = numberFormat(response.dislikes);
setDislikes(formattedDislike);
if (extConfig.numberDisplayReformatLikes === true) {
@@ -180,19 +296,30 @@ function processResponse(response, storedData) {
createRateBar(storedData.likes, storedData.dislikes);
if (extConfig.coloredThumbs === true) {
if (isShorts()) {
- // for shorts, leave deactived buttons in default color
- let shortLikeButton = getLikeButton().querySelector(
+ // for shorts, leave deactivated buttons in default color
+ const shortLikeButton = getLikeButton()?.querySelector(
"tp-yt-paper-button#button"
- );
- let shortDislikeButton = getDislikeButton().querySelector(
+ ) as HTMLElement;
+ if (!shortLikeButton) {
+ console.error("shortLikeButton not found");
+ return;
+ }
+
+ const shortDislikeButton = getDislikeButton()?.querySelector(
"tp-yt-paper-button#button"
- );
- if (shortLikeButton.getAttribute("aria-pressed") === "true") {
+ ) as HTMLElement;
+ if (!shortDislikeButton) {
+ console.error("shortDislikeButton not found");
+ return;
+ }
+
+ if (shortLikeButton?.getAttribute("aria-pressed") === "true") {
shortLikeButton.style.color = getColorFromTheme(true);
}
- if (shortDislikeButton.getAttribute("aria-pressed") === "true") {
+ if (shortDislikeButton?.getAttribute("aria-pressed") === "true") {
shortDislikeButton.style.color = getColorFromTheme(false);
}
+
mutationObserver.observer.observe(
shortLikeButton,
mutationObserver.options
@@ -202,8 +329,20 @@ function processResponse(response, storedData) {
mutationObserver.options
);
} else {
- getLikeButton().style.color = getColorFromTheme(true);
- getDislikeButton().style.color = getColorFromTheme(false);
+ const likeButton = getLikeButton();
+ if (!likeButton) {
+ console.error("likeButton not found");
+ return;
+ }
+
+ const dislikeButton = getDislikeButton();
+ if (!dislikeButton) {
+ console.error("dislikeButton not found");
+ return;
+ }
+
+ likeButton.style.color = getColorFromTheme(true);
+ dislikeButton.style.color = getColorFromTheme(false);
}
}
//Temporary disabling this - it breaks all places where getButtons()[1] is used
@@ -211,13 +350,16 @@ function processResponse(response, storedData) {
}
// Tells the user if the API is down
-function displayError(error) {
- getButtons().children[1].querySelector("#text").innerText = localize(
- "textTempUnavailable"
- );
+function displayError() {
+ const dislikeTextContainer = getDislikeTextContainer() as HTMLElement;
+ if (!dislikeTextContainer) {
+ console.error("dislikeTextContainer not found");
+ return;
+ }
+ dislikeTextContainer.innerText = localize("textTempUnavailable");
}
-async function setState(storedData) {
+async function setState(storedData: StoredData) {
storedData.previousState = isVideoDisliked()
? DISLIKED_STATE
: isVideoLiked()
@@ -238,7 +380,7 @@ async function setState(storedData) {
}
)
.then((response) => {
- if (!response.ok) displayError(response.error);
+ if (!response.ok) displayError();
return response;
})
.then((response) => response.json())
@@ -260,14 +402,13 @@ function initExtConfig() {
initializeColoredBar();
initializeColorTheme();
initializeNumberDisplayFormat();
- initializeNumberDisplayRoundDown();
initializeTooltipPercentage();
initializeTooltipPercentageMode();
initializeNumberDisplayReformatLikes();
}
function initializeDisableVoteSubmission() {
- getBrowser().storage.sync.get(["disableVoteSubmission"], (res) => {
+ getBrowser().storage.sync.get(["disableVoteSubmission"], (res: any) => {
if (res.disableVoteSubmission === undefined) {
getBrowser().storage.sync.set({ disableVoteSubmission: false });
} else {
@@ -277,7 +418,7 @@ function initializeDisableVoteSubmission() {
}
function initializeColoredThumbs() {
- getBrowser().storage.sync.get(["coloredThumbs"], (res) => {
+ getBrowser().storage.sync.get(["coloredThumbs"], (res: any) => {
if (res.coloredThumbs === undefined) {
getBrowser().storage.sync.set({ coloredThumbs: false });
} else {
@@ -287,7 +428,7 @@ function initializeColoredThumbs() {
}
function initializeColoredBar() {
- getBrowser().storage.sync.get(["coloredBar"], (res) => {
+ getBrowser().storage.sync.get(["coloredBar"], (res: any) => {
if (res.coloredBar === undefined) {
getBrowser().storage.sync.set({ coloredBar: false });
} else {
@@ -296,18 +437,8 @@ function initializeColoredBar() {
});
}
-function initializeNumberDisplayRoundDown() {
- getBrowser().storage.sync.get(["numberDisplayRoundDown"], (res) => {
- if (res.numberDisplayRoundDown === undefined) {
- getBrowser().storage.sync.set({ numberDisplayRoundDown: true });
- } else {
- extConfig.numberDisplayRoundDown = res.numberDisplayRoundDown;
- }
- });
-}
-
function initializeColorTheme() {
- getBrowser().storage.sync.get(["colorTheme"], (res) => {
+ getBrowser().storage.sync.get(["colorTheme"], (res: any) => {
if (res.colorTheme === undefined) {
getBrowser().storage.sync.set({ colorTheme: false });
} else {
@@ -317,7 +448,7 @@ function initializeColorTheme() {
}
function initializeNumberDisplayFormat() {
- getBrowser().storage.sync.get(["numberDisplayFormat"], (res) => {
+ getBrowser().storage.sync.get(["numberDisplayFormat"], (res: any) => {
if (res.numberDisplayFormat === undefined) {
getBrowser().storage.sync.set({ numberDisplayFormat: "compactShort" });
} else {
@@ -327,7 +458,7 @@ function initializeNumberDisplayFormat() {
}
function initializeTooltipPercentage() {
- getBrowser().storage.sync.get(["showTooltipPercentage"], (res) => {
+ getBrowser().storage.sync.get(["showTooltipPercentage"], (res: any) => {
if (res.showTooltipPercentage === undefined) {
getBrowser().storage.sync.set({ showTooltipPercentage: false });
} else {
@@ -337,7 +468,7 @@ function initializeTooltipPercentage() {
}
function initializeTooltipPercentageMode() {
- getBrowser().storage.sync.get(["tooltipPercentageMode"], (res) => {
+ getBrowser().storage.sync.get(["tooltipPercentageMode"], (res: any) => {
if (res.tooltipPercentageMode === undefined) {
getBrowser().storage.sync.set({ tooltipPercentageMode: "dash_like" });
} else {
@@ -347,7 +478,7 @@ function initializeTooltipPercentageMode() {
}
function initializeNumberDisplayReformatLikes() {
- getBrowser().storage.sync.get(["numberDisplayReformatLikes"], (res) => {
+ getBrowser().storage.sync.get(["numberDisplayReformatLikes"], (res: any) => {
if (res.numberDisplayReformatLikes === undefined) {
getBrowser().storage.sync.set({ numberDisplayReformatLikes: false });
} else {
@@ -357,22 +488,23 @@ function initializeNumberDisplayReformatLikes() {
}
export {
+ DISLIKED_STATE,
+ LIKED_STATE,
+ NEUTRAL_STATE,
+ extConfig,
+ getLikeCountFromButton,
+ getState,
+ initExtConfig,
+ isLikesDisabled,
isMobile,
+ isNewDesign,
+ isRoundedDesign,
isShorts,
isVideoDisliked,
isVideoLiked,
- isNewDesign,
- getState,
- setState,
+ setDislikes,
setInitialState,
setLikes,
- setDislikes,
- getLikeCountFromButton,
- LIKED_STATE,
- DISLIKED_STATE,
- NEUTRAL_STATE,
- extConfig,
- initExtConfig,
+ setState,
storedData,
- isLikesDisabled,
};
diff --git a/Extensions/combined/src/storage.ts b/Extensions/combined/src/storage.ts
new file mode 100644
index 00000000..ef9337e5
--- /dev/null
+++ b/Extensions/combined/src/storage.ts
@@ -0,0 +1,2 @@
+const storage = chrome.storage.sync || chrome.storage.local;
+export default storage;
diff --git a/Extensions/combined/src/types/data.ts b/Extensions/combined/src/types/data.ts
new file mode 100644
index 00000000..6ac8adac
--- /dev/null
+++ b/Extensions/combined/src/types/data.ts
@@ -0,0 +1,7 @@
+export type StoredData = {
+ likes: number;
+ dislikes: number;
+ previousState: DataState;
+};
+
+export type DataState = "LIKED_STATE" | "DISLIKED_STATE" | "NEUTRAL_STATE";
diff --git a/Extensions/combined/src/types/ext-config.ts b/Extensions/combined/src/types/ext-config.ts
new file mode 100644
index 00000000..a7a48f3a
--- /dev/null
+++ b/Extensions/combined/src/types/ext-config.ts
@@ -0,0 +1,20 @@
+export type ColorTheme = "classic" | "accessible" | "neon";
+export type NumberDisplayFormat = "compactShort" | "compactLong" | "standard";
+export type TooltipPercentageMode =
+ | "dash_like"
+ | "dash_dislike"
+ | "both"
+ | "only_like"
+ | "only_dislike"
+ | undefined;
+
+export type ExtConfig = {
+ disableVoteSubmission: boolean;
+ coloredThumbs: boolean;
+ coloredBar: boolean;
+ colorTheme: ColorTheme;
+ numberDisplayFormat: NumberDisplayFormat;
+ numberDisplayReformatLikes: boolean;
+ showTooltipPercentage: boolean | undefined;
+ tooltipPercentageMode: TooltipPercentageMode;
+};
diff --git a/Extensions/combined/src/types/index.ts b/Extensions/combined/src/types/index.ts
new file mode 100644
index 00000000..ae4a0d1c
--- /dev/null
+++ b/Extensions/combined/src/types/index.ts
@@ -0,0 +1,2 @@
+export * from "./ext-config";
+export * from "./data";
diff --git a/Extensions/combined/src/utils.js b/Extensions/combined/src/utils.ts
similarity index 60%
rename from Extensions/combined/src/utils.js
rename to Extensions/combined/src/utils.ts
index 05dafbf0..5dbae1d2 100644
--- a/Extensions/combined/src/utils.js
+++ b/Extensions/combined/src/utils.ts
@@ -1,38 +1,45 @@
import { extConfig } from "./state";
+import { NumberDisplayFormat } from "./types";
-function roundDown(num) {
- if (num < 1000) return num;
- const int = Math.floor(Math.log10(num) - 2);
- const decimal = int + (int % 3 ? 1 : 0);
- const value = Math.floor(num / 10 ** decimal);
- return value * 10 ** decimal;
-}
+declare const browser: any;
-function numberFormat(numberState) {
- let numberDisplay;
- if (extConfig.numberDisplayRoundDown === false) {
- numberDisplay = numberState;
- } else {
- numberDisplay = roundDown(numberState);
- }
- return getNumberFormatter(extConfig.numberDisplayFormat).format(
- numberDisplay
- );
+function numberFormat(numberState: number) {
+ return getNumberFormatter(extConfig.numberDisplayFormat).format(numberState);
}
-function getNumberFormatter(optionSelect) {
- let userLocales;
+function getNumberFormatter(numberDisplayFormat: NumberDisplayFormat) {
+ let userLocales: string;
if (document.documentElement.lang) {
userLocales = document.documentElement.lang;
} else if (navigator.language) {
userLocales = navigator.language;
} else {
try {
- userLocales = new URL(
- Array.from(document.querySelectorAll("head > link[rel='search']"))
- ?.find((n) => n?.getAttribute("href")?.includes("?locale="))
- ?.getAttribute("href")
- )?.searchParams?.get("locale");
+ const headLinks = document.querySelectorAll("head > link[rel='search']");
+ if (!headLinks || headLinks.length === 0) {
+ throw new Error("No head links found");
+ }
+
+ const localeLink = Array.from(headLinks).find((n) =>
+ n?.getAttribute("href")?.includes("?locale=")
+ );
+ if (!localeLink) {
+ throw new Error("No locale link found");
+ }
+
+ const localeLinkHref = localeLink.getAttribute("href");
+ if (!localeLinkHref) {
+ throw new Error("No locale link href found");
+ }
+
+ const url = new URL(localeLinkHref);
+ const searchParams = url.searchParams;
+ const locale = searchParams.get("locale");
+ if (!searchParams || typeof locale !== "string") {
+ throw new Error("No locale found");
+ }
+
+ userLocales = locale;
} catch {
cLog(
"Cannot find browser locale. Use en as default for number formatting."
@@ -41,9 +48,9 @@ function getNumberFormatter(optionSelect) {
}
}
- let formatterNotation;
- let formatterCompactDisplay;
- switch (optionSelect) {
+ let formatterNotation: Intl.NumberFormatOptions["notation"];
+ let formatterCompactDisplay: Intl.NumberFormatOptions["compactDisplay"];
+ switch (numberDisplayFormat) {
case "compactLong":
formatterNotation = "compact";
formatterCompactDisplay = "long";
@@ -65,11 +72,11 @@ function getNumberFormatter(optionSelect) {
return formatter;
}
-function localize(localeString) {
+function localize(localeString: string) {
return chrome.i18n.getMessage(localeString);
}
-function getBrowser() {
+function getBrowser(): typeof chrome | typeof browser | false {
if (typeof chrome !== "undefined" && typeof chrome.runtime !== "undefined") {
return chrome;
} else if (
@@ -83,11 +90,13 @@ function getBrowser() {
}
}
-function getVideoId(url) {
+function getVideoId(url: string) {
const urlObject = new URL(url);
const pathname = urlObject.pathname;
if (pathname.startsWith("/clip")) {
- return document.querySelector("meta[itemprop='videoId']").content;
+ return (
+ document?.querySelector("meta[itemprop='videoId']") as HTMLMetaElement
+ )?.content;
} else {
if (pathname.startsWith("/shorts")) {
return pathname.slice(8);
@@ -96,11 +105,14 @@ function getVideoId(url) {
}
}
-function isInViewport(element) {
+function isInViewport(element: HTMLElement) {
const rect = element.getBoundingClientRect();
const height = innerHeight || document.documentElement.clientHeight;
const width = innerWidth || document.documentElement.clientWidth;
return (
+ // When short (channel) is ignored, the element (like/dislike AND short itself) is
+ // hidden with a 0 DOMRect. In this case, consider it outside of Viewport
+ !(rect.top == 0 && rect.left == 0 && rect.bottom == 0 && rect.right == 0) &&
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= height &&
@@ -117,16 +129,12 @@ function isVideoLoaded() {
);
}
-function cLog(message, writer) {
+function cLog(message: string) {
message = `[return youtube dislike]: ${message}`;
- if (writer) {
- writer(message);
- } else {
- console.log(message);
- }
+ console.log(message);
}
-function getColorFromTheme(voteIsLike) {
+function getColorFromTheme(voteIsLike: boolean) {
let colorString;
switch (extConfig.colorTheme) {
case "accessible":
diff --git a/Icons/128x128_transparent.jpg b/Icons/128x128_transparent.jpg
index 0a2dba14..ad35fce5 100644
Binary files a/Icons/128x128_transparent.jpg and b/Icons/128x128_transparent.jpg differ
diff --git a/Icons/Discord.gif b/Icons/Discord.gif
index b368ae38..49e277cc 100644
Binary files a/Icons/Discord.gif and b/Icons/Discord.gif differ
diff --git a/Icons/Return Youtube Dislike - Dark.jpg b/Icons/Return Youtube Dislike - Dark.jpg
index 22293216..8713c597 100644
Binary files a/Icons/Return Youtube Dislike - Dark.jpg and b/Icons/Return Youtube Dislike - Dark.jpg differ
diff --git a/Icons/Return Youtube Dislike - Dark.png b/Icons/Return Youtube Dislike - Dark.png
index 23c30eb9..6dd57d19 100644
Binary files a/Icons/Return Youtube Dislike - Dark.png and b/Icons/Return Youtube Dislike - Dark.png differ
diff --git a/README.md b/README.md
index b31aa56b..8b590660 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,9 @@
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-Read this in other languages: [Español](READMEes.md), [русский](READMEru.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md)
+
+Read this in other languages: [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md, [中文](READMEcn.md)
+
# Return YouTube Dislike
@@ -39,7 +41,7 @@ You can learn more at our website at: [returnyoutubedislike.com](https://www.ret
Third-party use of this open API is allowed with the following restrictions:
- **Attribution**: This project should be clearly attributed with a link to [returnyoutubedislike.com](https://returnyoutubedislike.com/).
-- **Rate Limiting**: There are per client rate limits in place of 100 per minute and 10'000 per day. This will return a _429_ status code indicating that your application should back off.
+- **Rate Limiting**: There are per client rate limits in place of 100 per minute and 10,000 per day. This will return a _429_ status code indicating that your application should back off.
The API is accessible over the following base URL:
https://returnyoutubedislikeapi.com
diff --git a/READMEcn.md b/READMEcn.md
new file mode 100644
index 00000000..11d4d987
--- /dev/null
+++ b/READMEcn.md
@@ -0,0 +1,86 @@
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://github.com/Anarios/return-youtube-dislike/commits/main)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://discord.gg/UMxyMmCgfF)
+[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
+
+阅读其他语言版本：[English](README.md), [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md)
+
+# Return YouTube Dislike
+
+
- Go to the root directory of the project -
- Run
npm ito install all project dependancies (if not done so already)
+ - Run
npm ito install all project dependencies (if not done so already) - run
npm run devto compile the extension to the~/Extensions/combined/dist/folder.
-
-
- ${tooltipInnerHTML}
-
-
- `
- );
-
- // Add border between info and comments
- if (isNewDesign()) {
- let descriptionAndActionsElement = document.getElementById("top-row");
- descriptionAndActionsElement.style.borderBottom =
- "1px solid var(--yt-spec-10-percent-layer)";
- descriptionAndActionsElement.style.paddingBottom = "10px";
- }
- } else {
- document.getElementById("ryd-bar-container").style.width =
- widthPx + "px";
- document.getElementById("ryd-bar").style.width = widthPercent + "%";
- document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML =
- tooltipInnerHTML;
- if (extConfig.coloredBar) {
- document.getElementById("ryd-bar-container").style.backgroundColor =
- getColorFromTheme(false);
- document.getElementById("ryd-bar").style.backgroundColor =
- getColorFromTheme(true);
- }
- }
- }
- } else {
- cLog("removing bar");
- let ratebar = document.getElementById("ryd-bar-container");
- if (ratebar) {
- ratebar.parentNode.removeChild(ratebar);
- }
- }
-}
-
-export { createRateBar };
diff --git a/Extensions/combined/src/bar.ts b/Extensions/combined/src/bar.ts
new file mode 100644
index 00000000..b8484a8a
--- /dev/null
+++ b/Extensions/combined/src/bar.ts
@@ -0,0 +1,164 @@
+import { getButtons, getDislikeButton, getLikeButton } from "./buttons";
+import {
+ extConfig,
+ isLikesDisabled,
+ isMobile,
+ isNewDesign,
+ isRoundedDesign,
+ isShorts,
+} from "./state";
+import { cLog, getColorFromTheme, isInViewport } from "./utils";
+
+function createRateBar(likes: number, dislikes: number) {
+ let rateBar = document.getElementById("ryd-bar-container");
+ if (!isLikesDisabled()) {
+ // sometimes rate bar is hidden
+ if (rateBar && !isInViewport(rateBar)) {
+ rateBar.remove();
+ rateBar = null;
+ }
+
+ const likeButtonWidth = getLikeButton()?.clientWidth;
+ const dislikeButtonWidth = getDislikeButton()?.clientWidth;
+
+ if (!likeButtonWidth || !dislikeButtonWidth) {
+ console.error("like or dislike button width is 0");
+ return;
+ }
+
+ const widthPx =
+ likeButtonWidth + dislikeButtonWidth + (isRoundedDesign() ? 0 : 8);
+
+ const widthPercent =
+ likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50;
+
+ var likePercentage: number | string = parseFloat(widthPercent.toFixed(1));
+ const dislikePercentage = (100 - likePercentage).toLocaleString();
+ likePercentage = likePercentage.toLocaleString();
+
+ if (extConfig.showTooltipPercentage) {
+ var tooltipInnerHTML;
+ switch (extConfig.tooltipPercentageMode) {
+ case "dash_dislike":
+ tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${dislikePercentage}%`;
+ break;
+ case "both":
+ tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`;
+ break;
+ case "only_like":
+ tooltipInnerHTML = `${likePercentage}%`;
+ break;
+ case "only_dislike":
+ tooltipInnerHTML = `${dislikePercentage}%`;
+ break;
+ default: // dash_like
+ tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${likePercentage}%`;
+ }
+ } else {
+ tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`;
+ }
+
+ if (!isShorts()) {
+ if (!rateBar && !isMobile()) {
+ let colorLikeStyle = "";
+ let colorDislikeStyle = "";
+ if (extConfig.coloredBar) {
+ colorLikeStyle = "; background-color: " + getColorFromTheme(true);
+ colorDislikeStyle = "; background-color: " + getColorFromTheme(false);
+ }
+ let actions =
+ isNewDesign() && getButtons()?.id === "top-level-buttons-computed"
+ ? getButtons()
+ : document.getElementById("menu-container");
+ (
+ actions ||
+ document.querySelector("ytm-slim-video-action-bar-renderer")
+ )?.insertAdjacentHTML(
+ "beforeend",
+ `
+
+
+
+ ${tooltipInnerHTML}
+
+
+ `
+ );
+
+ if (isNewDesign()) {
+ // Add border between info and comments
+ let descriptionAndActionsElement = document.getElementById("top-row");
+ if (!descriptionAndActionsElement) {
+ console.error("descriptionAndActionsElement not found");
+ return;
+ }
+ descriptionAndActionsElement.style.borderBottom =
+ "1px solid var(--yt-spec-10-percent-layer)";
+ descriptionAndActionsElement.style.paddingBottom = "10px";
+
+ // Fix like/dislike ratio bar offset in new UI
+ const actionsInner = document.getElementById("actions-inner");
+ if (!actionsInner) {
+ console.error("actionsInner not found");
+ return;
+ }
+ actionsInner.style.width = "revert";
+ if (isRoundedDesign()) {
+ const actions = document.getElementById("actions");
+ if (!actions) {
+ console.error("actions not found");
+ return;
+ }
+ actions.style.flexDirection = "row-reverse";
+ }
+ }
+ } else {
+ const barContainer = document.getElementById("ryd-bar-container");
+ if (!barContainer) {
+ console.error("barContainer not found");
+ return;
+ }
+ barContainer.style.width = widthPx + "px";
+
+ const bar = document.getElementById("ryd-bar");
+ if (!bar) {
+ console.error("bar not found");
+ return;
+ }
+ bar.style.width = widthPercent + "%";
+
+ const tooltip = document.getElementById(
+ "#ryd-dislike-tooltip > #tooltip"
+ );
+ if (!tooltip) {
+ console.error("tooltip not found");
+ return;
+ }
+ tooltip.innerHTML = tooltipInnerHTML;
+ if (extConfig.coloredBar) {
+ barContainer.style.backgroundColor = getColorFromTheme(false);
+ bar.style.backgroundColor = getColorFromTheme(true);
+ }
+ }
+ }
+ } else {
+ cLog("removing bar");
+ if (rateBar && rateBar.parentNode) {
+ rateBar.parentNode.removeChild(rateBar);
+ }
+ }
+}
+
+export { createRateBar };
diff --git a/Extensions/combined/src/buttons.js b/Extensions/combined/src/buttons.js
deleted file mode 100644
index 95ba1c63..00000000
--- a/Extensions/combined/src/buttons.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import { isMobile, isShorts } from "./state";
-import { isInViewport } from "./utils";
-
-function getButtons() {
- //--- If Watching Youtube Shorts: ---//
- if (isShorts()) {
- let elements = document.querySelectorAll(
- isMobile()
- ? "ytm-like-button-renderer"
- : "#like-button > ytd-like-button-renderer"
- );
- for (let element of elements) {
- //Youtube Shorts can have multiple like/dislike buttons when scrolling through videos
- //However, only one of them should be visible (no matter how you zoom)
- if (isInViewport(element)) {
- return element;
- }
- }
- }
- //--- If Watching On Mobile: ---//
- if (isMobile()) {
- return document.querySelector(".slim-video-action-bar-actions");
- }
- //--- If Menu Element Is Displayed: ---//
- if (document.getElementById("menu-container")?.offsetParent === null) {
- return document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div");
- //--- If Menu Element Isnt Displayed: ---//
- } else {
- return document
- .getElementById("menu-container")
- ?.querySelector("#top-level-buttons-computed");
- }
-}
-
-function getLikeButton() {
- return getButtons().children[0];
-}
-
-function getDislikeButton() {
- return getButtons().children[1];
-}
-
-function checkForSignInButton() {
- if (
- document.querySelector(
- "a[href^='https://accounts.google.com/ServiceLogin']"
- )
- ) {
- return true;
- } else {
- return false;
- }
-}
-
-export { getButtons, getLikeButton, getDislikeButton, checkForSignInButton };
diff --git a/Extensions/combined/src/buttons.ts b/Extensions/combined/src/buttons.ts
new file mode 100644
index 00000000..e53c771b
--- /dev/null
+++ b/Extensions/combined/src/buttons.ts
@@ -0,0 +1,172 @@
+import { isMobile, isShorts } from "./state";
+import { isInViewport } from "./utils";
+
+function getButtons() {
+ //--- If Watching Youtube Shorts: ---//
+ if (isShorts()) {
+ let elements: NodeListOf
+ Return YouTube Dislike是一个开源的扩展，可以显示 YouTube 的不喜欢数量。
+ 适用于 Chrome 和 Firefox 作为 Web 扩展。
+ 也可以作为 JS Userscript 在其他浏览器上使用。
+
+
+ Return YouTube Dislike (Bring die YouTube Dislikes zurück) ist eine open-source Erweiterung die den Dislike-Zähler zurückbringt.
+ Für Chromium Browser und Firefox als Browser Erweiterung verfügbar.
+ Für andere Browsers auch als JS Userscript verfügbar.
+
+
Return YouTube Dislike est une extension open-source qui ré-affiche les dislikes (pouces rouges) sur YouTube.
@@ -64,8 +66,8 @@ Exemple pour obtenir les likes d'une vidéo YouTube avec un ID donné:
}
```
-Si aucunne vidéo YouTube à cet ID, il sera retourner le code d'erreur _404_ "Not Found".
-Un ID YouTube invilide renverra _400_ "Bad Request".
+Si aucune vidéo YouTube n'a cet ID, le code d'erreur _404_ "Not Found" sera retourné.
+Un ID YouTube invalide renverra le code d'erreur _400_ "Bad Request".
+
+## Συνεισφορά
+
+Παρακαλώ διαβάστε τον [οδηγό συνεισφοράς](https://github.com/Anarios/return-youtube-dislike/blob/main/CONTRIBUTING.md).
+
+## Υποστηρίξτε αυτό το project!
+
+Μπορείτε να υποστηρίξετε αυτό το έργο κάνοντας δωρεά προς εμάς στον παρακάτω σύνδεσμο:
+
+[Δωρεά](https://returnyoutubedislike.com/donate)
+
+## Χορηγοί
+
+[Piepacker](https://piepacker.com)
+
+[Seed4.Me VPN](https://www.seed4.me/users/register?gift=ReturnYoutubeDislike)
+
+[PocketTube](https://yousub.info/?utm_source=returnyoutubedislike)
+
+[Γίνεται χορηγός μας](https://www.patreon.com/join/returnyoutubedislike/checkout?rid=8008601)
diff --git a/READMEja.md b/READMEja.md
index 2aba04b7..8a628d09 100644
--- a/READMEja.md
+++ b/READMEja.md
@@ -7,7 +7,9 @@
[](https://discord.gg/UMxyMmCgfF)
[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
-別の言語: [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Türkçe](READMEtr.md)
+
+別の言語: [English](README.md), [русский](READMEru.md), [Español](READMEes.md), [Nederlands](READMEnl.md), [Français](READMEfr.md), [Türkçe](READMEtr.md), [українська](READMEuk.md), [Deutsch](READMEde.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
# Return YouTube Dislike
diff --git a/READMEnl.md b/READMEnl.md
new file mode 100644
index 00000000..98c7b795
--- /dev/null
+++ b/READMEnl.md
@@ -0,0 +1,96 @@
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/)
+[](https://github.com/Anarios/return-youtube-dislike/commits/main)
+[](https://github.com/Anarios/return-youtube-dislike/issues)
+[](https://discord.gg/UMxyMmCgfF)
+[](https://github.com/Anarios/return-youtube-dislike/blob/main/LICENSE)
+
+
+Lees dit in andere talen: [English](README.md), [Español](READMEes.md), [русский](READMEru.md), [Français](READMEfr.md), [日本語](READMEja.md), [Türkçe](READMEtr.md), [Ελληνικά](READMEgr.md), [Svenska](READMEsv.md), [中文](READMEcn.md)
+
+
+# Return YouTube Dislike
+
+
+ Return YouTube Dislike is een open-source extensie die het aantal dislikes van YouTube retourneert.
+ Beschikbaar voor Chrome en Firefox als webextensie.
+ Ook beschikbaar voor andere browsers als JS Userscript.
+
+
- Return YouTube Dislike - это расширение с открытым исходным кодом, которое возвращает счётчик отметок «Не нравится» на YouTube.
+ Return YouTube Dislike — это расширение с открытым исходным кодом, которое возвращает счётчик отметок «Не нравится» на YouTube.
Доступно для Chrome и Firefox в качестве веб-расширения.
- Также доступен для других браузеров в виде пользовательского скрипта JS.
+ Также доступен для других браузеров в виде пользовательского скрипта.
+ Return YouTube Dislike - це розширення з відкритим вихідним кодом, яке повертає лічильник відміток «Не подобається» на YouTube.
+ Доступно для Chrome та Firefox як веброзширення.
+ Також доступно для інших браузерів як JS UserScript.
+
+
+