updating pollForProcessingImage, using error response to log error

cloudinary-community · Oct 15, 2024 · 116469a · 116469a
1 parent 80a6abb
commit 116469a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 39 deletions.
diff --git a/next-cloudinary/package.json b/next-cloudinary/package.json
@@ -18,7 +18,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"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

diff --git a/next-cloudinary/src/components/CldImage/CldImage.tsx b/next-cloudinary/src/components/CldImage/CldImage.tsx
@@ -128,7 +128,11 @@ const CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(p
     const image = options.target as HTMLImageElement
     const result = await pollForProcessingImage({ src: image.src })
 
-    if ( result ) {
+    if ( typeof result.error === 'string' && process.env.NODE_ENV === 'development' ) {
+      console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`)
+    }
+
+    if ( result.success ) {
       setImgKey(`${defaultImgKey};${Date.now()}`);
     }
   }

diff --git a/next-cloudinary/src/components/CldUploadWidget/CldUploadWidget.tsx b/next-cloudinary/src/components/CldUploadWidget/CldUploadWidget.tsx
@@ -103,7 +103,7 @@ const CldUploadWidget = ({
     const isSuccess = results.event === 'success';
 
     if ( isSuccess && typeof onUpload === 'function' ) {
-      if ( process.env.NODE_ENVIRONMENT === 'development' ) {
+      if ( process.env.NODE_ENV === 'development' ) {
         console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');
       }
       onUpload(results, widget.current);

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml