mirror of
https://github.com/aleksilassila/reiverr.git
synced 2026-04-18 13:53:16 +02:00
feat: Movie page frame
This commit is contained in:
Aleksi Lassila
521
src/lib/apis/tmdb/tmdb-api.ts
Normal file
521
src/lib/apis/tmdb/tmdb-api.ts
Normal file
@@ -0,0 +1,521 @@
|
||||
import createClient from 'openapi-fetch';
|
||||
import { get } from 'svelte/store';
|
||||
import type { operations, paths } from './tmdb.generated';
|
||||
import { TMDB_API_KEY, TMDB_BACKDROP_SMALL } from '../../constants';
|
||||
import { settings } from '../../stores/settings.store';
|
||||
import type { TitleType } from '../../types';
|
||||
import type { Api } from '../api.interface';
|
||||
import { appState } from '../../stores/app-state.store';
|
||||
|
||||
const CACHE_ONE_DAY = 'max-age=86400';
|
||||
const CACHE_FOUR_DAYS = 'max-age=345600';
|
||||
|
||||
export type TmdbMovie2 =
|
||||
operations['movie-details']['responses']['200']['content']['application/json'];
|
||||
export type TmdbSeries2 =
|
||||
operations['tv-series-details']['responses']['200']['content']['application/json'];
|
||||
export type TmdbSeason =
|
||||
operations['tv-season-details']['responses']['200']['content']['application/json'];
|
||||
export type TmdbPerson =
|
||||
operations['person-details']['responses']['200']['content']['application/json'];
|
||||
|
||||
export interface TmdbPersonFull extends TmdbPerson {
|
||||
images: operations['person-images']['responses']['200']['content']['application/json'];
|
||||
movie_credits: operations['person-tv-credits']['responses']['200']['content']['application/json'];
|
||||
tv_credits: operations['person-movie-credits']['responses']['200']['content']['application/json'];
|
||||
external_ids: operations['person-external-ids']['responses']['200']['content']['application/json'];
|
||||
}
|
||||
|
||||
export interface TmdbMovieFull2 extends TmdbMovie2 {
|
||||
videos: operations['movie-videos']['responses']['200']['content']['application/json'];
|
||||
credits: operations['movie-credits']['responses']['200']['content']['application/json'];
|
||||
external_ids: operations['movie-external-ids']['responses']['200']['content']['application/json'];
|
||||
images: operations['movie-images']['responses']['200']['content']['application/json'];
|
||||
}
|
||||
|
||||
export interface TmdbSeriesFull2 extends TmdbSeries2 {
|
||||
videos: operations['tv-series-videos']['responses']['200']['content']['application/json'];
|
||||
aggregate_credits: operations['tv-series-aggregate-credits']['responses']['200']['content']['application/json'];
|
||||
external_ids: operations['tv-series-external-ids']['responses']['200']['content']['application/json'];
|
||||
images: operations['tv-series-images']['responses']['200']['content']['application/json'];
|
||||
}
|
||||
|
||||
export class TmdbApi implements Api<paths> {
|
||||
getClient() {
|
||||
return createClient<paths>({
|
||||
baseUrl: 'https://api.themoviedb.org',
|
||||
headers: {
|
||||
Authorization: `Bearer ${TMDB_API_KEY}`
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
async getTmdbMovie(tmdbId: number) {
|
||||
return TmdbApiOpen.GET('/3/movie/{movie_id}', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: tmdbId
|
||||
},
|
||||
query: {
|
||||
append_to_response: 'videos,credits,external_ids,images',
|
||||
...({ include_image_language: get(settings)?.language + ',en,null' } as any)
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data as TmdbMovieFull2 | undefined);
|
||||
}
|
||||
}
|
||||
|
||||
export const tmdbApi = new TmdbApi();
|
||||
export const getTmdbClient = tmdbApi.getClient;
|
||||
|
||||
const backdropCache = window?.caches?.open('backdrops') || undefined;
|
||||
const posterCache = window?.caches?.open('posters') || undefined;
|
||||
|
||||
const getTmdbCache = async (
|
||||
cachePromise: typeof backdropCache,
|
||||
tmdbId: number,
|
||||
fn: () => Promise<string | undefined>
|
||||
) => {
|
||||
const cache = await cachePromise;
|
||||
|
||||
if (cache) {
|
||||
const cacheRes = await cache.match(String(tmdbId));
|
||||
if (cacheRes) return cacheRes.text();
|
||||
else {
|
||||
const backdropUri = await fn();
|
||||
if (backdropUri) {
|
||||
cache.put(String(tmdbId), new Response(backdropUri));
|
||||
}
|
||||
return backdropUri;
|
||||
}
|
||||
} else {
|
||||
return fn();
|
||||
}
|
||||
};
|
||||
|
||||
export const TmdbApiOpen = createClient<paths>({
|
||||
baseUrl: 'https://api.themoviedb.org',
|
||||
headers: {
|
||||
Authorization: `Bearer ${TMDB_API_KEY}`
|
||||
}
|
||||
});
|
||||
|
||||
export const getTmdbMovie = async (tmdbId: number) =>
|
||||
await TmdbApiOpen.GET('/3/movie/{movie_id}', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: tmdbId
|
||||
},
|
||||
query: {
|
||||
append_to_response: 'videos,credits,external_ids,images',
|
||||
...({ include_image_language: get(settings)?.language + ',en,null' } as any)
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data as TmdbMovieFull2 | undefined);
|
||||
|
||||
export const getTmdbSeriesFromTvdbId = async (tvdbId: string) =>
|
||||
TmdbApiOpen.GET('/3/find/{external_id}', {
|
||||
params: {
|
||||
path: {
|
||||
external_id: tvdbId
|
||||
},
|
||||
query: {
|
||||
external_source: 'tvdb_id'
|
||||
}
|
||||
},
|
||||
headers: {
|
||||
'Cache-Control': CACHE_ONE_DAY
|
||||
}
|
||||
}).then((res) => res.data?.tv_results?.[0] as TmdbSeries2 | undefined);
|
||||
|
||||
export const getTmdbIdFromTvdbId = async (tvdbId: number) =>
|
||||
getTmdbSeriesFromTvdbId(String(tvdbId)).then((res: any) => {
|
||||
const id = res?.id as number | undefined;
|
||||
if (!id) return Promise.reject();
|
||||
return id;
|
||||
});
|
||||
|
||||
export const getTmdbSeries = async (tmdbId: number): Promise<TmdbSeriesFull2 | undefined> =>
|
||||
await TmdbApiOpen.GET('/3/tv/{series_id}', {
|
||||
params: {
|
||||
path: {
|
||||
series_id: tmdbId
|
||||
},
|
||||
query: {
|
||||
append_to_response: 'videos,aggregate_credits,external_ids,images',
|
||||
...({ include_image_language: get(settings)?.language + ',en,null' } as any)
|
||||
}
|
||||
},
|
||||
headers: {
|
||||
'Cache-Control': CACHE_ONE_DAY
|
||||
}
|
||||
}).then((res) => res.data as TmdbSeriesFull2 | undefined);
|
||||
|
||||
export const getTmdbSeriesSeason = async (
|
||||
tmdbId: number,
|
||||
season: number
|
||||
): Promise<TmdbSeason | undefined> =>
|
||||
TmdbApiOpen.GET('/3/tv/{series_id}/season/{season_number}', {
|
||||
params: {
|
||||
path: {
|
||||
series_id: tmdbId,
|
||||
season_number: season
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data);
|
||||
|
||||
export const getTmdbSeriesSeasons = async (tmdbId: number, seasons: number) =>
|
||||
Promise.all([...Array(seasons).keys()].map((i) => getTmdbSeriesSeason(tmdbId, i + 1))).then(
|
||||
(r) => r.filter((s) => s) as TmdbSeason[]
|
||||
);
|
||||
|
||||
export const getTmdbSeriesImages = async (tmdbId: number) =>
|
||||
TmdbApiOpen.GET('/3/tv/{series_id}/images', {
|
||||
params: {
|
||||
path: {
|
||||
series_id: tmdbId
|
||||
}
|
||||
},
|
||||
headers: {
|
||||
'Cache-Control': CACHE_FOUR_DAYS // 4 days
|
||||
}
|
||||
}).then((res) => res.data);
|
||||
|
||||
export const getTmdbMovieImages = async (tmdbId: number) =>
|
||||
await TmdbApiOpen.GET('/3/movie/{movie_id}/images', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: tmdbId
|
||||
}
|
||||
},
|
||||
headers: {
|
||||
'Cache-Control': CACHE_FOUR_DAYS // 4 days
|
||||
}
|
||||
}).then((res) => res.data);
|
||||
|
||||
export const getTmdbSeriesBackdrop = async (tmdbId: number) =>
|
||||
getTmdbCache(backdropCache, tmdbId, () =>
|
||||
getTmdbSeries(tmdbId)
|
||||
.then((s) => s?.images)
|
||||
.then(
|
||||
(r) =>
|
||||
(
|
||||
r?.backdrops?.find((b) => b.iso_639_1 === get(settings)?.language) ||
|
||||
r?.backdrops?.find((b) => b.iso_639_1 === 'en') ||
|
||||
r?.backdrops?.find((b) => b.iso_639_1) ||
|
||||
r?.backdrops?.[0]
|
||||
)?.file_path
|
||||
)
|
||||
);
|
||||
|
||||
export const getTmdbMovieBackdrop = async (tmdbId: number) =>
|
||||
getTmdbCache(backdropCache, tmdbId, () =>
|
||||
getTmdbMovie(tmdbId)
|
||||
.then((m) => m?.images)
|
||||
.then(
|
||||
(r) =>
|
||||
(
|
||||
r?.backdrops?.find((b) => b.iso_639_1 === get(settings)?.language) ||
|
||||
r?.backdrops?.find((b) => b.iso_639_1 === 'en') ||
|
||||
r?.backdrops?.find((b) => b.iso_639_1) ||
|
||||
r?.backdrops?.[0]
|
||||
)?.file_path
|
||||
)
|
||||
);
|
||||
|
||||
export const getTmdbSeriesPoster = async (tmdbId: number) =>
|
||||
getTmdbCache(posterCache, tmdbId, () => getTmdbSeries(tmdbId).then((s) => s?.poster_path));
|
||||
|
||||
export const getTmdbMoviePoster = async (tmdbId: number) =>
|
||||
getTmdbCache(posterCache, tmdbId, () => getTmdbMovie(tmdbId).then((m) => m?.poster_path));
|
||||
|
||||
/** Discover */
|
||||
|
||||
export const getTmdbPopularMovies = () =>
|
||||
TmdbApiOpen.GET('/3/movie/popular', {
|
||||
params: {
|
||||
query: {
|
||||
language: get(settings)?.language,
|
||||
region: get(settings)?.discover.region
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbPopularSeries = () =>
|
||||
TmdbApiOpen.GET('/3/tv/popular', {
|
||||
params: {
|
||||
query: {
|
||||
language: get(settings)?.language
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbNetworkSeries = (networkId: number) =>
|
||||
TmdbApiOpen.GET('/3/discover/tv', {
|
||||
params: {
|
||||
query: {
|
||||
with_networks: networkId
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbGenreMovies = (genreId: number) =>
|
||||
TmdbApiOpen.GET('/3/discover/movie', {
|
||||
params: {
|
||||
query: {
|
||||
with_genres: String(genreId)
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbSeriesRecommendations = (tmdbId: number) =>
|
||||
TmdbApiOpen.GET('/3/tv/{series_id}/recommendations', {
|
||||
params: {
|
||||
path: {
|
||||
series_id: tmdbId
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbSeriesSimilar = (tmdbId: number) =>
|
||||
TmdbApiOpen.GET('/3/tv/{series_id}/similar', {
|
||||
params: {
|
||||
path: {
|
||||
series_id: String(tmdbId)
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbSeriesCredits = (tmdbId: number) =>
|
||||
TmdbApiOpen.GET('/3/tv/{series_id}/credits', {
|
||||
params: {
|
||||
path: {
|
||||
series_id: tmdbId
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.cast || []);
|
||||
|
||||
export const getTmdbMovieRecommendations = (tmdbId: number) =>
|
||||
TmdbApiOpen.GET('/3/movie/{movie_id}/recommendations', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: tmdbId
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbMovieSimilar = (tmdbId: number) =>
|
||||
TmdbApiOpen.GET('/3/movie/{movie_id}/similar', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: tmdbId
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const searchTmdbTitles = (query: string) =>
|
||||
TmdbApiOpen.GET('/3/search/multi', {
|
||||
params: {
|
||||
query: {
|
||||
query
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data?.results || []);
|
||||
|
||||
export const getTmdbItemBackdrop = (item: {
|
||||
images: { backdrops: { file_path: string; iso_639_1: string }[] };
|
||||
}) =>
|
||||
(
|
||||
item?.images?.backdrops?.find((b) => b.iso_639_1 === get(settings)?.language) ||
|
||||
item?.images?.backdrops?.find((b) => b.iso_639_1 === 'en') ||
|
||||
item?.images?.backdrops?.find((b) => b.iso_639_1) ||
|
||||
item?.images?.backdrops?.[0]
|
||||
)?.file_path;
|
||||
|
||||
export const getPosterProps = async (
|
||||
item: {
|
||||
name?: string;
|
||||
title?: string;
|
||||
id?: number;
|
||||
vote_average?: number;
|
||||
number_of_seasons?: number;
|
||||
first_air_date?: string;
|
||||
poster_path?: string;
|
||||
},
|
||||
type: TitleType | undefined = undefined
|
||||
) => {
|
||||
const backdropUri = item.poster_path;
|
||||
const t =
|
||||
type ||
|
||||
(item?.number_of_seasons === undefined && item?.first_air_date === undefined
|
||||
? 'movie'
|
||||
: 'series');
|
||||
return {
|
||||
tmdbId: item.id || 0,
|
||||
title: item.title || item.name || '',
|
||||
// subtitle: item.subtitle || '',
|
||||
rating: item.vote_average || undefined,
|
||||
size: 'md',
|
||||
backdropUrl: backdropUri ? TMDB_BACKDROP_SMALL + backdropUri : '',
|
||||
type: t,
|
||||
orientation: 'portrait'
|
||||
} as const;
|
||||
};
|
||||
|
||||
export const getTmdbPerson = async (person_id: number) =>
|
||||
TmdbApiOpen.GET('/3/person/{person_id}', {
|
||||
params: {
|
||||
path: {
|
||||
person_id: person_id
|
||||
},
|
||||
query: {
|
||||
append_to_response: 'images,movie_credits,tv_credits,external_ids'
|
||||
}
|
||||
}
|
||||
}).then((res) => res.data as TmdbPersonFull);
|
||||
|
||||
export const TMDB_MOVIE_GENRES = [
|
||||
{
|
||||
id: 28,
|
||||
name: 'Action'
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
name: 'Adventure'
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
name: 'Animation'
|
||||
},
|
||||
{
|
||||
id: 35,
|
||||
name: 'Comedy'
|
||||
},
|
||||
{
|
||||
id: 80,
|
||||
name: 'Crime'
|
||||
},
|
||||
{
|
||||
id: 99,
|
||||
name: 'Documentary'
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
name: 'Drama'
|
||||
},
|
||||
{
|
||||
id: 10751,
|
||||
name: 'Family'
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
name: 'Fantasy'
|
||||
},
|
||||
{
|
||||
id: 36,
|
||||
name: 'History'
|
||||
},
|
||||
{
|
||||
id: 27,
|
||||
name: 'Horror'
|
||||
},
|
||||
{
|
||||
id: 10402,
|
||||
name: 'Music'
|
||||
},
|
||||
{
|
||||
id: 9648,
|
||||
name: 'Mystery'
|
||||
},
|
||||
{
|
||||
id: 10749,
|
||||
name: 'Romance'
|
||||
},
|
||||
{
|
||||
id: 878,
|
||||
name: 'Science Fiction'
|
||||
},
|
||||
{
|
||||
id: 10770,
|
||||
name: 'TV Movie'
|
||||
},
|
||||
{
|
||||
id: 53,
|
||||
name: 'Thriller'
|
||||
},
|
||||
{
|
||||
id: 10752,
|
||||
name: 'War'
|
||||
},
|
||||
{
|
||||
id: 37,
|
||||
name: 'Western'
|
||||
}
|
||||
];
|
||||
|
||||
export const TMDB_SERIES_GENRES = [
|
||||
{
|
||||
id: 10759,
|
||||
name: 'Action & Adventure'
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
name: 'Animation'
|
||||
},
|
||||
{
|
||||
id: 35,
|
||||
name: 'Comedy'
|
||||
},
|
||||
{
|
||||
id: 80,
|
||||
name: 'Crime'
|
||||
},
|
||||
{
|
||||
id: 99,
|
||||
name: 'Documentary'
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
name: 'Drama'
|
||||
},
|
||||
{
|
||||
id: 10751,
|
||||
name: 'Family'
|
||||
},
|
||||
{
|
||||
id: 10762,
|
||||
name: 'Kids'
|
||||
},
|
||||
{
|
||||
id: 9648,
|
||||
name: 'Mystery'
|
||||
},
|
||||
{
|
||||
id: 10763,
|
||||
name: 'News'
|
||||
},
|
||||
{
|
||||
id: 10764,
|
||||
name: 'Reality'
|
||||
},
|
||||
{
|
||||
id: 10765,
|
||||
name: 'Sci-Fi & Fantasy'
|
||||
},
|
||||
{
|
||||
id: 10766,
|
||||
name: 'Soap'
|
||||
},
|
||||
{
|
||||
id: 10767,
|
||||
name: 'Talk'
|
||||
},
|
||||
{
|
||||
id: 10768,
|
||||
name: 'War & Politics'
|
||||
},
|
||||
{
|
||||
id: 37,
|
||||
name: 'Western'
|
||||
}
|
||||
];
|
||||
Reference in New Issue
Block a user