// ==UserScript==
// @name         Letterboxd: IMDb, TMDB & Stremio Badges
// @description  Swap out text links for bold IMDb, TMDB and Stremio icons with “A”/“W” badges in the footer
// @namespace    http://tampermonkey.net/
// @version      1
// @match        https://letterboxd.com/film/*
// @match        https://letterboxd.com/*/film/*
// @author       TheSina
// @license MIT
// @grant        none
// @downloadURL none
// ==/UserScript==
/* jshint esversion: 6 */
(function () {
  'use strict';

  // 1) inject CSS overrides + badge styles
  const style = document.createElement('style');
  style.textContent = `
    p.text-link.text-footer {
      display: flex !important;
      align-items: center !important;
      flex-wrap: nowrap !important;
    }
    p.text-link.text-footer a.micro-button {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 8px !important;
      padding: 2px !important;
      position: relative !important;   /* ← for badge positioning */
    }
    p.text-link.text-footer img {
      width: 36px !important;
      height: 36px !important;
      vertical-align: middle !important;
    }
    /* common badge */
    .stremio-badge {
      position: absolute;
      top: -4px;
      right: -4px;
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      font-weight: bold;
      color: white;
      border-radius: 3px;
    }

    .stremio-badge.app { background: linear-gradient(to bottom right, #8e44ad, #3498db); }
    .stremio-badge.web { background: linear-gradient(to bottom right, #8e44ad, #3498db); }
  `;
  document.head.appendChild(style);

  function injectStremioButtons() {
    const footer = document.querySelector('p.text-link.text-footer');
    if (!footer || footer.dataset.sbInjected) return;
    footer.dataset.sbInjected = 'true';

    const imdbA = footer.querySelector('a[data-track-action="IMDb"]');
    const tmdbA = footer.querySelector('a[data-track-action="TMDB"]');
    if (!imdbA || !tmdbA) return;
    const m = imdbA.href.match(/tt\d+/);
    if (!m) return;
    const id = m[0];

    const swapFav = (a, domain) => {
      a.textContent = '';
      const img = document.createElement('img');
      img.src = `https://www.google.com/s2/favicons?domain=${domain}&sz=64`;
      a.appendChild(img);
    };
    swapFav(imdbA, 'imdb.com');
    swapFav(tmdbA, 'themoviedb.org');

    // Stremio Web
    const stWeb = document.createElement('a');
    stWeb.className = 'micro-button track-event';
    stWeb.dataset.trackAction = 'Stremio Web';
    stWeb.href = `https://web.stremio.com/#/detail/movie/${id}/${id}`;
    stWeb.target = '_blank';
    stWeb.title = 'Open in Stremio Web';
    const webImg = document.createElement('img');
    webImg.src = 'https://www.google.com/s2/favicons?domain=web.stremio.com&sz=64';
    stWeb.appendChild(webImg);
    // badge
    const webBadge = document.createElement('span');
    webBadge.className = 'stremio-badge web';
    webBadge.textContent = 'W';
    stWeb.appendChild(webBadge);

    tmdbA.after(stWeb);

    // Stremio App
    const stApp = document.createElement('a');
    stApp.className = 'micro-button track-event';
    stApp.dataset.trackAction = 'Stremio App';
    stApp.href = `stremio://detail/movie/${id}`;
    stApp.title = 'Open in Stremio App';
    const appImg = document.createElement('img');
    appImg.src = 'https://www.google.com/s2/favicons?domain=web.stremio.com&sz=64';
    stApp.appendChild(appImg);
    // badge
    const appBadge = document.createElement('span');
    appBadge.className = 'stremio-badge app';
    appBadge.textContent = 'A';
    stApp.appendChild(appBadge);

    stWeb.after(stApp);
  }

  // initial + PJAX + MutationObserver
  injectStremioButtons();
  document.addEventListener('pjax:complete', injectStremioButtons);
  new MutationObserver(injectStremioButtons)
    .observe(document.body, {
      childList: true,
      subtree: true
    });

})();