☰

IMDb display RottenTomatoes info: redux

Add RottenTomatoes Tomatometer rating info to IMDb pages

当前为 2019-09-06 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         IMDb display RottenTomatoes info: redux
  3. // @namespace    driver8.net
  4. // @version      0.1.1
  5. // @description  Add RottenTomatoes Tomatometer rating info to IMDb pages
  6. // @author       driver8
  7. // @match        *://*.imdb.com/*
  8. // @grant        GM_xmlhttpRequest
  9. // @grant        GM_getValue
  10. // @grant        GM_setValue
  11. // @grant        GM_addStyle
  12. // @connect      rottentomatoes.com
  13. // @require      https://greasyfork.org/scripts/389810-rottentomatoes-utility-library/code/RottenTomatoes%20Utility%20Library.js?version=731014
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.     console.log('hi imdb rt');
  20.  
  21.     function parse(query, regex, doc) {
  22.         doc = doc || document;
  23.         try {
  24.             let text = doc.querySelector(query).textContent.trim();
  25.             if (regex) {
  26.                 text = text.match(regex)[1];
  27.             }
  28.             return text.trim();
  29.         } catch (e) {
  30.             console.log('error', e);
  31.             return '';
  32.         }
  33.     };
  34.  
  35.     // Skip TV episodes
  36.     function start() {
  37.         let m = document.title.match(/\((?:TV\s+(?:Series|Episode|Movie)\s*)?(\d{4})\s*(?:–|-)?\s*(?:\d{4})?\s*\)/);
  38.         if (m) {
  39.             let year = parseInt(m[1]);
  40.             // Skip TV episodes
  41.             if (!document.title.match(/\(TV\s+Episode/)) {
  42.                 let title = parse('.title_wrapper > h1', /([^()]+)/);
  43.                 let tv = document.title.match(/\(TV\s+Series/) ? true : false;
  44.                 let id = title + year + (tv ? 'tv' : 'movie');
  45.                 let data = GM_getValue(id, false);
  46.                 if (data) {
  47.                     console.log('Data EXISTS', data);
  48.                     displayData(data);
  49.                 } else {
  50.                     // Create spinner gif
  51.                     let imdbRating = document.querySelector('.imdbRating');
  52.                     let spinnerDiv = imdbRating.cloneNode(false);
  53.                     //let spinnerDiv = document.createElement('div');
  54.                     spinnerDiv.innerHTML = `<img src="${spinnerGif}">`;
  55.                     spinnerDiv.id = 'spinner-div';
  56.                     imdbRating.parentNode.appendChild(spinnerDiv);
  57.  
  58.                     getRtInfoFromTitle(title, tv, year).then((freshData) => {
  59.                         GM_setValue(id, freshData);
  60.                         spinnerDiv.parentNode.removeChild(spinnerDiv);
  61.                         displayData(freshData);
  62.                     });
  63.                 }
  64.             }
  65.         }
  66.     }
  67.  
  68.     function displayData(data) {
  69.         let imdbRating = document.querySelector('.imdbRating');
  70.         let rtDiv = imdbRating.cloneNode(true);
  71.         let icons = {
  72.             'fresh': 'url(https://www.rottentomatoes.com/assets/pizza-pie/images/icons/global/new-fresh-lg.12e316e31d2.png) no-repeat',
  73.             'certified': 'url(https://www.rottentomatoes.com/assets/pizza-pie/images/icons/global/cf-lg.3c29eff04f2.png) no-repeat',
  74.             'rotten': 'url(https://www.rottentomatoes.com/assets/pizza-pie/images/icons/global/new-rotten-lg.ecdfcf9596f.png) no-repeat',
  75.             'question': 'url(https://www.rottentomatoes.com/assets/pizza-pie/images/poster_default.c8c896e70c3.gif) no-repeat' // not used
  76.         };
  77.         rtDiv.style.background = 'none';
  78.         for (let status in icons) {
  79.             let regex = new RegExp(status);
  80.             if (regex.test(data.state)) {
  81.                 rtDiv.style.background = icons[status];
  82.             }
  83.         }
  84.         rtDiv.style.backgroundSize = '28px';
  85.         rtDiv.title = data.consensus || '';
  86.  
  87.         let ratingValue = rtDiv.querySelector('.ratingValue > strong');
  88.         //console.log(imdbRating, rtDiv, ratingValue);
  89.         ratingValue.removeAttribute('title');
  90.  
  91.         let scoreSpan = ratingValue.firstElementChild;
  92.         scoreSpan.innerText = data.score || 'N/A';
  93.         scoreSpan.style.fontSize = '21px';
  94.         scoreSpan.style.lineHeight = '21px';
  95.         scoreSpan.style.color = data.state.match(/fresh/) ? '#BBFF88' : 'gray'; //'#f93109' : '#09c754'; // 'certified_fresh'
  96.  
  97.         ratingValue.nextSibling.innerText = '%';
  98.         ratingValue.nextSibling.style.color = scoreSpan.style.color;
  99.  
  100.         ratingValue.nextSibling.nextSibling.innerText = `(${data.votes})`;
  101.  
  102.         let votesA = rtDiv.querySelector('a');
  103.         votesA.href = 'https://www.rottentomatoes.com' + data.id;
  104.         votesA.firstElementChild.innerText = data.rating;
  105.         imdbRating.parentNode.appendChild(rtDiv);
  106.  
  107.         if (data.consensus) {
  108.             let titleBlock = document.querySelector('.title_block');
  109.             let consDiv = document.createElement('div');
  110.             consDiv.classList.add('consensus-div');
  111.             consDiv.innerHTML = '<p>' + data.consensus + '</p>';
  112.             titleBlock.after(consDiv);
  113.         }
  114.     }
  115.  
  116.     GM_addStyle(`
  117. .consensus-div {
  118.   margin: 10px;
  119. }
  120. .consensus-div p {
  121.   background-color: #444;
  122.   color: #FFF;
  123.   border-radius: 5px;
  124.   padding: 3px 5px 3px 5px;
  125.   font-size: 1em;
  126. }
  127. #spinner-div {
  128.   background: none;
  129. }
  130. .heroic-overview .title_block {
  131.   padding-bottom: 0px;
  132. }
  133. `);
  134.  
  135.     var spinnerGif = `data:image/gif;base64,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`;
  136.     start();
  137. })();