Letterboxd++

Add customized search links with favicons to Letterboxd movie pages

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @name        Letterboxd++
// @namespace   https://github.com/shmup/lbpp
// @description Add customized search links with favicons to Letterboxd movie pages
// @author      Jared Miller (shmup)
// @license     GPL-3.0-or-later
// @match       https://letterboxd.com/film/*
// @grant       none
// @run-at      document-end
// @version     1.75
// ==/UserScript==
 
(function () {
  "use strict";
 
  const styles = `
  .link-container {
    margin-top: 10px;
    padding: 10px;
    display: inline-block;
  }
  .links-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .custom-link {
    align-items: center;
    background-color: rgb(14, 116, 162);
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color 0.3s;
  }
  .custom-link:hover {
    color: #fff;
    background-color: rgb(5, 85, 122);
  }
  .custom-link img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
  }
`;
 
  function addStyles(styles) {
    const styleSheet = document.createElement("style");
    styleSheet.innerText = styles;
    document.head.appendChild(styleSheet);
  }
 
  function getMovieTitle() {
    // Updated selector to match actual HTML structure
    const titleElement = document.querySelector(
      ".headline-1.primaryname .name"
    );
    return titleElement
      ? titleElement.textContent.trim().replace(/\s+/g, " ")
      : null;
  }
 
  function getReleaseYear() {
    // Updated selector to match actual HTML structure
    const yearElement = document.querySelector(".releasedate a");
    return yearElement ? yearElement.textContent.trim() : null;
  }
 
  function createLink(href, text, icon) {
    const domain = new URL(href).hostname;
    const faviconUrl =
      icon || `https://www.google.com/s2/favicons?domain=${domain}`;
 
    const link = document.createElement("a");
    link.href = href;
    link.target = "_blank";
    link.classList.add("custom-link");
    link.title = `Search on ${domain}`;
 
    const img = document.createElement("img");
    img.src = faviconUrl;
    img.onerror = () => {
      link.textContent = `🔍 ${text}`;
    };
 
    link.appendChild(img);
 
    const span = document.createElement("span");
    span.textContent = text;
 
    link.appendChild(span);
 
    return link;
  }
 
  function addLinks(links) {
    // Updated to find a more reliable insertion point
    const productionInfo = document.querySelector(".productioninfo");
    if (!productionInfo) {
      console.error("Could not find productioninfo element");
      return;
    }
 
    const linkContainer = document.createElement("div");
    linkContainer.classList.add("link-container");
 
    const flexContainer = document.createElement("div");
    flexContainer.classList.add("links-flex");
 
    links.forEach(({ href, text, icon = "" }) => {
      const link = createLink(href, text, icon);
      flexContainer.appendChild(link);
    });
 
    linkContainer.appendChild(flexContainer);
    productionInfo.insertAdjacentElement('afterend', linkContainer);
  }
 
  function init() {
    // Add a small delay to ensure the page is fully loaded
    setTimeout(() => {
      const movieTitle = getMovieTitle();
      const releaseYear = getReleaseYear();
 
      console.debug("Movie title:", movieTitle);
      console.debug("Release year:", releaseYear);
 
      if (!movieTitle || !releaseYear) {
        console.error("Could not find movie title or release year");
        return;
      }
 
      const searchQueries = {
        BITSEARCH: `${movieTitle} ${releaseYear}`,
        BTDIG: `${movieTitle} ${releaseYear}`,
        TD: `${movieTitle} ${releaseYear}`,
        TPB: `${movieTitle} ${releaseYear}`,
        WIKI: `${movieTitle} (${releaseYear} film)`,
        YT: `${movieTitle} ${releaseYear} trailer`,
        IA: `title:(${movieTitle}) AND mediatype:(movies)`,
      };
 
      const links = [
        {
          text: "YT",
          href: `https://www.youtube.com/results?search_query=${encodeURIComponent(searchQueries.YT)}`,
        },
        {
          text: "IA",
          href: `https://archive.org/search.php?query=${encodeURIComponent(searchQueries.IA)}`,
        },
        {
          text: "WIKI",
          href: `https://en.wikipedia.org/w/index.php?search=${encodeURIComponent(searchQueries.WIKI)}&ns0=1`,
        },
        {
          text: "TD",
          icon: "https://www.torrentday.com/favicon.ico",
          href: `https://www.torrentday.com/t?q=${encodeURIComponent(searchQueries.TD)};o=seeders&qf=#torrents`,
        },
        {
          text: "TPB",
          href: `https://thepiratebay.org/search.php?q=${encodeURIComponent(searchQueries.TPB)}&video=on&search=Pirate+Search&page=0&orderby=`,
        },
        {
          text: "BTDIG",
          href: `https://btdig.com/search?q=${encodeURIComponent(searchQueries.BTDIG)}`,
        },
        {
          text: "BITSEARCH",
          href: `https://bitsearch.to/search?q=${encodeURIComponent(searchQueries.BITSEARCH)}`,
        },
      ];
 
      addStyles(styles);
      addLinks(links);
    }, 1000); // 1 second delay to ensure DOM is ready
  }
 
  // Flag to prevent multiple executions
  let initialized = false;
  
  function safeInit() {
    if (initialized) return;
    initialized = true;
    init();
  }
  
  // Try multiple initialization approaches with duplicate prevention
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', safeInit);
  } else {
    safeInit();
  }
})();