').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 overly big content
console.log('Show metacritic ratings: Cutting response to 5000 chars')
html = html.substr(0, 5000)
}
}
return html
}
async function storeInHoverCache (metaurl, response, orgMetaUrl) {
const cache = JSON.parse(await GM.getValue('hovercache', '{}'))
for (const prop in cache) {
// Delete cached values, that are older than 2 hours
if ((new Date()).getTime() - (new Date(cache[prop].time)).getTime() > 2 * 60 * 60 * 1000) {
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', '{}'))
for (var prop in cache) {
// Delete cached values, that are older than 2 hours
if ((new Date()).getTime() - (new Date(cache[prop].time)).getTime() > 2 * 60 * 60 * 1000) {
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) {
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) { alert('error 05: ' + response.status) })
if (response.responseText.indexOf('"jsonRedirect"') !== -1) {
response = await handleJSONredirect(response)
}
if (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) { alert('error 06: ' + response.status) })
const newobj = {}
for (var 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 {
throw new Error('loadHoverInfo()\nUrl: ' + response.finalUrl + '\nStatus: ' + response.status)
}
}
const current = {
metaurl: false,
docurl: false,
type: false,
data: [], // Array of raw search keys
searchTerm: false
}
async function loadMetacriticUrl (fromSearch) {
if (!current.metaurl) {
alert('Error: 11')
return
}
const orgMetaUrl = current.metaurl
if (await isBlacklistedUrl(document.location.href, current.metaurl)) {
waitForHotkeysMETA()
return
}
const response = await loadHoverInfo().catch((response) => fromSearch ? null : startSearch())
if (await isBlacklistedUrl(document.location.href, current.metaurl)) {
waitForHotkeysMETA()
return
}
if (typeof response !== 'undefined') {
showHoverInfo(response, orgMetaUrl)
} else {
waitForHotkeysMETA()
}
}
async function startSearch () {
waitForHotkeysMETA()
var cache = JSON.parse(await GM.getValue('autosearchcache', '{}'))
for (var prop in cache) {
// Delete cached values, that are older than 2 hours
if ((new Date()).getTime() - (new Date(cache[prop].time)).getTime() > 2 * 60 * 60 * 1000) {
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('Error 09')
}
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
var 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.log('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.log('Multiple results for searchTerm=' + current.searchTerm)
var 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.log('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.log('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()
var 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) {
var 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
}
var type = searchType2metacritic(current.type)
var style = document.createElement('style')
style.type = 'text/css'
style.innerHTML = CSS
document.head.appendChild(style)
var div = $('#mcdiv123')
var loader = $('<div style="width:20px; height:20px;display:inline-block" class="grespinner"></div>').appendTo($('#mcisearchbutton'))
var 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')
})
var results = []
if (!~response.responseText.indexOf('No search results found.')) {
var 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()
var accept = function (ev) {
var a = $(this.parentNode).find("a[href*='metacritic.com']")
var metaurl = a.attr('href')
var docurl = document.location.href
removeFromBlacklist(docurl, metaurl).then(function () {
addToMap(docurl, metaurl).then(function () {
current.metaurl = metaurl
loadMetacriticUrl()
})
})
}
var 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()
var 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()
var 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
}, '*')
}
})
}
var functions = {
parent: function () {
var f = parent.document.getElementById('mciframe123')
var 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
}
f.contentWindow.postMessage({
mcimessage3: true,
mciframe123_clientHeight: f.clientHeight,
mciframe123_clientWidth: f.clientWidth
}, '*')
})
},
frame: function () {
parent.postMessage({ mcimessage0: true }, '*') // Loading frame content was successfull
var i = 0
window.addEventListener('message', function (e) {
if (typeof e.data === 'object' && 'mcimessage_imgLoaded' in e.data) {
// Load external image
var arrayBufferView = new Uint8Array(e.data.mcimessage_imgData)
var blob = new Blob([arrayBufferView], { type: 'image/jpeg' })
var urlCreator = window.URL || window.webkitURL
var imageUrl = urlCreator.createObjectURL(blob)
var 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}.negative, .score_terrible, .score_unfavorable, .carousel_set a.product_terrible:hover, .carousel_set a.product_unfavorable:hover { background-color: #f00}.mixed, .neutral, .score_mixed, .carousel_set a.product_mixed:hover { background-color: #fc3; color: #333;} #hover_div .score_mixed a { color: #333}.positive, .score_favorable, .score_outstanding, .carousel_set a.product_favorable:hover, .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: '\2022\2022\2022'}.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}.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}";
var framesrc = 'data:text/html,'
framesrc += encodeURIComponent('<!DOCTYPE html>\
<html lang="en">\
<head>\
<meta charset="utf-8">\
<title>Metacritic info\
\
\
\
\
\
\