Added downsizing images

3 files changed, 72 insertions, 4 deletions

diff --git a/src/server/downsize.ts b/src/server/downsize.ts
new file mode 100644
index 000000000..ed68fbecc
--- /dev/null
+++ b/src/server/downsize.ts
@@ -0,0 +1,40 @@
+import * as sharp from 'sharp';
+import * as fs from 'fs';
+
+const folder = "./src/server/public/files/";
+const pngTypes = ["png", "PNG"];
+const jpgTypes = ["jpg", "JPG", "jpeg", "JPEG"];
+const smallResizer = sharp().resize(100);
+fs.readdir(folder, async (err, files) => {
+    if (err) {
+        console.log(err);
+        return;
+    }
+    // files.forEach(file => {
+    //     if (file.includes("_s") || file.includes("_m") || file.includes("_l")) {
+    //         fs.unlink(folder + file, () => { });
+    //     }
+    // });
+    for (const file of files) {
+        const filesplit = file.split(".");
+        let resizers = [
+            { resizer: sharp().resize(100, undefined, { withoutEnlargement: true }), suffix: "_s" },
+            { resizer: sharp().resize(400, undefined, { withoutEnlargement: true }), suffix: "_m" },
+            { resizer: sharp().resize(900, undefined, { withoutEnlargement: true }), suffix: "_l" },
+        ];
+        if (pngTypes.some(type => file.endsWith(type))) {
+            resizers.forEach(element => {
+                element.resizer = element.resizer.png();
+            });
+        } else if (jpgTypes.some(type => file.endsWith(type))) {
+            resizers.forEach(element => {
+                element.resizer = element.resizer.jpeg();
+            });
+        } else {
+            continue;
+        }
+        resizers.forEach(resizer => {
+            fs.createReadStream(folder + file).pipe(resizer.resizer).pipe(fs.createWriteStream(folder + filesplit[0] + resizer.suffix + "." + filesplit[1]));
+        });
+    }
+});
\ No newline at end of file
diff --git a/src/server/index.ts b/src/server/index.ts
index d19c65e0a..af99b116a 100644
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -6,6 +6,7 @@ import * as session from 'express-session';
 import * as expressValidator from 'express-validator';
 import * as formidable from 'formidable';
 import * as fs from 'fs';
+import * as sharp from 'sharp';
 import * as mobileDetect from 'mobile-detect';
 import { ObservableMap } from 'mobx';
 import * as passport from 'passport';
@@ -166,13 +167,15 @@ addSecureRoute(
     RouteStore.getCurrUser
 );
 
+const pngTypes = [".png", ".PNG"];
+const jpgTypes = [".jpg", ".JPG", ".jpeg", ".JPEG"];
+const uploadDir = __dirname + "/public/files/";
 // SETTERS
-
 addSecureRoute(
     Method.POST,
     (user, res, req) => {
         let form = new formidable.IncomingForm();
-        form.uploadDir = __dirname + "/public/files/";
+        form.uploadDir = uploadDir;
         form.keepExtensions = true;
         // let path = req.body.path;
         console.log("upload");
@@ -180,7 +183,31 @@ addSecureRoute(
             console.log("parsing");
             let names: string[] = [];
             for (const name in files) {
-                names.push(`/files/` + path.basename(files[name].path));
+                const file = path.basename(files[name].path);
+                const ext = path.extname(file);
+                let resizers = [
+                    { resizer: sharp().resize(100, undefined, { withoutEnlargement: true }), suffix: "_s" },
+                    { resizer: sharp().resize(400, undefined, { withoutEnlargement: true }), suffix: "_m" },
+                    { resizer: sharp().resize(900, undefined, { withoutEnlargement: true }), suffix: "_l" },
+                ];
+                let isImage = false;
+                if (pngTypes.includes(ext)) {
+                    resizers.forEach(element => {
+                        element.resizer = element.resizer.png();
+                    });
+                    isImage = true;
+                } else if (jpgTypes.includes(ext)) {
+                    resizers.forEach(element => {
+                        element.resizer = element.resizer.jpeg();
+                    });
+                    isImage = true;
+                }
+                if (isImage) {
+                    resizers.forEach(resizer => {
+                        fs.createReadStream(uploadDir + file).pipe(resizer.resizer).pipe(fs.createWriteStream(uploadDir + file.substring(0, file.length - ext.length) + resizer.suffix + ext));
+                    });
+                }
+                names.push(`/files/` + file);
             }
             res.send(names);
         });
diff --git a/src/server/public/files/.gitignore b/src/server/public/files/.gitignore
index f59ec20aa..c96a04f00 100644
--- a/src/server/public/files/.gitignore
+++ b/src/server/public/files/.gitignore
@@ -1 +1,2 @@
-*
\ No newline at end of file
+*
+!.gitignore
\ No newline at end of file