- -## Guides - -- [Downloading, Installing & Using](https://github.com/Anarios/return-youtube-dislike/wiki/Downloading,-Installing-&-Using) -- [Troubleshooting](https://github.com/Anarios/return-youtube-dislike/wiki/Troubleshooting-Guide) - - - -
- - -## FAQs - -- [General](https://github.com/Anarios/return-youtube-dislike/blob/main/Guides/FAQ.md) -- [Security](https://github.com/Anarios/return-youtube-dislike/blob/main/Guides/SECURITY-FAQ.md) - - +Read this in other languages: [Français](readmefr.md) + +**Contents** + +- [Guides](#guides) +- [FAQs](#faqs) + + +
+ +## Guides + +- [Downloading, Installing & Using](https://github.com/Anarios/return-youtube-dislike/wiki/Downloading,-Installing-&-Using) +- [Troubleshooting](https://github.com/Anarios/return-youtube-dislike/wiki/Troubleshooting-Guide) + + + +
+ +## FAQs + +- [General](https://github.com/Anarios/return-youtube-dislike/blob/main/Guides/FAQ.md) +- [Security](https://github.com/Anarios/return-youtube-dislike/blob/main/Guides/SECURITY-FAQ.md) + + diff --git a/Docs/readmefr.md b/Docs/readmefr.md index 3d5dd5d4..de9280e2 100644 --- a/Docs/readmefr.md +++ b/Docs/readmefr.md @@ -19,7 +19,6 @@ Lisez ceci dans d'autres langues : [English](readme.md)
- ## FAQ - [Général](FAQfr.md) @@ -36,4 +35,4 @@ Lisez ceci dans d'autres langues : [English](readme.md) - [Problèmes courants](Common_Problemsfr.md) - [Questions répétitives](Repeated_Questionsfr.md) - [Demandes répétitives de fonctionnalités](Repeated_Feature_requestsfr.md) -- [Questions répétitives](Repeated_Issuesfr.md) --> \ No newline at end of file +- [Questions répétitives](Repeated_Issuesfr.md) --> diff --git a/Extensions/UserScript/Return Youtube Dislike.user.js b/Extensions/UserScript/Return Youtube Dislike.user.js index 453c56eb..253344c7 100644 --- a/Extensions/UserScript/Return Youtube Dislike.user.js +++ b/Extensions/UserScript/Return Youtube Dislike.user.js @@ -24,8 +24,8 @@ // ==/UserScript== const extConfig = { -// BEGIN USER OPTIONS -// You may change the following variables to allowed values listed in the corresponding brackets (* means default). Keep the style and keywords intact. + // BEGIN USER OPTIONS + // You may change the following variables to allowed values listed in the corresponding brackets (* means default). Keep the style and keywords intact. showUpdatePopup: false, // [true, false*] Show a popup tab after extension update (See what's new) disableVoteSubmission: false, // [true, false*] Disable like/dislike submission (Stops counting your likes and dislikes) coloredThumbs: false, // [true, false*] Colorize thumbs (Use custom colors for thumb icons) @@ -35,7 +35,7 @@ const extConfig = { numberDisplayRoundDown: true, // [true*, false] Round down numbers (Show rounded down numbers) tooltipPercentageMode: "none", // [none*, dash_like, dash_dislike, both, only_like, only_dislike] Mode of showing percentage in like/dislike bar tooltip. numberDisplayReformatLikes: false, // [true, false*] Re-format like numbers (Make likes and dislikes format consistent) -// END USER OPTIONS + // END USER OPTIONS }; const LIKED_STATE = "LIKED_STATE"; @@ -101,29 +101,37 @@ function getDislikeButton() { let mutationObserver = new Object(); if (isShorts() && mutationObserver.exists !== true) { - cLog('initializing mutation observer') + cLog("initializing mutation observer"); mutationObserver.options = { childList: false, attributes: true, - subtree: false + subtree: false, }; mutationObserver.exists = true; - mutationObserver.observer = new MutationObserver( function(mutationList, observer) { - mutationList.forEach( (mutation) => { - if (mutation.type === 'attributes' && - mutation.target.nodeName === 'TP-YT-PAPER-BUTTON' && - mutation.target.id === 'button') { - cLog('Short thumb button status changed'); - if (mutation.target.getAttribute('aria-pressed') === 'true') { + mutationObserver.observer = new MutationObserver(function ( + mutationList, + observer + ) { + mutationList.forEach((mutation) => { + if ( + mutation.type === "attributes" && + mutation.target.nodeName === "TP-YT-PAPER-BUTTON" && + mutation.target.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') ? - getColorFromTheme(true) : getColorFromTheme(false); + mutation.target.parentElement.parentElement.id === "like-button" + ? getColorFromTheme(true) + : getColorFromTheme(false); } else { - mutation.target.style.color = 'unset'; + mutation.target.style.color = "unset"; } return; } - cLog('unexpected mutation observer event: ' + mutation.target + mutation.type); + cLog( + "unexpected mutation observer event: " + mutation.target + mutation.type + ); }); }); } @@ -270,25 +278,24 @@ function createRateBar(likes, dislikes) { var tooltipInnerHTML; switch (extConfig.tooltipPercentageMode) { case "dash_like": - tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${likePercentage}%` - break; + tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${likePercentage}%`; + break; case "dash_dislike": - tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${dislikePercentage}%` - break; + tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()} - ${dislikePercentage}%`; + break; case "both": - tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%` + tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`; break; case "only_like": - tooltipInnerHTML = `${likePercentage}%` + tooltipInnerHTML = `${likePercentage}%`; break; case "only_dislike": - tooltipInnerHTML = `${dislikePercentage}%` + tooltipInnerHTML = `${dislikePercentage}%`; break; default: - tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}` + tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`; } - if (!rateBar && !isMobile) { let colorLikeStyle = ""; let colorDislikeStyle = ""; @@ -325,15 +332,16 @@ function createRateBar(likes, dislikes) { document.getElementById("return-youtube-dislike-bar").style.width = widthPercent + "%"; - document.querySelector( - "#ryd-dislike-tooltip > #tooltip" - ).innerHTML = tooltipInnerHTML; + document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = + tooltipInnerHTML; if (extConfig.coloredBar) { - document.getElementById("return-youtube-dislike-bar-container").style.backgroundColor = - getColorFromTheme(false); - document.getElementById("return-youtube-dislike-bar").style.backgroundColor = - getColorFromTheme(true); + document.getElementById( + "return-youtube-dislike-bar-container" + ).style.backgroundColor = getColorFromTheme(false); + document.getElementById( + "return-youtube-dislike-bar" + ).style.backgroundColor = getColorFromTheme(true); } } } @@ -360,17 +368,28 @@ function setState() { } createRateBar(likes, dislikes); if (extConfig.coloredThumbs === true) { - if (isShorts()) { // for shorts, leave deactived buttons in default color - let shortLikeButton = getLikeButton().querySelector('tp-yt-paper-button#button'); - let shortDislikeButton = getDislikeButton().querySelector('tp-yt-paper-button#button'); - if (shortLikeButton.getAttribute('aria-pressed') === 'true') { + if (isShorts()) { + // for shorts, leave deactived buttons in default color + let shortLikeButton = getLikeButton().querySelector( + "tp-yt-paper-button#button" + ); + let shortDislikeButton = getDislikeButton().querySelector( + "tp-yt-paper-button#button" + ); + 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); - mutationObserver.observer.observe(shortDislikeButton, mutationObserver.options); + mutationObserver.observer.observe( + shortLikeButton, + mutationObserver.options + ); + mutationObserver.observer.observe( + shortDislikeButton, + mutationObserver.options + ); } else { getLikeButton().style.color = getColorFromTheme(true); getDislikeButton().style.color = getColorFromTheme(false); @@ -498,8 +517,10 @@ function getNumberFormatter(optionSelect) { ?.getAttribute("href") )?.searchParams?.get("locale"); } catch { - cLog('Cannot find browser locale. Use en as default for number formatting.'); - userLocales = 'en'; + cLog( + "Cannot find browser locale. Use en as default for number formatting." + ); + userLocales = "en"; } } @@ -520,13 +541,10 @@ function getNumberFormatter(optionSelect) { formatterCompactDisplay = "short"; } - const formatter = Intl.NumberFormat( - userLocales, - { - notation: formatterNotation, - compactDisplay: formatterCompactDisplay, - } - ); + const formatter = Intl.NumberFormat(userLocales, { + notation: formatterNotation, + compactDisplay: formatterCompactDisplay, + }); return formatter; } diff --git a/Extensions/combined/_locales/es/messages.json b/Extensions/combined/_locales/es/messages.json index 121c0ee8..3d1ffc41 100644 --- a/Extensions/combined/_locales/es/messages.json +++ b/Extensions/combined/_locales/es/messages.json @@ -96,7 +96,7 @@ "message": "Colores personalizados para la barra y los botones que no me gustan" }, "customNumberFormats": { - "message":"Formatos de números personalizados" + "message": "Formatos de números personalizados" }, "considerDonating": { "message": "Lo único que mantiene la extensión en funcionamiento son sus donaciones, considere apoyar el proyecto." diff --git a/Extensions/combined/_locales/ja/messages.json b/Extensions/combined/_locales/ja/messages.json index 9a84faeb..6a587cc3 100644 --- a/Extensions/combined/_locales/ja/messages.json +++ b/Extensions/combined/_locales/ja/messages.json @@ -59,34 +59,34 @@ "considerDonating": { "message": "この拡張機能を存続させることができるのは,皆様からの寄付だけです。" }, - "roundNumbers":{ - "message":"四捨五入された数値を表示" + "roundNumbers": { + "message": "四捨五入された数値を表示" }, - "roundNumbersHover":{ + "roundNumbersHover": { "message": "カウント値を四捨五入します（これはYouTubeのデフォルトオプションです）。" }, - "reformatLikes":{ - "message":"いいねの数をフォーマットする" + "reformatLikes": { + "message": "いいねの数をフォーマットする" }, - "reformatLikesHover":{ - "message":"統計値の一貫性を高めます。" + "reformatLikesHover": { + "message": "統計値の一貫性を高めます。" }, - "numberFormat":{ - "message":"数値形式" + "numberFormat": { + "message": "数値形式" }, - "colorizeRatio":{ - "message":"嫌いなバーに色を付ける" + "colorizeRatio": { + "message": "嫌いなバーに色を付ける" }, - "colorizeRatioHover":{ - "message":"嫌いなバーをカスタムカラーで色付けします。" + "colorizeRatioHover": { + "message": "嫌いなバーをカスタムカラーで色付けします。" }, - "colorizeThumbs":{ - "message":"ボタンに色を付ける" + "colorizeThumbs": { + "message": "ボタンに色を付ける" }, - "colorizeThumbsHover":{ - "message":"カスタムカラーのボタンの色が好きで嫌いです。" + "colorizeThumbsHover": { + "message": "カスタムカラーのボタンの色が好きで嫌いです。" }, - "colorTheme":{ + "colorTheme": { "message": "配色：" } } diff --git a/Extensions/combined/_locales/pt_BR/messages.json b/Extensions/combined/_locales/pt_BR/messages.json index fa6c75ae..fac12a21 100644 --- a/Extensions/combined/_locales/pt_BR/messages.json +++ b/Extensions/combined/_locales/pt_BR/messages.json @@ -59,4 +59,4 @@ "considerDonating": { "message": "A única coisa que mantém a extensão funcionando são suas doações, considere apoiar o projeto." } -} \ No newline at end of file +} diff --git a/Extensions/combined/manifest-chrome.json b/Extensions/combined/manifest-chrome.json index 82ea6ea3..d881a756 100644 --- a/Extensions/combined/manifest-chrome.json +++ b/Extensions/combined/manifest-chrome.json @@ -12,9 +12,7 @@ "128": "icons/icon128.png" }, "host_permissions": ["*://*.youtube.com/*"], - "permissions": [ - "storage" - ], + "permissions": ["storage"], "action": { "default_popup": "popup.html" }, diff --git a/Extensions/combined/popup.css b/Extensions/combined/popup.css index 2ff8516c..a5cdb7b9 100644 --- a/Extensions/combined/popup.css +++ b/Extensions/combined/popup.css @@ -69,8 +69,8 @@ button:hover { border-radius: 0.25rem; } - -.switch::before, .label-with-hover-tip::before { +.switch::before, +.label-with-hover-tip::before { content: attr(data-hover); visibility: hidden; opacity: 0; @@ -86,27 +86,27 @@ button:hover { top: 160%; } - -.switch:hover::before, .label-with-hover-tip:hover::before { +.switch:hover::before, +.label-with-hover-tip:hover::before { visibility: visible; opacity: 1; } .fade-in { - opacity: 1; - animation-name: fadeInOpacity; - animation-iteration-count: 1; - animation-timing-function: ease-in; - animation-duration: 2s; + opacity: 1; + animation-name: fadeInOpacity; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: 2s; } @keyframes fadeInOpacity { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } } #advancedToggle { diff --git a/Extensions/combined/popup.html b/Extensions/combined/popup.html index 83189016..aa2e5085 100644 --- a/Extensions/combined/popup.html +++ b/Extensions/combined/popup.html @@ -1,184 +1,223 @@ - - -
- __MSG_extensionName__ -
-- __MSG_textDeveloper__ -
- - - - -- - - -
- - -
-
- - + +
+
+ -
-
+ __MSG_extensionName__ +
++ __MSG_textDeveloper__ +
- - + + + ++ + + +
+ + +
+
+ + + +
+
+