feat: quality option, image transformation (#145)

Author: fenos

infra/storage/Dockerfile

@@ -1,3 +1,3 @@
-FROM supabase/storage-api:v0.27.1
+FROM supabase/storage-api:v0.28.0
 
 RUN apk add curl --no-cache

src/lib/types.ts

@@ -89,6 +89,10 @@ export interface TransformOptions {
    * Fill resizes the image to fill the entire width and height. If the object's aspect ratio does not match the width and height, the image will be stretched to fit.
    */
   resize?: 'cover' | 'contain' | 'fill'
+  /**
+   * Set the quality of the returned image, this is percentage based, default 80
+   */
+  quality?: number
   /**
    * Specify the format of the image requested.
    *

src/packages/StorageFileApi.ts

@@ -597,6 +597,10 @@ export default class StorageFileApi {
       params.push(`format=${transform.format}`)
     }
 
+    if (transform.quality) {
+      params.push(`quality=${transform.quality}`)
+    }
+
     return params.join('&')
   }
 }

test/storageFileApi.test.ts

@@ -221,10 +221,11 @@ describe('Object API', () => {
         transform: {
           width: 200,
           height: 300,
+          quality: 70,
         },
       })
       expect(res.data.publicUrl).toEqual(
-        `${URL}/render/image/public/${bucketName}/${uploadPath}?width=200&height=300`
+        `${URL}/render/image/public/${bucketName}/${uploadPath}?width=200&height=300&quality=70`
       )
     })
 
@@ -295,6 +296,7 @@ describe('Object API', () => {
       transform: {
         width: 200,
         height: 200,
+        quality: 60,
       },
     })
 
@@ -306,7 +308,7 @@ describe('Object API', () => {
     expect(parseInt(imageResp.headers.get('content-length') || '')).toBeGreaterThan(0)
     expect(imageResp.status).toEqual(200)
     expect(imageResp.headers.get('x-transformations')).toEqual(
-      'height:200,width:200,resizing_type:fill'
+      'height:200,width:200,resizing_type:fill,quality:60'
     )
   })
 })