40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { authManager } from '$lib/managers/auth-manager.svelte';
|
|
import { type AssetGridRouteSearchParams } from '$lib/utils/navigation';
|
|
import { getAssetInfo, type AssetResponseDto } from '@immich/sdk';
|
|
import { readonly, writable } from 'svelte/store';
|
|
|
|
function createAssetViewingStore() {
|
|
const viewingAssetStoreState = writable<AssetResponseDto>();
|
|
const preloadAssets = writable<AssetResponseDto[]>([]);
|
|
const viewState = writable<boolean>(false);
|
|
const gridScrollTarget = writable<AssetGridRouteSearchParams | null | undefined>();
|
|
|
|
const setAsset = (asset: AssetResponseDto, assetsToPreload: AssetResponseDto[] = []) => {
|
|
preloadAssets.set(assetsToPreload);
|
|
viewingAssetStoreState.set(asset);
|
|
viewState.set(true);
|
|
};
|
|
|
|
const setAssetId = async (id: string): Promise<AssetResponseDto> => {
|
|
const asset = await getAssetInfo({ id, key: authManager.key });
|
|
setAsset(asset);
|
|
return asset;
|
|
};
|
|
|
|
const showAssetViewer = (show: boolean) => {
|
|
viewState.set(show);
|
|
};
|
|
|
|
return {
|
|
asset: readonly(viewingAssetStoreState),
|
|
preloadAssets: readonly(preloadAssets),
|
|
isViewing: viewState,
|
|
gridScrollTarget,
|
|
setAsset,
|
|
setAssetId,
|
|
showAssetViewer,
|
|
};
|
|
}
|
|
|
|
export const assetViewingStore = createAssetViewingStore();
|