From dee93fef0a9c8f11ad74255561365d43381771f8 Mon Sep 17 00:00:00 2001
From: Jarvis Luong <jarvisluong@gmail.com>
Date: Tue, 2 Jun 2020 08:59:25 +0300
Subject: [PATCH] reformat the filters

---
 filters/Amaro.js      | 33 ++++++++++++++++++++-------------
 filters/Brannan.js    | 41 ++++++++++++++++++++++++++---------------
 filters/Earlybird.js  | 41 ++++++++++++++++++++++++++---------------
 filters/F1977.js      | 25 ++++++++++++++-----------
 filters/Hefe.js       | 41 ++++++++++++++++++++++++++---------------
 filters/Hudson.js     | 33 ++++++++++++++++++++-------------
 filters/Inkwell.js    | 25 ++++++++++++++-----------
 filters/Lokofi.js     | 29 +++++++++++++++++------------
 filters/LordKelvin.js | 25 ++++++++++++++-----------
 filters/Nashville.js  | 25 ++++++++++++++-----------
 filters/Normal.js     | 21 +++++++++++----------
 filters/Rise.js       | 33 ++++++++++++++++++++-------------
 filters/Sierra.js     | 33 ++++++++++++++++++++-------------
 filters/Sutro.js      | 41 ++++++++++++++++++++++++++---------------
 filters/Toaster.js    | 41 ++++++++++++++++++++++++++---------------
 filters/Valencia.js   | 29 +++++++++++++++++------------
 filters/Walden.js     | 29 +++++++++++++++++------------
 filters/XproII.js     | 29 +++++++++++++++++------------
 18 files changed, 345 insertions(+), 229 deletions(-)

diff --git a/filters/Amaro.js b/filters/Amaro.js
index bab77a0..e001a99 100755
--- a/filters/Amaro.js
+++ b/filters/Amaro.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Amaro: {
@@ -25,23 +25,30 @@ const shaders = Shaders.create({
         mapped.b = texture2D(inputImageTexture4, vec2(texel.b, .16666)).b;
         mapped.a = 1.0;
         gl_FragColor = mapped;
-      }`
-  }
+      }`,
+  },
 });
 
-const Amaro = ({ children: t }) =>
-  (<Node
+const Amaro = ({ children: t }) => (
+  <Node
     shader={shaders.Amaro}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/blackboard1024.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/overlayMap.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/amaroMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/blackboard1024.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/overlayMap.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/amaroMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Amaro.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Amaro;
diff --git a/filters/Brannan.js b/filters/Brannan.js
index 88fa5f7..fb3363e 100755
--- a/filters/Brannan.js
+++ b/filters/Brannan.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Brannan: {
@@ -64,25 +64,36 @@ const shaders = Shaders.create({
         lookup.x = texel.b;
         texel.b = texture2D(inputImageTexture6, lookup).b;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Brannan = ({ children: t }) =>
-  (<Node
+const Brannan = ({ children: t }) => (
+  <Node
     shader={shaders.Brannan}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/brannanProcess.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/brannanBlowout.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/brannanContrast.png')),
-      inputImageTexture5: resolveAssetSource(require('../resources/brannanLuma.png')),
-      inputImageTexture6: resolveAssetSource(require('../resources/brannanScreen.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/brannanProcess.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/brannanBlowout.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/brannanContrast.png")
+      ),
+      inputImageTexture5: resolveAssetSource(
+        require("../resources/brannanLuma.png")
+      ),
+      inputImageTexture6: resolveAssetSource(
+        require("../resources/brannanScreen.png")
+      ),
     }}
-  />);
+  />
+);
 
 Brannan.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Brannan;
diff --git a/filters/Earlybird.js b/filters/Earlybird.js
index 3f03f3b..5c709e2 100755
--- a/filters/Earlybird.js
+++ b/filters/Earlybird.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Earlybird: {
@@ -81,25 +81,36 @@ const shaders = Shaders.create({
         lookup.x = texel.b;
         texel.b = texture2D(inputImageTexture6, lookup).b;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Earlybird = ({ children: t }) =>
-  (<Node
+const Earlybird = ({ children: t }) => (
+  <Node
     shader={shaders.Earlybird}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/earlyBirdCurves.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/earlybirdOverlayMap.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/vignetteMap.png')),
-      inputImageTexture5: resolveAssetSource(require('../resources/earlybirdBlowout.png')),
-      inputImageTexture6: resolveAssetSource(require('../resources/earlybirdMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/earlyBirdCurves.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/earlybirdOverlayMap.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/vignetteMap.png")
+      ),
+      inputImageTexture5: resolveAssetSource(
+        require("../resources/earlybirdBlowout.png")
+      ),
+      inputImageTexture6: resolveAssetSource(
+        require("../resources/earlybirdMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Earlybird.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Earlybird;
diff --git a/filters/F1977.js b/filters/F1977.js
index 72c6967..5737bc5 100755
--- a/filters/F1977.js
+++ b/filters/F1977.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   F1977: {
@@ -18,21 +18,24 @@ const shaders = Shaders.create({
                     texture2D(inputImageTexture2, vec2(texel.g, .5)).g,
                     texture2D(inputImageTexture2, vec2(texel.b, .83333)).b);
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const F1977 = ({ children: t }) =>
-  (<Node
+const F1977 = ({ children: t }) => (
+  <Node
     shader={shaders.F1977}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/1977map.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/1977map.png")
+      ),
     }}
-  />);
+  />
+);
 
 F1977.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default F1977;
diff --git a/filters/Hefe.js b/filters/Hefe.js
index 2fef2cd..9a63d9f 100755
--- a/filters/Hefe.js
+++ b/filters/Hefe.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Hefe: {
@@ -37,25 +37,36 @@ const shaders = Shaders.create({
                               texture2D(inputImageTexture5, vec2(metal.b, (1.0-texel.b))).b
                               );
         gl_FragColor = vec4(metaled, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Hefe = ({ children: t }) =>
-  (<Node
+const Hefe = ({ children: t }) => (
+  <Node
     shader={shaders.Hefe}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/edgeBurn.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/hefeMap.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/hefeGradientMap.png')),
-      inputImageTexture5: resolveAssetSource(require('../resources/hefeSoftLight.png')),
-      inputImageTexture6: resolveAssetSource(require('../resources/hefeMetal.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/edgeBurn.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/hefeMap.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/hefeGradientMap.png")
+      ),
+      inputImageTexture5: resolveAssetSource(
+        require("../resources/hefeSoftLight.png")
+      ),
+      inputImageTexture6: resolveAssetSource(
+        require("../resources/hefeMetal.png")
+      ),
     }}
-  />);
+  />
+);
 
 Hefe.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Hefe;
diff --git a/filters/Hudson.js b/filters/Hudson.js
index 6c97fcd..e1f71c7 100755
--- a/filters/Hudson.js
+++ b/filters/Hudson.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Hudson: {
@@ -25,23 +25,30 @@ const shaders = Shaders.create({
         mapped.b = texture2D(inputImageTexture4, vec2(texel.b, .16666)).b;
         mapped.a = 1.0;
         gl_FragColor = mapped;
-      }`
-  }
+      }`,
+  },
 });
 
-const Hudson = ({ children: t }) =>
-  (<Node
+const Hudson = ({ children: t }) => (
+  <Node
     shader={shaders.Hudson}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/hudsonBackground.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/overlayMap.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/hudsonMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/hudsonBackground.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/overlayMap.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/hudsonMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Hudson.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Hudson;
diff --git a/filters/Inkwell.js b/filters/Inkwell.js
index 6e11671..5421bc8 100755
--- a/filters/Inkwell.js
+++ b/filters/Inkwell.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Inkwell: {
@@ -16,21 +16,24 @@ const shaders = Shaders.create({
         texel = vec3(dot(vec3(0.3, 0.6, 0.1), texel));
         texel = vec3(texture2D(inputImageTexture2, vec2(texel.r, .83333)).r);
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Inkwell = ({ children: t }) =>
-  (<Node
+const Inkwell = ({ children: t }) => (
+  <Node
     shader={shaders.Inkwell}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/inkwellMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/inkwellMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Inkwell.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Inkwell;
diff --git a/filters/Lokofi.js b/filters/Lokofi.js
index f2d12f7..971f370 100755
--- a/filters/Lokofi.js
+++ b/filters/Lokofi.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Lokofi: {
@@ -27,22 +27,27 @@ const shaders = Shaders.create({
         texel.g = texture2D(inputImageTexture3, vec2(d, (1.0-texel.g))).g;
         texel.b  = texture2D(inputImageTexture3, vec2(d, (1.0-texel.b))).b;
         gl_FragColor = vec4(texel,1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Lokofi = ({ children: t }) =>
-  (<Node
+const Lokofi = ({ children: t }) => (
+  <Node
     shader={shaders.Lokofi}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/lomoMap.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/vignetteMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/lomoMap.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/vignetteMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Lokofi.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Lokofi;
diff --git a/filters/LordKelvin.js b/filters/LordKelvin.js
index b13de5a..da75b01 100755
--- a/filters/LordKelvin.js
+++ b/filters/LordKelvin.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   LordKelvin: {
@@ -22,21 +22,24 @@ const shaders = Shaders.create({
         lookup.x = texel.b;
         texel.b = texture2D(inputImageTexture2, lookup).b;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const LordKelvin = ({ children: t }) =>
-  (<Node
+const LordKelvin = ({ children: t }) => (
+  <Node
     shader={shaders.LordKelvin}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/kelvinMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/kelvinMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 LordKelvin.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default LordKelvin;
diff --git a/filters/Nashville.js b/filters/Nashville.js
index 3ec99f0..fd1dd90 100755
--- a/filters/Nashville.js
+++ b/filters/Nashville.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Nashville: {
@@ -18,21 +18,24 @@ const shaders = Shaders.create({
                     texture2D(inputImageTexture2, vec2(texel.g, .5)).g,
                     texture2D(inputImageTexture2, vec2(texel.b, .16666)).b);
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Nashville = ({ children: t }) =>
-  (<Node
+const Nashville = ({ children: t }) => (
+  <Node
     shader={shaders.Nashville}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/nashvilleMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/nashvilleMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Nashville.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Nashville;
diff --git a/filters/Normal.js b/filters/Normal.js
index 0b8015e..e28b500 100755
--- a/filters/Normal.js
+++ b/filters/Normal.js
@@ -1,7 +1,7 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
+import { GLSL, Shaders, Node } from "gl-react";
 
 const shaders = Shaders.create({
   Normal: {
@@ -12,20 +12,21 @@ const shaders = Shaders.create({
       void main () {
         vec3 texel = texture2D(inputImageTexture, uv).rgb;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Normal = ({ children: t }) =>
-  (<Node
+const Normal = ({ children: t }) => (
+  <Node
     shader={shaders.Normal}
     uniforms={{
-      inputImageTexture: t
+      inputImageTexture: t,
     }}
-  />);
+  />
+);
 
 Normal.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Normal;
diff --git a/filters/Rise.js b/filters/Rise.js
index 0bfc028..1486e37 100755
--- a/filters/Rise.js
+++ b/filters/Rise.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Rise: {
@@ -25,23 +25,30 @@ const shaders = Shaders.create({
         mapped.b = texture2D(inputImageTexture4, vec2(texel.b, .16666)).b;
         mapped.a = 1.0;
         gl_FragColor = mapped;
-      }`
-  }
+      }`,
+  },
 });
 
-const Rise = ({ children: t }) =>
-  (<Node
+const Rise = ({ children: t }) => (
+  <Node
     shader={shaders.Rise}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/blackboard1024.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/overlayMap.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/riseMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/blackboard1024.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/overlayMap.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/riseMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Rise.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Rise;
diff --git a/filters/Sierra.js b/filters/Sierra.js
index c6980b5..8ecb81e 100755
--- a/filters/Sierra.js
+++ b/filters/Sierra.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Sierra: {
@@ -25,23 +25,30 @@ const shaders = Shaders.create({
         mapped.b = texture2D(inputImageTexture4, vec2(texel.b, .16666)).b;
         mapped.a = 1.0;
         gl_FragColor = mapped;
-      }`
-  }
+      }`,
+  },
 });
 
-const Sierra = ({ children: t }) =>
-  (<Node
+const Sierra = ({ children: t }) => (
+  <Node
     shader={shaders.Sierra}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/sierraVignette.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/overlayMap.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/sierraMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/sierraVignette.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/overlayMap.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/sierraMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Sierra.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Sierra;
diff --git a/filters/Sutro.js b/filters/Sutro.js
index 099cd92..04464b2 100755
--- a/filters/Sutro.js
+++ b/filters/Sutro.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Sutro: {
@@ -34,25 +34,36 @@ const shaders = Shaders.create({
         texel.g = texture2D(inputImageTexture6, vec2(texel.g, .5)).g;
         texel.b = texture2D(inputImageTexture6, vec2(texel.b, .16666)).b;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Sutro = ({ children: t }) =>
-  (<Node
+const Sutro = ({ children: t }) => (
+  <Node
     shader={shaders.Sutro}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/vignetteMap.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/sutroMetal.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/softLight.png')),
-      inputImageTexture5: resolveAssetSource(require('../resources/sutroEdgeBurn.png')),
-      inputImageTexture6: resolveAssetSource(require('../resources/sutroCurves.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/vignetteMap.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/sutroMetal.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/softLight.png")
+      ),
+      inputImageTexture5: resolveAssetSource(
+        require("../resources/sutroEdgeBurn.png")
+      ),
+      inputImageTexture6: resolveAssetSource(
+        require("../resources/sutroCurves.png")
+      ),
     }}
-  />);
+  />
+);
 
 Sutro.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Sutro;
diff --git a/filters/Toaster.js b/filters/Toaster.js
index e6677a1..7c7482e 100755
--- a/filters/Toaster.js
+++ b/filters/Toaster.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Toaster: {
@@ -68,25 +68,36 @@ const shaders = Shaders.create({
         tmpvar_8.w = 1.0;
         tmpvar_8.xyz = texel;
         gl_FragColor = tmpvar_8;
-      }`
-  }
+      }`,
+  },
 });
 
-const Toaster = ({ children: t }) =>
-  (<Node
+const Toaster = ({ children: t }) => (
+  <Node
     shader={shaders.Toaster}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/toasterMetal.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/toasterSoftLight.png')),
-      inputImageTexture4: resolveAssetSource(require('../resources/toasterCurves.png')),
-      inputImageTexture5: resolveAssetSource(require('../resources/toasterOverlayMapWarm.png')),
-      inputImageTexture6: resolveAssetSource(require('../resources/toasterColorShift.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/toasterMetal.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/toasterSoftLight.png")
+      ),
+      inputImageTexture4: resolveAssetSource(
+        require("../resources/toasterCurves.png")
+      ),
+      inputImageTexture5: resolveAssetSource(
+        require("../resources/toasterOverlayMapWarm.png")
+      ),
+      inputImageTexture6: resolveAssetSource(
+        require("../resources/toasterColorShift.png")
+      ),
     }}
-  />);
+  />
+);
 
 Toaster.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Toaster;
diff --git a/filters/Valencia.js b/filters/Valencia.js
index 6beccfb..5f193d9 100755
--- a/filters/Valencia.js
+++ b/filters/Valencia.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Valencia: {
@@ -37,22 +37,27 @@ const shaders = Shaders.create({
                     texture2D(inputImageTexture3, vec2(luma, (1.0-texel.g))).g,
                     texture2D(inputImageTexture3, vec2(luma, (1.0-texel.b))).b);
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Valencia = ({ children: t }) =>
-  (<Node
+const Valencia = ({ children: t }) => (
+  <Node
     shader={shaders.Valencia}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/valenciaMap.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/valenciaGradientMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/valenciaMap.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/valenciaGradientMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Valencia.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Valencia;
diff --git a/filters/Walden.js b/filters/Walden.js
index 3b82181..2966272 100755
--- a/filters/Walden.js
+++ b/filters/Walden.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   Walden: {
@@ -24,22 +24,27 @@ const shaders = Shaders.create({
         texel.g = texture2D(inputImageTexture3, vec2(d, (1.0-texel.g))).g;
         texel.b  = texture2D(inputImageTexture3, vec2(d, (1.0-texel.b))).b;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const Walden = ({ children: t }) =>
-  (<Node
+const Walden = ({ children: t }) => (
+  <Node
     shader={shaders.Walden}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/waldenMap.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/vignetteMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/waldenMap.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/vignetteMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 Walden.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default Walden;
diff --git a/filters/XproII.js b/filters/XproII.js
index 189857e..8e07420 100755
--- a/filters/XproII.js
+++ b/filters/XproII.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import { GLSL, Shaders, Node } from 'gl-react';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
+import { GLSL, Shaders, Node } from "gl-react";
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 
 const shaders = Shaders.create({
   XproII: {
@@ -23,22 +23,27 @@ const shaders = Shaders.create({
         texel.g = texture2D(inputImageTexture2, vec2(texel.g, .5)).g;
         texel.b = texture2D(inputImageTexture2, vec2(texel.b, .16666)).b;
         gl_FragColor = vec4(texel, 1.0);
-      }`
-  }
+      }`,
+  },
 });
 
-const XproII = ({ children: t }) =>
-  (<Node
+const XproII = ({ children: t }) => (
+  <Node
     shader={shaders.XproII}
     uniforms={{
       inputImageTexture: t,
-      inputImageTexture2: resolveAssetSource(require('../resources/xproMap.png')),
-      inputImageTexture3: resolveAssetSource(require('../resources/vignetteMap.png'))
+      inputImageTexture2: resolveAssetSource(
+        require("../resources/xproMap.png")
+      ),
+      inputImageTexture3: resolveAssetSource(
+        require("../resources/vignetteMap.png")
+      ),
     }}
-  />);
+  />
+);
 
 XproII.propTypes = {
-  children: PropTypes.object.isRequired
+  children: PropTypes.object.isRequired,
 };
 
 export default XproII;