Fixed webp upload on web (#460)

web/src/lib/utils/file-uploader.ts

@@ -63,7 +63,7 @@ async function fileUploader(asset: File, uploadType: UploadType) {
 		let exifData = null;
 
 		if (assetType !== 'VIDEO') {
-			exifData = await exifr.parse(asset);
+			exifData = await exifr.parse(asset).catch((e) => console.log('error parsing exif', e));
 		}
 
 		const createdAt =

web/src/routes/admin/index.svelte

@@ -3,7 +3,7 @@
 	import { api, UserResponseDto } from '@api';
 	import { browser } from '$app/env';
 
-  export const load: Load = async ({fetch, session}) => {
+	export const load: Load = async ({ fetch, session }) => {
 		if (!browser && !session.user) {
 			return {
 				status: 302,
@@ -12,8 +12,12 @@
 		}
 
 		try {
-      const user: UserResponseDto = await fetch('/data/user/get-my-user-info').then((r) => r.json());
+			const user: UserResponseDto = await fetch('/data/user/get-my-user-info').then((r) =>
-      const allUsers: UserResponseDto[] = await fetch('/data/user/get-all-users?isAll=false').then((r) => r.json());
+				r.json()
+			);
+			const allUsers: UserResponseDto[] = await fetch('/data/user/get-all-users?isAll=false').then(
+				(r) => r.json()
+			);
 
 			if (!user.isAdmin) {
 				return {
@@ -51,7 +55,6 @@
 	import EditUserForm from '$lib/components/forms/edit-user-form.svelte';
 	import StatusBox from '$lib/components/shared-components/status-box.svelte';
 
-
 	let selectedAction: AdminSideBarSelection = AdminSideBarSelection.USER_MANAGEMENT;
 
 	export let user: UserResponseDto;
@@ -72,76 +75,77 @@
 	});
 
 	const onUserCreated = async () => {
-    const {data} = await api.userApi.getAllUsers(false);
+		const { data } = await api.userApi.getAllUsers(false);
 		allUsers = data;
 		shouldShowCreateUserForm = false;
 	};
 
 	const editUserHandler = async (event: CustomEvent) => {
-    const {user} = event.detail;
+		const { user } = event.detail;
 		editUser = user;
 		shouldShowEditUserForm = true;
 	};
 
 	const onEditUserSuccess = async () => {
-    const {data} = await api.userApi.getAllUsers(false);
+		const { data } = await api.userApi.getAllUsers(false);
 		allUsers = data;
 		shouldShowEditUserForm = false;
-  }
+	};
 
 	const onEditPasswordSuccess = async () => {
-    const {data} = await api.userApi.getAllUsers(false);
+		const { data } = await api.userApi.getAllUsers(false);
 		allUsers = data;
 		shouldShowEditUserForm = false;
 		shouldShowInfoPanel = true;
-  }
+	};
 </script>
 
 <svelte:head>
 	<title>Administration - Immich</title>
 </svelte:head>
 
-<NavigationBar {user}/>
+<NavigationBar {user} />
 
 {#if shouldShowCreateUserForm}
 	<FullScreenModal on:clickOutside={() => (shouldShowCreateUserForm = false)}>
-        <CreateUserForm on:user-created={onUserCreated}/>
+		<CreateUserForm on:user-created={onUserCreated} />
 	</FullScreenModal>
 {/if}
 
 {#if shouldShowEditUserForm}
 	<FullScreenModal on:clickOutside={() => (shouldShowEditUserForm = false)}>
-        <EditUserForm user={editUser} on:edit-success={onEditUserSuccess}
+		<EditUserForm
-                      on:reset-password-success={onEditPasswordSuccess}/>
+			user={editUser}
+			on:edit-success={onEditUserSuccess}
+			on:reset-password-success={onEditPasswordSuccess}
+		/>
 	</FullScreenModal>
 {/if}
 
 {#if shouldShowInfoPanel}
 	<FullScreenModal on:clickOutside={() => (shouldShowInfoPanel = false)}>
-
 		<div class="border bg-white shadow-sm w-[500px] rounded-3xl p-8 text-sm">
 			<h1 class="font-bold text-immich-primary text-lg mb-4">Password reset success</h1>
 
 			<p>
 				The user's password has been reset to the default <code
-                    class="font-bold bg-gray-200 px-2 py-1 rounded-md text-immich-primary">password</code>
+					class="font-bold bg-gray-200 px-2 py-1 rounded-md text-immich-primary">password</code
-                <br>
+				>
+				<br />
 				Please inform the user, and they will need to change the password at the next log-on.
 			</p>
 
 			<div class="flex w-full">
 				<button
-                        on:click={() => shouldShowInfoPanel = false}
+					on:click={() => (shouldShowInfoPanel = false)}
 					class="mt-6 bg-immich-primary hover:bg-immich-primary/75 px-6 py-3 text-white rounded-full shadow-md w-full font-medium"
 					>Done
-                </button
+				</button>
-                >
 			</div>
 		</div>
 	</FullScreenModal>
 {/if}
 
-
 <section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen">
 	<section id="admin-sidebar" class="pt-8 pr-6 flex flex-col">
 		<SideBarButton
@@ -153,16 +157,15 @@
 		/>
 
 		<div class="mb-6 mt-auto">
-            <StatusBox/>
+			<StatusBox />
 		</div>
 	</section>
 	<section class="overflow-y-auto relative">
 		<div id="setting-title" class="pt-10 fixed w-full z-50 bg-immich-bg">
 			<h1 class="text-lg ml-8 mb-4 text-immich-primary font-medium">{selectedAction}</h1>
-            <hr/>
+			<hr />
 		</div>
 
-
 		<section id="setting-content" class="relative pt-[85px] flex place-content-center">
 			<section class="w-[800px] pt-4">
 				{#if selectedAction === AdminSideBarSelection.USER_MANAGEMENT}
@@ -175,5 +178,4 @@
 			</section>
 		</section>
 	</section>
-
 </section>