chore: update to @cloudinary-util/util v4 (#163)

ghostdevv · web-flow · commit 25fc7bcc0880 · 2024-10-25T02:14:52.000+01:00
diff --git a/.changeset/loud-bobcats-repair.md b/.changeset/loud-bobcats-repair.md
@@ -0,0 +1,5 @@
+---
+"svelte-cloudinary": minor
+---
+
+feat: better error message is logged when an image fails to load
diff --git a/packages/svelte-cloudinary/package.json b/packages/svelte-cloudinary/package.json
@@ -57,7 +57,7 @@
 	"dependencies": {
 		"@cloudinary-util/types": "^1.5.10",
 		"@cloudinary-util/url-loader": "^5.10.4",
-		"@cloudinary-util/util": "^3.3.2",
+		"@cloudinary-util/util": "^4.0.0",
 		"@unpic/svelte": "0.0.53",
 		"defu": "^6.1.4"
 	},
diff --git a/packages/svelte-cloudinary/src/components/CldImage.svelte b/packages/svelte-cloudinary/src/components/CldImage.svelte
@@ -74,17 +74,17 @@
 			return;
 		}
 
-		const success = await pollForProcessingImage({ src });
+		const result = await pollForProcessingImage({ src });
 
-		console.warn(
-			'[svelte-cloudinary]',
-			success ? 'successfully loaded' : 'failed to load',
-			'image',
-		);
-
-		if (success) {
+		if (result.success) {
 			// Force image to update
 			key++;
+		} else {
+			console.warn('[svelte-cloudinary] Failed to load image:', {
+				src: props.src,
+				error: result.error,
+				status: result.status,
+			});
 		}
 	}
 </script>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"svelte-cloudinary": minor
 +---
++
 +feat: better error message is logged when an image fails to load