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,R0lGODlhIAAgAPMAADMzM////19fX5SUlGxsbIKCgtLS0rm5uVFRUUdHR2dnZ+bm5vr6+gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==`;
  136. start();
  137. })();