wkt34fcz.user.js

// ==UserScript==
// @name         Trakt.tv | Custom Links (Watch-Now + External)
// @description  Adds custom links to all the "Watch-Now" and "External" sections (for titles and people). The ~35 defaults include Letterboxd, Stremio, streaming sites (e.g. P-Stream, Hexa), torrent aggregators (e.g. EXT, Knaben), various anime sites (both for streaming and tracking) and much more. Easily customizable. See README for details.
// @version      1.1.1
// @namespace    https://github.com/Fenn3c401
// @author       Fenn3c401
// @license      GPL-3.0-or-later
// @homepageURL  https://github.com/Fenn3c401/Trakt.tv-Userscript-Collection#readme
// @supportURL   https://github.com/Fenn3c401/Trakt.tv-Userscript-Collection/issues
// @updateURL    https://update.greasyfork.org/scripts/550074.meta.js
// @downloadURL  https://raw.githubusercontent.com/Fenn3c401/Trakt.tv-Userscript-Collection/main/userscripts/dist/wkt34fcz.user.js
// @icon         https://trakt.tv/assets/logos/logomark.square.gradient-b644b16c38ff775861b4b1f58c1230f6a097a2466ab33ae00445a505c33fcb91.svg
// @match        https://trakt.tv/*
// @match        https://classic.trakt.tv/*
// @run-at       document-start
// @resource     anidap         https://anidap.se/logo.png
// @resource     cineby         https://www.cineby.gd/logo.png
// @resource     dmm            https://raw.githubusercontent.com/debridmediamanager/debrid-media-manager/main/dmm-logo.svg
// @resource     hexa           https://hexa.su/hexa-logo.png
// @resource     knaben         data:image/svg+xml,%3Csvg%20onmouseenter%3D%22this.querySelectorAll('%3Anth-child(-n%2B9)').forEach((c%2Ci)%3D%26gt%3B%7Bc.style.transition%3D'none'%3Bc.style.transform%3D'translate(0%2C-70%25)'%3BsetTimeout(()%3D%26gt%3B%7Bc.style.transition%3D'transform%201s%20cubic-bezier(.5%2C.25%2C.27%2C.1)'%3Bc.style.transform%3D'translate(0%2C0)'%7D%2C50*(i%253%2B~~(i%2F3)))%7D)%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201862%20804%22%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M1470.91%20273.76h280.14v100.1h-280.14z%22%2F%3E%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M955.67%20273.76h499.85v100.1H955.67z%22%2F%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M653.56%20273.76h285.63v100.1H653.56z%22%2F%3E%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M1470.91%20160.32h280.14v96.76h-280.14z%22%2F%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M955.67%20160.32h499.85v96.76H955.67z%22%2F%3E%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M653.56%20160.32h285.63v96.76H653.56z%22%2F%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M1362.54%2040.2h281.94v101.77h-281.94z%22%2F%3E%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M1062.98%2040.2h281.94v101.77h-281.94z%22%2F%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M763.42%2040.2h281.94v101.77H763.42z%22%2F%3E%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M74.48%200h413.36v62.95H74.48zm0%2062.95h60.35v72.75H74.48zm136.41%200h37.2v72.75h-37.2zm107.47%200h37.2v72.75h-37.2zm111.61%200h57.87v72.75h-57.87zM74.48%20135.47h413.36v97.93H74.48z%22%2F%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M74.48%20233.16h502.74v140.7H74.48z%22%2F%3E%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M0%20391.991v.078L106.988%20644.12H1713.04v-2.908L1862%20492.251V391.95H.097Z%22%2F%3E%3Cpath%20fill%3D%22%237a7a7a%22%20d%3D%22M1713.489%20642.07H105.417l67.882%20159.92h1380.269Z%22%2F%3E%3C%2Fsvg%3E
// @resource     kuroiru        https://kuroiru.co/logo/stuff/letter-small.png
// @resource     miruro         https://www.miruro.to/assets/miruro-text-transparent-white-DRs0RmF1.png
// @resource     oracleofbacon  https://oracleofbacon.org/center_list.php
// @resource     scenenzbs      https://img.house-of-usenet.com/fd4bd542330506d41778e81860f29435c7f8795a7bbefbd9d297b7d79d5a067b.webp
// @resource     stremio        https://web.stremio.com/images/stremio_symbol.png
// @resource     vidora         data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwZmY5ZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzYwYTVmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcng9IjgiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJtOCA4IDggMTYgOC0xNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMy41Ii8+PC9zdmc+
// @require      https://cdn.jsdelivr.net/gh/stdlib-js/string-base-distances-levenshtein@v0.2.2-umd/browser.js#sha256-0SIsWI8h2EJjO46eyuxL1XnuGNhycW/o0yxyw/U+jrU=
// @grant        unsafeWindow
// @grant        GM_addStyle
// @grant        GM_getResourceURL
// @grant        GM_getResourceText
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_openInTab
// @grant        GM.xmlHttpRequest
// @connect      moviemaps.org
// @connect      kuroiru.co
// @connect      fanart.tv
// @connect      celeb.gate.cc
// ==/UserScript==

/* README
> Based on Tusky's [Trakt Watchlist Downloader](https://greasyfork.org/scripts/17991) with some sites/features/ideas borrowed from Accus1958's
> [trakt.tv Streaming Services Integration](https://greasyfork.org/scripts/486706), JourneyOver's [External links on Trakt](https://greasyfork.org/en/scripts/547223),
> sergeyhist's [Watch Now Alternative](https://github.com/sergeyhist/trakt-watch-now-alternative) and Tanase Gabriel's [Trakt.tv Universal Search](https://greasyfork.org/en/scripts/508020) userscripts.

### General
- Config options available via the userscript storage tab: *(note: only displayed after first run and with "Config mode" set to "Advanced" in TM settings)*
  - `maxSidebarWnLinks`: Controls how many watch-now links are visible in the watch-now preview of the sidebar (defaults to `4`).
  - `torrentResolution`: Resolution used for the query of the torrent and usenet links (defaults to `1080p`).
  - `includeNsfwLinks`: Toggles the visibility of the NSFW links (defaults to `false` for greasyfork compliance).
- Usually watch-now buttons of grid-items are only displayed if the title has been released and is available for streaming in your selected watch-now country.
    This script changes that by unhiding all watch-now buttons and color coding them as to the title's digital release status. White means the title is available for streaming
    in your selected watch-now country, light-grey means the title is available for streaming in another country and dark-grey means that the title is not available for streaming anywhere.
- Nearly all links are direct links to e.g. individual episodes, as opposed to search links, anime included.
- There's a "fix" for anime which default to the "wrong" episode group (aka. "alternate seasons"). For example "Solo Leveling" is listed with its second season being part of the first,
    and the episodes for "Cowboy Bebop" are all out of order, which would otherwise mess up direct linking to streaming sites. Trakt uses whichever grouping is used by TMDB and they have some,
    to put it nicely, "questionable" and very much rigid rules regarding e.g. what exactly constitutes a season, the "Attack on Titan" finale being part of the specials is a prime example..
- Some urls are constructed dynamically on click. That means there might be a small delay before the page opens. The resolved url is then also set as href, so on a second click
    the element behaves just like a regular link. A dynamic link is also resolved on right click, so you can e.g. do a double right click with a small delay in between
    to use the "open in incognito window" option like you can with a regular link.
- Some links are configured to only be added if certain conditions are met, e.g. anime links are only added for titles where "anime" is included in the genres.
- A scrollable plot summary is added to the watch-now modal. The watch-now modal and the sidebar are also made scrollable.
- I only included anime streaming sites which used some sort of known external id (e.g. mal, anilist) and an episode number for their episode urls, to allow for direct linking.
    One of these is "Kuroiru", an anime aggregator which contains more direct episode links to other popular anime streaming sites like HiAnime or AnimeKai.

### Default Custom Links
#### Watch-Now
- [EXT](https://ext.to) [Torrent Aggregator]
- [Stremio](https://www.stremio.com) [Debrid]
- [Knaben Database](https://knaben.org) [Torrent Aggregator]
- [Kuroiru](https://kuroiru.co) [Anime Aggregator]
- [AniDap](https://anidap.se) [Anime Streaming]
- [Miruro](https://www.miruro.to) [Anime Streaming]
- [Fmovies+](https://www.fmovies.gd) [Streaming]
- ~~[Vidora](https://watch.vidora.su) [Streaming] (embedded playback with support for one-way playback progress syncing if you've got my [PPM userscript](swtn5c9q.md) installed as well (only 5-80% and no scrobbling!))~~
- [Cineby](https://www.cineby.gd) [Streaming]
- [Hexa](https://hexa.su) [Streaming]
- [SceneNZBs](https://scenenzbs.com) [Usenet Indexer] (great fallback if a title is not available on public torrent trackers or streaming sites)
- [Debrid Media Manager](https://debridmediamanager.com) [Debrid]

#### External
- [Reddit](https://www.reddit.com) (discussions)
- [Letterboxd](https://letterboxd.com) (popular movie tracking site; lots of users, lists and reviews)
- [ReverseTV](https://reversetv.enzon19.com) ("Where have I seen each cast member before?")
- [MovieMaps](https://moviemaps.org) (interactive map of filming locations)
- [Fandom](https://www.fandom.com) (fan-made encyclopedias)
- [AZNude](https://www.aznude.com) (NSFW; nude scenes for titles and people)
- [CelebGate](https://celeb.gate.cc) (NSFW; people only; great source for leaks)
- [Rule 34](https://rule34.xxx) (NSFW; titles only; "If it exists there is p*rn of it.")
- [MyAnimeList](https://myanimelist.net) (anime tracking site)
- [AniList](https://anilist.co) (anime tracking site)
- [AniDB](https://anidb.net) (anime tracking site)
- [LiveChart](https://www.livechart.me) (anime tracking site)
- [TheTVDB](https://thetvdb.com) (similar to TMDB and IMDb)
- [TVmaze](https://www.tvmaze.com) (tv show tracking site)
- [YouTube Trailer](https://www.youtube.com) (season trailers are preferred)
- [YouTube Interviews](https://www.youtube.com) (e.g. actors in talkshows)
- [Rotten Tomatoes](https://www.rottentomatoes.com) (ratings/reviews from professional critics)
- [Metacritic](https://www.metacritic.com) (ratings/reviews from professional critics)
- [Spotify](https://open.spotify.com) (soundtracks)
- [MediUX](https://mediux.pro) (similar to fanart.tv)
- [YouGlish](https://youglish.com) ("How do I pronounce this actor's name?")
- [Oracle of Bacon](https://oracleofbacon.org) ([Six Degrees of Kevin Bacon](https://en.wikipedia.org/wiki/Six_Degrees_of_Kevin_Bacon))
*/


/* global levenshteinDistance */

'use strict';

const customLinkHelperFns = {
  encodeRfc3986: (s) => encodeURIComponent(s).replace(/[!'()*]/g, (c) => '%' + c.charCodeAt(0).toString(16).toUpperCase()),
  getDefaultTorrentQuery: (i) =>
    `${customLinkHelperFns.encodeRfc3986(i.title)}${i.type === 'movies' ? ` ${i.year}` : ''}` +
    `${i.season !== undefined ? ` s${String(i.season).padStart(2, '0')}${i.episode ? `e${String(i.episode).padStart(2, '0')}` : ''}` : ''}`,
  getDefaultDirectStreamingPath: (i) => `/${i.type === 'movies' ? `movie/${i.ids.tmdb}` : `tv/${i.ids.tmdb}/${i.season !== undefined ? i.season : '1'}/${i.episode ? i.episode : '1'}`}`,
  getWnInnerHtml: ({ btnStyle = '', img, imgStyle = '', text, textStyle = '' }) =>
    `<div class="icon btn-custom" style="${btnStyle}">` +
      (img ? `<img class="lazy" src="${GM_getResourceURL(img)}" style="${text ? 'max-width: 35%; ' : ''}${imgStyle}">` : '') +
      (text ? `<div class="text" style="${img ? 'max-width: 65%; ' : ''}${textStyle}">${text}</div>` : '') +
    `</div>`,
  getWnCategoryHtml: (category) => `[${watchNowCategories[category]}]`,
  getDdgFaviconHtml: (site, style = '') => `<img src="https://icons.duckduckgo.com/ip3/${site}.ico" style="${style}">`,
  getFaBrandsHtml: (brand, style = '') => `<i class="fa-brands fa-${brand}" style="${style}"></i>`,
  isAdultFemale: (i) => /female|non_binary/.test(i.gender) && i.birthday && Date.now() - new Date(i.birthday) > 18 * 365.25 * 24 * 60 * 60 * 1000,
  fetchAnimeId: (i, site) =>
    `fetch('https://arm.haglund.dev/api/v2/themoviedb?id=${i.ids.tmdb}').then((r) => r.json())` + // cached on disk for 6 hours
      `.then((arr) => arr.map((e) => (e.levDist = userscriptLevDist('${i.ids.slug}${i.season > 1 ? `-${i.season_title.toLowerCase().replaceAll(/[ '"]/g, '-')}` : ''}', e['anime-planet'] ?? ''), e))` +
                        `.sort((a, b) => a.levDist - b.levDist)` +
                        `.find((e) => e['${site}'])?.['${site}'])`,
  fetchWikidataClaim: (i, claimId) => // only for movies + shows
    `fetch('https://query.wikidata.org/sparql?format=json&query=${customLinkHelperFns.encodeRfc3986( // cached on disk for 5 mins
      `SELECT ?value WHERE { ` +
        `?item wdt:${i.type === 'movies' ? 'P4947' : 'P4983'} "${i.ids.tmdb}" . ` +
        `?item wdt:P31/wdt:P279* wd:${i.type === 'movies' ? 'Q11424' : 'Q5398426'} . ` +
        `?item wdt:${claimId} ?value . ` +
      `} LIMIT 1`
    )}').then((r) => r.json())` +
      `.then((r) => r.results.bindings[0]?.value?.value)`,
  hideNativeExternalLink: (idSuffix) => `#external-link-${idSuffix} { display: none !important; }`,
  getDdgTopResultRedirectUrl: (site, query) => `https://duckduckgo.com/?q=%5Csite%3A${site} ${customLinkHelperFns.encodeRfc3986(query)}`,
};

const watchNowCategories = {
  animeAggregator: 'Anime Aggregator',
  animeStreaming: 'Anime Streaming',
  debrid: 'Debrid',
  streaming: 'Streaming',
  torrentAggregator: 'Torrent Aggregator',
  torrentTracker: 'Torrent Tracker',
  usenetIndexer: 'Usenet Indexer',
};

const customWatchNowLinks = [
  { // https://ext.to/advanced/
    buildHref: (i) => `https://ext.to/browse/?q=${customLinkHelperFns.getDefaultTorrentQuery(i)} ${customLinkHelperFns.encodeRfc3986(gmStorage.torrentResolution)} 265${/shows|seasons/.test(i.type) ? '&sort=size&order=desc' : '&sort=seeds&order=desc'}&with_adult=1`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #242730;', text: 'EXT', textStyle: 'background-image: linear-gradient(90deg, #3990f6 48.2%, #2c67a6 48.2% 66.2%, #3990f6 66.2%); background-clip: text; color: transparent; font-size: 50cqi; font-weight: 850; letter-spacing: -0.5px; padding-right: 3%;' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('torrentAggregator'),
  },
  { // to open in desktop app use: buildHref: (i) => `stremio:///detail/...
    buildHref: (i) => `https://web.stremio.com/#/detail/${i.type === 'movies' ? `movie/${i.ids.imdb}/${i.ids.imdb}` : `series/${i.ids.imdb}${i.type === 'seasons' ? `?season=${i.season}` : i.type === 'episodes' ? `/${i.ids.imdb}:${i.season}:${i.episode}` : ''}`}`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #19163a;', img: 'stremio', text: 'Stremio' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('debrid'),
  },
  {
    buildHref: (i) => `https://knaben.org/search/${customLinkHelperFns.getDefaultTorrentQuery(i)} ${customLinkHelperFns.encodeRfc3986(gmStorage.torrentResolution)} (265|av1)/${i.type === 'movies' ? '3000000' : i.genres.includes('anime') ? '6000000' : '2000000'}/1/${/shows|seasons/.test(i.type) ? 'bytes' : 'seeders'}`,
    innerHtml: `<div class="icon btn-custom" style="background: #323537; flex-direction: column;">${GM_getResourceText('knaben').replace('<svg', '<svg style="max-height: 79%;"')}<div class="text" style="font-family: system-ui; font-size: 10cqi; letter-spacing: 0.3px;">KNABEN DATABASE</div></div>`,
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('torrentAggregator'),
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'myanimelist')}` +
      `.then((id) => id ?? userscriptGmXhrCustomLinks({ url: 'https://kuroiru.co/backend/search', method: 'POST', data: new URLSearchParams('q=${customLinkHelperFns.encodeRfc3986(i.title)}'), responseType: 'json' }).then((r) => r.response[0]?.id))` +
      `.then((id) => 'https://kuroiru.co/anime/' + id + '/ep${i.episode ?? '1'}')`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #191919;', img: 'kuroiru' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('animeAggregator'),
    includeIf: (i) => i.genres.includes('anime'),
  },
  { // type=dub is bugged
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'anilist')}.then((id) => 'https://anidap.se' + (id ? '/watch?ep=${i.episode ?? '1'}&type=dub&provider=&id=' + id : '/search?q=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #1f2728;', img: 'anidap', imgStyle: 'transform: scale(2.2);' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('animeStreaming'),
    includeIf: (i) => i.genres.includes('anime'),
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'anilist')}.then((id) => 'https://www.miruro.to' + (id ? '/watch/' + id + '/episode-${i.episode ?? '1'}' : '/search?query=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #0e0e0e;', img: 'miruro' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('animeStreaming'),
    includeIf: (i) => i.genres.includes('anime'),
  },
  {
    buildHref: (i) => `https://www.fmovies.gd/watch${customLinkHelperFns.getDefaultDirectStreamingPath(i)}`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #18252b;', text: 'FMOVIES+', textStyle: 'background-image: linear-gradient(to right, rgb(13 202 240), rgb(13 202 240 / 35%)); background-clip: text; color: transparent; font-family: system-ui; font-size: 15cqi; font-weight: 800; letter-spacing: 0.3px; border: 2px solid rgb(13 202 240 / 25%); border-radius: 5px; padding: 5%;' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('streaming'),
  },
  {
    buildHref: (i) => `https://www.cineby.gd${customLinkHelperFns.getDefaultDirectStreamingPath(i)}?play=true`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #440000;', img: 'cineby', text: 'Cineby', textStyle: 'font-family: system-ui; font-size: 17cqi;' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('streaming'),
  },
  {
    buildHref: (i) => `https://hexa.su/watch${customLinkHelperFns.getDefaultDirectStreamingPath(i)}`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #111317;', img: 'hexa' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('streaming'),
  },
  { // https://scenenzbs.com/search#adv-subtabs
    buildHref: (i) => `https://scenenzbs.com/search/${customLinkHelperFns.getDefaultTorrentQuery(i)} ${customLinkHelperFns.encodeRfc3986(gmStorage.torrentResolution)} (265|av1)`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #212529;', img: 'scenenzbs', imgStyle: 'transform: scale(1.8) translateY(-1px);' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('usenetIndexer'),
  },
  {
    buildHref: (i) => `https://x.debridmediamanager.com/${i.ids.imdb}`,
    innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #2e3e51;', img: 'dmm', imgStyle: 'transform: scale(1.7);', text: 'Debrid<br>Media<br>Manager', textStyle: 'font-size: 12cqi;' }),
    tooltipHtml: customLinkHelperFns.getWnCategoryHtml('debrid'),
  },
//   { // https://vidora.su/docs
//     buildHref: (i) => `https://vidora.su${customLinkHelperFns.getDefaultDirectStreamingPath(i)}?autoplay=true&colour=f1091c&pausescreen=false`,
//     innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #004a51;', img: 'vidora', text: 'Vidora', textStyle: `background-image: linear-gradient(to right, #00ff9d, #60a5fa); background-clip: text; color: transparent; font-family: 'Varela Round'; font-size: 18cqi; letter-spacing: 0;` }),
//     tooltipHtml: `${customLinkHelperFns.getWnCategoryHtml('streaming')}<br>(EMB + SYNC)`,
//     openInFrame: true,
//     _syncSetup: (() => window.addEventListener('message', async (evt) => { // dispatched every 4s
//       if (evt.data?.type === 'MEDIA_DATA') {
//         const mediaData = evt.data.data,
//               pbProgMan = unsafeWindow.userscriptPbProgMan;
//         if (!mediaData.id || !/movie|tv/.test(mediaData.type) || !pbProgMan) return;
//         let itemUrl, watched, duration;

//         if (mediaData.type === 'movie') {
//           itemUrl = Object.values(itemDataCache).find((i) => i.type === 'movies' && i.ids.tmdb === +mediaData.id)?.item_url;
//           watched = mediaData.progress.watched;
//           duration = mediaData.progress.duration;
//         } else if (mediaData.type === 'tv') {
//           const idMatches = Object.values(itemDataCache).filter((i) => /shows|seasons|episodes/.test(i.type) && i.ids.tmdb === +mediaData.id);
//           itemUrl = idMatches.find((i) => i.type === 'episodes' && i.season === mediaData.last_season_watched && i.episode === mediaData.last_episode_watched)?.item_url;
//           if (!itemUrl) {
//             const epData = await traktApiWrapper.episodes.summary({ id: idMatches[0].ids.trakt, season: mediaData.last_season_watched, episode: mediaData.last_episode_watched });
//             itemUrl = `/episodes/${epData.ids.trakt}`;
//             getItemData(itemUrl);
//           }
//           const progress = mediaData.show_progress?.[`s${mediaData.last_season_watched}e${mediaData.last_episode_watched}`]?.progress;
//           watched = progress?.watched;
//           duration = progress?.duration;
//         }

//         if (itemUrl && watched && duration) {
//           const prog = (watched / duration) * 100;
//           const progOld = pbProgMan.items[itemUrl]?.progress;
//           if (prog > 5 && prog < 80 && (!progOld || (Math.abs(prog - progOld) / 100) * duration > 30)) pbProgMan.set(itemUrl, prog, false);
//         }
//       }
//     }))(),
//   },
];

const customExternalLinks = [
  {
    buildHref: (i) => `/${/seasons|episodes/.test(i.type) ? 'shows' : i.type}/${i.ids.slug}${i.season !== undefined ? `/seasons/${i.season}${i.episode ? `/episodes/${i.episode}` : ''}` : ''}/wikipedia`,
    innerHtml: customLinkHelperFns.getFaBrandsHtml('wikipedia-w'),
    tooltipHtml: 'Wikipedia',
    addStyles: customLinkHelperFns.hideNativeExternalLink('wikipedia'),
  },
  {
    buildHref: (i) => `https://duckduckgo.com/?q=site%3Areddit.com Discussion ${customLinkHelperFns.encodeRfc3986(i.title)}${i.type === 'movies' ? ` ${i.year}` : ''}${i.season !== undefined ? ` Season ${i.season}${i.episode ? ` Episode ${i.episode}` : ''}` : ''}`,
    innerHtml: customLinkHelperFns.getFaBrandsHtml('reddit'),
    tooltipHtml: 'Reddit',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => `https://letterboxd.com/tmdb/${i.ids.tmdb}`,
    innerHtml: customLinkHelperFns.getFaBrandsHtml('letterboxd'),
    tooltipHtml: 'Letterboxd',
    includeIf: (i) => i.type === 'movies',
  },
  {
    buildHref: (i) => `https://reversetv.enzon19.com/${/seasons|episodes/.test(i.type) ? 'shows' : i.type}/${i.ids.slug}${i.season !== undefined ? `/seasons/${i.season_old ?? i.season}${i.episode ? `/episodes/${i.episode_old ?? i.episode}` : ''}` : ''}`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('reversetv.enzon19.com', '--extra-filters: invert(1);'),
    tooltipHtml: 'ReverseTV',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => `userscriptGmXhrCustomLinks({ url: 'https://moviemaps.org/ajax/search?token=${customLinkHelperFns.encodeRfc3986(i.title)}&max_matches=1&use_similar=1', responseType: 'json' })` +
      `.then((r) => 'https://moviemaps.org' + (r.response[0]?.url ?? '/search?q=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: `<i class="fa-regular fa-map"></i>`,
    tooltipHtml: 'MovieMaps',
    includeIf: (i) => i.type !== 'people' && !['animation', 'anime'].some((g) => i.genres.includes(g)),
  },
  {
    buildHref: (i) => customLinkHelperFns.getDdgTopResultRedirectUrl('fandom.com', i.title),
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('fandom.com', '--extra-filters: invert(1);'),
    tooltipHtml: 'Fandom',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => `https://aznude.com/search.html?q=${customLinkHelperFns.encodeRfc3986(i.name ?? i.title)}`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('aznude.com', 'transform: scale(1.1);'),
    tooltipHtml: 'AZNude',
    includeIf: (i) => gmStorage.includeNsfwLinks && (i.type === 'people' && customLinkHelperFns.isAdultFemale(i) || i.type !== 'people' && !['animation', 'anime'].some((g) => i.genres.includes(g))),
  },
  {
    buildHref: (i) => `userscriptGmXhrCustomLinks({ url: 'https://celeb.gate.cc/search.json?q=${customLinkHelperFns.encodeRfc3986(i.name)}', responseType: 'json' })` +
      `.then((r) => 'https://celeb.gate.cc/' + (r.response[0] ? r.response[0].url + '?s=i.clicks.total&cdir=desc#images' : 'search?q=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: '<img src="https://celeb.gate.cc/assets/logo.png" style="--extra-filters: brightness(1.1);">',
    tooltipHtml: 'CelebGate',
    includeIf: (i) => gmStorage.includeNsfwLinks && i.type === 'people' && customLinkHelperFns.isAdultFemale(i),
  },
  {
    buildHref: (i) => `https://rule34.xxx/index.php?page=post&s=list&tags=sort:score ${i.title.toLowerCase().replaceAll(/[^a-z0-9-:; ]/g, '').replaceAll(' ', '_')}`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('rule34.xxx'),
    tooltipHtml: 'Rule 34',
    includeIf: (i) => gmStorage.includeNsfwLinks && i.type !== 'people',
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'myanimelist')}.then((id) => 'https://myanimelist.net' + (id ? '/anime/' + id${i.episode ? ` + '/x/episode/${i.episode}'` : ''} : '/search/all?q=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('myanimelist.net'),
    tooltipHtml: 'MyAnimeList',
    includeIf: (i) => i.genres?.includes('anime'),
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'anilist')}.then((id) => 'https://anilist.co' + (id ? '/anime/' + id : '/search/anime?search=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('anilist.co'),
    tooltipHtml: 'AniList',
    includeIf: (i) => i.genres?.includes('anime'),
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'anidb')}.then((id) => 'https://anidb.net/anime/' + (id ?? '?adb.search=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('anidb.net'),
    tooltipHtml: 'AniDB',
    includeIf: (i) => i.genres?.includes('anime'),
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchAnimeId(i, 'livechart')}.then((id) => 'https://livechart.me' + (id ? '/anime/' + id : '/search?q=${customLinkHelperFns.encodeRfc3986(i.title)}'))`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('livechart.me'),
    tooltipHtml: 'LiveChart',
    includeIf: (i) => i.genres?.includes('anime'),
  },
  {
    buildHref: (i) => `https://www.themoviedb.org/${i.type === 'people' ? 'person' : i.type === 'movies' ? 'movie' : 'tv'}/${i.ids.tmdb}${i.season !== undefined ? `/season/${i.season}${i.episode ? `/episode/${i.episode}` : ''}` : ''}`,
    innerHtml: '<img src="https://www.themoviedb.org/assets/2/v4/logos/v2/blue_square_2-d537fb228cf3ded904ef09b136fe3fec72548ebc1fea3fbbd1ad9e36364db38b.svg">',
    tooltipHtml: 'TMDB',
    addStyles: customLinkHelperFns.hideNativeExternalLink('tmdb'),
  },
  {
    buildHref: (i) => `https://www.imdb.com/${i.type === 'people' ? 'name' : 'title'}/${i.episode_ids?.imdb ?? i.ids.imdb}${i.season && !i.episode ? `/episodes/?season=${i.season}` : ''}`,
    innerHtml: customLinkHelperFns.getFaBrandsHtml('imdb', 'font-size: 24px;'),
    tooltipHtml: 'IMDb',
    addStyles: customLinkHelperFns.hideNativeExternalLink('imdb'),
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchWikidataClaim(i, i.type === 'movies' ? 'P12196' : 'P4835')}.then((id) => id ? 'https://www.thetvdb.com/dereferrer/${i.type === 'movies' ? 'movie' : 'series'}/' + id : '${customLinkHelperFns.getDdgTopResultRedirectUrl('thetvdb.com', i.title)}')`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('thetvdb.com'),
    tooltipHtml: 'TheTVDB',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => i.type === 'people' ?
      `fetch('https://api.tvmaze.com/search/people?q=${customLinkHelperFns.encodeRfc3986(i.name)}').then((r) => r.json()).then((r) => r[0]?.person.url ?? 'https://www.tvmaze.com/search?q=${customLinkHelperFns.encodeRfc3986(i.name)}')` :
      `fetch('https://api.tvmaze.com/lookup/shows?imdb=${i.ids.imdb}').then((r) => ${!i.season ?
        `r.url.replace('api.', '')` :
        `fetch(r.url + '${i.episode ? `/episodebynumber?season=${i.season}&number=${i.episode}` : `/seasons`}').then((r2) => r2.json()).then((r2) => r2${i.episode ? '' : `[${i.season-1}]`}.url)`})`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('tvmaze.com'),
    tooltipHtml: 'TVmaze',
    includeIf: (i) => /shows|seasons|episodes|people/.test(i.type),
  },
  {
    buildHref: (i) => i.season_trailer ?? (i.type !== 'episodes' ? i.trailer : null) ?? customLinkHelperFns.getDdgTopResultRedirectUrl('youtube.com', `${i.title}${i.type === 'movies' ? ` ${i.year}` : ''}${i.season ? ` Season ${i.season}` : ''} Official Trailer`),
    innerHtml: customLinkHelperFns.getFaBrandsHtml('youtube'),
    tooltipHtml: 'YouTube Trailer',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => `https://www.youtube.com/results?search_query=${customLinkHelperFns.encodeRfc3986(i.name)} Interview`,
    innerHtml: customLinkHelperFns.getFaBrandsHtml('youtube'),
    tooltipHtml: 'YouTube Interviews',
    includeIf: (i) => i.type === 'people',
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchWikidataClaim(i, 'P1258')}.then((id) => id ? ` +
      `'https://www.rottentomatoes.com/' + id${i.season ? ` + '/s${String(i.season).padStart(2, '0')}${i.episode ? `/e${String(i.episode).padStart(2, '0')}` : ''}'` : ''} : ` +
      `'${customLinkHelperFns.getDdgTopResultRedirectUrl('rottentomatoes.com', i.title + (i.season ? ` Season ${i.season}${i.episode ? ` Episode ${i.episode}` : ''}` : ''))}')`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('rottentomatoes.com', '--extra-filters: brightness(1.15) contrast(1.3);'),
    tooltipHtml: 'Rotten Tomatoes',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => `${customLinkHelperFns.fetchWikidataClaim(i, 'P1712')}.then((id) => id ? ` +
      `'https://www.metacritic.com/' + id${i.season ? ` + '/season-${i.season}${i.episode ? `/episode-${i.episode}-${i.episode_title.toLowerCase().replaceAll(/[^a-z0-9- ]/g, '').replaceAll(' ', '-')}` : ''}'` : ''} : ` +
      `'${customLinkHelperFns.getDdgTopResultRedirectUrl('metacritic.com', i.title + (i.season ? ` Season ${i.season}${i.episode ? ` Episode ${i.episode}` : ''}` : ''))}')`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('metacritic.com'),
    tooltipHtml: 'Metacritic',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => $(`.btn-watch-now[data-url="${i.item_url}"] ~ .external #external-link-justwatch`).attr('href') ?? $('#powered_by_url').attr('value'),
    innerHtml: '<i class="fa-kit fa-justwatch"></i>',
    tooltipHtml: 'JustWatch',
    includeIf: (i) => i.type !== 'people' && $(`.btn-watch-now[data-url="${i.item_url}"] ~ .external #external-link-justwatch, #watch-now-content[data-url="${i.item_url}"] > #powered_by_url`).length,
    addStyles: customLinkHelperFns.hideNativeExternalLink('justwatch'),
  },
  {
    buildHref: (i) => `https://open.spotify.com/search/${customLinkHelperFns.encodeRfc3986(i.title)} Soundtrack`,
    innerHtml: customLinkHelperFns.getFaBrandsHtml('spotify'),
    tooltipHtml: 'Spotify',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => i.type === 'movies' ?
      `https://fanart.tv/movie/${i.ids.tmdb}` :
      `fetch('https://api.tvmaze.com/lookup/shows?imdb=${i.ids.imdb}').then((r) => r.ok ? ` +
        `r.json().then((r) => 'https://fanart.tv/series/' + r.externals.thetvdb) : ` +
        `userscriptGmXhrCustomLinks({ url: 'https://fanart.tv/api/search.php?section=tv&s=${customLinkHelperFns.encodeRfc3986(i.title)}', responseType: 'json' }).then((r) => r.response[0]?.link))`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('fanart.tv'),
    tooltipHtml: 'Fanart.tv',
    includeIf: (i) => i.type !== 'people',
    addStyles: customLinkHelperFns.hideNativeExternalLink('fanart'),
  },
  {
    buildHref: (i) => `https://mediux.pro/${i.type === 'movies' ? 'movies' : 'shows'}/${i.ids.tmdb}`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('mediux.pro'),
    tooltipHtml: 'MediUX',
    includeIf: (i) => i.type !== 'people',
  },
  {
    buildHref: (i) => `https://youglish.com/pronounce/${customLinkHelperFns.encodeRfc3986(i.name)}/english`,
    innerHtml: customLinkHelperFns.getDdgFaviconHtml('youglish.com'),
    tooltipHtml: 'YouGlish',
    includeIf: (i) => i.type === 'people',
  },
  {
    buildHref: (i) => [...new DOMParser().parseFromString(GM_getResourceText('oracleofbacon'), 'text/html').querySelectorAll('#main .top-1000 li')].some((li) => li.textContent.split('(')[0].trim() === i.name) ?
      'https://oracleofbacon.org/graph.php?who=' + customLinkHelperFns.encodeRfc3986(i.name) :
      `https://oracleofbacon.org/movielinks.php?a=Kevin+Bacon&b=${customLinkHelperFns.encodeRfc3986(i.name)}&use_using=1&u0=on&u1=on&use_role_types=1&rt0=on&rt1=on&rt3=on&company=&use_genres=1&g0=on&g4=on&g8=on&g12=on&g20=on&g24=on&g1=on&g5=on&g9=on&g13=on&g21=on&g25=on&g2=on&g10=on&g14=on&g18=on&g22=on&g26=on&g3=on&g7=on&g11=on&g15=on&g19=on&g27=on`,
    innerHtml: `<i class="fa-regular fa-chart-network"></i>`,
    tooltipHtml: 'Oracle of Bacon',
    includeIf: (i) => i.type === 'people',
  },
  {
    buildHref: (i) => i.homepage,
    innerHtml: '<i class="fa-light fa-clapperboard-play"></i>',
    tooltipHtml: 'Official Site',
    includeIf: (i) => i.homepage,
    addStyles: customLinkHelperFns.hideNativeExternalLink('official'),
  },
  {
    buildHref: (i) => $('#external-link-instagram').attr('href'),
    innerHtml: customLinkHelperFns.getFaBrandsHtml('instagram'),
    tooltipHtml: 'Instagram',
    includeIf: (i) => $(`:is(.btn-watch-now, .poster[data-person-id])[data-url="${i.item_url}"] ~ .external #external-link-instagram`).length,
    addStyles: customLinkHelperFns.hideNativeExternalLink('instagram'),
  },
  {
    buildHref: (i) => $('#external-link-twitter').attr('href'),
    innerHtml: customLinkHelperFns.getFaBrandsHtml('x-twitter'),
    includeIf: (i) => $(`:is(.btn-watch-now, .poster[data-person-id])[data-url="${i.item_url}"] ~ .external #external-link-twitter`).length,
    addStyles: customLinkHelperFns.hideNativeExternalLink('twitter'),
  },
  {
    buildHref: (i) => $('#external-link-facebook').attr('href'),
    innerHtml: customLinkHelperFns.getFaBrandsHtml('facebook'),
    tooltipHtml: 'Facebook',
    includeIf: (i) => $(`:is(.btn-watch-now, .poster[data-person-id])[data-url="${i.item_url}"] ~ .external #external-link-facebook`).length,
    addStyles: customLinkHelperFns.hideNativeExternalLink('facebook'),
  },
];

///////////////////////////////////////////////////////////////////////////////////////////////

let $, traktApiWrapper;
unsafeWindow.userscriptLevDist = levenshteinDistance;
unsafeWindow.userscriptGmOpenInTab = GM_openInTab;
unsafeWindow.userscriptGmXhrCustomLinks = GM.xmlHttpRequest;

const gmStorage = { maxSidebarWnLinks: 4, torrentResolution: '1080p', includeNsfwLinks: false, ...(GM_getValue('customLinks')) };
GM_setValue('customLinks', gmStorage);

const itemDataCache = {};


addStyles();

// document.documentElement.insertAdjacentHTML('beforeend', '<iframe id="custom-links-frame" allow="autoplay; fullscreen; picture-in-picture" credentialless></iframe>');

document.addEventListener('turbo:load', async () => {
  $ ??= unsafeWindow.jQuery;
  traktApiWrapper ??= unsafeWindow.userscriptTraktApiWrapper;
  if (!$) return;

  const $watchNowContent = $('#watch-now-content'),
        $searchResults = $('#header-search-autocomplete-results'),
        itemUrl = $('.notable-summary').attr('data-url') || $('.sidebar').attr('data-url');

  $(document).off('ajaxSuccess.userscript83278').on('ajaxSuccess.userscript83278', (_evt, _xhr, opt) => {
    if ($watchNowContent.length && opt.url.includes('/streaming_links?country=')) addCustomLinksToModal($watchNowContent);
    if ($searchResults.length && /^\/search\/autocomplete(?!\/(people|lists|users))/.test(opt.url)) addWatchNowLinksToSearchResults($searchResults);
  });

  if (/^\/(movies|shows|seasons|episodes|people)\/[^\/]+$/.test(itemUrl)) { // regex filters list + alternate season itemUrls
    const pathBeforeFetch = location.pathname,
          itemData = await getItemData(itemUrl);

    if (pathBeforeFetch === location.pathname) {
      addExternalLinksToSidebar(itemData);
      addExternalLinksToAdditionalStats(itemData);
      if (itemData.type !== 'people') {
        addWatchNowLinksToSidebar(itemData);
        addWatchNowLinksToActionButtons(itemData);
      }
    }
  }
}, { capture: true });

///////////////////////////////////////////////////////////////////////////////////////////////

const getCustomLinkHtml = (l, itemData, innerHtmlOverride) => {
  const buildHref = l.buildHref(itemData);
  if (!l.openInFrame) {
    return `<a ${!/\)\.then\(/.test(buildHref) ? `href="${buildHref}"` : `href="javascript:void(0);" ` +
      `onclick="event.preventDefault(); ` +
        `$(this).removeAttr('onclick onauxclick'); ` +
        `${buildHref}.then((href) => { $(this).attr('href', href); userscriptGmOpenInTab(href, { active: true, setParent: true }); });" ` +
      `onauxclick="event.preventDefault(); ` +
        `$(this).removeAttr('onclick onauxclick'); ` +
        `${buildHref}.then((href) => { $(this).attr('href', href); if (event.button === 1) userscriptGmOpenInTab(href, { setParent: true }); });"`} ` +
      `target="_blank" rel="noreferrer" data-original-title="${l.tooltipHtml ?? ''}">${innerHtmlOverride ?? l.innerHtml}</a>`;
  } else {
    return `<a href="javascript:void(0);" ` +
      `onclick="$('#custom-links-frame').attr('src') !== '${buildHref}' ? $('#custom-links-frame').attr('src', '${buildHref}').show() : $('#custom-links-frame').removeAttr('src').hide();" ` +
      `data-original-title="${l.tooltipHtml ?? ''}">${innerHtmlOverride ?? l.innerHtml}</a>`;
  }
};

function addExternalLinksToSidebar(itemData) {
  $(customExternalLinks
    .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
    .map((l) => getCustomLinkHtml(l, itemData))
    .join('')
   ).prependTo('#info-wrapper .sidebar .external > li').tooltip({
    container: 'body',
    placement: 'bottom',
    html: true,
  });
}

function addExternalLinksToAdditionalStats(itemData) {
  $(customExternalLinks
    .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
    .map((l) => getCustomLinkHtml(l, itemData, $(l.innerHtml).attr('alt') ?? l.tooltipHtml) + ', ')
    .join('')
  ).insertAfter('.additional-stats.with-external-links label:contains("Links")');
}

function addWatchNowLinksToSidebar(itemData) {
  const $sidebar = $('#info-wrapper .sidebar');

  if ($sidebar.has('.btn-watch-now').length && !$sidebar.has('.streaming-links').length) {
    $sidebar.find('.btn-watch-now').before(
      `<div class="streaming-links">` +
        `<div class="sources"></div>` +
      `</div>`
    );
  }

  $(customWatchNowLinks
    .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
    .map((l) => getCustomLinkHtml(l, itemData))
    .join('')
  ).prependTo($sidebar.find('.streaming-links .sources'))
   .attr('data-container', 'body').attr('data-html', 'true').tooltip(); // loadWatchnowModal() calls $('.streaming-links a').tooltip('destroy').tooltip({ html: true })
}

function addWatchNowLinksToActionButtons(itemData) {
  const $actionButtons = $('#overview .action-buttons');

  if ($actionButtons.length && !$actionButtons.has('.btn-watch-now').length) {
    const $sidebarBtnWatchNow = $('#info-wrapper .sidebar .btn-watch-now'),
          dataSourceCounts = $sidebarBtnWatchNow.attr('data-source-counts'),
          itemUrl = $sidebarBtnWatchNow.attr('data-url');
    if (!dataSourceCounts || !itemUrl) return;

    $actionButtons.prepend(
      `<div class="streaming-links">` +
        `<div class="sources"></div>` +
      `</div>` +
      `<a class="btn btn-block btn-summary btn-watch-now visible-xs selected" data-source-counts="${dataSourceCounts}" data-target="#watch-now-modal" data-toggle="modal" data-url="${itemUrl}" href="#">` +
        `<i class="fa fa-fw fa-solid fa-play"></i>` +
        `<div class="text">` +
          `<div class="main-info">Watch Now</div>` +
          `<div class="under-info">0 streaming services</div>` +
        `</div>` +
      `</a>`
    );
  }

  $(customWatchNowLinks
    .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
    .map((l) => getCustomLinkHtml(l, itemData))
    .join('')
  ).prependTo($actionButtons.find('.sources'))
   .attr('data-html', 'true').tooltip();
}

async function addWatchNowLinksToSearchResults($searchResults) {
  $searchResults.find('> .search-result:not([data-type="people"])').each(async function() { // search-by-id endpoints can return people
    const itemData = await getItemData($(this).attr('data-url'));

    if (!$(this).has('.streaming-links').length) {
      $(this).append(
        `<div class="streaming-links">` +
          `<div class="sources"></div>` +
        `</div>`
      );
    }

    $(customWatchNowLinks
      .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
      .map((l) => getCustomLinkHtml(l, itemData))
      .join('')
    ).prependTo($(this).find('.streaming-links .sources')).tooltip({
      placement: 'bottom',
      html: true,
    }).on('click', (evt) => evt.stopPropagation()); // native click handler on .search-result
  });
}

async function addCustomLinksToModal($watchNowContent) {
  const itemData = await getItemData($watchNowContent.attr('data-url'));

  $watchNowContent.find('> .streaming-links').prepend(
    `<div class="title">Custom Links</div>` +
    `<div class="section external"></div>` +
    `<div class="section"></div>` +
    ($watchNowContent.has('.no-links').length ? `<div class="title"></div>` : '')
  ).end().find('> .title-wrapper .titles').append(
    `<div class="overview">${itemData.episode_overview ?? itemData.season_overview ?? itemData.overview ?? 'No overview available.'}</div>`
  );

  $(customExternalLinks
    .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
    .map((l) => getCustomLinkHtml(l, itemData))
    .join('')
  ).appendTo($watchNowContent.find('.section.external')).tooltip({
    placement: 'bottom',
    html: true,
  });

  $(customWatchNowLinks
    .filter((l) => l.includeIf ? l.includeIf(itemData) : true)
    .map((l) => getCustomLinkHtml(l, itemData, l.innerHtml + (l.tooltipHtml ? `<div class="price">${l.tooltipHtml}</div>` : '')))
    .join('')
  ).appendTo($watchNowContent.find('.section.external + .section'));
}

///////////////////////////////////////////////////////////////////////////////////////////////

async function getItemData(itemUrl) {
  return (itemDataCache[itemUrl] ??= await (
    (traktApiWrapper ? getItemDataFromTraktApi : getItemDataFromSummaryPage)(itemUrl)
      .then((i) => i.type === 'episodes' && i.genres.includes('anime') ? verifyEpisodeGroup(i) : i)
  ));
}

async function getItemDataFromTraktApi(itemUrl) {
  const itemUrlSplit = itemUrl.split('/').filter(Boolean),
        type = itemUrlSplit[0];
  let itemDoc, $notableSummary, showData, seasonData, episodeData;

  // itemUrlSplit[1] is trakt-id for seasons + eps and slug for shows + movs + people, can be numeric for shows e.g. /shows/1883 which gets interpreted as trakt-id by api
  if (type === 'seasons' || type === 'shows' && !isNaN(itemUrlSplit[1])) {
    const resp = await fetch(itemUrl);
    if (!resp.ok) throw new Error(`getItemData: Fetching ${resp.url} failed with status: ${resp.status}`);
    itemDoc = new DOMParser().parseFromString(await resp.text(), 'text/html');
    $notableSummary = $(itemDoc).find('.notable-summary');
  }

  if (type === 'episodes') {
    [{ show: showData, episode: episodeData }] = await traktApiWrapper.search.id({ id_type: 'trakt', id: itemUrlSplit[1], type: 'episode', extended: 'full' }); // doesn't work with slugs or seasons
    seasonData = await traktApiWrapper.seasons.season({ id: showData.ids.trakt, season: episodeData.season, extended: 'full' });
  };
  const itemData = {
    item_url: itemUrl,
    type,
    ...(type !== 'episodes' && {
      ...(await traktApiWrapper[type === 'seasons' ? 'shows' : type].summary({ id: $notableSummary?.attr('data-show-id') ?? itemUrlSplit[1], extended: 'full' })), // cached on disk for 8 hours
    }),
    ...(type === 'seasons' && {
      season: +$notableSummary.attr('data-season-number'),
      season_title: $(itemDoc).find('#level-up-link[href*="/seasons/"]').text() || $(itemDoc).find('#summary-wrapper .mobile-title h1').contents()[0]?.textContent.trim(),
      season_overview: $(itemDoc).find('#overview #overview').text() || null,
      season_trailer: $(itemDoc).find('#overview .affiliate-links .trailer').attr('href') || null,
    }),
    ...(type === 'episodes' && {
      ...showData,
      season: seasonData.number,
      season_title: seasonData.title,
      season_original_title: seasonData.original_title,
      season_ids: seasonData.ids,
      season_first_aired: seasonData.first_aired,
      season_overview: seasonData.overview,
      season_episode_count: seasonData.episode_count,
      episode: episodeData.number,
      episode_title: episodeData.title,
      episode_original_title: episodeData.original_title,
      episode_ids: episodeData.ids,
      episode_first_aired: episodeData.first_aired,
      episode_overview: episodeData.overview,
      episode_type: episodeData.episode_type,
    }),
  };
  return itemData;
}

async function getItemDataFromSummaryPage(itemUrl) {
  let itemDoc, itemDoc2;

  const resp = await fetch(itemUrl);
  if (!resp.ok) throw new Error(`getItemData: Fetching ${resp.url} failed with status: ${resp.status}`);
  itemDoc = new DOMParser().parseFromString(await resp.text(), 'text/html');

  if (resp.url.includes('/seasons/')) {
    const resp2 = await fetch(resp.url.split('/seasons/')[0]);
    if (!resp2.ok) throw new Error(`getItemData: Fetching ${resp2.url} failed with status: ${resp2.status}`);
    itemDoc2 = new DOMParser().parseFromString(await resp2.text(), 'text/html');
  }

  const type = itemUrl.split('/').filter(Boolean)[0],
        $notableSummary = $(itemDoc).find('.notable-summary'),
        $additionalStatsLi = $(itemDoc).find('.additional-stats > li'),
        $additionalStatsLi2 = itemDoc2 ? $(itemDoc2).find('.additional-stats > li') : undefined,
        filterStatsElemsByLabel = (labelText, $statsElems = $additionalStatsLi) => $statsElems.filter((_, e) => $(e).find('label').text().toLowerCase() === labelText);

  const itemData = {
    item_url: itemUrl,
    type,
    ids: {
      trakt: +($notableSummary.attr('data-movie-id') ?? $notableSummary.attr('data-show-id') ?? $notableSummary.attr('data-person-id')),
      imdb: $(itemDoc2 ?? itemDoc).find('#external-link-imdb').attr('href')?.match(/(?:tt|nm)\d+/)?.[0],
      tmdb: +$(itemDoc).find('#external-link-tmdb').attr('href')?.match(/\d+/)?.[0] || null,
      slug: resp.url.split('/')[4],
    },
    homepage: $(itemDoc2 ?? itemDoc).find('#external-link-official').attr('href') ?? null,
    ...(type !== 'people' && {
      title: $(itemDoc).find(':is(body > [itemtype$="Movie"], body > [itemtype$="TVSeries"], body > [itemtype] > [itemtype$="TVSeries"]) > meta[itemprop="name"]').attr('content')?.match(/(.+?)(?: \(\d{4}\))?$/)?.[1],
      original_title: filterStatsElemsByLabel('original title', $additionalStatsLi2).contents().get(-1)?.textContent,
      year: +$(itemDoc2 ?? itemDoc).find('#summary-wrapper .mobile-title .year')[0]?.textContent || null,
      genres: $additionalStatsLi.find('[itemprop="genre"]').map((_, e) => $(e).text().toLowerCase()).get(),
      overview: $(itemDoc2 ?? itemDoc).find('#overview #overview').text() || null,
      trailer: $(itemDoc2 ?? itemDoc).find('#overview .affiliate-links .trailer').attr('href') || null,
    }),
    ...(/seasons|episodes/.test(type) && {
      season: +$notableSummary.attr('data-season-number'),
      season_title: $(itemDoc).find('#level-up-link[href*="/seasons/"]').text() || $(itemDoc).find('#summary-wrapper .mobile-title h1').contents()[0]?.textContent.trim(),
    }),
    ...(type === 'seasons' && {
      season_overview: $(itemDoc).find('#overview #overview').text() || null,
      season_trailer: $(itemDoc).find('#overview .affiliate-links .trailer').attr('href') || null,
    }),
    ...(type === 'episodes' && {
      episode: +$notableSummary.attr('data-episode-number'),
      episode_title: $(itemDoc).find('body > [itemtype$="TVEpisode"] > meta[itemprop="name"]').attr('content'),
      episode_overview: $(itemDoc).find('#overview #overview').text() || null,
      episode_ids: {
        imdb: $(itemDoc).find('#external-link-imdb').attr('href')?.match(/tt\d+/)?.[0],
      },
    }),
    ...(type === 'people' && {
      name: $(itemDoc).find('body > [itemtype$="Person"] > meta[itemprop="name"]').attr('content'),
      gender: filterStatsElemsByLabel('gender').contents().get(-1)?.textContent.toLowerCase().replace('-', '_'),
      birthday: filterStatsElemsByLabel('birthday').children().last().attr('data-date'),
    }),
  };
  if (Object.hasOwn(itemData, 'original_title')) itemData.original_title ??= itemData.title;
  return itemData;
}

async function verifyEpisodeGroup(itemData) { // some anime don't default to the "correct" episode group e.g. /shows/cowboy-bebop (eps out of order), /shows/solo-leveling (1 instead of 2 seasons)
  const normalizeTitle = (title) => title.trim().toLowerCase().replaceAll(/[.,]/g, '').replace(/\((\d)\)$/, (_m, p1) => 'i'.repeat(+p1)),
        showData = await fetch(`https://api.tvmaze.com/lookup/shows?imdb=${itemData.ids.imdb}`) // max 20 calls / 10s; cached on disk for 1 hour
                           .then((r) => r.ok ? fetch(r.url + '?embed[]=seasons&embed[]=episodes') : null).then((r) => r?.ok ? r.json() : null),
        episodeData = showData?._embedded.episodes.find((ep) => normalizeTitle(ep.name) === normalizeTitle(itemData.episode_title)); // can fail in case of completely different titles e.g. /shows/jujutsu-kaisen s02e21 "Transformation" vs "Metamorphosis"

  if (episodeData && (itemData.season !== episodeData.season || itemData.episode !== episodeData.number)) { // ep group used by tvmaze is usually the "correct" one
    itemData.season_old = itemData.season;
    itemData.episode_old = itemData.episode;
    itemData.season = episodeData.season;
    itemData.episode = episodeData.number;
    itemData.season_title = showData._embedded.seasons.find((s) => s.number == episodeData.season).name || `Season ${episodeData.season}`;
    ['season_original_title', 'season_ids', 'season_first_aired', 'season_episode_count'].forEach((prop) => delete itemData[prop]);
  }
  return itemData;
}

///////////////////////////////////////////////////////////////////////////////////////////////

function addStyles() {
  GM_addStyle(`
#custom-links-frame {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 999999;
  width: max(35vw, 300px);
  aspect-ratio: 16 / 9;
  display: none;
}


#info-wrapper .additional-stats.with-external-links .visible-xs {
  font-size: 0;
  user-select: none;
}
#info-wrapper .additional-stats.with-external-links .visible-xs > :is(label, a) {
  font-size: 14px;
  user-select: text;
}
#info-wrapper .additional-stats.with-external-links .visible-xs > a:has(+ a)::after {
  content: ", ";
}


.no-watchnow-sources:not([data-url^="/people"], [data-url^="/lists"]) {
  display: block !important;
}
[data-source-counts] > .fa-play::before {
  transition: color 0.3s;
}
[data-source-counts] > .fa-play::before {
  color: #777 !important;
}
[data-source-counts*="'${document.cookie.match(/(?:^|; )watchnow_country=([^;]*)/)?.[1] ?? new Intl.Locale(navigator.language).region}'" i] > .fa-play::before {
  color: #ccc !important;
}
:is([data-source-counts="{}"], [data-source-counts="{'none':1}"]) > .fa-play::before {
  color: #333 !important;
}
[data-source-counts] > .fa-play:hover::before {
  color: #fff !important;
}


#info-wrapper :is(.sidebar, .action-buttons) .streaming-links a:is(:nth-child(3n), :nth-child(4n)) {
  display: inline-block !important;
}
#info-wrapper .sidebar .streaming-links a:nth-child(n+${gmStorage.maxSidebarWnLinks + 1} of a),
#info-wrapper .action-buttons .streaming-links a:nth-child(n+3 of a),
#header-search-autocomplete-results .streaming-links a:nth-child(n+3 of a) {
  display: none !important;
}


.streaming-links a > .icon.btn-custom {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 3%;
  padding: 4% 6% !important;
  border-width: 0px !important;
  overflow: hidden;
  container-type: inline-size;
}
.streaming-links a:hover > .icon.btn-custom {
  filter: contrast(1.2);
}
.streaming-links .icon.btn-custom > img {
  max-height: 100%;
  object-fit: contain;
}
.streaming-links .icon.btn-custom > .text {
  position: revert;
  transform: revert;
  -webkit-transform: revert;
  max-height: revert;
  padding: revert;
  overflow: revert;
  text-transform: revert;
  white-space: pre;
  font-size: 14cqi;
}


:is(#info-wrapper .sidebar, #watch-now-content) .external a {
  height: 27px;
  padding: 3px 5px !important;
  line-height: 18px !important;
  font-size: 14px !important;
  vertical-align: middle;
  color: #ccc !important;
  background-color: #333 !important;
  border: solid 1px #333 !important;
  border-radius: 3px !important;
  width: revert !important;
}
:is(#info-wrapper .sidebar, #watch-now-content) .external a:has(> *) {
  padding: 1.5px !important;
}
:is(#info-wrapper .sidebar, #watch-now-content) .external a > :is(div, i) {
  padding: 0 2px !important;
  font-size: 19px;
  vertical-align: -5px;
}
:is(#info-wrapper .sidebar, #watch-now-content) .external a > img {
  height: 100%;
  border-radius: inherit;
  filter: grayscale(1) var(--extra-filters, grayscale(1));
}
:is(#info-wrapper .sidebar, #watch-now-content) .external a:hover {
  color: #fff !important;
  background-color: #555 !important;
}
:is(#info-wrapper .sidebar, #watch-now-content) .external a:hover > img {
  filter: grayscale(1) var(--extra-filters, grayscale(1)) brightness(1.3);
}


#watch-now-content .title-wrapper {
  margin-bottom: revert !important;
}
#watch-now-content .title-wrapper .titles {
  padding-bottom: revert !important;
}
#watch-now-content .title-wrapper .titles .overview {
  height: 60px;
  margin-top: 5px;
  padding: 5px 0 10px;
  mask: linear-gradient(to bottom, transparent, white 5px 45px, transparent);
  overflow-y: auto;
  scrollbar-width: none;
  color: #ccc;
}


#watch-now-modal {
  top: 35px !important;
  max-height: calc(100% - 70px);
  flex-direction: column;
}
#watch-now-modal[style*="display: block;"] {
  display: flex !important;
}
#watch-now-content {
  display: contents;
}
#watch-now-content .streaming-links {
  margin: 10px 0 !important;
  mask: linear-gradient(to bottom, transparent, white 10px calc(100% - 10px), transparent);
  overflow: auto;
  scrollbar-width: none;
}
#watch-now-content .title {
  margin: 10px 0 15px !important;
}
#watch-now-content .section.external {
  margin: 0 30px 15px !important;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}
#watch-now-content .section:not(.external) a {
  padding-bottom: 10px !important;
}
@media (width <= 767px) {
  #watch-now-content .section.external {
    margin: 0 15px 15px !important;
  }
}


@media (767px < width) {
  #info-wrapper .sidebar:has(> .external) {
    height: calc(100vh - 25px - var(--header-height));
    overflow: auto;
    scrollbar-width: none;
  }
}


${customWatchNowLinks.concat(customExternalLinks).map((l) => l.addStyles).filter(Boolean).join('\n')}
  `); // font data-uris are so long that everything below them doesn't get shown in style tag
}