From d7f7dcb65fec15bfe0af58be0cbbca3463957c34 Mon Sep 17 00:00:00 2001
From: elliotwaite <1767836+elliotwaite@users.noreply.github.com>
Date: Wed, 15 Dec 2021 00:05:34 -0800
Subject: [PATCH] Switch over to using Return YouTube Dislikes API
---
.gitignore | 1 +
README.md | 127 +---
extension/background.js | 45 +-
extension/content-script.js | 554 ++++++------------
extension/css/bar-video-page.css | 9 +-
extension/css/bar.css | 1 +
extension/lib/jquery-3.3.1.min.js | 2 -
extension/lib/jquery-3.6.0.min.js | 2 +
extension/manifest.json | 6 +-
extension/options.html | 53 +-
extension/options.js | 38 +-
images/exponential-scaling-equation.png | Bin 6930 -> 0 bytes
images/exponential-scaling-option.png | Bin 20741 -> 0 bytes
images/linear-scaling-equation.png | Bin 5054 -> 0 bytes
images/screenshot-2.jpg | Bin 204006 -> 0 bytes
images/screenshot-2.png | Bin 708769 -> 0 bytes
images/screenshot-2.psd | Bin 6439050 -> 0 bytes
third-party-licenses/README.md | 2 +-
...y-3.3.1-LICENSE.txt => jquery-LICENSE.txt} | 0
tools/firefox-notes-to-reviewer.txt | 6 +-
20 files changed, 238 insertions(+), 608 deletions(-)
delete mode 100644 extension/lib/jquery-3.3.1.min.js
create mode 100644 extension/lib/jquery-3.6.0.min.js
delete mode 100644 images/exponential-scaling-equation.png
delete mode 100644 images/exponential-scaling-option.png
delete mode 100644 images/linear-scaling-equation.png
delete mode 100644 images/screenshot-2.jpg
delete mode 100644 images/screenshot-2.png
delete mode 100644 images/screenshot-2.psd
rename third-party-licenses/{jquery-3.3.1-LICENSE.txt => jquery-LICENSE.txt} (100%)
diff --git a/.gitignore b/.gitignore
index 48990e6..a9d2ee8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
/.history/
/.idea/
/build/
+/local/
diff --git a/README.md b/README.md
index 6e3a193..c09e2cd 100644
--- a/README.md
+++ b/README.md
@@ -15,114 +15,25 @@ https://chrome.google.com/webstore/detail/thumbnail-rating-bar-for/cmlddjbnoehmi
Firefox Add-on:
https://addons.mozilla.org/en-US/firefox/addon/youtube-thumbnail-rating-bar/
-This extension requires you to set up a personal YouTube Data API key, as
-described below in the [Set Up a YouTube Data API Key](https://github.com/elliotwaite/thumbnail-rating-bar-for-youtube#set-up-a-youtube-data-api-key)
-section.
+Edge Add-on:
+https://microsoftedge.microsoft.com/addons/detail/thumbnail-rating-bar-for-/mglepphnjnfcljjafdgafoipiakakbin
-## Set Up a YouTube Data API Key
+## API and Rate Limiting
-This extension now requires users to provide their own personal YouTube Data
-API key through the extension's settings page. This is because the quota for
-the extension's shared API key is currently restricted (more details available
-[here](https://github.com/elliotwaite/thumbnail-rating-bar-for-youtube/issues/17)).
+This extension uses the [Return YouTube
+Dislikes](https://returnyoutubedislike.com) API for likes/dislikes data. Their
+API is rate limited by IP address, so if you notice that some thumbnails aren't
+receiving rating bars, you may be getting temporarily rate limited.
-Note: Alternatively, if you don't want to set up a personal API key, there is
-now an alternative option, however this option is much less performant and you
-will notice a significant lag between when a page loads and when the rating
-bars are displayed. To try out this alternative, you can set the API key to
-"invidious" on the extension's settings page. This will cause the extension
-to use the public
-[invidious API](https://github.com/omarroth/invidious/wiki/API), however this
-API is much slower than the YouTube Data API, so it is highly recommended that
-you set up a YouTube Data API key by following the instructions below.
-
-#### Set up a free YouTube Data API key:
-
-1. Create a new project.
-
- * Go to: https://console.developers.google.com/projectcreate
-
- * For "Project name" enter any name you want, for example
- "YouTube Data API Key".
-
- * For "Location" leave it as "No organization".
-
- * Then click the "CREATE" button.
-
- * This will start creating a project and you'll see a progress wheel around
- the notification icon. Once the project has finished being created,
- continue to the next step.
-
-2. Enable the YouTube Data API v3.
-
- * Go to: https://console.cloud.google.com/apis/library/youtube.googleapis.com
-
- * Then click the "ENABLE" button.
-
- * Note: This may end up navigating you to another page that displays a
- "CREATE CREDENTIALS" button. But if that happens, just ignore that button
- and follow the instructions in the next step.
-
-3. Create an API Key.
-
- * Go to: https://console.cloud.google.com/apis/credentials
-
- * Click the "+ CREATE CREDENTIALS" dropdown button, then choose "API key".
-
- * This will create your API key and display a dialog box. At the bottom
- right of that dialog box, click the "RESTRICT KEY" button.
-
- * Then under the "API restrictions" section, click the "Restrict key" radio
- button, and then below it, open the "Select APIs" dropdown menu and check
- the "YouTube Data API v3" checkbox (if you don't see this option, make
- sure you successfully enabled the API in step 2 above).
-
- * Then click the "SAVE" button at the bottom of that page.
-
- * Then copy your listed API key to your clipboard (it should look something
- like this: AIzaSyAylQ59uKlkZt2EgRPoygscGb_AHBQ5MEY).
-
- Note: If you need to access your API key in the future, it will be
- available here:
- https://console.cloud.google.com/apis/credentials
-
-4. Set your API key on the extension's settings page.
-
-
-
- * Go to the extension's settings page, which is accessible by clicking the
- extension's icon in your browser's toolbar.
-
- * Paste your API key into the available text field.
-
- * Then click the "SAVE" button.
-
-You should now be all set. Refresh any previously opened YouTube tabs to
-see the changes.
-
-
-
-YouTube will allow you to use your API key to make a certain number of API
-requests per day, this is called your quota. To view your daily quota usage,
-go here and select your project from the dropdown menu at the top of the
-page:
-https://console.cloud.google.com/apis/api/youtube.googleapis.com/quotas
-
-To keep your API key private, this extension only stores your API key
-locally on your computer using local storage. This can be confirmed by
-viewing the source code.
-
-Enjoy.
+You can also install [their extension](https://returnyoutubedislike.com/install)
+to see the likes/dislikes and rating bar on the video page.
## Exponential Scaling Option Explained
-Most videos on YouTube have very high ratings making it hard distinguish which
-videos are higher rated than others just by looking at the rating bar. To help
-with this, an option has been added to allow users to exponentially scale the
-rating bar.
-
-
-Here you can see the difference between the default linear scaling and the exponential scaling:
+In the extension's settings you can enable an option to exponentially scale the
+rating bar. This makes it easier to distinguish between highly rated videos
+(since most videos have a rating over 90%). You can see the difference between
+the default linear scaling and the exponential scaling here:
@@ -137,18 +48,10 @@ half the width of the likes bar:
| 70% | 12.5% |
| ... | etc. |
-
-The equation for linear scaling:
-
-
-
-The equation for exponential scaling (where the rating and width values are in the range of 0 to 1):
-
-
-
Note: This option only affects the scaling of the rating bar that is added to the
thumbnails. It does not affect the scaling of the rating bar shown on the video
-page.
+page (if you have the [Return YouTube Dislikes extension](https://returnyoutubedislike.com/install)
+installed).
Special thanks to [Qarthak](https://github.com/Qarthak) for
[requesting this feature](https://github.com/elliotwaite/thumbnail-rating-bar-for-youtube/issues/49).
diff --git a/extension/background.js b/extension/background.js
index 7956c61..f6745d9 100644
--- a/extension/background.js
+++ b/extension/background.js
@@ -1,45 +1,18 @@
-let youtubeApiKey = ''
+// All AJAX requests are made from this background script to avoid CORB errors.
-chrome.storage.sync.get({apiKey: ''}, function(settings) {
- if (settings) {
- youtubeApiKey = settings.apiKey
- }
-})
-
-// Do the ajax request from this background script to avoid CORB.
chrome.runtime.onMessage.addListener(
function(message, sender, sendResponse) {
- if (message.contentScriptQuery === 'videoStatistics') {
- let combined_data = {'items': []}
- let promises = []
- if (youtubeApiKey === 'invidious') {
- for (let videoId of message.videoIds) {
- let promise = fetch(`https://ytprivate.com/api/v1/videos/${videoId}?fields=likeCount,dislikeCount`)
- .then(response => response.json())
- .then(data => {
- combined_data.items.push({
- 'id': videoId,
- 'statistics': data})
- })
- promises.push(promise)
- }
- Promise.all(promises).then(() => {
- sendResponse(combined_data)
- })
- return true // Will respond asynchronously with `sendResponse()`.
- } else if (youtubeApiKey.length) {
- let url = 'https://www.googleapis.com/youtube/v3/videos?id=' +
- message.videoIds.join(',') + '&part=statistics&key=' + youtubeApiKey
+ if (message.query === 'videoApiRequest') {
+ let url = 'https://returnyoutubedislikeapi.com/Votes?videoId=' + message.videoId
fetch(url)
.then(response => response.json())
.then(data => sendResponse(data))
- return true // Will respond asynchronously with `sendResponse()`.
- } else {
- return false
- }
- } else if (message.contentScriptQuery === 'apiKey') {
- youtubeApiKey = message.apiKey
- } else if (message.contentScriptQuery === 'insertCss') {
+
+ // Returning `true` signals to the browser that we will send our
+ // response asynchronously using `sendResponse()`.
+ return true
+
+ } else if (message.query === 'insertCss') {
chrome.tabs.insertCSS(sender.tab.id, {file: message.url})
}
}
diff --git a/extension/content-script.js b/extension/content-script.js
index 194c4ba..577a46b 100755
--- a/extension/content-script.js
+++ b/extension/content-script.js
@@ -6,13 +6,10 @@ const THROTTLE_MS = 100
let hasUnseenMutations = false
let isThrottled = false
-// The YouTube API limit of the number of video IDs you can pass in per request.
-const MAX_IDS_PER_API_CALL = 50
-
// A cache to store video ratings, to limit API calls and improve performance.
let videoCache = {}
-// Enum values for which YouTube theme is currently begin viewed.
+// Enum values for which YouTube theme is currently being viewed.
let curTheme = 0 // No theme set yet.
const THEME_MODERN = 1 // The new Material Design theme.
const THEME_CLASSIC = 2 // The classic theme.
@@ -20,10 +17,10 @@ const THEME_GAMING = 3 // The YouTube Gaming theme.
const NUM_THEMES = 3
// `isDarkTheme` will be true if the appearance setting is in dark theme mode.
-let isDarkTheme = getComputedStyle(document.body).getPropertyValue('--yt-spec-general-background-a') == ' #181818'
+let isDarkTheme = getComputedStyle(document.body).getPropertyValue('--yt-spec-general-background-a') === ' #181818'
// We use these JQuery selectors to find new thumbnails on the page. We use
-// :not([data-ytrb-found]) to make sure these aren't thumbnails that we've
+// :not([data-ytrb-processed]) to make sure these aren't thumbnails that we've
// already added a rating bar to. We need to check all combinations of these
// modes and types:
// Modes:
@@ -96,6 +93,9 @@ THUMBNAIL_SELECTORS[THEME_GAMING] = '' +
const THUMBNAIL_SELECTOR_VIDEOWALL = '' +
'a.ytp-videowall-still'
+// A regex for cleaning the tooltip text on the video page before processing.
+const NON_DIGITS_OR_FORWARDSLASH_REGEX = /[^\d/]/g;
+
// The default user settings. `userSettings` is replaced with the stored user's
// settings once they are loaded.
const DEFAULT_USER_SETTINGS = {
@@ -106,53 +106,74 @@ const DEFAULT_USER_SETTINGS = {
barColorsSeparator: false,
barHeight: 4,
barOpacity: 100,
- ratingType: 'likes-to-dislikes',
barSeparator: false,
useExponentialScaling: false,
barTooltip: true,
useOnVideoPage: false,
showPercentage: false,
- // timeSincePublished: true,
}
let userSettings = DEFAULT_USER_SETTINGS
-// An observer for watching changes to the body element.
-let observer = new MutationObserver(handleMutations)
-
-function handleMutations() {
- // When the DOM is updated, we search for items that should be modified.
- // However, we throttle these searches to not over tax the CPU.
- if (isThrottled) {
- // If updates are currently being throttled, we'll remember to handle
- // them later.
- hasUnseenMutations = true
- } else {
- // Run the updates.
- updateThumbnailRatingBars()
- updateVideoRatingBarTooltips()
- // if (userSettings.timeSincePublished)
- // updateTimeSincePublishedElements()
-
- hasUnseenMutations = false
+function ratingToPercentage(rating) {
+ if (rating === 1) {
+ return '100%'
+ }
+ // Note: We use floor instead of round to ensure that anything lower than
+ // 100% does not display "100.0%".
+ return (Math.floor(rating * 1000) / 10).toFixed(1) + '%'
+}
- // Turn on throttle.
- isThrottled = true
+function getToolTipText(video) {
+ return video.likes + ' / ' + video.dislikes + ' '
+ + ratingToPercentage(video.rating) + ' ' + video.total + ' total'
+}
- setTimeout(function() {
- // After `THROTTLE_MS` milliseconds, turn off the throttle.
- isThrottled = false
+function getRatingBarHtml(videoData) {
+ let ratingElement
+ if (videoData.rating == null) {
+ ratingElement = ''
+ } else {
+ let likesWidthPercentage
+ if (userSettings.useExponentialScaling) {
+ likesWidthPercentage = 100 * Math.pow(2, 10 * (videoData.rating - 1))
+ } else {
+ likesWidthPercentage = 100 * videoData.rating
+ }
+ ratingElement = '' +
+ '' +
+ '' +
+ ''
+ }
- // If any mutations occurred while being throttled, handle them now.
- if (hasUnseenMutations) {
- handleMutations()
- }
+ return '' +
+ ratingElement +
+ (userSettings.barTooltip
+ ? '
' + getToolTipText(videoData) + '
'
+ : ''
+ ) +
+ ''
+}
- }, THROTTLE_MS)
+function getRatingPercentageHtml(video) {
+ let r = (1 - video.rating) * 1275
+ let g = video.rating * 637.5 - 255
+ if (!isDarkTheme) {
+ g = Math.min(g, 255) * 0.85
}
+ let rgb = 'rgb(' + r + ',' + g + ',0)'
+
+ return '' + ratingToPercentage(video.rating) + ''
}
-function updateThumbnailRatingBars() {
- // Get new thumbnails, and set the theme if it hasn't been set yet.
+function getNewThumbnails() {
+ // Returns an array of thumbnails that have not been processed yet, and sets
+ // the theme if it hasn't been set yet.
let thumbnails = []
if (curTheme) {
thumbnails = $(THUMBNAIL_SELECTORS[curTheme])
@@ -165,11 +186,14 @@ function updateThumbnailRatingBars() {
}
}
}
-
- // Add the videowall thumbnails.
thumbnails = $.merge(thumbnails, $(THUMBNAIL_SELECTOR_VIDEOWALL))
+ return thumbnails
+}
- let thumbnailsAndIds = []
+function getThumbnailsAndIds(thumbnails) {
+ // Finds the video ID associated with each thumbnail and returns an array of
+ // arrays of [thumbnail element, video ID string].
+ let thumbnailsAndVideoIds = []
$(thumbnails).each(function(_, thumbnail) {
// Find the link tag element of the thumbnail and its URL.
let url
@@ -200,7 +224,7 @@ function updateThumbnailRatingBars() {
}
} else {
- // The theme may not be set if only videowall thumbnails were found.
+ // The theme may not be set if only video-wall thumbnails were found.
url = $(thumbnail).attr('href')
}
@@ -210,7 +234,7 @@ function updateThumbnailRatingBars() {
}
// Check if this thumbnail was previously found.
- let previousUrl = $(thumbnail).attr('data-ytrb-found')
+ let previousUrl = $(thumbnail).attr('data-ytrb-processed')
if (previousUrl) {
// Check if this thumbnail is for the same URL as previously.
if (previousUrl === url) {
@@ -223,370 +247,162 @@ function updateThumbnailRatingBars() {
}
// Add an attribute that marks this thumbnail as found, and give it the
// value of the URL the thumbnail is for.
- $(thumbnail).attr('data-ytrb-found', url)
+ $(thumbnail).attr('data-ytrb-processed', url)
// Extract the video ID from the URL.
let match = url.match(/.*[?&]v=([^&]+).*/)
if (match) {
let id = match[1]
- thumbnailsAndIds.push([thumbnail, id])
+ thumbnailsAndVideoIds.push([thumbnail, id])
} else if (debug) {
console.log('DEBUG: Match not found.', thumbnail, url)
}
})
-
- if (thumbnailsAndIds.length) {
- addRatingsToCache(thumbnailsAndIds).then(function() {
- if (userSettings.barHeight !== 0) {
- addRatingBars(thumbnailsAndIds)
- }
- if (userSettings.showPercentage) {
- addRatingPercentage(thumbnailsAndIds)
- }
- })
- }
+ return thumbnailsAndVideoIds
}
-function addRatingsToCache(thumbnailsAndIds) {
- // Get the set of all IDs we haven't seen yet.
- let unseenIds = new Set()
- for (let [thumbnail, id] of thumbnailsAndIds) {
- if (!(id in videoCache)) {
- unseenIds.add(id)
- }
+function getVideoDataObject(likes, dislikes) {
+ let total = likes + dislikes
+ let rating = total ? likes / total : null
+ return {
+ likes: likes,
+ dislikes: dislikes,
+ total: total,
+ rating: rating,
}
+}
- // Go through the unseen IDs in batches of 50 and get their ratings.
- let unseenIdsArray = Array.from(unseenIds)
- let promises = []
- for (let i = 0; i < unseenIdsArray.length; i += MAX_IDS_PER_API_CALL) {
- let unseenIdsBatch = unseenIdsArray.slice(i, i + MAX_IDS_PER_API_CALL)
-
- let promise = new Promise((resolve, reject) => {
- chrome.runtime.sendMessage(
- {contentScriptQuery: 'videoStatistics', videoIds: unseenIdsBatch},
- function(data) {
- if (typeof data === 'undefined') {
- console.error('[Missing Requirement] The "Thumbnail Rating ' +
- 'Bar for YouTube™" extension is missing a required ' +
- 'YouTube Data API key. To resolve this issue, visit the ' +
- 'extension\'s settings page, which is accessible by ' +
- 'clicking the extension\'s icon in the toolbar.')
- resolve()
- } else if (data && data.error) {
- console.error('[YouTube Data API Error] The "Thumbnail Rating ' +
- 'Bar for YouTube™" extension received an error when ' +
- 'trying to request data from the YouTube Data API. This ' +
- 'could be due to an invalid API key. To update the API ' +
- 'key, visit the extension\'s settings page, which is ' +
- 'accessible by clicking the extension\'s icon in the ' +
- 'toolbar.')
- resolve()
- } else {
- for (let item of data.items) {
- let video = getVideoObject(
- item.statistics.likeCount || '0',
- item.statistics.dislikeCount || '0',
- item.statistics.viewCount || '0',
- item.statistics.commentCount || '0',
- )
- videoCache[item.id] = video
- resolve()
- }
- }
- })
- })
-
- promises.push(promise)
+async function getVideoData(videoId) {
+ if (videoId in videoCache) {
+ return videoCache[videoId]
}
- // Return a promise that resolves once all data has been retrieved and saved
- // to the cache.
- return Promise.all(promises)
+ return new Promise(resolve => {
+ chrome.runtime.sendMessage(
+ {query: 'videoApiRequest', videoId: videoId},
+ data => {
+ let videoData = getVideoDataObject(data.likes, data.dislikes)
+ videoCache[videoId] = videoData
+ resolve(videoData)
+ },
+ )
+ })
}
-function addRatingBars(thumbnailsAndIds) {
+function addRatingBar(thumbnail, videoData) {
// Add a rating bar to each thumbnail.
- for (let [thumbnail, id] of thumbnailsAndIds) {
- if (id in videoCache) {
- $(thumbnail).prepend(getRatingBarHtml(videoCache[id]))
- } else if (debug) {
- console.log('DEBUG: Missing ID.', id, thumbnail)
- }
- }
+ $(thumbnail).prepend(getRatingBarHtml(videoData))
}
-function addRatingPercentage(thumbnailsAndIds) {
- // Add the rating text percentage below or next to each thumbnail.
- for (let [thumbnail, id] of thumbnailsAndIds) {
- if (id in videoCache) {
- let metadataLine = $(thumbnail).closest(
- '.ytd-rich-item-renderer, ' + // Home page.
- '.ytd-grid-renderer, ' + // Trending and subscriptions page.
- '.ytd-expanded-shelf-contents-renderer, ' + // Also subscriptions page.
- '.yt-horizontal-list-renderer, ' + // Channel page.
- '.ytd-item-section-renderer, ' + // History page.
- '.ytd-horizontal-card-list-renderer, ' + // Gaming page.
- '.ytd-playlist-video-list-renderer' // Playlist page.
- ).find('#metadata-line').last()
-
- if (metadataLine) {
- // Remove any previously added percentages.
- for (let oldPercentage of metadataLine.children('.ytrb-percentage')) {
- oldPercentage.remove()
- }
+function addRatingPercentage(thumbnail, videoData) {
+ // Add the rating text percentage below or next to the thumbnail.
+ let metadataLine = $(thumbnail).closest(
+ '.ytd-rich-item-renderer, ' + // Home page.
+ '.ytd-grid-renderer, ' + // Trending and subscriptions page.
+ '.ytd-expanded-shelf-contents-renderer, ' + // Also subscriptions page.
+ '.yt-horizontal-list-renderer, ' + // Channel page.
+ '.ytd-item-section-renderer, ' + // History page.
+ '.ytd-horizontal-card-list-renderer, ' + // Gaming page.
+ '.ytd-playlist-video-list-renderer' // Playlist page.
+ ).find('#metadata-line').last()
+
+ if (metadataLine) {
+ // Remove any previously added percentages.
+ for (let oldPercentage of metadataLine.children('.ytrb-percentage')) {
+ oldPercentage.remove()
+ }
- // Add new percentage.
- let video = videoCache[id]
- if (video.rating != null) {
- let ratingPercentageHtml = getRatingPercentageHtml(video)
- let lastSpan = metadataLine.children('span').last()
- if (lastSpan.length) {
- lastSpan.after(ratingPercentageHtml)
- } else {
- // This handles metadata lines that are initially empty, which
- // occurs on playlist pages, and additionally prepends an empty
- // meta block element to add a separating dot before the rating
- // percentage.
- metadataLine.prepend(ratingPercentageHtml)
- metadataLine.prepend('')
- }
- }
+ // Add new percentage.
+ if (videoData.rating != null) {
+ let ratingPercentageHtml = getRatingPercentageHtml(videoData)
+ let lastSpan = metadataLine.children('span').last()
+ if (lastSpan.length) {
+ lastSpan.after(ratingPercentageHtml)
+ } else {
+ // This handles metadata lines that are initially empty, which
+ // occurs on playlist pages. We prepend the rating percentage as well
+ // as an empty meta block element to add a separating dot before the
+ // rating percentage.
+ metadataLine.prepend(ratingPercentageHtml)
+ metadataLine.prepend('')
}
- } else if (debug) {
- console.log('DEBUG: Missing ID.', id, thumbnail)
}
}
}
-function getVideoObject(likes, dislikes, views='0', comments='0') {
- likes = parseInt(likes)
- dislikes = parseInt(dislikes)
- views = parseInt(views)
- comments = parseInt(comments)
- let total = likes + dislikes
- let rating = total ? likes / total : null
- let likesToViews = views ? likes / views : null
- let likesToComments = comments ? likes / comments : null
- return {
- likes: likes.toLocaleString(),
- dislikes: dislikes.toLocaleString(),
- total: total.toLocaleString(),
- rating: rating,
- views: views.toLocaleString(),
- likesToViews: likesToViews,
- comments: comments.toLocaleString(),
- likesToComments: likesToComments,
- }
-}
+function processNewThumbnails() {
+ let thumbnails = getNewThumbnails()
+ let thumbnailsAndVideoIds = getThumbnailsAndIds(thumbnails)
-function ratingToPercentage(rating) {
- if (rating === 1) {
- return '100%'
+ for (let [thumbnail, videoId] of thumbnailsAndVideoIds) {
+ getVideoData(videoId).then(videoData => {
+ if (videoData !== null) {
+ if (userSettings.barHeight !== 0) {
+ addRatingBar(thumbnail, videoData)
+ }
+ if (userSettings.showPercentage) {
+ addRatingPercentage(thumbnail, videoData)
+ }
+ }
+ })
}
- // Note: We use floor instead of round to ensure that anything lower than
- // 100% does not display "100.0%".
- return (Math.floor(rating * 1000) / 10).toFixed(1) + '%'
}
-function ratingToRgb(rating) {
- let r = (1 - rating) * 1275
- let g = rating * 637.5 - 255
- if (!isDarkTheme) {
- g = Math.min(g, 255) * 0.85
- }
- return 'rgb(' + r + ',' + g + ',0)'
+function updateVideoRatingBarTooltips() {
+ $('.ryd-tooltip #tooltip')
+ .each(function(_, tooltip) {
+ let text = $(tooltip).text()
+ if (text !== $(tooltip).attr('data-ytrb-processed')) {
+ let cleanedText = text.replaceAll(NON_DIGITS_OR_FORWARDSLASH_REGEX, '')
+ let [likes, dislikes] = cleanedText.split('/').map(x => parseInt(x))
+
+ let video = getVideoDataObject(likes, dislikes)
+ let newText = `${text} \u00A0\u00A0 ` +
+ `${video.rating == null ? '0%' : ratingToPercentage(video.rating)} \u00A0\u00A0 ` +
+ `${video.total.toLocaleString()} total`
+
+ $(tooltip).text(newText)
+ $(tooltip).attr('data-ytrb-processed', newText)
+ }
+ })
}
-function getRatingBarHtml(video) {
- let ratingElem = ''
-
- if (
- userSettings.ratingType === 'likes-to-dislikes' ||
- userSettings.ratingType === 'both' ||
- userSettings.ratingType === 'ltd-ltc' ||
- userSettings.ratingType === 'ltd-ltv-ltc'
- ) {
- if (video.rating == null) {
- ratingElem += ''
- } else {
- let likesWidthPercentage
- if (userSettings.useExponentialScaling) {
- likesWidthPercentage = 100 * Math.pow(2, 10 * (video.rating - 1))
- } else {
- likesWidthPercentage = 100 * video.rating
- }
- ratingElem += '' +
- '' +
- '' +
- ''
- }
- }
-
- if (
- userSettings.ratingType === 'likes-to-views' ||
- userSettings.ratingType === 'both' ||
- userSettings.ratingType === 'ltd-ltv-ltc'
- ) {
- if (video.likesToViews == null) {
- ratingElem += ''
- } else {
- let a = 30
- let b = .2
- let score = 1 / (1 + Math.exp(-a * (Math.pow(video.likesToViews, b) - .5)))
- let likesWidthPercentage = 100 * score
- ratingElem += '' +
- '' +
- '' +
- ''
- }
- }
-
- if (
- userSettings.ratingType === 'likes-to-comments' ||
- userSettings.ratingType === 'ltd-ltc' ||
- userSettings.ratingType === 'ltd-ltv-ltc'
- ) {
- if (video.likesToComments == null) {
- ratingElem += ''
- } else {
- let a = .15
- let score = 1 - Math.exp(-a * video.likesToComments)
- let likesWidthPercentage = 100 * score
- ratingElem += '' +
- '' +
- '' +
- ''
- }
- }
+function handleDomMutations() {
+ // When the DOM is updated, we search for items that should be modified.
+ // However, we throttle these searches to not over tax the CPU.
+ if (isThrottled) {
+ // If updates are currently being throttled, we'll remember to handle
+ // them later.
+ hasUnseenMutations = true
+ } else {
+ // Run the updates.
+ processNewThumbnails()
+ updateVideoRatingBarTooltips()
- return '' +
- ratingElem +
- (userSettings.barTooltip
- ? '
' + getToolTipText(video) + '
'
- : ''
- ) +
- ''
-}
+ hasUnseenMutations = false
-function getRatingPercentageHtml(video) {
- return '' + ratingToPercentage(video.rating) + ''
-}
+ // Turn on throttle.
+ isThrottled = true
-function getToolTipText(video) {
- return video.likes + ' / ' + video.dislikes + ' '
- + ratingToPercentage(video.rating) + ' ' + video.total + ' total'
-}
+ setTimeout(function() {
+ // After `THROTTLE_MS` milliseconds, turn off the throttle.
+ isThrottled = false
-function updateVideoRatingBarTooltips() {
- // For modern theme.
- if (curTheme === THEME_MODERN || !curTheme) {
- $('.ytd-sentiment-bar-renderer #tooltip')
- .each(function(_, tooltip) {
- // Get the current tooltip's text.
- let text
- try {
- text = $(tooltip).text().trim()
- } catch (e) {
- if (debug) console.log('DEBUG: Tooltip likes not found.', tooltip)
- return true
- }
-
- // If the tooltip is empty, continue.
- if (text.length < 5) {
- if (debug) console.log('DEBUG: Empty tooltip.', tooltip)
- return true
- }
-
- // Extract the likes and dislikes from the tooltip's text.
- let likes = 0
- let dislikes = 0
- let match = text.match(/(.+) \/ (.+)/)
- console.log('DEBUG match:', match)
- if (match) {
- likes = match[1].replace(/\D/g, '')
- dislikes = match[2].replace(/\D/g, '')
- } else if (debug) {
- console.log('DEBUG: Tooltip match not found.', text, tooltip, $(tooltip))
- }
-
- // Create a hash string for this rating to mark it has already having
- // been processed.
- let hash = likes + '/' + dislikes
- let prevHash = $(tooltip).attr('data-ytrb-hash')
- if (prevHash) {
- if (prevHash === hash) {
- // This tooltip has already been processed correctly.
- return true
- }
- // This tooltip needs to be reprocessed, so remove previously
- // added span.
- $(tooltip).children('span').remove()
- }
-
- // Store the hash value on the element.
- $(tooltip).attr('data-ytrb-hash', hash)
-
- // Update the tooltip by adding a span of additional rating info.
- let video = getVideoObject(likes, dislikes)
- if (video.rating == null) {
- $(tooltip).append(' No ratings yet.')
- } else {
- $(tooltip).append(' ' +
- ratingToPercentage(video.rating) + ' ' +
- video.total + ' total')
- }
- })
- }
+ // If any mutations occurred while being throttled, handle them now.
+ if (hasUnseenMutations) {
+ handleDomMutations()
+ }
- // For classic theme.
- if (curTheme === THEME_CLASSIC || !curTheme) {
- $('#watch8-sentiment-actions:not([data-ytrb-found])')
- .each(function(_, tooltip) {
- $(tooltip).attr('data-ytrb-found', '')
- let likes = $(tooltip)
- .find('.like-button-renderer-like-button:first>span')
- .text()
- .replace(/\D/g, '')
- let dislikes = $(tooltip)
- .find('.like-button-renderer-dislike-button:first>span')
- .text()
- .replace(/\D/g, '')
- let video = getVideoObject(likes, dislikes)
- $(tooltip)
- .find('.video-extras-sparkbars')
- .append('' + getToolTipText(video) +
- '')
- })
+ }, THROTTLE_MS)
}
}
-// function updateTimeSincePublishedElements() {
-// // For modern theme.
-// if (curTheme === THEME_MODERN || !curTheme) {
-// $('#upload-info .date:not([data-ytrb-found])')
-// .each(function (_, dateSpan) {
-// let dateText = $(dateSpan).text().substring(13)
-// // let prevDateText = $(dateSpan).attr('data-ytrb-found')
-//
-// $(dateSpan).attr('data-ytrb-found', dateText)
-//
-// let dateFromNow = moment(dateText).fromNow()
-// console.log(dateText, dateFromNow, dateSpan)
-// $(dateSpan).append('' + dateFromNow + '')
-// })
-// }
-// }
+// An observer for watching changes to the body element.
+let observer = new MutationObserver(handleDomMutations)
function insertCss(url) {
chrome.runtime.sendMessage({
- contentScriptQuery: 'insertCss',
+ query: 'insertCss',
url: url,
})
}
@@ -634,10 +450,12 @@ chrome.storage.sync.get(DEFAULT_USER_SETTINGS, function(storedSettings) {
if (userSettings.barColor === 'blue-gray') {
document.documentElement.style.setProperty('--ytrb-bar-likes-color', '#3095e3')
document.documentElement.style.setProperty('--ytrb-bar-dislikes-color', '#cfcfcf')
+ document.documentElement.style.setProperty('--ytrb-bar-likes-shadow', 'none')
document.documentElement.style.setProperty('--ytrb-bar-dislikes-shadow', 'none')
} else if (userSettings.barColor === 'green-red') {
document.documentElement.style.setProperty('--ytrb-bar-likes-color', '#060')
document.documentElement.style.setProperty('--ytrb-bar-dislikes-color', '#c00')
+ document.documentElement.style.setProperty('--ytrb-bar-likes-shadow', '1px 0 #fff')
document.documentElement.style.setProperty('--ytrb-bar-dislikes-shadow', 'inset 1px 0 #fff')
} else if (userSettings.barColor === 'custom-colors') {
document.documentElement.style.setProperty(
@@ -648,12 +466,16 @@ chrome.storage.sync.get(DEFAULT_USER_SETTINGS, function(storedSettings) {
'--ytrb-bar-dislikes-color',
userSettings.barDislikesColor
)
+ document.documentElement.style.setProperty(
+ '--ytrb-bar-likes-shadow',
+ userSettings.barColorsSeparator ? '1px 0 #fff' : 'none'
+ )
document.documentElement.style.setProperty(
'--ytrb-bar-dislikes-shadow',
userSettings.barColorsSeparator ? 'inset 1px 0 #fff' : 'none'
)
}
- handleMutations()
+ handleDomMutations()
observer.observe(document.body, {childList: true, subtree: true})
-})
\ No newline at end of file
+})
diff --git a/extension/css/bar-video-page.css b/extension/css/bar-video-page.css
index ff637c2..7623a64 100644
--- a/extension/css/bar-video-page.css
+++ b/extension/css/bar-video-page.css
@@ -1,11 +1,8 @@
-#like-bar.ytd-sentiment-bar-renderer ,
-.video-extras-sparkbar-likes /* For classic theme. */ {
+#ryd-bar {
background-color: var(--ytrb-bar-likes-color) !important;
- position: relative;
+ box-shadow: var(--ytrb-bar-likes-shadow);
}
-#container.ytd-sentiment-bar-renderer,
-.video-extras-sparkbar-dislikes /* For classic theme. */ {
+#ryd-bar-container {
background-color: var(--ytrb-bar-dislikes-color) !important;
- box-shadow: var(--ytrb-bar-dislikes-shadow);
}
\ No newline at end of file
diff --git a/extension/css/bar.css b/extension/css/bar.css
index 31edb98..5059079 100644
--- a/extension/css/bar.css
+++ b/extension/css/bar.css
@@ -3,6 +3,7 @@
--ytrb-bar-opacity: 1;
--ytrb-bar-likes-color: #3095e3;
--ytrb-bar-dislikes-color: #cfcfcf;
+ --ytrb-bar-likes-shadow: none;
--ytrb-bar-dislikes-shadow: none;
}
diff --git a/extension/lib/jquery-3.3.1.min.js b/extension/lib/jquery-3.3.1.min.js
deleted file mode 100644
index 4d9b3a2..0000000
--- a/extension/lib/jquery-3.3.1.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
-!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"
-
- Your YouTube Data API Key
- An API Key is required.
-
-
-
- This extension requires a YouTube Data API key. Instructions for obtaining a free API key and an explanation of why it's required can be found here.
-