// ==UserScript==
// @name Show Metacritic.com ratings
// @description Show metacritic metascore and user ratings on: Bandcamp, Apple Itunes (Music), Amazon (Music,Movies,TV Shows), IMDb (Movies), Google Play (Music, Movies), Steam, Gamespot (PS4, XONE, PC), Rotten Tomatoes, Serienjunkies, BoxOfficeMojo, allmovie.com, fandango.com, Wikipedia (en), themoviedb.org, letterboxd, TVmaze, TVGuide, followshows.com, TheTVDB.com, ConsequenceOfSound, Pitchfork, Last.fm, TVnfo, rateyourmusic.com, GOG, Epic Games Store
// @namespace cuzi
// @icon https://www.metacritic.com/images/icons/metacritic-icon.svg
// @supportURL https://github.com/cvzi/Metacritic-userscript/issues
// @contributionURL https://buymeacoff.ee/cuzi
// @contributionURL https://ko-fi.com/cuzicvzi
// @grant unsafeWindow
// @grant GM.xmlHttpRequest
// @grant GM.setValue
// @grant GM.getValue
// @grant GM.registerMenuCommand
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @license GPL-3.0-or-later; https://www.gnu.org/licenses/gpl-3.0.txt
// @antifeature tracking When a metacritic rating is displayed, we may store the url of the current website and the metacritic url in our database. Log files are temporarily retained by our database hoster heroku.com and contain your IP address and browser configuration.
// @version 78
// @connect metacritic.com
// @connect php-cuzi.herokuapp.com
// @include https://*.bandcamp.com/*
// @include https://play.google.com/store/music/album/*
// @include https://play.google.com/store/movies/details/*
// @include https://music.amazon.com/*
// @include https://www.amazon.ca/*
// @include https://www.amazon.co.jp/*
// @include https://www.amazon.co.uk/*
// @include https://smile.amazon.co.uk/*
// @include https://www.amazon.com.au/*
// @include https://www.amazon.com.mx/*
// @include https://www.amazon.com/*
// @include https://smile.amazon.com/*
// @include https://www.amazon.de/*
// @include https://smile.amazon.de/*
// @include https://www.amazon.es/*
// @include https://www.amazon.fr/*
// @include https://www.amazon.in/*
// @include https://www.amazon.it/*
// @include https://www.imdb.com/title/*
// @include https://store.steampowered.com/app/*
// @include https://www.gamespot.com/*
// @include https://www.serienjunkies.de/*
// @include https://www.rottentomatoes.com/m/*
// @include https://rottentomatoes.com/m/*
// @include https://www.rottentomatoes.com/tv/*
// @include https://rottentomatoes.com/tv/*
// @include https://www.rottentomatoes.com/tv/*/s*/
// @include https://rottentomatoes.com/tv/*/s*/
// @include https://www.boxofficemojo.com/movies/*
// @include https://www.boxofficemojo.com/release/*
// @include https://www.allmovie.com/movie/*
// @include https://en.wikipedia.org/*
// @include https://www.fandango.com/*
// @include https://www.flixster.com/movie/*
// @include https://www.themoviedb.org/movie/*
// @include https://www.themoviedb.org/tv/*
// @include https://letterboxd.com/film/*
// @exclude https://letterboxd.com/film/*/image*
// @include https://www.tvmaze.com/shows/*
// @include https://www.tvguide.com/tvshows/*
// @include https://followshows.com/show/*
// @include https://thetvdb.com/series/*
// @include https://thetvdb.com/movies/*
// @include https://consequenceofsound.net/*
// @include https://consequence.net/*
// @include https://pitchfork.com/*
// @include https://www.last.fm/*
// @include https://tvnfo.com/s/*
// @include https://rateyourmusic.com/release/album/*
// @include https://open.spotify.com/*
// @include https://play.spotify.com/album/*
// @include https://www.nme.com/reviews/*
// @include https://www.albumoftheyear.org/album/*
// @include https://itunes.apple.com/*/movie/*
// @include https://itunes.apple.com/*/album/*
// @include https://music.apple.com/*/album/*
// @include https://itunes.apple.com/*/tv-season/*
// @include https://epguides.com/*
// @include https://www.epguides.com/*
// @include https://sharetv.com/shows/*
// @include https://www.netflix.com/*
// @include https://www.cc.com/*
// @include https://www.tvhoard.com/*
// @include https://www.amc.com/*
// @include https://www.amcplus.com/*
// @include https://rlsbb.ru/*/
// @include https://newalbumreleases.net/*
// @include https://www.sho.com/*
// @include https://www.epicgames.com/store/*
// @include https://www.gog.com/*
// @include https://www.allmusic.com/album/*
// @include https://store.epicgames.com/*
// @downloadURL none
// ==/UserScript==
/* globals alert, confirm, GM, DOMParser, $, Image, unsafeWindow, parent, Blob */
const baseURL = 'https://www.metacritic.com/'
const baseURLmusic = 'https://www.metacritic.com/music/'
const baseURLmovie = 'https://www.metacritic.com/movie/'
const baseURLpcgame = 'https://www.metacritic.com/game/pc/'
const baseURLps4 = 'https://www.metacritic.com/game/playstation-4/'
const baseURLxone = 'https://www.metacritic.com/game/xbox-one/'
const baseURLtv = 'https://www.metacritic.com/tv/'
const baseURLsearch = 'https://www.metacritic.com/search/{type}/{query}/results'
const baseURLautosearch = 'https://www.metacritic.com/autosearch'
const baseURLdatabase = 'https://php-cuzi.herokuapp.com/r.php'
const baseURLwhitelist = 'https://php-cuzi.herokuapp.com/whitelist.php'
const baseURLblacklist = 'https://php-cuzi.herokuapp.com/blacklist.php'
const TEMPORARY_BLACKLIST_TIMEOUT = 5 * 60
// http://www.designcouch.com/home/why/2013/05/23/dead-simple-pure-css-loading-spinner/
const CSS = '#mcdiv123 .grespinner{height:16px;width:16px;margin:0 auto;position:relative;animation:rotation .6s infinite linear;border-left:6px solid rgba(0,174,239,.15);border-right:6px solid rgba(0,174,239,.15);border-bottom:6px solid rgba(0,174,239,.15);border-top:6px solid rgba(0,174,239,.8);border-radius:100%}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}#mcdiv123searchresults .result{font:12px arial,helvetica,serif;border-top-width:1px;border-top-color:#ccc;border-top-style:solid;padding:5px}#mcdiv123searchresults .result .result_type{display:inline}#mcdiv123searchresults .result .result_wrap{float:left;width:100%}#mcdiv123searchresults .result .has_score{padding-left:42px}#mcdiv123searchresults .result .basic_stats{height:1%;overflow:hidden}#mcdiv123searchresults .result h3{font-size:14px;font-weight:700}#mcdiv123searchresults .result a{color:#09f;font-weight:700;text-decoration:none}#mcdiv123searchresults .metascore_w.game.seventyfive,#mcdiv123searchresults .metascore_w.positive,#mcdiv123searchresults .metascore_w.score_favorable,#mcdiv123searchresults .metascore_w.score_outstanding,#mcdiv123searchresults .metascore_w.sixtyone{background-color:#6c3}#mcdiv123searchresults .metascore_w.forty,#mcdiv123searchresults .metascore_w.game.fifty,#mcdiv123searchresults .metascore_w.mixed,#mcdiv123searchresults .metascore_w.score_mixed{background-color:#fc3}#mcdiv123searchresults .metascore_w.negative,#mcdiv123searchresults .metascore_w.score_terrible,#mcdiv123searchresults .metascore_w.score_unfavorable{background-color:red}#mcdiv123searchresults a.metascore_w,#mcdiv123searchresults span.metascore_w{display:inline-block}#mcdiv123searchresults .result .metascore_w{color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-style:normal!important;font-weight:700!important;height:2em;line-height:2em;text-align:center;vertical-align:middle;width:2em;float:left;margin:0 0 0 -42px}#mcdiv123searchresults .result .more_stats{font-size:10px;color:#444}#mcdiv123searchresults .result .release_date .data{font-weight:700;color:#000}#mcdiv123searchresults ol,#mcdiv123searchresults ul{list-style:none}#mcdiv123searchresults .result li.stat{background:0 0;display:inline;float:left;margin:0;padding:0 6px 0 0;white-space:nowrap}#mcdiv123searchresults .result .deck{margin:3px 0 0}#mcdiv123searchresults .result .basic_stat{display:inline;float:right;overflow:hidden;width:100%}'
let myDOMParser = null
function domParser () {
if (myDOMParser === null) {
myDOMParser = new DOMParser()
}
return myDOMParser
}
async function versionUpdate () {
const version = parseInt(await GM.getValue('version', 0))
if (version <= 51) {
// Reset database
await GM.setValue('map', '{}')
await GM.setValue('black', '[]')
await GM.setValue('hovercache', '{}')
await GM.setValue('requestcache', '{}')
await GM.setValue('searchcache', '{}')
await GM.setValue('autosearchcache', '{}')
await GM.setValue('temporaryblack', '{}')
}
if (version < 55) {
await GM.setValue('version', 55)
}
}
async function acceptGDPR (showDialog) {
if (showDialog === true) {
await GM.setValue('gdpr', null)
return acceptGDPR()
}
return new Promise(function (resolve) {
GM.getValue('gdpr', null).then(function (value) {
if (value === true) {
return resolve(true)
}
if (value === false) {
return resolve(false)
}
const html = 'Privacy Policy for "Show Metacritic.com ratings"
General Data Protection Regulation (GDPR)
We are a Data Controller of your information.
"Show Metacritic.com ratings" legal basis for collecting and using the personal information described in this Privacy Policy depends on the Personal Information we collect and the specific context in which we collect the information:
- "Show Metacritic.com ratings" needs to perform a contract with you
- You have given "Show Metacritic.com ratings" permission to do so
- Processing your personal information is in "Show Metacritic.com ratings" legitimate interests
- "Show Metacritic.com ratings" needs to comply with the law
"Show Metacritic.com ratings" will retain your personal information only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use your information to the extent necessary to comply with our legal obligations, resolve disputes, and enforce our policies.
If you are a resident of the European Economic Area (EEA), you have certain data protection rights. If you wish to be informed what Personal Information we hold about you and if you want it to be removed from our systems, please contact us. Our Privacy Policy was generated with the help of GDPR Privacy Policy Generator and the App Privacy Policy Generator.
In certain circumstances, you have the following data protection rights:
- The right to access, update or to delete the information we have on you.
- The right of rectification.
- The right to object.
- The right of restriction.
- The right to data portability
- The right to withdraw consent
Log Files
"Show Metacritic.com ratings" follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services\' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users\' movement on the website, and gathering demographic information.
Privacy Policies
You may consult this list to find the Privacy Policy for each of the advertising partners of "Show Metacritic.com ratings".
Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on "Show Metacritic.com ratings", which are sent directly to users\' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.
Note that "Show Metacritic.com ratings" has no access to or control over these cookies that are used by third-party advertisers.
Third Party Privacy Policies
"Show Metacritic.com ratings"\'s Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options.List of these Privacy Policies and their links:
You can choose to disable cookies through your individual browser options.
Children\'s Information
Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.
"Show Metacritic.com ratings" does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.
Online Privacy Policy Only
Our Privacy Policy created at GDPRPrivacyPolicy.net) applies only to our online activities and is valid for users of our program with regards to the information that they shared and/or collect in "Show Metacritic.com ratings". This policy is not applicable to any information collected offline or via channels other than this program. Our GDPR Privacy Policy was generated from the GDPR Privacy Policy Generator.
Contact
Contact us via github https://github.com/cvzi/Metacritic-userscript or email cuzi@openmail.cc
Consent
By using our program ("userscript"), you hereby consent to our Privacy Policy and agree to its terms.
'
const div = document.body.appendChild(document.createElement('div'))
div.innerHTML = html
div.style = 'z-index:9999;position:absolute;min-height:100%;top:0px; left:0px; right:0px; padding:10px; background:white; color:black; font-family:serif; font-size:16px'
div.appendChild(document.createElement('br'))
const acceptButton = div.appendChild(document.createElement('button'))
acceptButton.setAttribute('style', 'color:black;background:#e5e4e4;border:2px #bbb outset;margin:5px;padding:2px 10px;font-size:16px;font-family:sans-serif;cursor:pointer')
acceptButton.appendChild(document.createTextNode('Accept'))
acceptButton.addEventListener('click', function () {
div.remove()
resolve(true)
GM.setValue('gdpr', true)
})
const declineButton = div.appendChild(document.createElement('button'))
declineButton.setAttribute('style', 'color:black;background:#e5e4e4;border:2px #bbb outset;margin:5px;padding:2px 10px;font-size:16px;font-family:sans-serif;cursor:pointer')
declineButton.appendChild(document.createTextNode('Decline'))
declineButton.addEventListener('click', function () {
alert('You may uninstall the userscript now.')
div.remove()
resolve(false)
GM.setValue('gdpr', false)
})
const space = div.appendChild(document.createElement('div'))
space.style = 'height:2000px;'
div.scrollIntoView()
window.setTimeout(function () {
alert('ShowMetacriticRatings:\n\nWhen you use this script, data will be sent to our database and to metacritic.com. This data includes the url of the website that you are browsing, the metacritic page url, your IP adress, browser configuration and language preferences. We only store the url of the website and the metacritic url and no personal information. Log files are temporarily retained and contain your IP address. We have no control over which data is stored by metacritic.com and our hoster heroku.com, see their respective privacy policies for more information (see "Third Party Privacy Policies").\n\nPlease read and accept our privacy policy now or uninstall this userscript.')
}, 20)
})
})
}
function delay (ms) {
return new Promise(function (resolve) {
window.setTimeout(() => resolve(), ms)
})
}
function getHostname (url) {
const a = document.createElement('a')
a.href = url
return a.hostname
}
function absoluteMetaURL (url) {
if (url.startsWith('https://')) {
return url
}
if (url.startsWith('http://')) {
return 'https' + url.substr(4)
}
if (url.startsWith('//')) {
return baseURL + url.substr(2)
}
if (url.startsWith('/')) {
return baseURL + url.substr(1)
}
return baseURL + url
}
const parseLDJSONCache = {}
function parseLDJSON (keys, condition) {
if (document.querySelector('script[type="application/ld+json"]')) {
const data = []
const scripts = document.querySelectorAll('script[type="application/ld+json"]')
for (let i = 0; i < scripts.length; i++) {
let jsonld
if (scripts[i].innerText in parseLDJSONCache) {
jsonld = parseLDJSONCache[scripts[i].innerText]
} else {
try {
jsonld = JSON.parse(scripts[i].innerText)
parseLDJSONCache[scripts[i].innerText] = jsonld
} catch (e) {
parseLDJSONCache[scripts[i].innerText] = null
continue
}
}
if (jsonld) {
if (Array.isArray(jsonld)) {
data.push(...jsonld)
} else {
data.push(jsonld)
}
}
}
for (let i = 0; i < data.length; i++) {
try {
if (data[i] && data[i] && (typeof condition !== 'function' || condition(data[i]))) {
if (Array.isArray(keys)) {
const r = []
for (let j = 0; j < keys.length; j++) {
r.push(data[i][keys[j]])
}
return r
} else if (keys) {
return data[i][keys]
} else if (typeof condition === 'function') {
return data[i] // Return whole object
}
}
} catch (e) {
continue
}
}
return data
}
return null
}
function name2metacritic (s) {
const mc = s.normalize('NFKD').replace(/\//g, '').replace(/[\u0300-\u036F]/g, '').replace(/&/g, 'and').replace(/\W+/g, ' ').toLowerCase().trim().replace(/\W+/g, '-')
if (!mc) {
throw new Error("name2metacritic converted '" + s + "' to empty string")
}
return mc
}
function minutesSince (time) {
const seconds = ((new Date()).getTime() - time.getTime()) / 1000
return seconds > 60 ? parseInt(seconds / 60) + ' min ago' : 'now'
}
function randomStringId () {
const id10 = () => Math.floor((1 + Math.random()) * 0x10000000000).toString(16).substring(1)
return id10() + id10() + id10() + id10() + id10() + id10()
}
function fixMetacriticURLs (html) {
return html.replace(/ 0) {
data[0] = replaceBrackets(data[0])
} else if (step > 1) {
data[0] = removeSymbols(data[0])
} else if (step > 2) {
data[0] = removeAnythingAfterDash(data[0])
}
}
return data
}
function balloonAlert (message, timeout, title, css, click) {
let header
if (title) {
header = '' + title + '
'
} else if (title === false) {
header = ''
} else {
header = 'Userscript alert
'
}
const div = $('' + header + '
' + message.split('\n').join('
') + '
❎
').appendTo(div)
close.click(function () {
$(this.parentNode).hide(1000)
})
}
if (timeout && timeout > 0) {
window.setTimeout(function () {
div.hide(3000)
}, timeout)
}
return div
}
function filterUniversalUrl (url) {
try {
url = url.match(/http.+/)[0]
} catch (e) { }
try {
url = url.replace(/https?:\/\/(www.)?/, '')
} catch (e) { }
if (url.indexOf('#') !== -1) {
url = url.split('#')[0]
}
if (url.startsWith('imdb.com/') && url.match(/(imdb\.com\/\w+\/\w+\/)/)) {
// Remove movie subpage from imdb url
return url.match(/(imdb\.com\/\w+\/\w+\/)/)[1]
} else if (url.startsWith('boxofficemojo.com/') && url.indexOf('id=') !== -1) {
// Keep the important id= on
try {
const parts = url.split('?')
const page = parts[0] + '?'
const idparam = parts[1].match(/(id=.+?)(\.|&)/)[1]
return page + idparam
} catch (e) {
return url
}
} else {
// Default: Remove parameters
return url.split('?')[0].split('&')[0]
}
}
async function addToMap (url, metaurl) {
const data = JSON.parse(await GM.getValue('map', '{}'))
url = filterUniversalUrl(url)
metaurl = metaurl.replace(/^https?:\/\/(www.)?metacritic\.com\//, '')
data[url] = metaurl
await GM.setValue('map', JSON.stringify(data));
(new Image()).src = baseURLwhitelist + '?docurl=' + encodeURIComponent(url) + '&metaurl=' + encodeURIComponent(metaurl) + '&ref=' + encodeURIComponent(randomStringId())
return [url, metaurl]
}
async function removeFromMap (url) {
const data = JSON.parse(await GM.getValue('map', '{}'))
url = filterUniversalUrl(url)
if (url in data) {
delete data[url]
await GM.setValue('map', JSON.stringify(data))
}
}
async function addToTemporaryBlacklist (metaurl) {
const data = JSON.parse(await GM.getValue('temporaryblack', '{}'))
metaurl = metaurl.replace(/^https?:\/\/(www.)?metacritic\.com\//, '')
metaurl = metaurl.replace(/\/\//g, '/').replace(/\/\//g, '/')
metaurl = metaurl.replace(/^\/+/, '')
data[metaurl] = (new Date()).toJSON()
// Remove old entries
const now = (new Date()).getTime()
const timeout = TEMPORARY_BLACKLIST_TIMEOUT * 1000
for (const prop in data) {
if (now - (new Date(data[prop].time)).getTime() > timeout) {
delete data[prop]
}
}
await GM.setValue('temporaryblack', JSON.stringify(data))
return true
}
async function isTemporaryBlacklisted (metaurl) {
const data = JSON.parse(await GM.getValue('temporaryblack', '{}'))
metaurl = metaurl.replace(/^https?:\/\/(www.)?metacritic\.com\//, '')
metaurl = metaurl.replace(/\/\//g, '/').replace(/\/\//g, '/')
metaurl = metaurl.replace(/^\/+/, '')
if (metaurl in data) {
const now = (new Date()).getTime()
const timeout = TEMPORARY_BLACKLIST_TIMEOUT * 1000
if (now - (new Date(data[metaurl])).getTime() < timeout) {
return true
}
}
return false
}
async function addToBlacklist (url, metaurl) {
const data = JSON.parse(await GM.getValue('black', '[]'))
url = filterUniversalUrl(url)
metaurl = metaurl.replace(/^https?:\/\/(www.)?metacritic\.com\//, '')
data.push([url, metaurl])
await GM.setValue('black', JSON.stringify(data));
(new Image()).src = baseURLblacklist + '?docurl=' + encodeURIComponent(url) + '&metaurl=' + encodeURIComponent(metaurl) + '&ref=' + encodeURIComponent(randomStringId())
return [url, metaurl]
}
async function removeFromBlacklist (docurl, metaurl) {
docurl = filterUniversalUrl(docurl)
docurl = docurl.replace(/https?:\/\/(www.)?/, '')
metaurl = metaurl.replace(/^https?:\/\/(www.)?metacritic\.com\//, '')
metaurl = metaurl.replace(/\/\//g, '/').replace(/\/\//g, '/') // remove double slash
metaurl = metaurl.replace(/^\/+/, '') // remove starting slash
const data = JSON.parse(await GM.getValue('black', '[]')) // [ [docurl0, metaurl0] , [docurl1, metaurl1] , ... ]
const found = []
for (let i = 0; i < data.length; i++) {
if (data[i][0] === docurl && data[i][1] === metaurl) {
found.push(i)
}
}
for (let i = found.length - 1; i >= 0; i--) {
data.pop(i)
}
await GM.setValue('black', JSON.stringify(data))
}
async function isBlacklistedUrl (docurl, metaurl) {
docurl = filterUniversalUrl(docurl)
docurl = docurl.replace(/https?:\/\/(www.)?/, '')
metaurl = metaurl.replace(/^https?:\/\/(www.)?metacritic\.com\//, '')
metaurl = metaurl.replace(/\/\//g, '/').replace(/\/\//g, '/') // remove double slash
metaurl = metaurl.replace(/^\/+/, '') // remove starting slash
const data = JSON.parse(await GM.getValue('black', '[]')) // [ [docurl0, metaurl0] , [docurl1, metaurl1] , ... ]
for (let i = 0; i < data.length; i++) {
if (data[i][0] === docurl && data[i][1] === metaurl) {
return true
}
}
return false
}
let listenForHotkeysActive = false
function listenForHotkeys (code, cb) {
// Call cb() as soon as the code sequence was typed
if (listenForHotkeysActive) {
return
}
listenForHotkeysActive = true
let i = 0
$(document).bind('keydown.listenForHotkeys', function (ev) {
if (document.activeElement === document.body) {
if (ev.key !== code[i]) {
i = 0
} else {
i++
if (i === code.length) {
ev.preventDefault()
$(document).unbind('keydown.listenForHotkeys')
cb()
}
}
}
})
}
function waitForHotkeysMETA () {
listenForHotkeys('meta', (ev) => openSearchBox())
}
function asyncRequest (data) {
return new Promise(async function (resolve, reject) {
const cachedValue = await isInRequestCache(data)
if (cachedValue) {
return resolve(cachedValue)
}
const defaultHeaders = {
Referer: data.url,
// Host: getHostname(data.url),
'User-Agent': navigator.userAgent
}
const defaultData = {
method: 'GET',
onload: function (response) {
storeInRequestCache(data, response)
resolve(response)
},
onerror: (response) => reject(response)
}
if ('headers' in data) {
data.headers = Object.assign(defaultHeaders, data.headers)
} else {
data.headers = defaultHeaders
}
data = Object.assign(defaultData, data)
GM.xmlHttpRequest(data)
})
}
async function handleJSONredirect (response) {
let blacklistedredirect = false
const j = JSON.parse(response.responseText)
// Blacklist items from database received?
if ('blacklist' in j && j.blacklist && j.blacklist.length) {
// Save new blacklist items
const data = JSON.parse(await GM.getValue('black', '[]'))
for (let i = 0; i < j.blacklist.length; i++) {
const saveDocurl = j.blacklist[i].docurl
const saveMetaurl = j.blacklist[i].metaurl
data.push([saveDocurl, saveMetaurl])
if (j.jsonRedirect === '/' + saveMetaurl) {
// Redirect is blacklisted!
blacklistedredirect = true
}
}
await GM.setValue('black', JSON.stringify(data))
}
if (blacklistedredirect) {
// Redirect was blacklisted, show nothing
console.debug('ShowMetacriticRatings: Redirect was blacklisted -> show nothing')
return null
} else {
// Load redirect
current.metaurl = absoluteMetaURL(j.jsonRedirect)
response = await asyncRequest({
method: 'POST',
url: current.metaurl,
data: 'hoverinfo=1',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'X-Requested-With': 'XMLHttpRequest'
}
}).catch(function (response) {
console.error('ShowMetacriticRatings: Error 01')
})
return response
}
}
function extractHoverFromFullPage (response) {
let html = 'ShowMetacriticRatings:
Error occured in extractHoverFromFullPage()'
try {
// Try parsing HTML
const doc = domParser().parseFromString(response.responseText, 'text/html')
doc.querySelector('.product_page_title h1')
doc.querySelector('.summary_img')
doc.querySelectorAll('.details_section')
doc.querySelectorAll('#nav_to_metascore .distribution')
let pageUrl = ''
let imgSrc = ''
let imgAlt = ''
let title = ''
let publisher = ''
let releaseDate = ''
let starring = ''
let criticsScore = ''
let criticsClass = ''
let criticsNumber = ''
let criticsCharts = ''
let userScore = ''
let userClass = ''
let userNumber = ''
let userCharts = ''
pageUrl = response.finalUrl + (response.finalUrl.endsWith('/') ? '' : '/')
imgSrc = doc.querySelector('.summary_img').src
imgAlt = doc.querySelector('.summary_img').alt
title = doc.querySelector('.product_page_title h1').textContent
if (doc.querySelector('.details_section .distributor a')) { publisher = doc.querySelector('.details_section .distributor a').textContent }
if (doc.querySelector('.details_section .release_date span:nth-child(2)')) {
const date = doc.querySelector('.details_section .release_date span:nth-child(2)').textContent
releaseDate = `
Release Date:
${date}
`
}
if (doc.querySelector('.details_section.summary_cast span:nth-child(2)')) {
const stars = doc.querySelector('.details_section.summary_cast span:nth-child(2)').innerHTML
starring = `
`
}
criticsClass = 'metascore_w medium tbd'
criticsScore = 'tbd'
userClass = 'metascore_w medium user tbd'
userScore = 'tbd'
if (doc.querySelector('.score_details .based_on')) {
criticsNumber = doc.querySelector('.score_details .based_on').textContent.match(/\d+/)
} else {
criticsNumber = 'By'
}
if (doc.querySelector('.user_score_summary .based_on')) {
userNumber = doc.querySelector('.user_score_summary .based_on').textContent.match(/\d+/)
} else {
userNumber = 'User'
}
// Remove text from distribution charts:
let label = doc.querySelector('#nav_to_metascore .charts .label.fl')
while (label) {
label.parentNode.title = label.textContent.trim() + ' ' + label.parentNode.querySelector('.count').textContent.trim()
label.remove()
label = doc.querySelector('#nav_to_metascore .charts .label.fl')
}
const scores = doc.querySelectorAll('#nav_to_metascore .distribution .metascore_w')
if (scores.length === 2) {
criticsScore = scores[0].innerText
criticsClass = scores[0].className.replace('larger', 'medium')
scores[0].parentNode.parentNode.querySelector('.charts').style.width = '40px'
criticsCharts = '' + scores[0].parentNode.parentNode.querySelector('.charts').outerHTML + ' | '
userScore = scores[1].innerText
userClass = scores[1].className.replace('larger', 'medium')
scores[1].parentNode.parentNode.querySelector('.charts').style.width = '40px'
userCharts = '' + scores[1].parentNode.parentNode.querySelector('.charts').outerHTML + ' | '
} else if (scores.length === 1) {
if (scores[0].className.indexOf('user') === -1) {
criticsScore = scores[0].innerText
criticsClass = scores[0].className.replace('larger', 'medium')
scores[0].parentNode.parentNode.querySelector('.charts').style.width = '40px'
criticsCharts = '' + scores[0].parentNode.parentNode.querySelector('.charts').outerHTML + ' | '
} else {
userScore = scores[0].innerText
userClass = scores[0].className.replace('larger', 'medium')
scores[0].parentNode.parentNode.querySelector('.charts').style.width = '40px'
userCharts = '' + scores[0].parentNode.parentNode.querySelector('.charts').outerHTML + ' | '
}
}
html = `
${publisher}
|
${releaseDate}
${starring}
`
} catch (e) {
console.warn('ShowMetacriticRatings: Error parsing HTML: ' + e)
// fallback to cutting out the relevant parts
let parts = response.responseText.split('class="score_details')
const textPart = '') + '
'
parts = response.responseText.split('id="nav_to_metascore"')
let metaScorePart = ''
metaScorePart = metaScorePart.split('href="">').join('href="' + response.finalUrl + '">')
metaScorePart = metaScorePart.split('section_title bold">').join('section_title bold">' + titleText)
html = metaScorePart.split('').join(textPart + '
')
if (html.indexOf('products_module') !== -1) {
// Critic reviews are not available for this Series yet -> Cut the preview for other series
html = html.split('products_module')[0] + '">
'
}
if (html.length > 5000) {
// Probably something went wrong, let's cut the response to prevent too long content
console.warn('ShowMetacriticRatings: Cutting response to 5000 chars')
html = html.substr(0, 5000)
}
}
return html
}
async function storeInRequestCache (requestData, response) {
if ('onload' in requestData) {
delete requestData.onload
}
if ('onerror' in requestData) {
delete requestData.onerror
}
const newkey = JSON.stringify(requestData)
const cache = JSON.parse(await GM.getValue('requestcache', '{}'))
const now = (new Date()).getTime()
const timeout = 15 * 60 * 1000
for (const prop in cache) {
// Delete cached values, that are older than 15 minutes
if (now - (new Date(cache[prop].time)).getTime() > timeout) {
delete cache[prop]
}
}
const newobj = {}
for (const key in response) {
newobj[key] = response[key]
}
newobj.responseText = '' + response.responseText
newobj.cached = true
if (!('time' in newobj)) {
newobj.time = (new Date()).toJSON()
}
cache[newkey] = newobj
await GM.setValue('requestcache', JSON.stringify(cache))
}
async function isInRequestCache (requestData) {
if ('onload' in requestData) {
delete requestData.onload
}
if ('onerror' in requestData) {
delete requestData.onerror
}
const key = JSON.stringify(requestData)
const cache = JSON.parse(await GM.getValue('requestcache', '{}'))
const now = (new Date()).getTime()
const timeout = 15 * 60 * 1000
for (const prop in cache) {
// Delete cached values, that are older than 15 minutes
if (now - (new Date(cache[prop].time)).getTime() > timeout) {
delete cache[prop]
}
}
if (key in cache) {
return cache[key]
} else {
return false
}
}
async function storeInHoverCache (metaurl, response, orgMetaUrl) {
const cache = JSON.parse(await GM.getValue('hovercache', '{}'))
const now = (new Date()).getTime()
const timeout = 2 * 60 * 60 * 1000
for (const prop in cache) {
// Delete cached values, that are older than 2 hours
if (now - (new Date(cache[prop].time)).getTime() > timeout) {
delete cache[prop]
}
}
const newobj = {}
for (const key in response) {
newobj[key] = response[key]
}
newobj.responseText = '' + response.responseText
newobj.cached = true
if (!('time' in newobj)) {
newobj.time = (new Date()).toJSON()
}
cache[metaurl] = newobj
if (orgMetaUrl && orgMetaUrl !== metaurl) { // Store redirect
cache[orgMetaUrl] = { time: (new Date()).toJSON(), redirect: metaurl }
}
await GM.setValue('hovercache', JSON.stringify(cache))
}
async function isInHoverCache (metaurl) {
const cache = JSON.parse(await GM.getValue('hovercache', '{}'))
const now = (new Date()).getTime()
const timeout = 2 * 60 * 60 * 1000
for (const prop in cache) {
// Delete cached values, that are older than 2 hours
if (now - (new Date(cache[prop].time)).getTime() > timeout) {
delete cache[prop]
}
}
function resolveRedirects (cacheEntry) {
if (cacheEntry.redirect) {
const newkey = cacheEntry.redirect
if (newkey in cache) {
const value = cache[newkey]
delete cache[newkey]
return resolveRedirects(value)
}
} else {
return cacheEntry
}
return false
}
if (metaurl in cache) {
const value = cache[metaurl]
delete cache[metaurl]
return resolveRedirects(value)
} else {
return false
}
}
async function loadHoverInfo () {
const cacheResponse = await isInHoverCache(current.metaurl)
if (cacheResponse !== false) {
console.debug(`ShowMetacriticRatings: loadHoverInfo () ${current.metaurl} found in hover cache`)
if (cacheResponse.responseText.indexOf('"jsonRedirect"') !== -1) {
return await handleJSONredirect(cacheResponse)
}
return cacheResponse
}
const requestURL = baseURLdatabase
const requestParams = 'm=' + encodeURIComponent(current.docurl) + '&a=' + encodeURIComponent(current.metaurl)
let response = await asyncRequest({
method: 'POST',
url: requestURL,
data: requestParams,
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}
}).catch(function (response) {
console.warn('ShowMetacriticRatings: Error 02\nurl=' + requestURL + '\nparams=' + requestParams + '\nstatus=' + response.status)
})
if (response.responseText && response.responseText.indexOf('"jsonRedirect"') !== -1) {
response = await handleJSONredirect(response)
}
if (response.status >= 500) {
// Metacritic server error, try again after 2 seconds
console.warn('ShowMetacriticRatings: Metacritic server error\nwait 2s for retry\nurl=' + current.metaurl + '\nstatus=' + response.status)
await delay(2000)
response = await asyncRequest({ url: current.metaurl }).catch(function (response) {
console.warn('ShowMetacriticRatings: Error 06\nurl=' + current.metaurl + '\nstatus=' + response.status)
})
if (response.status > 300) {
console.warn('ShowMetacriticRatings: Metacritic server error. Error 07. Retry failed as well.\nurl=' + current.metaurl + '\nstatus=' + response.status)
} else {
const newobj = {}
for (const key in response) {
newobj[key] = response[key]
}
newobj.responseText = extractHoverFromFullPage(response)
response = newobj
}
}
if (response.responseText && response.responseText.indexOf('
500 Page') !== -1) {
// Hover info not available for this url, try again with GET
response = await asyncRequest({ url: current.metaurl }).catch(function (response) {
console.warn('ShowMetacriticRatings: Error 03\nurl=' + current.metaurl + '\nstatus=' + response.status)
})
const newobj = {}
for (const key in response) {
newobj[key] = response[key]
}
newobj.responseText = extractHoverFromFullPage(response)
response = newobj
}
if (!('time' in response)) {
response.time = (new Date()).toJSON()
}
if (response.status === 200 && response.responseText) {
return response
} else {
const error = new Error('ShowMetacriticRatings: loadHoverInfo()\nUrl: ' + response.finalUrl + '\nStatus: ' + response.status)
error.status = response.status
error.responseText = response.responseText
throw error
}
}
const current = {
metaurl: false,
docurl: false,
type: false,
data: [], // Array of raw search keys
searchTerm: false,
product: null,
broadenCounter: 0
}
async function loadMetacriticUrl (fromSearch) {
if (!current.metaurl) {
alert('ShowMetacriticRatings: Error 04')
return
}
const orgMetaUrl = current.metaurl
if (await isBlacklistedUrl(document.location.href, current.metaurl)) {
waitForHotkeysMETA()
return
}
if (await isTemporaryBlacklisted(current.metaurl)) {
console.debug(`ShowMetacriticRatings: loadMetacriticUrl(fromSearch=${fromSearch}) ${current.metaurl} is temporary blacklisted`)
waitForHotkeysMETA()
return
}
const response = await loadHoverInfo().catch(async function (response) {
if (response instanceof Error || (response && response.stack && response.message)) {
if (!fromSearch && ('status' in response && response.status === 404)) {
// No results
let broadenFct = broadenSearch // global broadenSearch function is the default
if ('broaden' in current.product) {
// try product 'broaden'-function if it is defined
broadenFct = current.product.broaden
}
const newData = await broadenFct(current.data.slice(0), ++current.broadenCounter, current.type)
if (newData !== current.data) {
current.data = newData
metacritic[current.type](current.docurl, current.product, ...newData)
} else if (newData === current.data) {
// Same data as before, try once again to broaden
const newData2 = await broadenFct(current.data.slice(0), ++current.broadenCounter, current.type)
if (newData2 !== current.data) {
current.data = newData2
metacritic[current.type](current.docurl, current.product, ...newData2)
} else {
console.debug('ShowMetacriticRatings: loadMetacriticUrl(): ' + ('broaden' in current.product ? 'product specific' : 'global') + " 'broaden search' did not change after " + current.broadenCounter + ' steps')
}
} else {
console.debug("ShowMetacriticRatings: loadMetacriticUrl(): Unexpected result from 'broaden'-function: ", newData)
}
} else {
console.error(`ShowMetacriticRatings: loadMetacriticUrl(fromSearch=${fromSearch}) current.metaurl = ${current.metaurl}. Error in loadHoverInfo():\n`, response)
}
}
if (fromSearch) {
startSearch()
}
})
if (await isBlacklistedUrl(document.location.href, current.metaurl)) {
waitForHotkeysMETA()
return
}
if (typeof response !== 'undefined') {
showHoverInfo(response, orgMetaUrl)
} else {
waitForHotkeysMETA()
}
}
async function startSearch () {
waitForHotkeysMETA()
const cache = JSON.parse(await GM.getValue('autosearchcache', '{}'))
const now = (new Date()).getTime()
const timeout = 2 * 60 * 60 * 1000
for (const prop in cache) {
// Delete cached values, that are older than 2 hours
if (now - (new Date(cache[prop].time)).getTime() > timeout) {
delete cache[prop]
}
}
if (current.type === 'music') {
current.searchTerm = current.data[0]
} else {
current.searchTerm = current.data.join(' ')
}
let response
if (current.searchTerm in cache) {
response = cache[current.searchTerm]
} else {
response = await asyncRequest({
method: 'POST',
url: baseURLautosearch,
data: 'search_term=' + encodeURIComponent(current.searchTerm) + '&image_size=98&search_each=1&sort_type=popular',
headers: {
Referer: current.metaurl,
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
// Host: 'www.metacritic.com',
'User-Agent': 'MetacriticUserscript Mozilla/5.0 (Android 4.4; Mobile; rv:41.0) Gecko/41.0 Firefox/41.0',
'X-Requested-With': 'XMLHttpRequest'
}
})
response = {
time: (new Date()).toJSON(),
json: JSON.parse(response.responseText)
}
cache[current.searchTerm] = response
await GM.setValue('autosearchcache', JSON.stringify(cache))
}
if (!response || !('json' in response)) {
alert('ShowMetacriticRatings: Error 05')
}
const data = response.json
let multiple = false
if (data && data.autoComplete && data.autoComplete.results && data.autoComplete.results.length) {
// Remove data with wrong type
data.autoComplete = data.autoComplete.results
const newdata = []
data.autoComplete.forEach(function (result) {
if (metacritic2searchType(result.refType) === current.type) {
newdata.push(result)
}
})
data.autoComplete = newdata
if (data.autoComplete.length === 0) {
// No results
console.debug('ShowMetacriticRatings: No results (after filtering by type) for searchTerm=' + current.searchTerm)
} else if (data.autoComplete.length === 1) {
// One result, let's show it
if (!await isBlacklistedUrl(document.location.href, absoluteMetaURL(data.autoComplete[0].url))) {
current.metaurl = absoluteMetaURL(data.autoComplete[0].url)
loadMetacriticUrl(true)
return
}
} else {
// More than one result
multiple = true
console.debug('ShowMetacriticRatings: Multiple results for searchTerm=' + current.searchTerm)
const exactMatches = []
data.autoComplete.forEach(function (result, i) { // Try to find the correct result by matching the search term to exactly one movie title
if (current.searchTerm === result.name) {
exactMatches.push(result)
}
})
if (exactMatches.length === 1) {
// Only one exact match, let's show it
console.debug('ShowMetacriticRatings: Only one exact match for searchTerm=' + current.searchTerm)
if (!await isBlacklistedUrl(document.location.href, absoluteMetaURL(exactMatches[0].url))) {
current.metaurl = absoluteMetaURL(exactMatches[0].url)
loadMetacriticUrl(true)
return
}
}
}
} else {
console.debug('ShowMetacriticRatings: No results (at all) for searchTerm=' + current.searchTerm)
}
// HERE: multiple results or no result. The user may type "meta" now
if (multiple) {
balloonAlert('Multiple metacritic results. Type "meta" for manual search.', 10000, false, { bottom: 5, top: 'auto', maxWidth: 400, paddingRight: 5 }, () => openSearchBox(true))
}
}
function openSearchBox (search) {
let query
if (current.type === 'music') {
query = current.data[0]
} else {
query = current.data.join(' ')
}
$('#mcdiv123').remove()
const div = $('<div id="mcdiv123"></div>').appendTo(document.body)
div.css({
position: 'fixed',
bottom: 0,
left: 0,
minWidth: 300,
maxHeight: '80%',
maxWidth: 640,
overflow: 'auto',
backgroundColor: '#fff',
border: '2px solid #bbb',
borderRadius: ' 6px',
boxShadow: '0 0 3px 3px rgba(100, 100, 100, 0.2)',
color: '#000',
padding: ' 3px',
zIndex: '2147483601'
})
$('<input type="text" size="60" id="mcisearchquery" style="background:white;color:black;">').appendTo(div).focus().val(query).on('keypress', function (e) {
const code = e.keyCode || e.which
if (code === 13) { // Enter key
searchBoxSearch(e, $('#mcisearchquery').val())
}
})
$('<button id="mcisearchbutton" style="background:silver;color:black;">').text('Search').appendTo(div).click((ev) => searchBoxSearch(ev, $('#mcisearchquery').val()))
}
async function searchBoxSearch (ev, query) {
if (!query) { // Use values from search form
query = current.searchTerm
}
const type = searchType2metacritic(current.type)
const style = document.createElement('style')
style.type = 'text/css'
style.innerHTML = CSS
document.head.appendChild(style)
const div = $('#mcdiv123')
const loader = $('<div style="width:20px; height:20px;display:inline-block" class="grespinner"></div>').appendTo($('#mcisearchbutton'))
const url = baseURLsearch.replace('{type}', encodeURIComponent(type)).replace('{query}', encodeURIComponent(query))
const response = await asyncRequest({
url: url,
data: 'search_term=' + encodeURIComponent(current.searchTerm) + '&image_size=98&search_each=1&sort_type=popular',
headers: {
Referer: url,
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
// Host: 'www.metacritic.com',
'User-Agent': 'MetacriticUserscript ' + navigator.userAgent
}
}).catch(function (response) {
alert('Search failed!\n' + response.finalUrl + '\nStatus: ' + response.status + '\n' + response.responseText ? response.responseText.substring(0, 500) : 'Empty response')
})
const results = []
if (!~response.responseText.indexOf('No search results found.')) {
const d = $('<html>').html(response.responseText)
d.find('ul.search_results.module .result').each(function () {
results.push(this.innerHTML)
})
}
if (results && results.length > 0) {
// Show results
loader.remove()
const accept = function (ev) {
const parentDiv = $(this.parentNode)
const a = parentDiv.find("a[href*='metacritic.com']")
const metaurl = a.attr('href')
const docurl = document.location.href
const resultDivParent = parentDiv.parent()
resultDivParent.html('')
resultDivParent.append(loader)
removeFromBlacklist(docurl, metaurl).then(function () {
addToMap(docurl, metaurl).then(function () {
current.metaurl = metaurl
loadMetacriticUrl().then(() => loader.remove())
})
})
}
const denyAll = function (ev) {
const docurl = document.location.href
$('#mcdiv123searchresults').find("div.result a[href*='metacritic.com']").each(function () {
addToBlacklist(docurl, this.href)
})
}
const resultdiv = $('#mcdiv123searchresults').length ? $('#mcdiv123searchresults').html('') : $('<div id="mcdiv123searchresults"></div>').css('max-width', '95%').appendTo(div)
results.forEach(function (html) {
const singleresult = $('<div class="result"></div>').html(fixMetacriticURLs(html) + '<div style="clear:left"></div>').appendTo(resultdiv)
$('<span title="Assist us: This is the correct entry!" style="cursor:pointer; color:green; font-size: 13px;">✓</span>').prependTo(singleresult).click(accept)
})
resultdiv.find('.metascore_w.album').removeClass('album') // Remove some classes
resultdiv.find('.must-see').remove() // Remove some elements
const sub = $('#mcdiv123 .sub').length ? $('#mcdiv123 .sub').html('') : $('<div class="sub"></div>').appendTo(div)
$('<a style="color:#b6b6b6; font-size: 11px;" target="_blank" href="' + url + '" title="Open Metacritic">' + decodeURI(url.replace('https://www.', '@')) + '</a>').appendTo(sub)
$('<span title="Hide me" style="cursor:pointer; float:right; color:#b6b6b6; font-size: 11px;">❎</span>').appendTo(sub).click(function () {
document.body.removeChild(this.parentNode.parentNode)
})
$('<span title="Assist us: None of the above is the correct item!" style="cursor:pointer; float:right; color:crimson; font-size: 11px;">✗</span>').appendTo(sub).click(function () { if (confirm('None of the above is the correct item\nConfirm?')) denyAll() })
} else {
// No results
loader.remove()
const resultdiv = $('#mcdiv123searchresults').length ? $('#mcdiv123searchresults').html('') : $('<div id="mcdiv123searchresults"></div>').appendTo(div)
resultdiv.html('No search results.')
const sub = $('#mcdiv123 .sub').length ? $('#mcdiv123 .sub').html('') : $('<div class="sub"></div>').appendTo(div)
$('<a style="color:#b6b6b6; font-size: 11px;" target="_blank" href="' + url + '" title="Open Metacritic">' + decodeURI(url.replace('https://www.', '@')) + '</a>').appendTo(sub)
$('<span title="Hide me" style="cursor:pointer; float:right; color:#b6b6b6; font-size: 11px;">❎</span>').appendTo(sub).click(function () {
document.body.removeChild(this.parentNode.parentNode)
})
}
}
function showHoverInfo (response, orgMetaUrl) {
const html = fixMetacriticURLs(response.responseText)
const time = new Date(response.time)
const url = response.finalUrl
$('#mcdiv123').remove()
const div = $('<div id="mcdiv123"></div>').appendTo(document.body)
div.css({
position: 'fixed',
bottom: 0,
left: 0,
minWidth: 300,
backgroundColor: '#fff',
border: '2px solid #bbb',
borderRadius: ' 6px',
boxShadow: '0 0 3px 3px rgba(100, 100, 100, 0.2)',
color: '#000',
padding: ' 3px',
zIndex: '2147483601'
})
// Functions for communication between page and iframe
// Mozilla can access parent.document
// Chrome can use postMessage()
let frameStatus = false // if this remains false, loading the frame content failed. A reason could be "Content Security Policy"
function loadExternalImage (url, myframe) {
// Load external image, bypass CSP
GM.xmlHttpRequest({
method: 'GET',
url: url,
responseType: 'arraybuffer',
onload: function (response) {
myframe.contentWindow.postMessage({
mcimessage_imgLoaded: true,
mcimessage_imgData: response.response,
mcimessage_imgOrgSrc: url
}, '*')
}
})
}
const functions = {
parent: function () {
const f = parent.document.getElementById('mciframe123')
let lastdiff = -200000
window.addEventListener('message', function (e) {
if (typeof e.data !== 'object') {
return
} else if ('mcimessage0' in e.data) {
frameStatus = true // Frame content was loaded successfully
} else if ('mcimessage1' in e.data) {
f.style.width = parseInt(f.style.width) + 10 + 'px'
if (e.data.heightdiff === lastdiff) {
f.style.height = parseInt(f.style.height) + 5 + 'px'
}
lastdiff = e.data.heightdiff
} else if ('mcimessage2' in e.data) {
f.style.height = parseInt(f.style.height) + 15 + 'px'
f.style.width = '400px'
} else if ('mcimessage_loadImg' in e.data) {
loadExternalImage(e.data.mcimessage_imgUrl, f)
} else {
return
}
if (f.contentWindow != null) {
f.contentWindow.postMessage({
mcimessage3: true,
mciframe123_clientHeight: f.clientHeight,
mciframe123_clientWidth: f.clientWidth
}, '*')
}
})
},
frame: function () {
parent.postMessage({ mcimessage0: true }, '*') // Loading frame content was successfull
let i = 0
window.addEventListener('message', function (e) {
if (typeof e.data === 'object' && 'mcimessage_imgLoaded' in e.data) {
// Load external image
const arrayBufferView = new Uint8Array(e.data.mcimessage_imgData)
const blob = new Blob([arrayBufferView], { type: 'image/jpeg' })
const urlCreator = window.URL || window.webkitURL
const imageUrl = urlCreator.createObjectURL(blob)
const img = failedImages[e.data.mcimessage_imgOrgSrc]
img.src = imageUrl
}
if (!('mcimessage3' in e.data)) return
if (e.data.mciframe123_clientHeight < document.body.scrollHeight && i < 100) {
parent.postMessage({ mcimessage1: 1, heightdiff: document.body.scrollHeight - e.data.mciframe123_clientHeight }, '*')
i++
}
if (i >= 100) {
parent.postMessage({ mcimessage2: 1 }, '*')
i = 0
}
})
parent.postMessage({ mcimessage1: 1, heightdiff: -100000 }, '*')
}
}
const css = `#hover_div .clr { clear: both}
#hover_div .fl{float: left}
#hover_div { background-color: #fff; color: #666; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:400; font-style:normal;}
#hover_div .hoverinfo .hover_left { float: left}
#hover_div .hoverinfo .product_image_wrapper { color: #999; font-size: 6px; font-weight: normal; min-height: 98px; min-width: 98px;}
#hover_div .hoverinfo .product_image_wrapper a { color: #999; font-size: 6px; font-weight: normal;}
#hover_div a * { cursor: pointer}
#hover_div a { color: #09f; font-weight: bold;}
#hover_div a:link, #hover_div a:visited { text-decoration: none;}
#hover_div a:hover { text-decoration: underline;}
#hover_div .hoverinfo .hover_right { float: left; margin-left: 15px; max-width: 395px;}
#hover_div .hoverinfo .product_title { color: #333; font-family: georgia,serif; font-size: 24px; line-height: 26px; margin-bottom: 10px;}
#hover_div .hoverinfo .product_title a { color:#333; font-family: georgia,serif; font-size: 24px;}
#hover_div .hoverinfo .summary_detail.publisher, .hoverinfo .summary_detail.release_data { float: left}
#hover_div .hoverinfo .summary_detail { font-size: 11px; margin-bottom: 10px;}
#hover_div .hoverinfo .summary_detail.product_credits a { color: #999; font-weight: normal; }
#hover_div .hoverinfo .hr { background-color: #ccc; height: 2px; margin: 15px 0 10px;}
#hover_div .hoverinfo .hover_scores { width: 100%; border-collapse: collapse; border-spacing: 0;}
#hover_div .hoverinfo .hover_scores td.num { width: 39px}
#hover_div .hoverinfo .hover_scores td { vertical-align: middle}
#hover_div caption, #hover_div th, #hover_div td { font-weight: normal; text-align: left;}
#hover_div .metascore_anchor, #hover_div a.metascore_w { text-decoration: none !important}
#hover_div span.metascore_w, #hover_div a.metascore_w { display: inline-block; padding:0px;}
.metascore_w { background-color: transparent; color: #fff !important; font-family: Arial,Helvetica,sans-serif; font-size: 17px; font-style: normal !important; font-weight: bold !important; height: 2em; line-height: 2em; text-align: center; vertical-align: middle; width: 2em;}
#hover_div .metascore, #hover_div .metascore a, #hover_div .avguserscore, #hover_div .avguserscore a { color: #fff}
#hover_div .critscore, #hover_div .critscore a, #hover_div .userscore, #hover_div .userscore a { color: #333}
.score_tbd { background: #eaeaea; color: #333; font-size: 14px;}
#hover_div .score_tbd a { color: #333}
#hover_div .negative,#hover_div .score_terrible,#hover_div .score_unfavorable,#hover_div .carousel_set a.product_terrible:hover,#hover_div .carousel_set a.product_unfavorable:hover { background-color: #f00}
#hover_div.mixed, .neutral,#hover_div .score_mixed,#hover_div .carousel_set a.product_mixed:hover { background-color: #fc3; color: #333;}
#hover_div .score_mixed a { color: #333}
#hover_div .positive,#hover_div .score_favorable,#hover_div .score_outstanding,#hover_div .carousel_set a.product_favorable:hover,#hover_div .carousel_set a.product_outstanding:hover { background-color: #6c3}
.critscore_terrible, .critscore_unfavorable { border-color: #f00}
.critscore_mixed { border-color: #fc3}
.critscore_favorable, .critscore_outstanding { border-color: #6c3}
.metascore .score_total, .userscore .score_total { display: none; visibility: hidden;}
.hoverinfo .metascore_label, .hoverinfo .userscore_label { font-size: 12px; font-weight: bold; line-height: 16px; margin-top: 2%;}
.hoverinfo .metascore_review_count, .hoverinfo .userscore_review_count { font-size: 11px}
.hoverinfo .hover_scores td { vertical-align: middle}
.hoverinfo .hover_scores td.num { width: 39px}
.hoverinfo .hover_scores td.usr.num { padding-left: 20px}
.metascore_anchor, a.metascore_w { text-decoration: none !important}
.metascore_w.album { padding-top:0px; !important}
.metascore_w.user { border-radius: 55%; color: #fff;}
.metascore_anchor, .metascore_w.album { padding: 0px;!important, padding-top: 0px;!important}
a.metascore_w { text-decoration: none!important}
.metascore_anchor:hover { text-decoration: none!important}
.metascore_w:hover { text-decoration: none!important}
span.metascore_w, a.metascore_w { display: inline-block}
.metascore_w.xlarge, .metascore_w.xl { font-size: 42px}
.metascore_w.large, .metascore_w.lrg { font-size: 25px}
.m .metascore_w.medium, .m .metascore_w.med { font-size: 19px}
.metascore_w.med_small { font-size: 14px}
.metascore_w.small, .metascore_w.sm { font-size: 12px}
.metascore_w.tiny { height: 1.9em; font-size: 11px; line-height: 1.9em;}
.metascore_w.user { border-radius: 55%; color: #fff;}
.metascore_w.user.small, .metascore_w.user.sm { font-size: 11px}
.metascore_w.tbd, .metascore_w.score_tbd { color: #000!important; background-color: #ccc;}
.metascore_w.tbd.hide_tbd, .metascore_w.score_tbd.hide_tbd { visibility: hidden}
.metascore_w.tbd.no_tbd, .metascore_w.score_tbd.no_tbd { display: none}
.metascore_w.noscore::before, .metascore_w.score_noscore::before { content: '\u2022\u2022\u2022'}
.metascore_w.noscore, .metascore_w.score_noscore { color: #fff!important; background-color: #ccc;}
.metascore_w.rip, .metascore_w.score_rip { border-radius: 4px; color: #fff!important; background-color: #999;}
.metascore_w.negative, .metascore_w.score_terrible, .metascore_w.score_unfavorable { background-color: #f00}
.metascore_w.mixed, .metascore_w.forty, .metascore_w.game.fifty, .metascore_w.score_mixed { background-color: #fc3}
.metascore_w.positive, .metascore_w.sixtyone, .metascore_w.game.seventyfive, .metascore_w.score_favorable, .metascore_w.score_outstanding { background-color: #6c3}
.metascore_w.indiv { height: 1.9em; width: 1.9em; font-size: 15px; line-height: 1.9em;}
.metascore_w.indiv.large, .metascore_w.indiv.lrg { font-size: 24px}
.m .metascore_w.indiv.medium, .m .metascore_w.indiv.med { font-size: 16px}
.metascore_w.indiv.small, .metascore_w.indiv.sm { font-size: 11px}
.metascore_w.indiv.perfect { padding-right: 1px}
.hover_esite { display:none; }
.promo_amazon .esite_btn { margin: 3px 0 0 7px;}
.esite_amazon { background-color: #fdc354; border: 1px solid #aaa;}
.esite_label_wrapper { display:none;}
.esite_btn { border-radius: 4px; color: #222; font-size: 12px; height: 40px; line-height: 40px; width: 120px;}
.chart{background-color:inherit!important;margin-top:-3px}
.chart_bg{width:100%;border-top:3px solid rgba(150,150,150,0.3)}
.chart .bar{width:100%;height:3px}
.chart .count{font-size:10px}`
let framesrc = 'data:text/html,'
framesrc += encodeURIComponent('<!DOCTYPE html>\
<html lang="en">\
<head>\
<meta charset="utf-8">\
<title>Metacritic info\
\
\
\
\
\
\