From d0b4016685d753d65c378006f37669cff08cc7bd Mon Sep 17 00:00:00 2001
From: Bjorn <bjorn.bos@sosocio.com>
Date: Wed, 18 Oct 2017 16:45:53 +0200
Subject: [PATCH] ADDED improved gray effect

---
 src/index.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index b880d5a..e5fa82f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -26,6 +26,7 @@ const defaultEffect: TEffect = {
   lighten: 0,
   viewfinder: false,
   sepia: false,
+  gray: false,
   brightness: 0,
   contrast: 0,
 };
@@ -89,7 +90,7 @@ const applyEffect = (effect: TEffect) => {
       const supportsBlendModes = ctx.globalCompositeOperation === 'multiply';
       const data = ctx.getImageData(0, 0, width, height);
       const id = data.data.slice(0);
-      const { sepia, saturation } = effect;
+      const { sepia, saturation, gray } = effect;
 
       for (let i = id.length / 4; i >= 0; --i) {
         let ri = i << 2;
@@ -108,6 +109,14 @@ const applyEffect = (effect: TEffect) => {
           ];
         }
 
+        if (gray) {
+          [r, g, b] = [
+            r * 0.21 + g * 0.72 + b * 0.07,
+            r * 0.21 + g * 0.72 + b * 0.07,
+            r * 0.21 + g * 0.72 + b * 0.07
+          ];
+        }
+
         if (saturation < 1) {
           const avg = (r + g + b) / 3;
           r += (avg - r) * (1 - saturation);