fix: Images loaded from Jellyfin not showing up, some fixes regarding environment variables

Closes #66
This commit is contained in:
Aleksi Lassila
2023-08-15 17:57:15 +03:00
parent fd52073455
commit c1ba3efabf
11 changed files with 71 additions and 46 deletions

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { env } from '$env/dynamic/public';
import { setJellyfinItemUnwatched, setJellyfinItemWatched } from '$lib/apis/jellyfin/jellyfinApi';
import { JELLYFIN_BASE_URL, RADARR_BASE_URL, SONARR_BASE_URL } from '$lib/constants';
import { library, type LibraryItemStore } from '$lib/stores/library.store';
import type { TitleType } from '$lib/types';
import ContextMenuDivider from './ContextMenuDivider.svelte';
@@ -36,7 +36,7 @@
function handleOpenInJellyfin() {
window.open(
env.PUBLIC_JELLYFIN_URL + '/web/index.html#!/details?id=' + $itemStore.item?.jellyfinItem?.Id
JELLYFIN_BASE_URL + '/web/index.html#!/details?id=' + $itemStore.item?.jellyfinItem?.Id
);
}
</script>
@@ -59,7 +59,7 @@
<ContextMenuItem
disabled={!$itemStore.item.radarrMovie}
on:click={() =>
window.open(env.PUBLIC_RADARR_BASE_URL + '/movie/' + $itemStore.item?.radarrMovie?.tmdbId)}
window.open(RADARR_BASE_URL + '/movie/' + $itemStore.item?.radarrMovie?.tmdbId)}
>
Open in Radarr
</ContextMenuItem>
@@ -67,9 +67,7 @@
<ContextMenuItem
disabled={!$itemStore.item.sonarrSeries}
on:click={() =>
window.open(
env.PUBLIC_SONARR_BASE_URL + '/series/' + $itemStore.item?.sonarrSeries?.titleSlug
)}
window.open(SONARR_BASE_URL + '/series/' + $itemStore.item?.sonarrSeries?.titleSlug)}
>
Open in Sonarr
</ContextMenuItem>

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { env } from '$env/dynamic/public';
import { getDiskSpace } from '$lib/apis/radarr/radarrApi';
import { RADARR_BASE_URL } from '$lib/constants';
import { library } from '$lib/stores/library.store';
import { formatSize } from '$lib/utils.js';
import RadarrIcon from '../svgs/RadarrIcon.svelte';
@@ -46,7 +46,7 @@
{large}
title="Radarr"
subtitle="Movies Provider"
href={env.PUBLIC_RADARR_BASE_URL}
href={RADARR_BASE_URL}
stats={[
{ title: 'Movies', value: String(moviesCount) },
{ title: 'Space Taken', value: formatSize(spaceOccupied) },

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { env } from '$env/dynamic/public';
import { getDiskSpace } from '$lib/apis/sonarr/sonarrApi';
import { SONARR_BASE_URL } from '$lib/constants';
import { library } from '$lib/stores/library.store';
import { formatSize } from '$lib/utils.js';
import SonarrIcon from '../svgs/SonarrIcon.svelte';
@@ -47,7 +47,7 @@
{large}
title="Sonarr"
subtitle="Shows Provider"
href={env.PUBLIC_SONARR_BASE_URL}
href={SONARR_BASE_URL}
stats={[
{ title: 'Episodes', value: String(episodesCount) },
{ title: 'Space Taken', value: formatSize(spaceOccupied) },

View File

@@ -1,5 +1,4 @@
<script lang="ts">
import { env } from '$env/dynamic/public';
import {
getJellyfinItem,
getJellyfinPlaybackInfo,
@@ -15,6 +14,7 @@
import IconButton from '../IconButton.svelte';
import { playerState } from './VideoPlayer';
import { modalStack } from '../Modal/Modal';
import { JELLYFIN_BASE_URL } from '$lib/constants';
export let modalId: symbol;
@@ -41,7 +41,7 @@
}
video.poster = item?.BackdropImageTags?.length
? `http://jellyfin.home/Items/${item?.Id}/Images/Backdrop?quality=100&tag=${item?.BackdropImageTags?.[0]}`
? `${JELLYFIN_BASE_URL}/Items/${item?.Id}/Images/Backdrop?quality=100&tag=${item?.BackdropImageTags?.[0]}`
: '';
if (!directPlay) {
@@ -51,10 +51,10 @@
const hls = new Hls();
hls.loadSource(env.PUBLIC_JELLYFIN_URL + playbackUri);
hls.loadSource(JELLYFIN_BASE_URL + playbackUri);
hls.attachMedia(video);
} else {
video.src = env.PUBLIC_JELLYFIN_URL + playbackUri;
video.src = JELLYFIN_BASE_URL + playbackUri;
}
if (item?.UserData?.PlaybackPositionTicks) {