spacer from show summary pages is missing here. GM_addStyle(` @media (width <= 767px) { body.season #episodes { margin-top: 35px !important; } } `); // FIXED ///////////////////////////////////////////////////////////////////////////////////////////// // people search results (including header search and both with the standard and experimental search engine) sort order is not great, // well known people tend to be ranked much lower than other people with the same or a similar name, // e.g. right now "Will Smith" ranks 15th, after 14 other "Will Smith"s and "Jack Black" ranks 5th after three other "Jack Black"s and a "Black Jack" // @require https://cdn.jsdelivr.net/gh/stdlib-js/string-base-distances-levenshtein@v0.2.2-umd/browser.js // if (isSearchPeoplePage) { // ((fn) => document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', fn) : fn())(() => { // const $ = unsafeWindow.jQuery; // if (!$) return; // const query = $('#filter-query').val().trim().toLowerCase(), // $peopleGridItems = $('.frame.people .grid-item[data-type="person"]'), // $container = $peopleGridItems.first().parent(); // if (!query || $peopleGridItems.length < 2) return; // const getMatchScore = (name, query) => { // if (name === query) return 5; // if (name.endsWith(query)) return 4; // search for surname is more likely // if (name.startsWith(query)) return 3; // if (query.split(' ').filter(Boolean).every((queryPart) => name.includes(queryPart))) return 2; // return 1 / window.levenshteinDistance(name, query); // } // $peopleGridItems.each(function() { // const name = $(this).find('meta[itemprop="name"]').attr('content').toLowerCase(), // hasImg = $(this).find('.titles').hasClass('has-worded-image'); // $(this) // .prop('matchScore', getMatchScore(name, query)) // .prop('hasImg', hasImg); // }).sort((a, b) => { // const hasImgA = $(a).prop('hasImg'), // hasImgB = $(b).prop('hasImg'); // if (hasImgA !== hasImgB) return hasImgB - hasImgA; // const scoreA = $(a).prop('matchScore'), // scoreB = $(b).prop('matchScore'); // if (scoreA !== scoreB) return scoreB - scoreA; // const idA = +$(a).attr('data-person-id'), // idB = +$(b).attr('data-person-id'); // return idA - idB; // }); // $container.prepend($peopleGridItems); // }); // } })(); gmStorage['cs1u5z40'] && (async () => { /* global Chart */ 'use strict'; let $, trakt; let $grid, isSeasonChart, filterSpecials, labelsCallback, chart, datasetsData, firstRunDelay; Chart.defaults.borderColor = 'rgb(44 44 44 / 0.5)'; const numFormatCompact = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 }); numFormatCompact.formatTLC = (n) => numFormatCompact.format(n).toLowerCase(); addStyles(); document.addEventListener('turbo:load', async () => { if (!/^\/shows\/[^/]+\/seasons\/[^/]+$/.test(location.pathname)) return; $ ??= unsafeWindow.jQuery; trakt ??= unsafeWindow.userscriptTraktAPIModule?.isFulfilled ? await unsafeWindow.userscriptTraktAPIModule : null; if (!$) return; $grid = $('#seasons-episodes-sortable'); if (!$grid.length) return; isSeasonChart = location.pathname.includes('/seasons/'); filterSpecials = !location.pathname.includes('/seasons/0'); labelsCallback = isSeasonChart ? (e) => `${e.seasonNum}x${String(e.episodeNum).padStart(2, '0')} ${e.watched ? '\u2714' : '\u2718'}` : (e) => `S. ${e.seasonNum} ${e.watched ? (e.watched == 100 ? '\u2714' : `(${e.watched}%)`) : '\u2718'}`; chart = null; datasetsData = []; firstRunDelay = true; if (!isSeasonChart && +$('.season-count').text().split(' ')[0] < 4 || location.pathname.includes('/alternate/') && location.pathname.split('/').filter(Boolean).length < 6) return; $grid.on('arrangeComplete', () => { if ($grid.data('isotope')) { if (!chart) initializeChart(); else updateChart(); } }); $(document).off('ajaxSuccess.userscript48372').on('ajaxSuccess.userscript48372', (_evt, _xhr, opt) => { if (opt.url.includes('/rate') && chart) updateChart(); }); }, { capture: true }); function initializeChart() { const canvas = $('').insertBefore($grid).children()[0]; chart = new Chart(canvas.getContext('2d'), { type: 'line', data: getChartData(), options: getChartOptions(), }); const intObs = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { intObs.disconnect(); if (!document.hidden) updateChart(); else $(document).one('visibilitychange', updateChart); }; }); }, { threshold: 1.0 }); intObs.observe(canvas); canvas.addEventListener('click', (event) => { // TODO integrate into chart options const points = chart.getElementsAtEventForMode(event, 'nearest', { axis: 'x', intersect: false }, true); if (!points.length) return; const closestPoint = points.sort((p1, p2) => Math.abs(p1.element.y - event.layerY) - Math.abs(p2.element.y - event.layerY))[0]; if (Math.abs(closestPoint.element.y - event.layerY) < 10) { const url = `${datasetsData[closestPoint.index].urlFull}${closestPoint.datasetIndex === 3 ? '/comments' : ''}`; GM_openInTab(url, { active: true, insert: true }); } else { if (chart.isZoomedOrPanned()) { chart.resetZoom('active'); } } }); } async function updateChart() { const newDatasetsData = await getDatasetsData(); if (JSON.stringify(datasetsData) !== JSON.stringify(newDatasetsData)) { datasetsData = newDatasetsData; chart.data = getChartData(); chart.options = getChartOptions(); chart.update(); if (firstRunDelay) firstRunDelay = false; } } function getDatasetsData() { const datasetsData = $grid.data('isotope').filteredItems.filter((i) => filterSpecials ? i.element.dataset.seasonNumber !== '0' : true).map(async (i) => { const itemData = { generalRating: i.sortData.percentage, votes: i.sortData.votes, watchers: i.sortData.watchers, episodeNum: i.element.dataset.number || null, seasonNum: i.element.dataset.seasonNumber, urlFull: $(i.element).find('meta[itemprop="url"]').attr('content'), personalRating: $(i.element).find('.corner-rating > .text').text() || null, watched: $(i.element).find('a.watch.selected').attr('data-percentage') ?? 0, releaseDate: $(i.element).find('.percentage').attr('data-earliest-release-date'), }; if (isSeasonChart) { itemData.mainTitle = $(i.element).find('.under-info .main-title').text(); itemData.comments = $(i.element).find('.episode-stats > a[data-original-title="Comments"]').text() || 0; } else { itemData.mainTitle = $(i.element).find('div[data-type="season"] .titles-link h3').text(); if (trakt) { // TODO const respJSON = await trakt.seasons.comments({ id: i.element.dataset.showId, season: itemData.seasonNum, pagination: true, limit: 1 }); itemData.comments = respJSON.pagination.item_count; } else { const resp = await fetch(i.element.dataset.url + '.json'); if (!resp.ok) throw new Error(`XHR for: ${resp.url} failed with status: ${resp.status}`); itemData.comments = (await resp.json()).stats.comment_count; } } return itemData; }); return Promise.all(isSeasonChart ? datasetsData : datasetsData.reverse()); } function getGradientY(context, callerID, yAxisID, ...colors) { if (!context) return colors.pop().color; const {ctx, chartArea, scales} = context.chart; if (!chartArea) return; ctx[callerID] ??= { }; if (!ctx[callerID].gradient || ctx[callerID].height !== chartArea.height || ctx[callerID].yAxisMin !== scales[yAxisID].min || ctx[callerID].yAxisMax !== scales[yAxisID].max) { ctx[callerID].height = chartArea.height; ctx[callerID].yAxisMin = scales[yAxisID].min; ctx[callerID].yAxisMax = scales[yAxisID].max; let newBottom = scales[yAxisID].max - scales[yAxisID].min; newBottom = newBottom ? scales[yAxisID].max / newBottom : 1; newBottom = chartArea.bottom * newBottom; ctx[callerID].gradient = ctx.createLinearGradient(0, newBottom, 0, chartArea.top); colors.forEach((c) => ctx[callerID].gradient.addColorStop(c.offset, c.color)); } return ctx[callerID].gradient; } function getChartData() { return { labels: datasetsData.map(labelsCallback), datasets: [ { label: 'Personal Rating', data: datasetsData.map((e) => e.personalRating ? e.personalRating * 10 : null), yAxisID: 'yAxisRating', borderColor: (context) => getGradientY(context, '_ratingPersonal', 'yAxisRating', { offset: 0, color: 'rgb(97 97 97 / 0.6)' }, { offset: 0.1, color: 'rgb(97 97 97 / 0.6)' }, { offset: 1, color: 'rgb(175 2 0)' }), backgroundColor: (context) => getGradientY(context, '_ratingPersonal', 'yAxisRating', { offset: 0, color: 'rgb(97 97 97 / 0.6)' }, { offset: 0.1, color: 'rgb(97 97 97 / 0.6)' }, { offset: 1, color: 'rgb(175 2 0)' }), }, { label: 'General Rating', data: datasetsData.map((e) => e.generalRating), yAxisID: 'yAxisRating', fill: { target: '-1', above: `rgb(255 0 0 / ${$('body').hasClass('dark-knight') ? 0.15 : 0.3})`, below: `rgb(0 255 0 / ${$('body').hasClass('dark-knight') ? 0.15 : 0.3})`, }, borderColor: (context) => getGradientY(context, '_ratingGeneral', 'yAxisRating', { offset: 0, color: 'rgb(97 97 97 / 0.6)' }, { offset: 0.1, color: 'rgb(97 97 97 / 0.6)' }, { offset: 1, color: 'rgb(225 31 117)' }), backgroundColor: (context) => getGradientY(context, '_ratingGeneral', 'yAxisRating', { offset: 0, color: 'rgb(97 97 97 / 0.6)' }, { offset: 0.1, color: 'rgb(97 97 97 / 0.6)' }, { offset: 1, color: 'rgb(225 31 117)' }), }, { label: 'Watchers', data: datasetsData.map((e) => e.watchers), yAxisID: 'yAxisWatchers', borderColor: (context) => getGradientY(context, '_watchers', 'yAxisWatchers', { offset: 0, color: 'rgb(154 67 201 / 0.2)' }, { offset: 1, color: 'rgb(154 67 201)' }), backgroundColor: (context) => getGradientY(context, '_watchers', 'yAxisWatchers', { offset: 0, color: 'rgb(154 67 201 / 0.2)' }, { offset: 1, color: 'rgb(154 67 201)' }), }, { label: 'Comments', data: datasetsData.map((e) => e.comments), yAxisID: 'yAxisComments', borderColor: (context) => getGradientY(context, '_comments', 'yAxisComments', { offset: 0, color: 'rgb(54 157 226 / 0.2)' }, { offset: 1, color: 'rgb(54 157 226)' }), backgroundColor: (context) => getGradientY(context, '_comments', 'yAxisComments', { offset: 0, color: 'rgb(54 157 226 / 0.2)' }, { offset: 1, color: 'rgb(54 157 226)' }), }, ], }; } function getChartOptions() { return { responsive: true, maintainAspectRatio: false, interaction: { mode: 'nearest', axis: 'x', intersect: false, }, animation: { delay: (context) => (context.type === 'data' && context.mode === 'default') ? (firstRunDelay ? 500 : 0) + context.dataIndex * (750 / Math.max(datasetsData.length - 1, 1)) + context.datasetIndex * 100 : 0, }, scales: { x: { offset: true, }, yAxisRating: { type: 'linear', position: 'left', offset: true, suggestedMin: 60, max: 100, title: { display: true, text: 'Rating', }, grid: { color: (context) => !(context.tick.value % 10) ? 'rgb(55 55 55)' : Chart.defaults.borderColor, }, ticks: { callback: (tickValue) => `${tickValue}%`, }, }, yAxisWatchers: { type: 'linear', position: 'right', offset: true, min: 0, suggestedMax: 10, title: { display: true, text: 'Watchers', }, grid: { drawOnChartArea: false, }, ticks: { callback: (tickValue) => numFormatCompact.formatTLC(tickValue), } }, yAxisComments: { type: 'linear', position: 'right', offset: true, min: 0, suggestedMax: 10, title: { display: true, text: 'Comments', }, grid: { drawOnChartArea: false, }, }, }, plugins: { tooltip: { usePointStyle: true, boxPadding: 5, backgroundColor: 'rgb(0 0 0 / 0.5)', caretSize: 10, padding: { x: 18, y: 6, }, titleFont: { size: 13, weight: 'bold', }, callbacks: { title: (tooltipItems) => { let mainTitle = datasetsData[tooltipItems[0].parsed.x].mainTitle; mainTitle = mainTitle.length > 20 ? mainTitle.slice(0, 20).trim() + '...' : mainTitle; return `${tooltipItems[0].label}${mainTitle ? `\n${mainTitle}` : ''}`; }, label: (tooltipItem) => { const x = tooltipItem.parsed.x, y = tooltipItem.parsed.y, avgRatings = unsafeWindow.userscriptAvgSeasonEpisodeRatings; if (tooltipItem.datasetIndex === 0) { return `${y / 10}` + `${avgRatings?.personal?.average ? ` (avg: ${avgRatings.personal.average.toFixed(1)})` : ''}`; } else if (tooltipItem.datasetIndex === 1) { return `${y}% (${numFormatCompact.formatTLC(datasetsData[x].votes)} v.)` + `${avgRatings?.general ? ` (avg: ${avgRatings.general.average ? Math.round(avgRatings.general.average) : '--'}%)` : ''}`; } else if (tooltipItem.datasetIndex === 2) { return `${numFormatCompact.formatTLC(y)}${datasetsData[0].watchers ? ` (${Math.round(y * 100 / datasetsData[0].watchers)}%)`: ''}`; } else { return `${y}`; } }, labelColor: (tooltipItem) => { return { borderColor: tooltipItem.dataset.borderColor(), backgroundColor: tooltipItem.dataset.backgroundColor(), }; }, footer: (tooltipItems) => { const releaseDate = datasetsData[tooltipItems[0].parsed.x].releaseDate; return releaseDate ? unsafeWindow.formatDate?.(releaseDate) || releaseDate : undefined; }, }, }, legend: { labels: { usePointStyle: true, filter: (legendItem, chartData) => chartData.datasets[legendItem.datasetIndex].data.some((v) => v !== null), }, }, filler: { propagate: false, }, zoom: { zoom: { mode: 'x', drag: { enabled: true, threshold: 0, }, }, limits: { x: { minRange: 8, }, }, }, }, }; } function addStyles() { GM_addStyle(` #seasons-episodes-chart-wrapper { position: relative; margin-top: 20px; width: 100%; height: 250px; } @media (width <= 767px) { #seasons-episodes-chart-wrapper { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } } @media (991px < width) { #seasons-episodes-chart-wrapper { height: 300px; } } `); } })(); gmStorage['fyk2l3vj'] && (async () => { 'use strict'; let $, toastr, trakt; const Logger = Object.freeze({ _DEFAULT_PREFIX: GM_info.script.name.replace('Trakt.tv', 'Userscript') + ': ', _DEFAULT_TOAST: true, _printMsg(fnConsole, fnToastr, msg, { data, prefix = Logger._DEFAULT_PREFIX, toast = Logger._DEFAULT_TOAST } = {}) { msg = prefix + msg; console[fnConsole](msg, (data ? data : '')); if (toast) toastr[fnToastr](msg + (data ? ' See console for details.' : '')); }, info: (msg, opt) => Logger._printMsg('info', 'info', msg, opt), success: (msg, opt) => Logger._printMsg('info', 'success', msg, opt), warning: (msg, opt) => Logger._printMsg('warn', 'warning', msg, opt), error: (msg, opt) => Logger._printMsg('error', 'error', msg, opt), }); const gmStorage = { ...(GM_getValue('enhancedTitleMetadata')) }; GM_setValue('enhancedTitleMetadata', gmStorage); addStyles(); document.addEventListener('turbo:load', async () => { if (!/^\/(shows|movies)\//.test(location.pathname)) return; $ ??= unsafeWindow.jQuery; toastr ??= unsafeWindow.toastr; trakt ??= unsafeWindow.userscriptTraktAPIModule?.isFulfilled ? await unsafeWindow.userscriptTraktAPIModule : null; if (!$ || !toastr) return; const $additionalStatsLi = $('#overview .additional-stats > li'), pathSplit = location.pathname.split('/').filter(Boolean); if (!$additionalStatsLi.length) return; // YEAR const $year = $('#summary-wrapper .year'); if ($year.parent().is('a')) $year.insertAfter($year.parent()); // year is part of link to title summary page on e.g. /comments pages $year.wrapAll(``); // year range on /seasons/all // CERTIFICATION const $certification = $('#summary-wrapper div.certification'); $certification.wrap(``); // WRITERS const $writers = $additionalStatsLi.filter((_, e) => $(e).find('label').text().toLowerCase() === 'writers'); $writers.find('label').wrap(``); // GENRES const $genres = $additionalStatsLi.filter(':has([itemprop="genre"])'), matchingGenres = []; $genres.find('[itemprop="genre"]').each((i, e) => { matchingGenres[i] = $(e).text().toLowerCase().replaceAll(' ', '-'); $(e).wrap(``); }); if (matchingGenres.length > 1) $genres.find('label').wrap(``); // COUNTRY const $country = $additionalStatsLi.filter((_, e) => $(e).find('label').text().toLowerCase() === 'country'); // countryOfOrigin + name meta tags are unreliable let matchingCountry; // also used for networks and studios if ($country.length) { const allCountriesMap = await getAllCountriesMap(), countryText = $country.contents().get(-1)?.textContent; matchingCountry = allCountriesMap[countryText]; if (matchingCountry) { // flags seem to only be available for countries that are also watch-now countries (~139) const countryFlag = unsafeWindow.watchnowAllCountries?.[matchingCountry]?.image; if (countryFlag) $country.children().last().after(`
`).insertAfter($sortableGrid) : undefined, $btn = $(``).insertAfter($spacer ?? $sortableGrid); $btn.on('click', async () => { $btn.text('Loading...').prop('disabled', true); const fetchListElems = async (pathSuffix) => fetch(location.pathname + pathSuffix).then((r) => r.text()) .then((r) => $(new DOMParser().parseFromString(r, 'text/html')).find('.personal-list')); let $fetchedLists = $((await Promise.all(['/collaborations', '/liked', '/liked/official'].map(fetchListElems))).flatMap(($listElems) => $listElems.get())); const $personalLists = $('.personal-list'), personalListsIds = $personalLists.map((_i, e) => $(e).attr('data-list-id')).get(); $fetchedLists = $fetchedLists.filter((_i, e) => !personalListsIds.includes($(e).attr('data-list-id'))); // duplicate removal because a user can like his own personal lists if (!$fetchedLists.length) { $btn.text('No other lists found.') return; } const rankOffset = +$personalLists.last().attr('data-rank'); $fetchedLists.each((i, e) => $(e).attr('data-rank', rankOffset + i + 1)); $fetchedLists .find('.btn-list-progress').click(function() { unsafeWindow.showLoading(); const dataListId = $(this).attr('data-list-id'); if(dataListId && unsafeWindow.userSettings?.user.vip) unsafeWindow.redirect(unsafeWindow.userURL('progress?list=' + dataListId)); else unsafeWindow.redirect('/vip/list-progress'); }) .end().find('.btn-list-subscribe').click(function() { unsafeWindow.showLoading(); const dataListId = $(this).attr('data-list-id'); if(dataListId && unsafeWindow.userSettings?.user.vip) { $.post(`/lists/${dataListId}/subscribe`, function(response) { unsafeWindow.redirect(response.url); }).fail(function() { unsafeWindow.hideLoading(); unsafeWindow.toastr.error('Doh! We ran into some sort of error.'); }); } else unsafeWindow.redirect('/vip/calendars'); }) .end().find('.collaborations-deny').on('ajax:success', function(_e, response) { $('#collaborations-deny-' + response.id).children().addClass('trakt-icon-delete-thick'); $('#collaborations-approve-' + response.id).addClass('off'); $('#collaborations-block-' + response.id).addClass('off'); }); const $btnListEditLists = $('#btn-list-edit-lists'); if ($btnListEditLists.hasClass('active')) $btnListEditLists.trigger('click'); $btnListEditLists.hide(); $sortableGrid.append($fetchedLists); $spacer?.remove(); $btn.remove(); unsafeWindow.genericTooltips(); unsafeWindow.vipTooltips(); unsafeWindow.shareIcons(); unsafeWindow.convertEmojis(); unsafeWindow.userscriptAddLinksToListPreviewPosters?.(); unsafeWindow.addOverlays(); unsafeWindow.$grid?.isotope('insert', $fetchedLists); // isotope instance is only initialized after first filtering/sorting action unsafeWindow.updateListsCount(); unsafeWindow.lazyLoadImages(); unsafeWindow.renderReadmore(); }); }, { capture: true }); function addStyles() { GM_addStyle(` #all-in-one-lists-view-btn { margin: 20px auto 0; padding: 8px 16px; border-radius: var(--btn-radius); border: 1px solid hsl(0deg 0% 20% / 65%); background-color: #fff; color: #333; font-size: 18px; font-weight: var(--headings-font-weight); font-family: var(--headings-font-family); transition: all 0.2s; } #all-in-one-lists-view-btn:hover { color: var(--brand-primary); } #all-in-one-lists-view-btn:active { background-color: #ccc; } body.dark-knight #all-in-one-lists-view-btn { border: none; background-color: #333; color: #fff; } body.dark-knight #all-in-one-lists-view-btn:hover { background-color: var(--brand-primary); } body.dark-knight #all-in-one-lists-view-btn:active { background-color: #666; } @media (min-width: 768px) { body:has(> .bottom[id*="content-page"]) #all-in-one-lists-view-btn { margin-bottom: -20px; } } :is(#all-in-one-lists-view-btn, #all-in-one-lists-view-spacer) { display: block !important; } body:has(#btn-list-edit-lists.active) :is(#all-in-one-lists-view-btn, #all-in-one-lists-view-spacer) { display: none !important; } `); } })(); gmStorage['pmdf6nr9'] && (async () => { /* global Chart */ 'use strict'; let $, trakt; const numFormatCompact = new Intl.NumberFormat('en-US', { notation: 'compact', maximumFractionDigits: 1 }); numFormatCompact.formatTLC = (n) => numFormatCompact.format(n).toLowerCase(); addStyles(); document.addEventListener('turbo:load', async () => { if (!/^\/(shows|movies)\//.test(location.pathname)) return; $ ??= unsafeWindow.jQuery; trakt ??= unsafeWindow.userscriptTraktAPIModule?.isFulfilled ? await unsafeWindow.userscriptTraktAPIModule : null; if (!$) return; const $summaryWrapper = $('#summary-wrapper'), $summaryRatingsWrapper = $summaryWrapper.find('#summary-ratings-wrapper'), statsPath = $summaryRatingsWrapper.find('.trakt-rating > a').attr('href'); if (!statsPath) return; const $canvas = $(``) .appendTo($summaryWrapper.find('.shadow-base')) .find('canvas'); const [ratingsData, fanartBrightness] = await Promise.all([getRatingsData(statsPath), getFanartBrightness($summaryWrapper)]); const newChart = () => { new Chart($canvas[0].getContext('2d'), { type: 'bar', data: getChartData(ratingsData, fanartBrightness), options: getChartOptions(ratingsData, $summaryRatingsWrapper), }); }; if (!document.hidden) newChart(); else $(document).one('visibilitychange', newChart); }, { capture: true }); async function getRatingsData(statsPath) { let ratingsData; if (trakt) { const statsPathSplit = statsPath.split('/').slice(1, -1), id = isNaN(statsPathSplit[1]) ? statsPathSplit[1] : $('.summary-user-rating').attr(`data-${statsPathSplit[0].slice(0, -1)}-id`), // /shows/1883 numeric slugs are interpreted as trakt-id by api resp = await trakt[(statsPathSplit[4] ?? statsPathSplit[2] ?? statsPathSplit[0])].ratings({ id, season: statsPathSplit[3], episode: statsPathSplit[5] }); ratingsData = { distribution: Object.values(resp.distribution), votes: resp.votes }; } else { const resp = await fetch(statsPath), statsDoc = new DOMParser().parseFromString(await resp.text(), 'text/html'), ratDist = JSON.parse($(statsDoc).find('#charts-wrapper script').text().match(/ratingsDistribution = (\[.*\])/)[1]); ratingsData = { distribution: ratDist, votes: $('#summary-ratings-wrapper').data('vote-count') }; } if (ratingsData.distribution.length === 11) { // bg logging of titles with malformed (length = 11, [0] === 1 or more, only movs/shows no seasons/eps) ratings distribution data e.g. /shows/chainsaw-man // GM.setValue(statsPath, ratingsData.distribution.toString()); console.warn(GM_info.script.name.replace('Trakt.tv', 'Userscript') + ': Malformed ratings distribution data.', ratingsData.distribution.toString()); ratingsData.distribution.shift(); } return ratingsData; } function getFanartBrightness($summaryWrapper) { const $fullScreenshot = $summaryWrapper.find('> .full-screenshot'); const onBgImgSet = async () => { const url = $fullScreenshot.css('background-image').match(/https.*webp/)?.[0]; if (!url) return 0.5; const resp = await GM.xmlHttpRequest({ url, responseType: 'blob', fetch: true }); if (resp.status !== 200) throw new Error(`XHR for: ${resp.finalUrl} failed with status: ${resp.status}`); const blobUrl = URL.createObjectURL(resp.response), img = new Image(); img.src = blobUrl; await img.decode(); URL.revokeObjectURL(blobUrl); const canvas = document.createElement('canvas'); canvas.width = img.naturalWidth; canvas.height = img.naturalHeight; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); const cropWidth = img.naturalWidth / 4, cropHeight = img.naturalHeight / 4, data = ctx.getImageData(3*cropWidth, 2*cropHeight, cropWidth, cropHeight).data; let sum = 0, px = data.length / 16; for (let i = 0; i < data.length; i += 16) { sum += (0.299*data[i] + 0.587*data[i+1] + 0.114*data[i+2]) / 255; } return sum / px; } if ($fullScreenshot.attr('style')) return onBgImgSet(); else { return new Promise((res) => { new MutationObserver((_mutations, mutObs) => { mutObs.disconnect(); res(onBgImgSet()); }).observe($fullScreenshot[0], { attributeFilter: ['style'] }); }); } } function getGradientY(context, callerId, yAxisId, ...colors) { if (!context) return colors.pop().color; const {ctx, chartArea, scales} = context.chart; if (!chartArea) return; ctx[callerId] ??= {}; if (!ctx[callerId].gradient || ctx[callerId].height !== chartArea.height || ctx[callerId].yAxisMin !== scales[yAxisId].min || ctx[callerId].yAxisMax !== scales[yAxisId].max) { let newBottom = scales[yAxisId].max - scales[yAxisId].min; newBottom = newBottom ? scales[yAxisId].max / newBottom : 1; newBottom = chartArea.bottom * newBottom; ctx[callerId].gradient = ctx.createLinearGradient(0, newBottom, 0, chartArea.top); colors.forEach((c) => ctx[callerId].gradient.addColorStop(c.offset, c.color)); ctx[callerId].height = chartArea.height; ctx[callerId].yAxisMin = scales[yAxisId].min; ctx[callerId].yAxisMax = scales[yAxisId].max; } return ctx[callerId].gradient; } function getChartData(ratingsData, fanartBrightness) { return { labels: [...Array(10)].map((_, i) => String(i + 1)), datasets: [{ label: 'Votes', data: ratingsData.distribution, categoryPercentage: 1, barPercentage: 0.97, backgroundColor: `rgba(${Array(3).fill(Math.min(fanartBrightness+0.35, 1)*255).join(', ')}, ${Math.min(fanartBrightness+0.3, 0.7)})`, hoverBackgroundColor: (context) => getGradientY(context, '_votes', 'y', { offset: 0, color: `rgba(155, 66, 200, ${Math.min(fanartBrightness+0.3, 0.7)})` }, { offset: 0.9, color: `rgba(255, 0, 0, ${Math.min(fanartBrightness+0.3, 0.7)})` }), }], }; } function getChartOptions(ratingsData, $summaryRatingsWrapper) { return { responsive: true, maintainAspectRatio: false, minBarLength: 2, interaction: { mode: 'index', intersect: false, }, animation: { delay: (context) => (context.type === 'data' && context.mode === 'default') ? 250 + context.dataIndex * (750 / (ratingsData.distribution.length - 1)) : 0, }, scales: { x: { display: false, }, y: { display: false, suggestedMax: 10, }, }, plugins: { tooltip: { displayColors: false, backgroundColor: 'rgba(0, 0, 0, 0.7)', caretSize: 10, padding: { x: 12, y: 5, }, titleAlign: 'center', titleMarginBottom: 2, titleFont: { weight: 'bold', }, bodyAlign: 'center', bodyColor: 'rgb(170, 170, 170)', bodyFont: { size: 11, }, footerAlign: 'center', footerColor: (context) => `hsl(0, ${context.tooltip.dataPoints[0].parsed.x * 11}%, 35%)`, // approximation footerMarginTop: 2, footerFont: { size: 18, }, callbacks: { title: (tooltipItems) => { const label = tooltipItems[0].label; return `${label} - ${unsafeWindow.ratingsText?.[label]}`; }, label: (tooltipItem) => { const y = tooltipItem.parsed.y; return `${ratingsData.votes > 0 ? (y*100 / ratingsData.votes).toFixed(1) : '--'}% (${numFormatCompact.formatTLC(y)} v.)`; }, footer: (tooltipItems) => { const personalRating = $summaryRatingsWrapper.find('.summary-user-rating > :not([style="display: none;"]) > [class*="rating-"]').first().attr('class')?.match(/rating-(\d+)/)?.[1]; return tooltipItems[0].parsed.x === personalRating - 1 ? '\u2764' : ''; }, }, }, legend: { display: false, }, }, onClick: (_evt, activeElems) => { if (!activeElems.length) return; const rating = activeElems[0].index + 1; $summaryRatingsWrapper.find('.summary-user-rating:not(.popover-on)').trigger('click'); setTimeout(() => $(`.needsclick.rating-${rating}`).trigger('mouseover').trigger('click'), 500); }, }; } function addStyles() { GM_addStyle(` #summary-wrapper { container-type: inline-size; --rat-dist-chart-width: 28cqi; } #summary-wrapper .shadow-base { display: flex; justify-content: flex-end; align-items: flex-end; } #ratings-distribution-chart-wrapper { position: relative; z-index: 30; height: 100%; width: var(--rat-dist-chart-width); } #summary-wrapper:has(#summary-ratings-wrapper) .summary .mobile-title { padding-right: calc(var(--rat-dist-chart-width) - ((100cqi - 100%) / 2) + 5px) !important; } @media (width <= 767px) { #ratings-distribution-chart-wrapper { height: 65%; } } #summary-wrapper .summary .mobile-title .year { white-space: nowrap; } #summary-wrapper .summary .mobile-title .year::after { content: "\\2060"; } `); } })(); gmStorage['txw82860'] && (async () => { 'use strict'; const userslug = document.cookie.match(/(?:^|; )trakt_userslug=([^;]*)/)?.[1]; const menuTemplates = { historySorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Watched Date', href: '/added' }, { text: 'Plays', href: '/plays' }, { text: 'Time Spent', href: '/time' }, { text: 'Title', href: '/title' }, { text: 'Release Date', href: '/released' }, { text: 'Runtime', href: '/runtime' }, { text: 'Popularity', href: '/popularity' }, { text: 'Percentage', href: '/percentage' }, { text: 'Votes', href: '/votes' }, ]), }), progressSorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Watched Date', href: '/added' }, { text: 'Completion %', href: '/completed' }, { text: 'Episodes Left', href: '/episodes' }, { text: 'Time Left', href: '/time' }, { text: 'Plays', href: '/plays' }, { text: 'Release Date', href: '/released' }, { text: 'Premiere Date', href: '/premiered' }, { text: 'Title', href: '/title' }, { text: 'Popularity', href: '/popularity' }, { text: 'Episode Runtime', href: '/runtime' }, { text: 'Total Runtime', href: '/total-runtime' }, { text: 'Random', href: '/random' }, ]), }), librarySorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Added Date', href: '/added' }, { text: 'Title', href: '/title' }, { text: 'Release Date', href: '/released' }, ...(/\/shows/.test(hrefPrefix) ? [ { text: 'Episode Count', href: '/episodes' }, ] : []), ...(!/\/episodes/.test(hrefPrefix) ? [ { text: 'Runtime', href: '/runtime' }, { text: 'Popularity', href: '/popularity' }, ] : []), { text: 'Percentage', href: '/percentage' }, { text: 'Votes', href: '/votes' }, ]), }), ratingSelection: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'RATING' }, { text: 'All Ratings', href: '/all', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/all', submenuAnchorIndexes) }, { text: '10 - Totally Ninja!', href: '/10', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/10', submenuAnchorIndexes) }, { text: '9 - Superb', href: '/9', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/9', submenuAnchorIndexes) }, { text: '8 - Great', href: '/8', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/8', submenuAnchorIndexes) }, { text: '7 - Good', href: '/7', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/7', submenuAnchorIndexes) }, { text: '6 - Fair', href: '/6', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/6', submenuAnchorIndexes) }, { text: '5 - Meh', href: '/5', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/5', submenuAnchorIndexes) }, { text: '4 - Poor', href: '/4', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/4', submenuAnchorIndexes) }, { text: '3 - Bad', href: '/3', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/3', submenuAnchorIndexes) }, { text: '2 - Terrible', href: '/2', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/2', submenuAnchorIndexes) }, { text: '1 - Weak Sauce :(', href: '/1', submenu: menuTemplates.ratingsSorting(hrefPrefix + '/1', submenuAnchorIndexes) }, ]), }), ratingsSorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Rated Date', href: '/added' }, { text: 'Rating', href: '/rating' }, ...(!/\/ratings\/all/.test(hrefPrefix) ? [ { text: 'Title', href: '/title' }, { text: 'Release Date', href: '/released' }, ...(/\/(movies|shows)/.test(hrefPrefix) ? [ { text: 'Runtime', href: '/runtime' }, { text: 'Popularity', href: '/popularity' }, ] : []), { text: 'Percentage', href: '/percentage' }, { text: 'Votes', href: '/votes' }, ] : []), ]), }), listsViewSorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, ...(/\/lists\?/.test(hrefPrefix) ? [ { text: 'Rank', href: 'rank' }, ] : []), ...(/\/liked/.test(hrefPrefix) ? [ { text: 'Like Date', href: 'liked' }, ] : []), { text: 'Updated Date', href: 'updated' }, { text: 'Title', href: 'title' }, { text: 'Likes', href: 'likes' }, { text: 'Comments', href: 'comments' }, { text: 'Items', href: 'items' }, { text: 'Random', href: 'random' }, ]), }), listSorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Rank', href: 'rank' }, { text: 'Added Date', href: 'added' }, { text: 'Title', href: 'title' }, { text: 'Release Date', href: 'released' }, { text: 'Runtime', href: 'runtime' }, { text: 'Popularity', href: 'popularity' }, { text: 'Random', href: 'random' }, {}, { text: 'Trakt Percentage', href: 'percentage' }, { text: 'Trakt Votes', href: 'votes' }, ...(/\/watchlist\?sort=/.test(hrefPrefix) && userslug ? [ { text: 'Rotten Tomatoes (mdb)', href: `https://mdblist.com/watchlist/${userslug}?sort=rtomatoes&sortorder=desc`, useHrefPrefix: false }, { text: 'Metacritic (mdb)', href: `https://mdblist.com/watchlist/${userslug}?sort=metacritic&sortorder=desc`, useHrefPrefix: false }, { text: 'MyAnimeList (mdb)', href: `https://mdblist.com/watchlist/${userslug}?sort=myanimelist&sortorder=desc`, useHrefPrefix: false }, ] : []), {}, { text: 'My Rating', href: 'my_rating' }, { text: 'Watched Date', href: 'watched' }, { text: 'Collected Date', href: 'collected' }, ]), }), commentType: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'TYPE' }, { text: 'All Types', href: '/all', submenu: menuTemplates.commentSorting(hrefPrefix + '/all', submenuAnchorIndexes) }, { text: 'Movies', href: '/movies', submenu: menuTemplates.commentSorting(hrefPrefix + '/movies', submenuAnchorIndexes) }, { text: 'Shows', href: '/shows', submenu: menuTemplates.commentSorting(hrefPrefix + '/shows', submenuAnchorIndexes) }, { text: 'Seasons', href: '/seasons', submenu: menuTemplates.commentSorting(hrefPrefix + '/seasons', submenuAnchorIndexes) }, { text: 'Episodes', href: '/episodes', submenu: menuTemplates.commentSorting(hrefPrefix + '/episodes', submenuAnchorIndexes) }, { text: 'Lists', href: '/lists', submenu: menuTemplates.commentSorting(hrefPrefix + '/lists', submenuAnchorIndexes) }, ]), }), commentSorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Added Date', href: '/added' }, { text: 'Reactions (30 Days)', href: '/likes_30' }, // TODO change href once/if they switch to /reactions_30 { text: 'Reactions (All Time)', href: '/likes' }, { text: 'Replies (30 Days)', href: '/replies_30' }, { text: 'Replies (All Time)', href: '/replies' }, { text: 'Plays', href: '/plays' }, { text: 'Rating', href: '/rating' }, ]), }), hiddenItemsSorting: (hrefPrefix, [anchorIndex = 1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'SORT BY' }, { text: 'Title', href: '/title' }, { text: 'Date', href: '/data' }, ]), }), showsMoviesCatTimePeriod: (hrefPrefix, [anchorIndex = -1, ...submenuAnchorIndexes] = []) => ({ hrefPrefix, entries: ((arr) => arr.with(anchorIndex, { ...arr.at(anchorIndex), anchor: true }))([ { text: 'PERIOD' }, { text: 'Day', href: '/daily' }, { text: 'Week', href: '/weekly' }, { text: 'Month', href: '/monthly' }, ...(!/\/streaming/.test(hrefPrefix) ? [ { text: 'All Time', href: '/all' }, ] : []), ]), }), }; const menus = { '.btn-profile a[href$="/history"]': { hrefPrefix: '/users/me/history', entries: [ { text: 'TYPE' }, { text: 'All Types', href: '/all', anchor: true }, { text: 'Movies', href: '/movies', submenu: menuTemplates.historySorting('/users/me/history/movies') }, { text: 'Shows', href: '/shows', submenu: menuTemplates.historySorting('/users/me/history/shows') }, { text: 'Episodes', href: '/episodes', submenu: menuTemplates.historySorting('/users/me/history/episodes') }, ], }, '.btn-profile a[href$="/library"]': { hrefPrefix: '/users/me/library', entries: [ { text: 'TYPE' }, { text: 'All Types', href: '/all', anchor: true }, { text: 'Movies', href: '/movies', submenu: menuTemplates.librarySorting('/users/me/library/movies') }, { text: 'Shows', href: '/shows', submenu: menuTemplates.librarySorting('/users/me/library/shows') }, { text: 'Episodes', href: '/episodes', submenu: menuTemplates.librarySorting('/users/me/library/episodes') }, ], }, '.btn-profile a[href$="/progress"]': { hrefPrefix: '/users/me/progress', entries: [ { text: 'SHOWS' }, { text: 'Watched', href: '/watched', anchor: true, submenu: menuTemplates.progressSorting('/users/me/progress/watched') }, { text: 'Dropped', href: '/dropped', submenu: menuTemplates.progressSorting('/users/me/progress/dropped') }, { text: 'Library', href: '/library', submenu: menuTemplates.progressSorting('/users/me/progress/library') }, ...(unsafeWindow.userscriptPlaybackProgressManager ? [ {}, { text: 'PLAYBACK' }, { text: 'All Types', href: '/playback' }, { text: 'Movies', href: '/playback/movies' }, { text: 'Episodes', href: '/playback/episodes' }, ] : []), ], }, '.btn-profile a[href$="/ratings"]': { hrefPrefix: '/users/me/ratings', entries: [ { text: 'TYPE' }, { text: 'All Types', href: '/all', anchor: true, submenu: menuTemplates.ratingSelection('/users/me/ratings/all') }, { text: 'Movies', href: '/movies', submenu: menuTemplates.ratingSelection('/users/me/ratings/movies', [ , 4]) }, { text: 'Shows', href: '/shows', submenu: menuTemplates.ratingSelection('/users/me/ratings/shows', [ , 4]) }, { text: 'Seasons', href: '/seasons', submenu: menuTemplates.ratingSelection('/users/me/ratings/seasons', [ , -1]) }, { text: 'Episodes', href: '/episodes', submenu: menuTemplates.ratingSelection('/users/me/ratings/episodes', [ , -1]) }, ], }, '.btn-profile a[href$="/lists"]': { hrefPrefix: '/users/me/lists', entries: [ { text: 'Watchlist', href: '/users/me/watchlist', useHrefPrefix: false, submenu: { hrefPrefix: '/users/me/watchlist?display=', entries: [ { text: 'TYPE' }, { text: 'All Types', href: '/users/me/watchlist', useHrefPrefix: false, anchor: true, submenu: menuTemplates.listSorting('/users/me/watchlist?sort=', [3]) }, { text: 'Movies', href: 'movie', submenu: menuTemplates.listSorting('/users/me/watchlist?display=movie&sort=', [3]) }, { text: 'Shows', href: 'show', submenu: menuTemplates.listSorting('/users/me/watchlist?display=show&sort=', [3]) }, { text: 'Seasons', href: 'season', submenu: menuTemplates.listSorting('/users/me/watchlist?display=season&sort=', [3]) }, { text: 'Episodes', href: 'episode', submenu: menuTemplates.listSorting('/users/me/watchlist?display=episode&sort=', [3]) }, ], }}, { text: 'Favorites', href: '/users/me/favorites', useHrefPrefix: false, submenu: { hrefPrefix: '/users/me/favorites?display=', entries: [ { text: 'TYPE' }, { text: 'All Types', href: '/users/me/favorites', useHrefPrefix: false, anchor: true, submenu: menuTemplates.listSorting('/users/me/favorites?sort=', [3]) }, { text: 'Movies', href: 'movie', submenu: menuTemplates.listSorting('/users/me/favorites?display=movie&sort=', [3]) }, { text: 'Shows', href: 'show', submenu: menuTemplates.listSorting('/users/me/favorites?display=show&sort=', [3]) }, ], }}, {}, { text: 'YOUR LISTS' }, { text: 'Personal Lists', href: '', submenu: menuTemplates.listsViewSorting('/users/me/lists?sort=') }, { text: 'Collaborations', href: '/collaborations', submenu: menuTemplates.listsViewSorting('/users/me/lists/collaborations?sort=') }, {}, { text: 'LIKED LISTS' }, { text: 'Personal Lists', href: '/liked', submenu: menuTemplates.listsViewSorting('/users/me/lists/liked?sort=') }, { text: 'Official Lists', href: '/liked/official', submenu: menuTemplates.listsViewSorting('/users/me/lists/liked/official?sort=') }, ], }, '.btn-profile a[href$="/comments"]': { hrefPrefix: '/users/me/comments', entries: [ { text: 'YOUR COMMENTS' }, { text: 'All Comments', href: '/all', anchor: true, submenu: menuTemplates.commentType('/users/me/comments/all') }, { text: 'Reviews', href: '/reviews', submenu: menuTemplates.commentType('/users/me/comments/reviews') }, { text: 'Shouts', href: '/shouts', submenu: menuTemplates.commentType('/users/me/comments/shouts') }, { text: 'Replies', href: '/replies', submenu: menuTemplates.commentType('/users/me/comments/replies') }, {}, { text: 'REACTIONS' }, { text: 'All Comments', href: '/liked/all', submenu: menuTemplates.commentType('/users/me/comments/liked/all', [-1, -1]) }, { text: 'Reviews', href: '/liked/reviews', submenu: menuTemplates.commentType('/users/me/comments/liked/reviews', [-1, -1]) }, { text: 'Shouts', href: '/liked/shouts', submenu: menuTemplates.commentType('/users/me/comments/liked/shouts', [-1, -1]) }, { text: 'Replies', href: '/liked/replies', submenu: menuTemplates.commentType('/users/me/comments/liked/replies', [-1, -1]) }, ], }, '.btn-profile a[href$="/notes"]': { hrefPrefix: '/users/me/notes', entries: [ { text: 'All Types', href: '/all' }, {}, { text: 'MEDIA ITEMS' }, { text: 'Movies', href: '/movies' }, { text: 'Shows', href: '/shows' }, { text: 'Seasons', href: '/seasons' }, { text: 'Episodes', href: '/episodes' }, { text: 'People', href: '/people' }, {}, { text: 'YOUR ACTIVITIES' }, { text: 'History', href: '/history' }, { text: 'Library', href: '/collection' }, // TODO switch to /library once /users/me/notes/library works { text: 'Ratings', href: '/ratings' }, ], }, '.btn-profile a[href$="/network"]': { hrefPrefix: '/users/me/network', entries: [ { text: 'Following', href: '/following/added' }, { text: 'Following (Pending)', href: '/following_pending/added' }, { text: 'Followers', href: '/followers/added' }, ], }, '.btn-profile a[href="/widgets"]': { hrefPrefix: '/widgets', entries: [ { text: 'Watched', href: '/watched' }, { text: 'Library', href: '/library' }, { text: 'Profile', href: '/profile' }, ], }, '.btn-profile a:contains("Quick Actions")': { entries: [ { text: 'Toggle Dark Mode', onclick: 'toggleDarkMode(); return false;' }, { text: 'Clear Search History', onclick: 'showLoading(); $.post(`/users/me/clear_search_history`).done(() => { toastr.success(`Your search history was cleared.`); cacheUserData(true); }).always(hideLoading); return false;' }, { text: 'Re-cache Progress Data', onclick: 'showLoading(); $.post(`/users/me/reset_progress_cache`).done(() => { toastr.success(`Your progress cache will be updated in a few minutes.`); }).always(hideLoading); return false;' }, { text: 'Re-cache Browser Data', onclick: 'window.reopenOverlays = [null]; window.afterLoadingBottomMessage = `Your browser data is reset!`; showLoading(`Please wait for the caching to fully complete.`); resetUserData(); return false;' }, ], }, '.btn-profile a[href="/settings"]': { hrefPrefix: '/settings', entries: [ { text: 'Advanced', href: '/advanced' }, { text: 'Your API Apps', href: '/oauth/applications', useHrefPrefix: false, submenu: { entries: [ { text: 'API Docs', href: '/b/api-docs' }, { text: 'Developer Forum', href: '/b/dev-forum' }, { text: 'Branding', href: '/branding' }, { text: 'New Application', href: '/oauth/applications/new' }, ], }}, { text: 'Connected Apps', href: '/oauth/authorized_applications', useHrefPrefix: false, submenu: { entries: [ { text: 'Activate Device', href: '/activate' }, ], }}, { text: 'Reports', href: '/reports', submenu: { hrefPrefix: '/reports', entries: [ { text: 'STATUS' }, { text: 'All Reports', href: '/all', anchor: true }, { text: 'Approved', href: '/approved' }, { text: 'Paused', href: '/paused' }, { text: 'Rejected', href: '/rejected' }, { text: 'Pending', href: '/pending' }, ], }}, { text: 'Hidden Items', href: '/hidden', submenu: { hrefPrefix: '/settings/hidden', entries: [ { text: 'Dropped Shows', href: '/dropped', submenu: menuTemplates.hiddenItemsSorting('/settings/hidden/dropped') }, {}, { text: 'Progress', href: '/watched', submenu: menuTemplates.hiddenItemsSorting('/settings/hidden/watched') }, { text: 'Library', href: '/collected', submenu: menuTemplates.hiddenItemsSorting('/settings/hidden/collected') }, // TODO switch to library once /settings/hidden/library works { text: 'Calendar', href: '/calendars', submenu: menuTemplates.hiddenItemsSorting('/settings/hidden/calendars') }, {}, { text: 'Rewatching', href: '/rewatching', submenu: menuTemplates.hiddenItemsSorting('/settings/hidden/rewatching') }, { text: 'Blocked Users', href: '/comments', submenu: menuTemplates.hiddenItemsSorting('/settings/hidden/comments') }, ], }}, { text: 'Plex Sync', href: '/plex' }, { text: 'Streaming Sync', href: '/scrobblers' }, { text: 'Notifications', href: '/notifications' }, { text: 'Sharing', href: '/sharing' }, { text: 'Data', href: '/data' }, { text: 'General', href: '', anchor: true, submenu: { hrefPrefix: '/settings', entries: [ { text: 'Change Password', href: '#password' }, { text: 'Appearance', href: '#appearance' }, { text: 'Search', href: '#search' }, { text: 'Progress', href: '#progress' }, { text: 'Profile', href: '#profile' }, { text: 'Year in Review', href: '#yir' }, { text: 'Calendars', href: '#calendars' }, { text: 'Dashboard', href: '#dashboard' }, { text: 'Spoilers', href: '#spoilers' }, { text: 'Watch Now', href: '#watchnow' }, { text: 'Rewatching', href: '#rewatching' }, { text: 'Global', href: '#global' }, { text: 'Date & Time', href: '#datetime' }, { text: 'Account', href: '#account', anchor: true }, ], }}, ], }, ':is(.btn-mobile-links, .links-wrapper) a[href^="/shows"]': { hrefPrefix: '/shows', entries: [ { text: 'Trending', href: '/trending' }, { text: 'Recommendations', href: '/recommendations' }, { text: 'Streaming Charts', href: '/streaming', submenu: menuTemplates.showsMoviesCatTimePeriod('/shows/streaming', [1]) }, { text: 'Anticipated', href: '/anticipated' }, { text: 'Popular', href: '/popular' }, { text: 'Favorited', href: '/favorited', submenu: menuTemplates.showsMoviesCatTimePeriod('/shows/favorited') }, { text: 'Watched', href: '/watched', submenu: menuTemplates.showsMoviesCatTimePeriod('/shows/watched') }, { text: 'Libraries', href: '/library', submenu: menuTemplates.showsMoviesCatTimePeriod('/shows/library') }, ], }, ':is(.btn-mobile-links, .links-wrapper) a[href^="/movies"]': { hrefPrefix: '/movies', entries: [ { text: 'Trending', href: '/trending' }, { text: 'Recommendations', href: '/recommendations' }, { text: 'Streaming Charts', href: '/streaming', submenu: menuTemplates.showsMoviesCatTimePeriod('/movies/streaming', [1]) }, { text: 'Anticipated', href: '/anticipated' }, { text: 'Popular', href: '/popular' }, { text: 'Favorited', href: '/favorited', submenu: menuTemplates.showsMoviesCatTimePeriod('/movies/favorited') }, { text: 'Watched', href: '/watched', submenu: menuTemplates.showsMoviesCatTimePeriod('/movies/watched') }, { text: 'Libraries', href: '/library', submenu: menuTemplates.showsMoviesCatTimePeriod('/movies/library') }, { text: 'Box Office', href: '/boxoffice' }, ], }, ':is(.btn-mobile-links, .links-wrapper) a[href="/calendars"]': { hrefPrefix: '/calendars', entries: [ { text: 'Personal', href: '/my/shows-movies', submenu: { hrefPrefix: '/calendars/my', entries: [ { text: 'Shows & Movies', href: '/shows-movies' }, { text: 'Shows', href: '/shows' }, { text: 'Premieres', href: '/premieres' }, { text: 'New Shows', href: '/new-shows' }, { text: 'Finales', href: '/finales' }, { text: 'Movies', href: '/movies' }, { text: 'Streaming', href: '/streaming' }, { text: 'DVD & Blu-ray', href: '/dvd' }, ], }}, { text: 'General', href: '/shows', submenu: { hrefPrefix: '/calendars', entries: [ { text: 'Shows', href: '/shows' }, { text: 'Premieres', href: '/premieres' }, { text: 'New Shows', href: '/new-shows' }, { text: 'Finales', href: '/finales' }, { text: 'Movies', href: '/movies' }, { text: 'Streaming', href: '/streaming' }, { text: 'DVD & Blu-ray', href: '/dvd' }, ], }}, ], }, ':is(.btn-mobile-links, .links-wrapper) a[href="/discover"]': { hrefPrefix: '/discover', entries: [ { text: 'Trends', href: '#trends' }, { text: 'Featured Lists', href: '#lists' }, { text: 'Summer TV Shows', href: '#featured-shows' }, { text: 'Comments', href: '#comments' }, ], }, ':is(.btn-mobile-links, .btn-tablet-links, .links-wrapper) a[href="/apps"]': { hrefPrefix: '/apps', entries: [ { text: 'Android (official)', href: "/a/trakt-android", useHrefPrefix: false, anchor: true }, { text: 'iOS (official)', href: "/a/trakt-ios", useHrefPrefix: false }, { text: 'Android & iOS (3rd Party)', href: "#community-apps" }, { text: 'Android TV (official)', href: "/a/trakt-android-tv", useHrefPrefix: false }, { text: 'tvOS (official)', href: "/a/trakt-tvos", useHrefPrefix: false }, {}, { text: 'INTEGRATIONS' }, { text: 'Media Centers', href: "#watching-wrapper" }, { text: 'Plex Sync', href: "#plex-scrobblers-wrapper" }, { text: 'Streaming Sync', href: "#streaming-scrobbler-wrapper" }, ], }, ':is(.btn-mobile-links, .btn-tablet-links, .links-wrapper) a[href="https://forums.trakt.tv"]': { hrefPrefix: 'https://forums.trakt.tv', entries: [ { text: 'Categories', href: '/categories', submenu: { hrefPrefix: 'https://forums.trakt.tv', entries: [ { text: 'Announcements', href: '/c/announcements' }, { text: 'Discussions', href: '/c/discussions', submenu: { hrefPrefix: 'https://forums.trakt.tv/c/discussions', entries: [ { text: 'General', href: '/general' }, { text: 'TV Shows', href: '/tv-shows' }, { text: 'Movies', href: '/movies' }, { text: 'Off Topic', href: '/off-topic' }, ], }}, { text: 'Trakt', href: '/c/trakt', submenu: { hrefPrefix: 'https://forums.trakt.tv/c/trakt', entries: [ { text: 'Questions & Help', href: '/questions' }, { text: 'Feature Requests', href: '/feature-requests' }, { text: 'Lite', href: '/trakt-lite' }, { text: 'Release Notes', href: '/release-notes' }, { text: 'VIP Beta Features', href: '/vip-beta-features' }, ], }}, { text: '3rd Party', href: '/c/3rd-party', submenu: { hrefPrefix: 'https://forums.trakt.tv/c/3rd-party', entries: [ { text: 'Media Centers', href: '/media-centers' }, { text: 'Mobile Apps', href: '/mobile-apps' }, { text: 'Other', href: '/other' }, ], }}, { text: 'Support', href: '/c/support', submenu: { hrefPrefix: 'https://forums.trakt.tv/c/support', entries: [ { text: 'Tutorials', href: '/tutorials' }, { text: 'VIP Features', href: '/vip-features' }, { text: 'Features', href: '/support-features' }, { text: 'FAQ', href: '/faq' }, ], }}, ], }}, { text: 'Latest', href: '/latest' }, { text: 'New', href: '/new' }, { text: 'Top', href: '/top', submenu: { hrefPrefix: 'https://forums.trakt.tv/top?period=', entries: [ { text: 'PERIOD' }, { text: 'Day', href: 'daily', anchor: true }, { text: 'Week', href: 'weekly' }, { text: 'Month', href: 'monthly' }, { text: 'Quarter', href: 'quarterly' }, { text: 'Year', href: 'yearly' }, { text: 'All Time', href: 'all' }, ], }}, {}, { text: 'EXTERNAL' }, { text: 'r/trakt', href: 'https://reddit.com/r/trakt', useHrefPrefix: false, submenu: { hrefPrefix: 'https://reddit.com/r/trakt', entries: [ { text: 'SORT BY' }, { text: 'Best', href: '/best' }, { text: 'Hot', href: '/hot' }, { text: 'New', href: '/new' }, { text: 'Top', href: '/top', submenu: { hrefPrefix: 'https://reddit.com/r/trakt/top?t=', entries: [ { text: 'PERIOD' }, { text: 'Hour', href: 'hour' }, { text: 'Day', href: 'day' }, { text: 'Week', href: 'week' }, { text: 'Month', href: 'month' }, { text: 'Year', href: 'year' }, { text: 'All Time', href: 'all', anchor: true }, ], }}, { text: 'Rising', href: '/rising', anchor: true }, ], }}, { text: 'Twitter', href: 'https://twitter.com/trakt', useHrefPrefix: false }, { text: 'Mastodon', href: 'https://ruby.social/@trakt', useHrefPrefix: false }, ], }, }; /////////////////////////////////////////////////////////////////////////////////////////////// const buildMenuHtml = ({ hrefPrefix, entries }) => entries.reduce((acc, { text, href, useHrefPrefix = true, onclick, submenu }, i) => acc + ( text !== undefined && (href !== undefined || onclick !== undefined) ? `
` +
(img ? `})
` : '') +
(text ? `
`,
getWnCategoryHtml: (category) => `[${watchNowCategories[category]}]`,
getDdgFaviconHtml: (site, style = '') => `${text}
` : '') +
`${GM_getResourceText('knaben').replace('KNABEN DATABASE
`,
tooltipHtml: customLinkHelperFns.getWnCategoryHtml('torrentAggregator'),
},
{
buildHref: (i) => `https://iframe.pstream.mov/embed/tmdb-${i.type === 'movies' ? `movie-${i.ids.tmdb}` : `tv-${i.ids.tmdb}/${i.season !== undefined ? i.season : '1'}/${i.episode ? i.episode : '1'}`}`,
innerHtml: customLinkHelperFns.getWnInnerHtml({ btnStyle: 'background: #110d1b;', img: 'pstream', text: 'P-Stream', textStyle: 'font-size: 11cqi;' }),
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'),
},
{
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://scenenzbs.com/search/${customLinkHelperFns.getDefaultTorrentQuery(i)} 1080p (265|av1)`, // https://scenenzbs.com/search#adv-subtabs
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: 'DebridMedia
Manager', textStyle: 'font-size: 12cqi;' }), tooltipHtml: customLinkHelperFns.getWnCategoryHtml('debrid'), }, ]; 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', }, { buildHref: (i) => `https://duckduckgo.com/?q=site:reddit.com Discussion ${encodeURIComponent(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', 'filter: invert(1) grayscale(1);'), tooltipHtml: 'ReverseTV', includeIf: (i) => i.type !== 'people', }, { buildHref: (i) => `javascript:GM_xmlhttpRequest({ url: 'https://moviemaps.org/ajax/search?token=${encodeURIComponent(i.title)}&max_matches=1&use_similar=1', responseType: 'json', onload: (r) => open('https://moviemaps.org' + (r.response[0]?.url ?? '/search?q=${encodeURIComponent(i.title)}')) })`, innerHtml: ``, tooltipHtml: 'MovieMaps', includeIf: (i) => i.type !== 'people' && !['animation', 'anime'].some((g) => i.genres.includes(g)), }, { buildHref: (i) => `https://${i.title.toLowerCase().replaceAll(/[^a-z0-9]/g, '')}.fandom.com/wiki/`, innerHtml: customLinkHelperFns.getDdgFaviconHtml('fandom.com', 'filter: invert(1) grayscale(1);'), tooltipHtml: 'Fandom', includeIf: (i) => i.type !== 'people', }, { buildHref: (i) => `https://aznude.com/${i.type === 'people' ? `view/celeb/${i.name.toLowerCase()[0]}/${i.name.toLowerCase().replaceAll(' ', '')}.html` : `search.html?q=${encodeURIComponent(i.title)}`}`, innerHtml: customLinkHelperFns.getDdgFaviconHtml('aznude.com', 'transform: scale(1.1);'), tooltipHtml: 'AZNude', includeIf: (i) => i.type === 'people' && customLinkHelperFns.isAdultFemale(i) || i.type !== 'people' && !['animation', 'anime'].some((g) => i.genres.includes(g)), }, { buildHref: (i) => `https://celeb.gate.cc/${i.name.toLowerCase().replaceAll(' ', '-')}/gallery.html?s=i.clicks.total&cdir=desc#images`, innerHtml: '
',
tooltipHtml: 'CelebGate',
includeIf: (i) => 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) => i.type !== 'people',
},
{
buildHref: (i) => `javascript:${customLinkHelperFns.fetchAnimeId(i, 'myanimelist')}.then((id) => open('https://myanimelist.net/anime/' + id))`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('myanimelist.net'),
tooltipHtml: 'MyAnimeList',
includeIf: (i) => i.genres?.includes('anime'),
},
{
buildHref: (i) => `javascript:${customLinkHelperFns.fetchAnimeId(i, 'anilist')}.then((id) => open('https://anilist.co/anime/' + id))`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('anilist.co'),
tooltipHtml: 'AniList',
includeIf: (i) => i.genres?.includes('anime'),
},
{
buildHref: (i) => `javascript:${customLinkHelperFns.fetchAnimeId(i, 'anidb')}.then((id) => open('https://anidb.net/anime/' + id))`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('anidb.net'),
tooltipHtml: 'AniDB',
includeIf: (i) => i.genres?.includes('anime'),
},
{
buildHref: (i) => `javascript:${customLinkHelperFns.fetchAnimeId(i, 'livechart')}.then((id) => open('https://livechart.me/anime/' + id))`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('www.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: '
',
tooltipHtml: 'TMDB',
},
{
buildHref: (i) => `https://www.imdb.com/${i.type === 'people' ? 'name' : 'title'}/${i.ids.imdb}${i.season ? `/episodes/?season=${i.season}` : ''}`,
innerHtml: customLinkHelperFns.getFaBrandsHtml('imdb', 'font-size: 24px;'),
tooltipHtml: 'IMDb',
},
{
buildHref: (i) => `javascript:${customLinkHelperFns.fetchWikidataClaim(i, i.type === 'movies' ? 'P12196' : 'P4835')}.then((id) => open('https://www.thetvdb.com/dereferrer/${i.type === 'movies' ? 'movie' : 'series'}/' + id))`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('thetvdb.com'),
tooltipHtml: 'TheTVDB',
includeIf: (i) => i.type !== 'people',
},
{
buildHref: (i) => i.type !== 'people' ? `javascript:fetch('https://api.tvmaze.com/lookup/shows?imdb=${i.ids.imdb}').then((r) => open(r.url.replace('api.', '')))` : `https://www.tvmaze.com/search?q=${i.name.toLowerCase().replaceAll(' ', '+')}`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('tvmaze.com'),
tooltipHtml: 'TVmaze',
includeIf: (i) => /shows|seasons|episodes|people/.test(i.type),
},
{
buildHref: (i) => $('#external-link-justwatch').attr('href'),
innerHtml: '',
tooltipHtml: 'JustWatch',
includeIf: (i) => $('#external-link-justwatch').length,
},
{
buildHref: (i) => `https://open.spotify.com/search/${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}` : `javascript:fetch('https://api.tvmaze.com/lookup/shows?imdb=${i.ids.imdb}').then((r) => r.json()).then((r) => open('https://fanart.tv/series/' + r.externals.thetvdb))`,
innerHtml: customLinkHelperFns.getDdgFaviconHtml('fanart.tv'),
tooltipHtml: 'Fanart.tv',
includeIf: (i) => i.type !== 'people',
},
{
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/${i.name.replaceAll(' ', '_')}/english`,
innerHtml: 'YG',
tooltipHtml: 'YouGlish',
includeIf: (i) => i.type === 'people',
},
{
buildHref: (i) => `https://oracleofbacon.org/graph.php?who=${i.name.replaceAll(' ', '+')}`,
innerHtml: 'Bacon°',
includeIf: (i) => i.type === 'people',
},
{
buildHref: (i) => $('#external-link-official').attr('href'),
innerHtml: '',
tooltipHtml: 'Official Site',
includeIf: (i) => $('#external-link-official').length,
},
];
///////////////////////////////////////////////////////////////////////////////////////////////
let $, trakt;
unsafeWindow.GM_xmlhttpRequest = GM_xmlhttpRequest;
unsafeWindow.userscriptLevDist = levenshteinDistance;
unsafeWindow.userscriptItemDataCache = {};
const gmStorage = { maxSidebarWnLinks: 4, ...(GM_getValue('customLinks')) };
GM_setValue('customLinks', gmStorage);
addStyles();
document.addEventListener('turbo:load', async () => {
$ ??= unsafeWindow.jQuery;
trakt ??= unsafeWindow.userscriptTraktAPIModule?.isFulfilled ? await unsafeWindow.userscriptTraktAPIModule : null;
if (!$) return;
const pathBeforeFetch = location.pathname,
itemUrl = $('.notable-summary').attr('data-url') || $('.sidebar').attr('data-url'),
itemData = /^\/(movies|shows|seasons|episodes|people)\/[^\/]+$/.test(itemUrl) ? await getItemData(itemUrl) : undefined; // regex covers list + alternate season itemUrls
if (pathBeforeFetch !== location.pathname) return;
if (customExternalLinks.length && itemData) {
addExternalLinksToSidebar(itemData);
addExternalLinksToAdditionalStats(itemData);
}
if (customWatchNowLinks.length) {
if (itemData && itemData.type !== 'people') {
addWatchNowLinksToSidebar(itemData);
addWatchNowLinksToActionButtons(itemData);
}
const $watchNowContent = $('#watch-now-content'),
$searchResults = $('#header-search-autocomplete-results');
if ($watchNowContent.has('.streaming-links').length) addWatchNowLinksToModal($watchNowContent);
$(document).off('ajaxSuccess.userscript83278').on('ajaxSuccess.userscript83278', (_evt, _xhr, opt) => {
if ($watchNowContent.length && opt.url.includes('/streaming_links?country=')) addWatchNowLinksToModal($watchNowContent);
if ($searchResults.length && /^\/search\/autocomplete(?!\/(people|lists|users))/.test(opt.url)) addWatchNowLinksToSearchResults($searchResults);
});
}
}, { capture: true });
///////////////////////////////////////////////////////////////////////////////////////////////
const getCustomLinkHtml = (l, itemData, innerHtmlOverride) => {
const href = l.buildHref(itemData);
return `${innerHtmlOverride || l.innerHtml}`;
};
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.tooltipHtml ?? l.innerHtml).text() || (l.tooltipHtml ?? l.innerHtml)) + ', ')
.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(
`` +
`` +
`
`
);
}
$(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(
`` +
`` +
`
` +
`` +
`` +
`` +
`
` +
``
);
}
$(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(
`Watch Now
` +
`0 streaming services
` +
`` +
`` +
`
`
);
}
$(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 addWatchNowLinksToModal($watchNowContent) {
const itemData = await getItemData($watchNowContent.attr('data-url'));
$watchNowContent.find('> .streaming-links').prepend(
`Custom Links
` +
`` +
($watchNowContent.has('.no-links').length ? `` : '')
);
$(customWatchNowLinks
.filter((l) => l.includeIf ? l.includeIf(itemData) : true)
.map((l) => getCustomLinkHtml(l, itemData, l.innerHtml + (l.tooltipHtml ? `${l.tooltipHtml}
` : '')))
.join('')
).appendTo($watchNowContent.find('.section').first());
}
///////////////////////////////////////////////////////////////////////////////////////////////
async function getItemData(itemUrl) {
const fixWrongDefaultEpisodeGroup = async (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 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[]=episodes&embed[]=seasons') : null)
.then((r) => r?.ok ? r.json() : null);
const episodeData = showData?._embedded.episodes.find((ep) => ep.name.trim().toLowerCase() === itemData.episode_title.trim().toLowerCase());
if (episodeData) {
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]);
}
}
const fetchFromApi = async () => { // cached on disk for 8 hours
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 trakt.search.id({ id_type: 'trakt', id: itemUrlSplit[1], type: 'episode', extended: 'full' }); // doesn't work with slugs and doesn't support type: 'season'
seasonData = await trakt.seasons.season.info({ id: showData.ids.trakt, season: episodeData.season, extended: 'full' });
};
const itemData = {
item_url: itemUrl,
type,
...(type !== 'episodes' && {
...(await trakt[type === 'seasons' ? 'shows' : type].summary({ id: $notableSummary?.attr('data-show-id') ?? itemUrlSplit[1], extended: 'full' })),
}),
...(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(),
}),
...(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_episode_count: seasonData.episode_count,
episode: episodeData.number,
episode_abs: episodeData.number_abs,
episode_title: episodeData.title,
episode_original_title: episodeData.original_title,
episode_ids: episodeData.ids,
episode_first_aired: episodeData.first_aired,
episode_type: episodeData.episode_type,
}),
};
if (type === 'episodes' && itemData.genres.includes('anime')) await fixWrongDefaultEpisodeGroup(itemData);
return itemData;
};
const scrapeFromSummaryPage = async () => {
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] || undefined,
slug: resp.url.split('/')[4],
},
...(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 || undefined,
genres: $additionalStatsLi.find('[itemprop="genre"]').map((_, e) => $(e).text().toLowerCase()).get(),
}),
...(/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 === 'episodes' && {
episode: +$notableSummary.attr('data-episode-number'),
episode_title: $(itemDoc).find('body > [itemtype$="TVEpisode"] > meta[itemprop="name"]').attr('content'),
}),
...(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;
if (itemData.type === 'episodes' && itemData.genres.includes('anime')) await fixWrongDefaultEpisodeGroup(itemData);
return itemData;
}
return (unsafeWindow.userscriptItemDataCache[itemUrl] ??= await (trakt ? fetchFromApi : scrapeFromSummaryPage)());
}
///////////////////////////////////////////////////////////////////////////////////////////////
function addStyles() {
const watchNowCountry = document.cookie.match(/(?:^|; )watchnow_country=([^;]*)/)?.[1] ?? new Intl.Locale(navigator.language).region.toLowerCase();
GM_addStyle(`
@font-face {
font-family: "GangOfThree";
src: url("${GM_getResourceURL('gojolive')}") format("woff2");
font-display: block;
}
#external-link-official, #external-link-imdb, #external-link-tmdb, #external-link-fanart, #external-link-justwatch, #external-link-wikipedia {
display: none !important;
}
#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*="'${watchNowCountry}'"] > .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;
}
.streaming-links .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;
}
#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;
}
#info-wrapper .sidebar .external a {
height: 27px;
vertical-align: middle;
}
#info-wrapper .sidebar .external a:has(> *) {
padding: 1.5px !important;
}
#info-wrapper .sidebar .external a > img {
height: 100%;
border-radius: inherit;
filter: grayscale(1);
}
#info-wrapper .sidebar .external a > :is(div, i) {
font-size: 18px;
vertical-align: -5px;
}
#watch-now-modal {
top: 37.5px !important;
}
#watch-now-modal #watch-now-content .streaming-links {
max-height: calc(100vh - 190px) !important;
overflow: auto !important;
scrollbar-width: none;
}
@media (767px < width) {
#info-wrapper .sidebar:has(> .external) {
height: calc(100vh - 25px - var(--header-height));
overflow: auto;
scrollbar-width: none;
}
}
`);
}
})();
gmStorage['x70tru7b'] && (async () => {
'use strict';
let $, compressedCache;
// const token = atob(GM_info.script.icon.split(',')[1]).match(//)[1];
addStyles();
document.addEventListener('turbo:load', () => {
$ ??= unsafeWindow.jQuery;
compressedCache ??= unsafeWindow.compressedCache;
if (!$ || !compressedCache) return; // || !token) return;
patchUserSettings();
$(document).off('ajaxSuccess.userscript38793').on('ajaxSuccess.userscript38793', (_evt, _xhr, opt) => {
if (opt.url.endsWith('/settings.json')) patchUserSettings();
// if (/\/dashboard\/(on_deck|recently_watched)$/.test(opt.url)) {
// $('.feed-icon.csv[href="/vip/csv"]').attr('href', function() {
// return $(this).prev().attr('data-path') + '.csv?' + ['slurm=' + token, $(this).prev().attr('data-query')].join('&');
// });
// }
});
// $('body:not(.dashboard) .feed-icon.csv').attr('href', location.pathname + '.csv?slurm=' + token + location.search.replace('?', '&'));
$('body').removeAttr('data-turbo');
$('.frame-wrapper .sidenav.advanced-filters .buttons')
.addClass('vip')
.find('.btn.vip')
.text('').removeClass('vip').removeAttr('href')
.addClass('disabled disabled-init').attr('id', 'filter-apply').attr('data-apply-text', 'Apply Filters')
.before('Close')
.append('Configure Filters');
}, { capture: true });
function patchUserSettings() {
const userSettings = compressedCache.get('settings');
if (userSettings && (!userSettings.user.vip)) { // || userSettings.account.token !== token)) {
userSettings.user.vip = true;
// userSettings.account.token = token;
compressedCache.set('settings', userSettings);
if (unsafeWindow.userSettings) unsafeWindow.userSettings = userSettings;
}
}
function addStyles() {
GM_addStyle(`
#top-nav .btn-vip,
.dropdown-menu.for-sortable > li > a.vip-only,
.alert-vip-required {
display: none !important;
}
`);
}
})();
gmStorage['yl9xlca7'] && (async () => {
'use strict';
let $;
const numFormatCompact = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });
numFormatCompact.formatTLC = (n) => numFormatCompact.format(n).toLowerCase();
addStyles();
document.addEventListener('turbo:load', () => {
if (!location.pathname.startsWith('/shows/') || location.pathname.includes('/episodes/')) return;
$ ??= unsafeWindow.jQuery;
if (!$) return;
const $grid = $('#seasons-episodes-sortable'),
$summaryUserRating = $('#summary-ratings-wrapper .summary-user-rating'),
$traktRating = $('#summary-ratings-wrapper .trakt-rating');
if (!$grid.length || !$summaryUserRating.length || !$traktRating.length) return;
const avgRatings = unsafeWindow.userscriptAvgSeasonEpisodeRatings = {};
let items;
$summaryUserRating[0].mutObs = new MutationObserver(() => { // .summary-user-rating mutations occur frequently and are caused by all sorts of things
if (!$summaryUserRating.hasClass('popover-on')) {
updatePersRatingElem($summaryUserRating, avgRatings.personal);
}
});
updatePersRatingElem($summaryUserRating);
updateGenRatingElem($traktRating);
const filterSpecials = !location.pathname.endsWith('/seasons/0');
$grid.on('arrangeComplete', () => {
if ($grid.data('isotope')) {
items = $grid.data('isotope').filteredItems.filter((i) => filterSpecials ? i.element.dataset.seasonNumber !== '0' : true);
avgRatings.personal = calcAvgPersRating(items);
avgRatings.general = calcAvgGenRating(items);
updatePersRatingElem($summaryUserRating, avgRatings.personal);
updateGenRatingElem($traktRating, avgRatings.general);
}
});
$(document).off('ajaxSuccess.userscript32985').on('ajaxSuccess.userscript32985', (_evt, _xhr, opt) => {
if (items && /\/ratings\/(seasons|episodes)\.json$|\/rate/.test(opt.url)) { // title was (un)rated OR cached personal ratings (and .corner-ratings) were updated
avgRatings.personal = calcAvgPersRating(items);
updatePersRatingElem($summaryUserRating, avgRatings.personal);
}
});
}, { capture: true });
function calcAvgPersRating(items) {
const persRatings = items.map((i) => +$(i.element).find('.corner-rating > .text').text()).filter(Boolean);
return {
average: persRatings.length ? persRatings.reduce((acc, persRating) => acc + persRating, 0) / persRatings.length : undefined,
votes: persRatings.length,
};
}
function calcAvgGenRating(items) {
const genRatingsVotesSum = items.reduce((acc, i) => acc + i.sortData.votes, 0);
return {
average: genRatingsVotesSum ? items.reduce((acc, i) => acc + (i.sortData.percentage * (i.sortData.votes / genRatingsVotesSum)), 0) : undefined,
votes: genRatingsVotesSum,
};
}
function updatePersRatingElem($summaryUserRating, avgPersRating) {
$summaryUserRating[0].mutObs.disconnect();
$summaryUserRating
.find('.rating')
.each(function() {
const rating = $(this).parent().prev().attr('class').match(/rating-(\d+)/)?.[1];
if (rating) $(this).html(`${rating}${unsafeWindow.ratingsText?.[rating] ?? ''}
`);
});
$summaryUserRating
.find('.number > .votes')
.removeClass('alt')
.text(`avg: ${avgPersRating?.average ? `${avgPersRating.average.toFixed(1)}` : '--'} ` +
`(${avgPersRating?.votes !== undefined ? numFormatCompact.formatTLC(avgPersRating.votes) : '--'} v.)`);
$summaryUserRating[0].mutObs.observe($summaryUserRating[0], { subtree: true, childList: true });
}
function updateGenRatingElem($traktRating, avgGenRating) {
if (!$traktRating.has('.rating .votes').length) {
$traktRating
.find('.votes')
.clone()
.appendTo($traktRating.find('.rating'))
.text((_i, text) => `(${text.match(/^.*? v/)?.[0] ?? '0 v'}.)`);
}
$traktRating
.find('.number > .votes')
.text(`avg: ${avgGenRating?.average ? `${Math.round(avgGenRating.average)}` : '--'}% ` +
`(${avgGenRating?.votes !== undefined ? numFormatCompact.formatTLC(avgGenRating.votes) : '--'} v.)`);
}
function addStyles() {
GM_addStyle(`
#summary-ratings-wrapper .ratings .rating {
display: flex !important;
justify-content: space-between;
align-items: center;
}
#summary-ratings-wrapper .ratings .rating .votes {
margin-left: 7px !important;
color: #fff !important;
}
`);
}
})();