Better compression for image uploading

Author: enchantinggg4

package.json

@@ -88,6 +88,7 @@
     "rimraf": "^3.0.2",
     "rxjs": "^7.8.1",
     "rxjs-async-map": "^0.3.0-preview.0",
+    "sharp": "^0.33.5",
     "swagger-ui-express": "^4.1.4",
     "typeorm": "^0.3.20",
     "web-push": "^3.6.7",

src/app.module.ts

@@ -122,6 +122,7 @@ import { StorageController } from "./rest/storage/storage.controller";
 import { StorageMapper } from "./rest/storage/storage.mapper";
 import { BlogpostController } from "./rest/blogpost/blogpost.controller";
 import { BlogpostMapper } from "./rest/blogpost/blogpost.mapper";
+import { StorageService } from "./rest/storage/storage.service";
 
 const OPENAPI_GENERATED: Provider[] = [
   {
@@ -351,6 +352,7 @@ const OPENAPI_GENERATED: Provider[] = [
     FeedbackService,
     AuthService,
     NotificationService,
+    StorageService,
 
     MatchMapper,
     PlayerMapper,

src/rest/storage/storage.controller.ts

@@ -19,6 +19,7 @@ import { ConfigService } from "@nestjs/config";
 import { UploadedImageDto, UploadedImagePageDto } from "./storage.dto";
 import { StorageMapper } from "./storage.mapper";
 import { calculateHashForBuffer } from "../../utils/hashbuffer";
+import { StorageService } from "./storage.service";
 
 interface IFile {
   fieldname: string;
@@ -37,6 +38,7 @@ export class StorageController {
     @InjectS3() private readonly s3: S3,
     private readonly config: ConfigService,
     private readonly mapper: StorageMapper,
+    private readonly storageService: StorageService,
   ) {}
 
   @ApiBody({
@@ -56,17 +58,19 @@ export class StorageController {
   @UseInterceptors(FileInterceptor("file"))
   @Post("upload")
   public async uploadImage(
+    // @Query("width", NullableIntPipe) width: number,
     @UploadedFile() file: IFile,
   ): Promise<UploadedImageDto> {
     const hash = await calculateHashForBuffer(file.buffer);
-    const extension = file.originalname.split(".").pop();
 
-    const Key = this.config.get("s3.uploadPrefix") + `${hash}.${extension}`;
+    const newBody = await this.storageService.prepareImage(file.buffer);
+
+    const Key = this.config.get("s3.uploadPrefix") + `${hash}.webp`;
 
     const putObjectCommandInput: PutObjectCommandInput = {
       Bucket: this.config.get("s3.bucket"),
       Key,
-      Body: file.buffer,
+      Body: newBody,
       ContentType: file.mimetype,
       ACL: "public-read",
 

src/rest/storage/storage.service.ts

@@ -0,0 +1,9 @@
+import { Injectable } from "@nestjs/common";
+import * as sharp from "sharp";
+
+@Injectable()
+export class StorageService {
+  public async prepareImage(buffer: Buffer): Promise<Buffer> {
+    return sharp(buffer).webp().toBuffer();
+  }
+}