Plex Letterboxd link and rating

Add Letterboxd link and rating to its corresponding Plex film's page

当前为 2024-01-11 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Plex Letterboxd link and rating
  3. // @namespace http://tampermonkey.net/
  4. // @description Add Letterboxd link and rating to its corresponding Plex film's page
  5. // @author CarnivalHipster
  6. // @match https://app.plex.tv/*
  7. // @icon https://www.google.com/s2/favicons?sz=64&domain=plex.tv
  8. // @license MIT
  9. // @grant GM_xmlhttpRequest
  10. // @connect letterboxd.com
  11. // @version 1.46
  12. // ==/UserScript==
  13. (function() {
  14. 'use strict';
  15. const letterboxdImg = 'data:image/png;base64,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';
  16. var lastTitle = undefined;
  17. var lastYear = undefined;
  18. function extractData() {
  19. const titleElement = document.querySelector('h1[data-testid="metadata-title"]');
  20. const yearElement = document.querySelector('span[data-testid="metadata-line1"]');
  21.  
  22. if (titleElement) {
  23. const title = titleElement.textContent.trim() || titleElement.innerText.trim();
  24. if (title !== lastTitle) {
  25. lastTitle = title;
  26. console.log('The title is:', lastTitle);
  27. }
  28. } else {
  29. lastTitle = ''; // Reset if no title is found
  30. }
  31.  
  32. if (yearElement) {
  33. const text = yearElement.textContent.trim() || yearElement.innerText.trim();
  34. const match = text.match(/\b\d{4}\b/);
  35. if (match && match[0] !== lastYear) {
  36. lastYear = match[0];
  37. console.log('The year is:', lastYear);
  38. }
  39. } else {
  40. lastYear = ''; // Reset if no year is found
  41. }
  42. }
  43.  
  44. function checkLink(url) {
  45. return new Promise((resolve, reject) => {
  46. GM.xmlHttpRequest({
  47. method: 'HEAD',
  48. url: url,
  49. onload: function(response) {
  50. if (response.status >= 200 && response.status < 300) {
  51. resolve({url: url, status: response.status, accessible: true});
  52. } else {
  53. resolve({url: url, status: response.status, accessible: false});
  54. }
  55. },
  56. onerror: function() {
  57. reject(new Error(url + ' could not be reached or is blocked by CORS policy.'));
  58. }
  59. });
  60. });
  61. }
  62.  
  63. function updateOrCreateLetterboxdIcon(link, rating) {
  64. let metadataElement = document.querySelector('div[data-testid="metadata-ratings"]');
  65. if (!metadataElement) {
  66. metadataElement = document.querySelector('div[data-testid="metadata-children"]');
  67. }
  68.  
  69. const existingContainer = document.querySelector('.letterboxd-container');
  70.  
  71. if (existingContainer) {
  72. existingContainer.querySelector('a').href = link;
  73. const ratingElement = existingContainer.querySelector('.letterboxd-rating');
  74. if (ratingElement) {
  75. ratingElement.textContent = rating ? `Rating: ${rating}` : 'Rating not available';
  76. }
  77. } else if (metadataElement) {
  78. const container = document.createElement('div');
  79. container.classList.add('letterboxd-container');
  80. container.style.cssText = 'display: flex; align-items: center; gap: 8px;';
  81.  
  82. const icon = document.createElement('img');
  83. icon.src = letterboxdImg;
  84. icon.alt = 'Letterboxd Icon';
  85. icon.style.cssText = 'width: 24px; height: 24px; cursor: pointer;';
  86.  
  87. const ratingText = document.createElement('span');
  88. ratingText.classList.add('letterboxd-rating');
  89. ratingText.textContent = rating; // ? rating : "Director's Page"; That was neat for director's pages, but shows up with films that don't have ratings
  90. ratingText.style.cssText = 'font-size: 14px;'; // Style as needed
  91.  
  92. const linkElement = document.createElement('a');
  93. linkElement.href = link;
  94. linkElement.appendChild(icon);
  95.  
  96. container.appendChild(linkElement);
  97. container.appendChild(ratingText);
  98. metadataElement.insertAdjacentElement('afterend', container);
  99. }
  100. }
  101.  
  102. function buildDefaultLetterboxdUrl(title, year) {
  103. const normalizedTitle = title.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
  104. const titleSlug = normalizedTitle.trim().toLowerCase()
  105. .replace(/&/g, 'and')
  106. .replace(/[^\w\s-]/g, '')
  107. .replace(/\s+/g, '-');
  108. const letterboxdBaseUrl = 'https://letterboxd.com/film/';
  109. return `${letterboxdBaseUrl}${titleSlug}-${year}/`;
  110. }
  111.  
  112. function removeYearFromUrl(url) {
  113. const yearPattern = /-\d{4}(?=\/$)/;
  114. return url.replace(yearPattern, '');
  115. }
  116.  
  117. function replaceFilmWithDirector(url) {
  118. return url.replace('film','director');
  119. }
  120.  
  121. function buildLetterboxdUrl(title, year) {
  122. let defaultUrl = buildDefaultLetterboxdUrl(title, year);
  123. return checkLink(defaultUrl).then(result => {
  124. if (result.accessible) {
  125. console.log(result.url, 'is accessible, status:', result.status);
  126. return result.url;
  127. } else {
  128. console.log(result.url, 'is not accessible, status:', result.status);
  129. let yearRemovedUrl = removeYearFromUrl(result.url);
  130. console.log('Trying URL without year:', yearRemovedUrl);
  131. return checkLink(yearRemovedUrl).then(yearRemovedResult => {
  132. if (yearRemovedResult.accessible) {
  133. console.log(yearRemovedUrl, 'is accessible, status:', yearRemovedResult.status);
  134. return yearRemovedUrl;
  135. } else {
  136. console.log(yearRemovedUrl, 'is not accessible, status:', yearRemovedResult.status);
  137. let directorUrl = replaceFilmWithDirector(yearRemovedUrl);
  138. console.log('Trying director URL:', directorUrl);
  139. return directorUrl;
  140. }
  141. });
  142. }
  143. }).catch(error => {
  144. console.error('Error after checking both film and year:', error.message);
  145. let newUrl = removeYearFromUrl(defaultUrl);
  146. return newUrl;
  147. });
  148. }
  149.  
  150. function fetchLetterboxdPage(url) {
  151. return new Promise((resolve, reject) => {
  152. GM.xmlHttpRequest({
  153. method: 'GET',
  154. url: url,
  155. onload: function(response) {
  156. if (response.status >= 200 && response.status < 300) {
  157. resolve(response.responseText);
  158. } else {
  159. reject(new Error('Failed to load Letterboxd page'));
  160. }
  161. },
  162. onerror: function() {
  163. reject(new Error('Network error while fetching Letterboxd page'));
  164. }
  165. });
  166. });
  167. }
  168.  
  169. function roundToOneDecimal(numberString) {
  170. const number = parseFloat(numberString);
  171. return isNaN(number) ? null : (Math.round(number * 10) / 10).toFixed(1);
  172. }
  173.  
  174. function extractRating(html) {
  175. const parser = new DOMParser();
  176. const doc = parser.parseFromString(html, 'text/html');
  177. const ratingElement = doc.querySelector('meta[name="twitter:data2"]');
  178.  
  179. if (ratingElement && ratingElement.content) {
  180. const match = ratingElement.getAttribute('content').match(/\b\d+\.\d{1,2}\b/);
  181. if (match) {
  182. return roundToOneDecimal(match[0]);
  183. }
  184. } else {
  185. console.log('Rating element not found.');
  186. return null;
  187. }
  188. }
  189.  
  190.  
  191. if(document.readyState === 'complete' || document.readyState === 'loaded' || document.readyState === 'interactive') {
  192. main();
  193. } else {
  194. document.addEventListener('DOMContentLoaded', main);
  195. }
  196.  
  197. function main() {
  198. var lastProcessedTitle = undefined;
  199. var lastProcessedYear = undefined;
  200.  
  201. function observerCallback(mutationsList, observer) {
  202. const isAlbumPage = document.querySelector('[class^="AlbumDisc"]');
  203. if (isAlbumPage) {
  204. console.log('Detected an album page, not proceeding with Letterboxd icon creation.');
  205. return;
  206. }
  207. extractData();
  208. if (lastTitle !== lastProcessedTitle || lastYear !== lastProcessedYear) {
  209. lastProcessedTitle = lastTitle;
  210. lastProcessedYear = lastYear;
  211.  
  212. if (lastTitle && lastYear) {
  213. buildLetterboxdUrl(lastTitle, lastYear).then(url => {
  214. fetchLetterboxdPage(url).then(html => {
  215. //console.log(html);
  216. const rating = extractRating(html);
  217. updateOrCreateLetterboxdIcon(url, rating);
  218. }).catch(error => {
  219. console.error('Error fetching or parsing Letterboxd page:', error);
  220. });
  221. }).catch(error => {
  222. console.error('Error building Letterboxd URL:', error);
  223. });
  224. }
  225. }
  226. }
  227.  
  228. const observer = new MutationObserver(observerCallback);
  229. observer.observe(document.body, {
  230. childList: true,
  231. characterData: true,
  232. subtree: true
  233. });
  234. }
  235. })();