fix: assistant avatar upload

package-lock.json

@@ -20,7 +20,6 @@
 				"autoprefixer": "^10.4.14",
 				"aws-sigv4-fetch": "^4.0.1",
 				"aws4": "^1.13.0",
-				"browser-image-resizer": "^2.4.1",
 				"date-fns": "^2.29.3",
 				"dotenv": "^16.0.3",
 				"express": "^4.21.2",
@@ -5384,11 +5383,6 @@
 				"base64-js": "^1.1.2"
 			}
 		},
-		"node_modules/browser-image-resizer": {
-			"version": "2.4.1",
-			"resolved": "https://registry.npmjs.org/browser-image-resizer/-/browser-image-resizer-2.4.1.tgz",
-			"integrity": "sha512-gqrmr7+NTI9FgZVVyw/GIqwJE3MhNWaBn1R5ptu75r+/M5ncyntSMQYuYhOPonm44qQNnkGN9cnghlpd9h1Hug=="
-		},
 		"node_modules/browserslist": {
 			"version": "4.23.3",
 			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",

package.json

@@ -74,7 +74,6 @@
 		"autoprefixer": "^10.4.14",
 		"aws-sigv4-fetch": "^4.0.1",
 		"aws4": "^1.13.0",
-		"browser-image-resizer": "^2.4.1",
 		"date-fns": "^2.29.3",
 		"dotenv": "^16.0.3",
 		"express": "^4.21.2",

src/lib/components/AssistantSettings.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import type { readAndCompressImage } from "browser-image-resizer";
 	import type { Model } from "$lib/types/Model";
 	import type { Assistant } from "$lib/types/Assistant";
 
@@ -45,12 +44,7 @@
 	let dynamicPrompt = $state(assistant?.dynamicPrompt ?? false);
 	let showModelSettings = $state(Object.values(assistant?.generateSettings ?? {}).some((v) => !!v));
 
-	let compress: typeof readAndCompressImage | null = $state(null);
-
 	onMount(async () => {
-		const module = await import("browser-image-resizer");
-		compress = module.readAndCompressImage;
-
 		modelId = findCurrentModel(models, assistant ? assistant.modelId : $settings.activeModel).id;
 	});
 
@@ -116,14 +110,8 @@
 
 		console.log(formData);
 		loading = true;
-		if (files?.[0] && files[0].size > 0 && compress) {
-			await compress(files[0], {
-				maxWidth: 500,
-				maxHeight: 500,
-				quality: 1,
-			}).then((resizedImage) => {
-				formData.set("avatar", resizedImage);
-			});
+		if (files?.[0] && files[0].size > 0) {
+			formData.set("avatar", files[0]);
 		}
 
 		if (deleteExistingAvatar === true) {

vite.config.ts

@@ -26,13 +26,7 @@ export default defineConfig({
 		loadTTFAsArrayBuffer(),
 	],
 	optimizeDeps: {
-		include: [
-			"browser-image-resizer",
-			"uuid",
-			"@huggingface/transformers",
-			"sharp",
-			"@gradio/client",
-		],
+		include: ["uuid", "@huggingface/transformers", "sharp", "@gradio/client"],
 	},
 	server: {
 		open: "/",