mirror of
https://github.com/immich-app/immich.git
synced 2025-05-24 02:13:51 -04:00
09a7291527
* refactor: downloadApi * refactor: assetApi * chore: drop axios * chore: tidy up * chore: fix exports * fix: show notification when download starts
24 lines
889 B
Svelte
24 lines
889 B
Svelte
<script lang="ts">
|
|
import { serveFile, type AssetResponseDto } from '@immich/sdk';
|
|
import { fade } from 'svelte/transition';
|
|
import LoadingSpinner from '../shared-components/loading-spinner.svelte';
|
|
|
|
export let asset: AssetResponseDto;
|
|
|
|
const loadAssetData = async () => {
|
|
const data = await serveFile({ id: asset.id, isWeb: false, isThumb: false });
|
|
return URL.createObjectURL(data);
|
|
};
|
|
</script>
|
|
|
|
<div transition:fade={{ duration: 150 }} class="flex h-full select-none place-content-center place-items-center">
|
|
<!-- the photo sphere viewer is quite large, so lazy load it in parallel with loading the data -->
|
|
{#await Promise.all([loadAssetData(), import('./photo-sphere-viewer-adapter.svelte')])}
|
|
<LoadingSpinner />
|
|
{:then [data, module]}
|
|
<svelte:component this={module.default} panorama={data} />
|
|
{:catch}
|
|
Failed to load asset
|
|
{/await}
|
|
</div>
|