feat(code): Updated sharp and examples

Updated to latest sharp library. Updated examples.

Author: Alexandru Badiu

examples/example.js

@@ -3,81 +3,101 @@ import ImageCache from '../dist/index';
 
 const imagecache = new ImageCache(presets);
 
-imagecache.render('./in.png', 's_crop_tiny', (err, image) => {
+imagecache.render('./in.png', 'canvas_scale_with_blur', (err, image) => {
   if (err) {
-    console.log('Failed to process image out_s_crop_tiny.png.');
+    console.log('Failed to process image in.png with preset canvas_scale_with_blur.');
     console.log(err);
 
     return;
   }
 
-  image.toFile('out_s_crop_tiny.png', (saveErr, info) => {
+  image.toFile('out_canvas_scale_with_blur.png', (saveErr, info) => {
     if (saveErr) {
-      console.log('Failed to save image out_s_crop_tiny.png.');
+      console.log('Failed to save image out_canvas_scale_with_blur.png.');
       console.log(err);
 
       return;
     }
 
-    console.log(`Saved image out_s_crop_tiny.png with width ${info.width} and height ${info.height}.`);
+    console.log(`Saved image out_canvas_scale_with_blur.png with width ${info.width} and height ${info.height}.`);
   });
 });
 
-imagecache.render('./in.png', 's_crop_small', (err, image) => {
+imagecache.render('./in.png', 'scale_crop_tiny', (err, image) => {
   if (err) {
-    console.log('Failed to process image out_s_crop_small.png.');
+    console.log('Failed to process image in.png with preset scale_crop_tiny.');
     console.log(err);
 
     return;
   }
 
-  image.toFile('out_s_crop_small.png', (saveErr, info) => {
+  image.toFile('out_scale_crop_tiny.png', (saveErr, info) => {
     if (saveErr) {
-      console.log('Failed to save image out_s_crop_small.png.');
+      console.log('Failed to save image out_scale_crop_tiny.png.');
       console.log(err);
 
       return;
     }
-    console.log(`Saved image out_s_crop_small.png with width ${info.width} and height ${info.height}.`);
+
+    console.log(`Saved image out_scale_crop_tiny.png with width ${info.width} and height ${info.height}.`);
+  });
+});
+
+imagecache.render('./in.png', 'scale_crop_small', (err, image) => {
+  if (err) {
+    console.log('Failed to process image in.png with preset scale_crop_small.');
+    console.log(err);
+
+    return;
+  }
+
+  image.toFile('out_scale_crop_small.png', (saveErr, info) => {
+    if (saveErr) {
+      console.log('Failed to save image out_scale_crop_small.png.');
+      console.log(err);
+
+      return;
+    }
+    console.log(`Saved image out_scale_crop_small.png with width ${info.width} and height ${info.height}.`);
   });
 });
 
-imagecache.render('./in.png', 's_crop_teaser', (err, image) => {
+imagecache.render('./in.png', 'scale_crop_teaser', (err, image) => {
   if (err) {
-    console.log('Failed to process image out_s_crop_teaser.png.');
+    console.log('Failed to process image in.png with preset scale_crop_teaser.');
     console.log(err);
 
     return;
   }
 
-  image.toFile('out_s_crop_teaser.png', (saveErr, info) => {
+  image.toFile('out_scale_crop_teaser.png', (saveErr, info) => {
     if (saveErr) {
-      console.log('Failed to save image out_s_crop_teaser.png.');
+      console.log('Failed to save image out_scale_crop_teaser.png.');
       console.log(err);
 
       return;
     }
 
-    console.log(`Saved image out_s_crop_teaser.png with width ${info.width} and height ${info.height}.`);
+    console.log(`Saved image out_scale_crop_teaser.png with width ${info.width} and height ${info.height}.`);
   });
 });
 
-imagecache.render('./in.png', 's_scale_teaser', (err, image) => {
+imagecache.render('./in.png', 'scale_with_watermark', (err, image) => {
   if (err) {
-    console.log('Failed to process image out_s_scale_teaser.png.');
+    console.log('Failed to process image in.png with preset scale_with_watermark.');
     console.log(err);
 
     return;
   }
 
-  image.toFile('out_s_scale_teaser.png', (saveErr, info) => {
+  image.toFile('out_scale_with_watermark.png', (saveErr, info) => {
     if (saveErr) {
-      console.log('Failed to save image out_s_scale_teaser.png.');
+      console.log('Failed to save image out_scale_with_watermark.png.');
       console.log(err);
 
       return;
     }
 
-    console.log(`Saved image out_s_scale_teaser.png with width ${info.width} and height ${info.height}.`);
+    console.log(`Saved image out_scale_with_watermark.png with width ${info.width} and height ${info.height}.`);
   });
 });

examples/presets.js

@@ -1,6 +1,29 @@
 module.exports = {
-  s_crop_tiny: {
-    presetname: 's_crop_tiny',
+  canvas_scale_with_blur: {
+    presetname: 'canvas_scale_with_blur',
+    actions: [
+      {
+        action: 'scale_and_crop',
+        config: {
+          width: 152,
+          height: 152,
+        },
+      },
+      {
+        action: 'define_canvas',
+        config: {
+          color: '#333333',
+          width: 400,
+          height: 400,
+        },
+      },
+      {
+        action: 'blur',
+      },
+    ],
+  },
+  scale_crop_tiny: {
+    presetname: 'scale_crop_tiny',
     actions: [
       {
         action: 'scale_and_crop',
@@ -11,8 +34,8 @@ module.exports = {
       },
     ],
   },
-  s_crop_small: {
-    presetname: 's_crop_small',
+  scale_crop_small: {
+    presetname: 'scale_crop_small',
     actions: [
       {
         action: 'scale_and_crop',
@@ -23,8 +46,8 @@ module.exports = {
       },
     ],
   },
-  s_crop_teaser: {
-    presetname: 's_crop_teaser',
+  scale_crop_teaser: {
+    presetname: 'scale_crop_teaser',
     actions: [
       {
         action: 'scale_and_crop',
@@ -35,8 +58,8 @@ module.exports = {
       },
     ],
   },
-  s_scale_teaser: {
-    presetname: 's_scale_teaser',
+  scale_with_watermark: {
+    presetname: 'scale_with_watermark',
     actions: [
       {
         action: 'file',

package.json

@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "async": "2.4.1",
-    "sharp": "0.16.2",
+    "sharp": "0.18.1",
     "string": "3.3.3"
   },
   "devDependencies": {