Adding functionality for create image middleware

Author: AhmedMohamedZein

src/middlewares/api.image.Middleware/createImage.ts

@@ -1,9 +1,33 @@
 import express from 'express';
 import sharp from 'sharp';
+import { promises as fsPromises } from 'fs';
 
 export default async function (req : express.Request , res : express.Response , next : express.NextFunction) {
-
-
-
-
+    // if the request entred this middleware this means it's not in the thumv folder 
+    // so we need to find if the photo exists in the full folder and if yes resize it for the given width and height
+    // then we save it in the thumb folder 
+    // then res.sendFile(requiredImage , {root : "path"});
+    const absolutePath = "C:\\Users\\AhmedZein\\Desktop\\FWD Advanced\\full\\" ;
+    const thumbPath = 'C:\\Users\\AhmedZein\\Desktop\\FWD Advanced\\thumb\\'
+    try {
+        const arrayOfExistsImages = await fsPromises.readdir('./full');
+        let requiredImage : ( string | undefined ) ;   
+        // this loop finds if the Image exists in the full folder
+        for (let i = 0 ; i <= arrayOfExistsImages.length - 1  ; i++){
+            const nameOfTheImage = arrayOfExistsImages[i].slice(0,-4) ;
+            if ( nameOfTheImage === res.locals.name ) requiredImage =  arrayOfExistsImages[i] ;
+        }
+        // does not exist ? res with resource was not found 
+        if (! requiredImage ) res.status (404).end();
+        // if the Image exists please resize it and chached in the thumb folder
+        else {
+            await sharp (`${absolutePath}\\${requiredImage}`).resize(res.locals.width,res.locals.height,{
+                fit : 'inside'
+                }).toFile(`${thumbPath}\\${requiredImage}`);
+            res.status(200).sendFile(`${requiredImage}` , { root : thumbPath })    
+        }
+    }catch (error) {
+        console.log (error);
+        next();
+    }
 }

src/middlewares/api.image.Middleware/isExist.ts

@@ -12,21 +12,19 @@ export default async function isExist (req : express.Request , res : express.Res
     // else created it form the full folder and chach it in the thumb folder
     const absolutePath = "C:\\Users\\AhmedZein\\Desktop\\FWD Advanced\\thumb\\" ;
     try {
-        const arrayOfExistsImagesCached = await fsPromises.readdir('./thumb');
-        let requiredImage : ( string | undefined ) ;   
+        const arrayOfExistsImagesCached = await fsPromises.readdir('./thumb');  
+        let requiredImage : (string | undefined );   
         for (let i = 0 ; i <= arrayOfExistsImagesCached.length - 1  ; i++){
-            const nameOfTheImage = arrayOfExistsImagesCached[i].split("").slice(0 , arrayOfExistsImagesCached.length - 5).join("") ;
-            if ( nameOfTheImage !== res.locals.name ) continue;
-            const imageHeight =  (await sharp (`${absolutePath}\\${arrayOfExistsImagesCached[i]}`).metadata()).height;
-            const imageWidth =  (await sharp (`${absolutePath}\\${arrayOfExistsImagesCached[i]}`).metadata()).width;
-            if ( imageHeight !== res.locals.height) continue;
-            if ( imageWidth !== res.locals.width) continue;
-
+            const nameOfTheImage = arrayOfExistsImagesCached[i].slice(0,-4)  ;
+            if ( nameOfTheImage != res.locals.name ) continue;
+            const imageWidthHeight =  await sharp (`${absolutePath}\\${arrayOfExistsImagesCached[i]}`).metadata();
+            if ( imageWidthHeight.height != res.locals.height) continue;
+            if ( imageWidthHeight.width != res.locals.width) continue;
             requiredImage = arrayOfExistsImagesCached[i] ;
         }
         if ( !requiredImage ) {
             // here we go to the next() middleware to create the image
-            res.status (400).send('bad Request').end();
+            next();
         }else {
             res.status(200).sendFile( `${requiredImage}` ,{ root : absolutePath } ) ;
         }

src/routes/image.ts

@@ -13,7 +13,7 @@ route.get ( '/' , validate, isExist , createImage ,(req,res)=>{
    // if the request is validate 'next()'
    // check the chashed folder for existing photo
 
-  res.status (500).send('bad coding').end();
+  res.status (500).end();
 });