chore(server) refactor serveFile and downloadFile endpoint (#978)

web/src/lib/components/asset-viewer/asset-viewer.svelte

@@ -101,22 +101,16 @@
 
 			$downloadAssets[imageFileName] = 0;
 
-			const { data, status } = await api.assetApi.downloadFile(
-				asset.deviceAssetId,
-				asset.deviceId,
-				false,
-				false,
-				{
-					responseType: 'blob',
-					onDownloadProgress: (progressEvent) => {
-						if (progressEvent.lengthComputable) {
-							const total = progressEvent.total;
-							const current = progressEvent.loaded;
-							$downloadAssets[imageFileName] = Math.floor((current / total) * 100);
-						}
+			const { data, status } = await api.assetApi.downloadFile(asset.id, false, false, {
+				responseType: 'blob',
+				onDownloadProgress: (progressEvent) => {
+					if (progressEvent.lengthComputable) {
+						const total = progressEvent.total;
+						const current = progressEvent.loaded;
+						$downloadAssets[imageFileName] = Math.floor((current / total) * 100);
 					}
 				}
-			);
+			});
 
 			if (!(data instanceof Blob)) {
 				return;
@@ -262,7 +256,7 @@
 	<div class="row-start-1 row-span-full col-start-1 col-span-4">
 		{#key asset.id}
 			{#if asset.type === AssetTypeEnum.Image}
-				<PhotoViewer assetId={asset.id} deviceId={asset.deviceId} on:close={closeViewer} />
+				<PhotoViewer assetId={asset.id} on:close={closeViewer} />
 			{:else}
 				<VideoViewer assetId={asset.id} on:close={closeViewer} />
 			{/if}

web/src/lib/components/asset-viewer/photo-viewer.svelte

@@ -7,7 +7,6 @@
 	import Keydown from 'svelte-keydown';
 
 	export let assetId: string;
-	export let deviceId: string;
 
 	let assetInfo: AssetResponseDto;
 	let assetData: string;
@@ -25,15 +24,9 @@
 
 	const loadAssetData = async () => {
 		try {
-			const { data } = await api.assetApi.serveFile(
-				assetInfo.deviceAssetId,
-				deviceId,
-				false,
-				true,
-				{
-					responseType: 'blob'
-				}
-			);
+			const { data } = await api.assetApi.serveFile(assetInfo.id, false, true, {
+				responseType: 'blob'
+			});
 
 			if (!(data instanceof Blob)) {
 				return;

web/src/lib/components/asset-viewer/video-viewer.svelte

@@ -24,7 +24,7 @@
 	const loadVideoData = async (assetInfo: AssetResponseDto) => {
 		isVideoLoading = true;
 
-		videoUrl = getFileUrl(assetInfo.deviceAssetId, assetInfo.deviceId, false, true);
+		videoUrl = getFileUrl(assetInfo.id, false, true);
 
 		return assetInfo;
 	};

web/src/lib/components/shared-components/immich-thumbnail.svelte

@@ -31,7 +31,7 @@
 	const loadVideoData = async () => {
 		isThumbnailVideoPlaying = false;
 
-		videoUrl = getFileUrl(asset.deviceAssetId, asset.deviceId, false, true);
+		videoUrl = getFileUrl(asset.id, false, true);
 	};
 
 	const getVideoDurationInString = (currentTime: number) => {