Skip to content

Commit b74bd3d

Browse files
committed
Converted unneeded lets to consts, shortened var names, merged lines ↞ [auto-sync from https://github.com/adamlui/youtube-classic]
1 parent c02cb9b commit b74bd3d

1 file changed

Lines changed: 22 additions & 39 deletions

File tree

youtube-classic/youtube-classic.user.js

Lines changed: 22 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// ==UserScript==
22
// @name YouTube™ Classic 📺 — (Remove rounded design + Return YouTube dislikes)
3-
// @version 2026.1.17.26
3+
// @version 2026.1.17.27
44
// @author Adam Lui, Magma_Craft, Anarios, JRWR, Fuim & hoothin
55
// @namespace https://github.com/adamlui
66
// @description Reverts YouTube to its classic design (before all the rounded corners & hidden dislikes) + redirects YouTube Shorts
@@ -1807,7 +1807,7 @@
18071807
return result
18081808
}
18091809

1810-
let mutationObserver = new Object()
1810+
const mutationObserver = new Object()
18111811

18121812
if (isShorts() && !mutationObserver.exists) {
18131813
cLog('initializing mutation observer')
@@ -1871,40 +1871,35 @@
18711871

18721872
function createRateBar(likes, dislikes) {
18731873
if (isMobile) { return }
1874-
let rateBar = document.getElementById('return-youtube-dislike-bar-container')
1875-
const widthPx =
1876-
getBtns().children[0].clientWidth +
1877-
getBtns().children[1].clientWidth +
1878-
8
1879-
const widthPercent = likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50
1880-
let likePercentage = parseFloat(widthPercent.toFixed(1))
1881-
const dislikePercentage = (100 - likePercentage).toLocaleString()
1882-
likePercentage = likePercentage.toLocaleString()
1874+
const rateBar = document.getElementById('return-youtube-dislike-bar-container'),
1875+
widthPx = getBtns().children[0].clientWidth + getBtns().children[1].clientWidth +8,
1876+
widthPercent = likes + dislikes > 0 ? (likes / (likes + dislikes)) *100 : 50,
1877+
likePercent = parseFloat(widthPercent.toFixed(1)).toLocaleString(),
1878+
dislikePercent = (100 - likePercent).toLocaleString()
18831879
let tooltipInnerHTML
18841880
switch (extConfig.tooltipPercentageMode) {
18851881
case 'dash_like':
1886-
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${likePercentage}%`
1882+
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${likePercent}%`
18871883
break
18881884
case 'dash_dislike':
1889-
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${dislikePercentage}%`
1885+
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${dislikePercent}%`
18901886
break
18911887
case 'both':
1892-
tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`
1888+
tooltipInnerHTML = `${likePercent}% / ${dislikePercent}%`
18931889
break
18941890
case 'only_like':
1895-
tooltipInnerHTML = `${likePercentage}%`
1891+
tooltipInnerHTML = `${likePercent}%`
18961892
break
18971893
case 'only_dislike':
1898-
tooltipInnerHTML = `${dislikePercentage}%`
1894+
tooltipInnerHTML = `${dislikePercent}%`
18991895
break
19001896
default:
19011897
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`
19021898
}
19031899
if (!rateBar && !isMobile) {
19041900
let colorDislikeStyle = ''
1905-
if (extConfig.coloredBar) {
1901+
if (extConfig.coloredBar)
19061902
colorDislikeStyle = '; background-color: ' + getColorFromTheme(false)
1907-
}
19081903
document.getElementById('menu-container').insertAdjacentHTML(
19091904
'beforeend',
19101905
`
@@ -1965,26 +1960,14 @@
19651960
if (extConfig.coloredThumbs) {
19661961
if (isShorts()) {
19671962
// for shorts, leave deactived buttons in default color
1968-
let shortLikeButton = getLikeBtn().querySelector(
1969-
'tp-yt-paper-button#button'
1970-
)
1971-
let shortDislikeButton = getDislikeBtn().querySelector(
1972-
'tp-yt-paper-button#button'
1973-
)
1974-
if (shortLikeButton.getAttribute('aria-pressed') == 'true') {
1975-
shortLikeButton.style.color = getColorFromTheme(true)
1976-
}
1977-
if (shortDislikeButton.getAttribute('aria-pressed') == 'true') {
1978-
shortDislikeButton.style.color = getColorFromTheme(false)
1979-
}
1980-
mutationObserver.observer.observe(
1981-
shortLikeButton,
1982-
mutationObserver.options
1983-
)
1984-
mutationObserver.observer.observe(
1985-
shortDislikeButton,
1986-
mutationObserver.options
1987-
)
1963+
const shortLikeBtn = getLikeBtn().querySelector('tp-yt-paper-button#button'),
1964+
shortDislikeBtn = getDislikeBtn().querySelector('tp-yt-paper-button#button')
1965+
if (shortLikeBtn.getAttribute('aria-pressed') == 'true')
1966+
shortLikeBtn.style.color = getColorFromTheme(true)
1967+
if (shortDislikeBtn.getAttribute('aria-pressed') == 'true')
1968+
shortDislikeBtn.style.color = getColorFromTheme(false)
1969+
mutationObserver.observer.observe(shortLikeBtn, mutationObserver.options)
1970+
mutationObserver.observer.observe(shortDislikeBtn, mutationObserver.options)
19881971
} else {
19891972
getLikeBtn().style.color = getColorFromTheme(true)
19901973
getDislikeBtn().style.color = getColorFromTheme(false)
@@ -2160,7 +2143,7 @@
21602143
setEventListeners()
21612144
})()
21622145
if (isMobile) {
2163-
let originalPush = history.pushState
2146+
const originalPush = history.pushState
21642147
history.pushState = function(...args) {
21652148
unsafeWindow.returnDislikeButtonlistenersSet = false
21662149
setEventListeners()

0 commit comments

Comments
 (0)