gl-react-blur 2.0.0 → 6.0.0

package/lib/directionForPassDefault.js

@@ -3,19 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var NORM = Math.sqrt(2) / 2;
-
-exports.default = function (p, factor, total) {
-  var f = factor * 2 * Math.ceil(p / 2) / total;
-  switch ((p - 1) % 4) {// alternate horizontal, vertical and 2 diagonals
+exports.default = void 0;
+const NORM = Math.sqrt(2) / 2;
+// Cycles through horizontal, vertical and the 2 diagonals with increasing radius
+const directionForPassDefault = (p, factor, total) => {
+  const f = factor * 2 * Math.ceil(p / 2) / total;
+  switch ((p - 1) % 4) {
     case 0:
       return [f, 0];
     case 1:
       return [0, f];
     case 2:
       return [f * NORM, f * NORM];
-    case 3:
+    default:
       return [f * NORM, -f * NORM];
   }
 };
+var _default = exports.default = directionForPassDefault;
 //# sourceMappingURL=directionForPassDefault.js.map

package/lib/directionForPassDefault.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/directionForPassDefault.js"],"names":["NORM","Math","sqrt","p","factor","total","f","ceil"],"mappings":";;;;;AAAA,IAAMA,OAAOC,KAAKC,IAAL,CAAU,CAAV,IAAe,CAA5B;;kBAEe,UAACC,CAAD,EAAIC,MAAJ,EAAYC,KAAZ,EAAsB;AACnC,MAAMC,IAAIF,SAAS,CAAT,GAAaH,KAAKM,IAAL,CAAUJ,IAAI,CAAd,CAAb,GAAgCE,KAA1C;AACA,UAAQ,CAACF,IAAI,CAAL,IAAU,CAAlB,GAAuB;AACrB,SAAK,CAAL;AACE,aAAO,CAACG,CAAD,EAAI,CAAJ,CAAP;AACF,SAAK,CAAL;AACE,aAAO,CAAC,CAAD,EAAIA,CAAJ,CAAP;AACF,SAAK,CAAL;AACE,aAAO,CAACA,IAAIN,IAAL,EAAWM,IAAIN,IAAf,CAAP;AACF,SAAK,CAAL;AACE,aAAO,CAACM,IAAIN,IAAL,EAAW,CAACM,CAAD,GAAKN,IAAhB,CAAP;AARJ;AAUD,C","file":"directionForPassDefault.js","sourcesContent":["const NORM = Math.sqrt(2) / 2;\n\nexport default (p, factor, total) => {\n  const f = factor * 2 * Math.ceil(p / 2) / total;\n  switch ((p - 1) % 4) { // alternate horizontal, vertical and 2 diagonals\n    case 0:\n      return [f, 0];\n    case 1:\n      return [0, f];\n    case 2:\n      return [f * NORM, f * NORM];\n    case 3:\n      return [f * NORM, -f * NORM];\n  }\n};\n"]}
+{"version":3,"file":"directionForPassDefault.js","names":["NORM","Math","sqrt","directionForPassDefault","p","factor","total","f","ceil","_default","exports","default"],"sources":["../src/directionForPassDefault.ts"],"sourcesContent":["const NORM = Math.sqrt(2) / 2;\n\nexport type DirectionForPass = (\n  pass: number,\n  factor: number,\n  total: number\n) => [number, number];\n\n// Cycles through horizontal, vertical and the 2 diagonals with increasing radius\nconst directionForPassDefault: DirectionForPass = (p, factor, total) => {\n  const f = (factor * 2 * Math.ceil(p / 2)) / total;\n  switch ((p - 1) % 4) {\n    case 0:\n      return [f, 0];\n    case 1:\n      return [0, f];\n    case 2:\n      return [f * NORM, f * NORM];\n    default:\n      return [f * NORM, -f * NORM];\n  }\n};\n\nexport default directionForPassDefault;\n"],"mappings":";;;;;;AAAA,MAAMA,IAAI,GAAGC,IAAI,CAACC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAQ7B;AACA,MAAMC,uBAAyC,GAAGA,CAACC,CAAC,EAAEC,MAAM,EAAEC,KAAK,KAAK;EACtE,MAAMC,CAAC,GAAIF,MAAM,GAAG,CAAC,GAAGJ,IAAI,CAACO,IAAI,CAACJ,CAAC,GAAG,CAAC,CAAC,GAAIE,KAAK;EACjD,QAAQ,CAACF,CAAC,GAAG,CAAC,IAAI,CAAC;IACjB,KAAK,CAAC;MACJ,OAAO,CAACG,CAAC,EAAE,CAAC,CAAC;IACf,KAAK,CAAC;MACJ,OAAO,CAAC,CAAC,EAAEA,CAAC,CAAC;IACf,KAAK,CAAC;MACJ,OAAO,CAACA,CAAC,GAAGP,IAAI,EAAEO,CAAC,GAAGP,IAAI,CAAC;IAC7B;MACE,OAAO,CAACO,CAAC,GAAGP,IAAI,EAAE,CAACO,CAAC,GAAGP,IAAI,CAAC;EAChC;AACF,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaR,uBAAuB","ignoreList":[]}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+import Blur from "./Blur";
+import Blur1D from "./Blur1D";
+import BlurV from "./BlurV";
+import BlurV1D from "./BlurV1D";
+import directionForPassDefault from "./directionForPassDefault";
+export { Blur, Blur1D, BlurV, BlurV1D, directionForPassDefault };
+export type { BlurProps } from "./Blur";
+export type { Blur1DProps } from "./Blur1D";
+export type { BlurVProps } from "./BlurV";
+export type { BlurV1DProps } from "./BlurV1D";
+export type { DirectionForPass } from "./directionForPassDefault";
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/index.js

@@ -3,28 +3,40 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BlurV1D = exports.BlurV = exports.Blur1D = exports.Blur = undefined;
-
-var _Blur = require("./Blur");
-
-var _Blur2 = _interopRequireDefault(_Blur);
-
-var _Blur1D = require("./Blur1D");
-
-var _Blur1D2 = _interopRequireDefault(_Blur1D);
-
-var _BlurV = require("./BlurV");
-
-var _BlurV2 = _interopRequireDefault(_BlurV);
-
-var _BlurV1D = require("./BlurV1D");
-
-var _BlurV1D2 = _interopRequireDefault(_BlurV1D);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.Blur = _Blur2.default;
-exports.Blur1D = _Blur1D2.default;
-exports.BlurV = _BlurV2.default;
-exports.BlurV1D = _BlurV1D2.default;
+Object.defineProperty(exports, "Blur", {
+  enumerable: true,
+  get: function () {
+    return _Blur.default;
+  }
+});
+Object.defineProperty(exports, "Blur1D", {
+  enumerable: true,
+  get: function () {
+    return _Blur1D.default;
+  }
+});
+Object.defineProperty(exports, "BlurV", {
+  enumerable: true,
+  get: function () {
+    return _BlurV.default;
+  }
+});
+Object.defineProperty(exports, "BlurV1D", {
+  enumerable: true,
+  get: function () {
+    return _BlurV1D.default;
+  }
+});
+Object.defineProperty(exports, "directionForPassDefault", {
+  enumerable: true,
+  get: function () {
+    return _directionForPassDefault.default;
+  }
+});
+var _Blur = _interopRequireDefault(require("./Blur"));
+var _Blur1D = _interopRequireDefault(require("./Blur1D"));
+var _BlurV = _interopRequireDefault(require("./BlurV"));
+var _BlurV1D = _interopRequireDefault(require("./BlurV1D"));
+var _directionForPassDefault = _interopRequireDefault(require("./directionForPassDefault"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["Blur","Blur1D","BlurV","BlurV1D"],"mappings":";;;;;;;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;;;QACSA,I;QAAMC,M;QAAQC,K;QAAOC,O","file":"index.js","sourcesContent":["import Blur from \"./Blur\";\nimport Blur1D from \"./Blur1D\";\nimport BlurV from \"./BlurV\";\nimport BlurV1D from \"./BlurV1D\";\nexport { Blur, Blur1D, BlurV, BlurV1D };\n"]}
+{"version":3,"file":"index.js","names":["_Blur","_interopRequireDefault","require","_Blur1D","_BlurV","_BlurV1D","_directionForPassDefault","e","__esModule","default"],"sources":["../src/index.ts"],"sourcesContent":["import Blur from \"./Blur\";\nimport Blur1D from \"./Blur1D\";\nimport BlurV from \"./BlurV\";\nimport BlurV1D from \"./BlurV1D\";\nimport directionForPassDefault from \"./directionForPassDefault\";\n\nexport { Blur, Blur1D, BlurV, BlurV1D, directionForPassDefault };\nexport type { BlurProps } from \"./Blur\";\nexport type { Blur1DProps } from \"./Blur1D\";\nexport type { BlurVProps } from \"./BlurV\";\nexport type { BlurV1DProps } from \"./BlurV1D\";\nexport type { DirectionForPass } from \"./directionForPassDefault\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,wBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgE,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/package.json

@@ -1,40 +1,37 @@
 {
   "name": "gl-react-blur",
-  "version": "2.0.0",
-  "description": "Universal gl-react multi-pass gaussian Blur effect with configurable intensity",
-  "main": "lib/index.js",
-  "scripts": {
-    "compile": "rm -rf lib/ && babel --presets es2015,stage-1,react --source-maps -d lib src",
-    "prepublish": "npm run compile"
-  },
-  "dependencies": {
-    "prop-types": "^15.6.0"
-  },
-  "peerDependencies": {
-    "gl-react": "~2.2.0"
-  },
-  "devDependencies": {
-    "babel-cli": "^6.4.5",
-    "babel-preset-es2015": "^6.3.13",
-    "babel-preset-react": "^6.3.13",
-    "babel-preset-stage-1": "^6.3.13"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/gre/gl-react-blur.git"
-  },
+  "version": "6.0.0",
+  "license": "MIT",
+  "author": "Gaëtan Renaudeau <renaudeau.gaetan@gmail.com>",
+  "description": "Universal gl-react multi-pass gaussian Blur effect with configurable intensity, also supporting variable blur with a map",
   "keywords": [
     "gl-react",
     "blur",
+    "gaussian",
+    "effect",
     "gl",
+    "opengl",
     "react",
-    "gauss",
-    "gaussian"
+    "react-component"
   ],
-  "author": "Gaëtan Renaudeau",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/gre/gl-react-blur/issues"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gre/gl-react",
+    "directory": "packages/gl-react-blur"
   },
-  "homepage": "https://github.com/gre/gl-react-blur#readme"
-}
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "gl-react": "*",
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "gl-react": "^6.0.0"
+  }
+}

package/src/Blur.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import { connectSize } from "gl-react";
+import Blur1D from "./Blur1D";
+import directionForPassDefault, {
+  DirectionForPass,
+} from "./directionForPassDefault";
+
+export type BlurProps = {
+  /** the content to blur: any gl-react texture input */
+  children: any;
+  /** blur intensity, in pixels */
+  factor: number;
+  /** number of Blur1D passes to run (default 2: horizontal + vertical) */
+  passes?: number;
+  /** direction vector of a given pass; defaults to cycling H, V and diagonals */
+  directionForPass?: DirectionForPass;
+  width?: number;
+  height?: number;
+};
+
+// Recursively nests Blur1D passes for multi-directional gaussian blur
+const Blur = connectSize(
+  ({
+    children,
+    factor,
+    passes = 2,
+    directionForPass = directionForPassDefault,
+  }: any) => {
+    const rec = (pass: number): any =>
+      pass <= 0 ? (
+        children
+      ) : (
+        <Blur1D direction={directionForPass(pass, factor, passes)}>
+          {rec(pass - 1)}
+        </Blur1D>
+      );
+    return rec(passes);
+  }
+) as unknown as React.ComponentType<BlurProps>;
+
+export default Blur;

package/src/{Blur1D.js → Blur1D.tsx}

@@ -1,15 +1,14 @@
-import { Shaders, Uniform } from "gl-react";
 import React from "react";
-import PropTypes from "prop-types";
+import { Shaders, Node, GLSL, connectSize } from "gl-react";
 
 const shaders = Shaders.create({
   blur1D: {
     // blur9: from https://github.com/Jam3/glsl-fast-gaussian-blur
-    frag: `precision highp float;
+    frag: GLSL`
+precision highp float;
 varying vec2 uv;
 uniform sampler2D t;
 uniform vec2 direction, resolution;
-
 vec4 blur9(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {
   vec4 color = vec4(0.0);
   vec2 off1 = vec2(1.3846153846) * direction;
@@ -21,30 +20,29 @@ vec4 blur9(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {
   color += texture2D(image, uv - (off2 / resolution)) * 0.0702702703;
   return color;
 }
-
-void main () {
+void main() {
   gl_FragColor = blur9(t, uv, resolution, direction);
-}`
-  }
+}`,
+  },
 });
 
-const Blur1D = ({ width, height, pixelRatio, direction, children: t }) => (
-  <GL.Node
-    shader={shaders.blur1D}
-    width={width}
-    height={height}
-    pixelRatio={pixelRatio}
-    uniforms={{
-      direction,
-      resolution: Uniform.Resolution,
-      t
-    }}
-  />
-);
-
-Blur1D.propTypes = {
-  direction: PropTypes.array.isRequired,
-  children: PropTypes.any.isRequired
+export type Blur1DProps = {
+  /** the content to blur: any gl-react texture input */
+  children: any;
+  /** blur direction & distance vector, in pixels */
+  direction: [number, number];
+  width?: number;
+  height?: number;
 };
 
+// connectSize injects width/height for correct texel offset calculation
+const Blur1D = connectSize(
+  ({ children: t, direction, width, height }: any) => (
+    <Node
+      shader={shaders.blur1D}
+      uniforms={{ t, resolution: [width, height], direction }}
+    />
+  )
+) as unknown as React.ComponentType<Blur1DProps>;
+
 export default Blur1D;

package/src/BlurV.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+import { connectSize } from "gl-react";
+import BlurV1D from "./BlurV1D";
+import directionForPassDefault, {
+  DirectionForPass,
+} from "./directionForPassDefault";
+
+export type BlurVProps = {
+  /** the content to blur: any gl-react texture input */
+  children: any;
+  /** blur intensity, in pixels */
+  factor: number;
+  /** a texture whose red/green channels scale the blur per-pixel */
+  map: any;
+  /** number of BlurV1D passes to run (default 2: horizontal + vertical) */
+  passes?: number;
+  /** direction vector of a given pass; defaults to cycling H, V and diagonals */
+  directionForPass?: DirectionForPass;
+  width?: number;
+  height?: number;
+};
+
+// Recursively nests BlurV1D passes for variable multi-directional blur
+const BlurV = connectSize(
+  ({
+    children,
+    factor,
+    map,
+    passes = 2,
+    directionForPass = directionForPassDefault,
+  }: any) => {
+    const rec = (pass: number): any =>
+      pass <= 0 ? (
+        children
+      ) : (
+        <BlurV1D map={map} direction={directionForPass(pass, factor, passes)}>
+          {rec(pass - 1)}
+        </BlurV1D>
+      );
+    return rec(passes);
+  }
+) as unknown as React.ComponentType<BlurVProps>;
+
+export default BlurV;

package/src/{BlurV1D.js → BlurV1D.tsx}

@@ -1,15 +1,14 @@
-import { Shaders, Uniform } from "gl-react";
 import React from "react";
-import PropTypes from "prop-types";
+import { Shaders, Node, GLSL, connectSize } from "gl-react";
 
 const shaders = Shaders.create({
-  blur1D: {
+  blurV1D: {
     // blur9: from https://github.com/Jam3/glsl-fast-gaussian-blur
-    frag: `precision highp float;
+    frag: GLSL`
+precision highp float;
 varying vec2 uv;
 uniform sampler2D t, map;
 uniform vec2 direction, resolution;
-
 vec4 blur9(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {
   vec4 color = vec4(0.0);
   vec2 off1 = vec2(1.3846153846) * direction;
@@ -21,39 +20,31 @@ vec4 blur9(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {
   color += texture2D(image, uv - (off2 / resolution)) * 0.0702702703;
   return color;
 }
-
-void main () {
+void main() {
+  // Direction scaled by map value makes blur strength vary per-pixel
   gl_FragColor = blur9(t, uv, resolution, direction * texture2D(map, uv).rg);
-}`
-  }
+}`,
+  },
 });
 
-const BlurV1D = ({
-  width,
-  height,
-  map,
-  pixelRatio,
-  direction,
-  children: t
-}) => (
-  <GL.Node
-    shader={shaders.blur1D}
-    width={width}
-    height={height}
-    pixelRatio={pixelRatio}
-    uniforms={{
-      direction,
-      resolution: Uniform.Resolution,
-      t,
-      map
-    }}
-  />
-);
-
-BlurV1D.propTypes = {
-  direction: PropTypes.array.isRequired,
-  children: PropTypes.any.isRequired,
-  map: PropTypes.any.isRequired
+export type BlurV1DProps = {
+  /** the content to blur: any gl-react texture input */
+  children: any;
+  /** blur direction & distance vector, in pixels */
+  direction: [number, number];
+  /** a texture whose red/green channels scale the blur per-pixel */
+  map: any;
+  width?: number;
+  height?: number;
 };
 
+const BlurV1D = connectSize(
+  ({ children: t, direction, map, width, height }: any) => (
+    <Node
+      shader={shaders.blurV1D}
+      uniforms={{ t, map, resolution: [width, height], direction }}
+    />
+  )
+) as unknown as React.ComponentType<BlurV1DProps>;
+
 export default BlurV1D;

package/src/directionForPassDefault.ts

@@ -0,0 +1,24 @@
+const NORM = Math.sqrt(2) / 2;
+
+export type DirectionForPass = (
+  pass: number,
+  factor: number,
+  total: number
+) => [number, number];
+
+// Cycles through horizontal, vertical and the 2 diagonals with increasing radius
+const directionForPassDefault: DirectionForPass = (p, factor, total) => {
+  const f = (factor * 2 * Math.ceil(p / 2)) / total;
+  switch ((p - 1) % 4) {
+    case 0:
+      return [f, 0];
+    case 1:
+      return [0, f];
+    case 2:
+      return [f * NORM, f * NORM];
+    default:
+      return [f * NORM, -f * NORM];
+  }
+};
+
+export default directionForPassDefault;

package/src/index.ts

@@ -0,0 +1,12 @@
+import Blur from "./Blur";
+import Blur1D from "./Blur1D";
+import BlurV from "./BlurV";
+import BlurV1D from "./BlurV1D";
+import directionForPassDefault from "./directionForPassDefault";
+
+export { Blur, Blur1D, BlurV, BlurV1D, directionForPassDefault };
+export type { BlurProps } from "./Blur";
+export type { Blur1DProps } from "./Blur1D";
+export type { BlurVProps } from "./BlurV";
+export type { BlurV1DProps } from "./BlurV1D";
+export type { DirectionForPass } from "./directionForPassDefault";

package/src/Blur.js

@@ -1,46 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import Blur1D from "./Blur1D";
-import directionForPassDefault from "./directionForPassDefault";
-
-const Blur = ({
-  width,
-  height,
-  pixelRatio,
-  factor,
-  children,
-  passes,
-  directionForPass
-}) => {
-  const rec = pass =>
-    pass <= 0 ? (
-      children
-    ) : (
-      <Blur1D
-        width={width}
-        height={height}
-        pixelRatio={pixelRatio}
-        direction={directionForPass(pass, factor, passes)}
-      >
-        {rec(pass - 1)}
-      </Blur1D>
-    );
-  return rec(passes);
-};
-
-Blur.defaultProps = {
-  passes: 2,
-  directionForPass: directionForPassDefault
-};
-
-Blur.propTypes = {
-  factor: PropTypes.number.isRequired,
-  children: PropTypes.any.isRequired,
-  passes: PropTypes.number,
-  directionForPass: PropTypes.func,
-  width: PropTypes.any,
-  height: PropTypes.any,
-  pixelRatio: PropTypes.number
-};
-
-export default Blur;

package/src/BlurV.js

@@ -1,49 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import BlurV1D from "./BlurV1D";
-import directionForPassDefault from "./directionForPassDefault";
-
-const BlurV = ({
-  width,
-  height,
-  map,
-  pixelRatio,
-  factor,
-  children,
-  passes,
-  directionForPass
-}) => {
-  const rec = pass =>
-    pass <= 0 ? (
-      children
-    ) : (
-      <BlurV1D
-        width={width}
-        height={height}
-        map={map}
-        pixelRatio={pixelRatio}
-        direction={directionForPass(pass, factor, passes)}
-      >
-        {rec(pass - 1)}
-      </BlurV1D>
-    );
-  return rec(passes);
-};
-
-BlurV.defaultProps = {
-  passes: 2,
-  directionForPass: directionForPassDefault
-};
-
-BlurV.propTypes = {
-  factor: PropTypes.number.isRequired,
-  children: PropTypes.any.isRequired,
-  passes: PropTypes.number,
-  directionForPass: PropTypes.func,
-  map: PropTypes.any.isRequired,
-  width: PropTypes.any,
-  height: PropTypes.any,
-  pixelRatio: PropTypes.number
-};
-
-export default BlurV;

package/src/directionForPassDefault.js

@@ -1,15 +0,0 @@
-const NORM = Math.sqrt(2) / 2;
-
-export default (p, factor, total) => {
-  const f = factor * 2 * Math.ceil(p / 2) / total;
-  switch ((p - 1) % 4) { // alternate horizontal, vertical and 2 diagonals
-    case 0:
-      return [f, 0];
-    case 1:
-      return [0, f];
-    case 2:
-      return [f * NORM, f * NORM];
-    case 3:
-      return [f * NORM, -f * NORM];
-  }
-};

package/src/index.js

@@ -1,5 +0,0 @@
-import Blur from "./Blur";
-import Blur1D from "./Blur1D";
-import BlurV from "./BlurV";
-import BlurV1D from "./BlurV1D";
-export { Blur, Blur1D, BlurV, BlurV1D };