upgrade libraries

examples/cookbook-rn-shared/examples/animated/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/animated.jpg";
+export { thumbnail };
 export const title = "Animated";
 export const description = "Cursor spring effect with animated";
-
-export thumbnail from "../../images/thumbnails/animated.jpg";

examples/cookbook-rn-shared/examples/blurfeedback/meta.js

@@ -2,7 +2,8 @@ import React from "react";
 import { Button } from "react-native";
 import ImagesPicker from "../../toolbox/ImagesPicker";
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
-
+import thumbnail from "../../images/thumbnails/blurfeedback.jpg";
+export { thumbnail };
 export const images = [
   require("../../images/blurfeedback-1.jpg"),
   require("../../images/blurfeedback-2.jpg"),
@@ -25,13 +26,12 @@ export const toolbox = [
   {
     prop: "refreshId",
     title: "",
-    Editor: ({ onChange, value }) =>
+    Editor: ({ onChange, value }) => (
       <Button onPress={() => onChange(value + 1)} title="REFRESH" />
+    )
   }
 ];
 
 export const title = "Blur feedback";
 
 export const description = "buffering the result of a blur back to the source";
-
-export thumbnail from "../../images/thumbnails/blurfeedback.jpg";

examples/cookbook-rn-shared/examples/blurmap/meta.js

@@ -1,23 +1,23 @@
 import StaticBlurMap from "../../toolbox/StaticBlurMap";
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
+import thumbnail from "../../images/thumbnails/blurmap.jpg";
+export { thumbnail };
 export const title = "Blur Map";
 export const description = "Blur with intensity map & multi-pass";
 export const toolbox = [
   {
     prop: "factor",
     title: "Blur",
-    Editor: makeFloatSlider(0, 8, 0.2),
+    Editor: makeFloatSlider(0, 8, 0.2)
   },
   {
     prop: "passes",
     title: value => `Blur Passes (${value})`,
-    Editor: makeFloatSlider(1, 8, 1),
+    Editor: makeFloatSlider(1, 8, 1)
   },
   {
     prop: "map",
     title: "Blur Texture Map",
-    Editor: StaticBlurMap,
-  },
+    Editor: StaticBlurMap
+  }
 ];
-
-export thumbnail from "../../images/thumbnails/blurmap.jpg";

examples/cookbook-rn-shared/examples/blurmapdyn/meta.js

@@ -1,16 +1,17 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
+import thumbnail from "../../images/thumbnails/blurmapdyn.jpg";
+export { thumbnail };
 export const title = "Blur Map with dynamic shader";
 export const desc = "Any arbitrary shader can be used as a blur map!";
 export const toolbox = [
   {
     prop: "factor",
     title: "Blur",
-    Editor: makeFloatSlider(0, 8, 0.2),
+    Editor: makeFloatSlider(0, 8, 0.2)
   },
   {
     prop: "passes",
     title: value => `Blur Passes (${value})`,
-    Editor: makeFloatSlider(1, 8, 1),
-  },
+    Editor: makeFloatSlider(1, 8, 1)
+  }
 ];
-export thumbnail from "../../images/thumbnails/blurmapdyn.jpg";

examples/cookbook-rn-shared/examples/blurmapmouse/meta.js

@@ -1,12 +1,12 @@
 import StaticBlurMap from "../../toolbox/StaticBlurMap";
+import thumbnail from "../../images/thumbnails/blurmapmouse.jpg";
+export { thumbnail };
 export const title = "Touchable Blur Map";
 export const description = "Dynamically change Blur Map with touch move";
 export const toolbox = [
   {
     prop: "map",
     title: "Blur Texture Map",
-    Editor: StaticBlurMap,
-  },
+    Editor: StaticBlurMap
+  }
 ];
-
-export thumbnail from "../../images/thumbnails/blurmapmouse.jpg";

examples/cookbook-rn-shared/examples/blurmulti/meta.js

@@ -1,4 +1,6 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
+import thumbnail from "../../images/thumbnails/blurmulti.jpg";
+export { thumbnail };
 export const title = "Blur multi";
 export const description = "multi-pass Blur";
 
@@ -6,13 +8,11 @@ export const toolbox = [
   {
     prop: "factor",
     title: "Blur",
-    Editor: makeFloatSlider(0, 8, 0.2),
+    Editor: makeFloatSlider(0, 8, 0.2)
   },
   {
     prop: "passes",
     title: passes => `Blur Passes (${passes})`,
-    Editor: makeFloatSlider(0, 8, 1),
-  },
+    Editor: makeFloatSlider(0, 8, 1)
+  }
 ];
-
-export thumbnail from "../../images/thumbnails/blurmulti.jpg";

examples/cookbook-rn-shared/examples/blurxy/meta.js

@@ -1,4 +1,6 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
+import thumbnail from "../../images/thumbnails/blurxy.jpg";
+export { thumbnail };
 export const title = "BlurXY";
 export const description = "simple Blur (2-passes)";
 
@@ -6,8 +8,6 @@ export const toolbox = [
   {
     prop: "factor",
     title: "Blur",
-    Editor: makeFloatSlider(0, 8, 0.2),
-  },
+    Editor: makeFloatSlider(0, 8, 0.2)
+  }
 ];
-
-export thumbnail from "../../images/thumbnails/blurxy.jpg";

examples/cookbook-rn-shared/examples/blurxydownscale/meta.js

@@ -1,4 +1,6 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
+import thumbnail from "../../images/thumbnails/blurxydownscale.jpg";
+export { thumbnail };
 export const title = "BlurXY downscale";
 export const description = "simple Blur after image downscale";
 
@@ -6,8 +8,6 @@ export const toolbox = [
   {
     prop: "factor",
     title: "Blur",
-    Editor: makeFloatSlider(0.2, 0.8, 0.02),
-  },
+    Editor: makeFloatSlider(0.2, 0.8, 0.02)
+  }
 ];
-
-export thumbnail from "../../images/thumbnails/blurxydownscale.jpg";

examples/cookbook-rn-shared/examples/camera/meta.js

@@ -1,7 +1,8 @@
+import thumbnail from "../../images/thumbnails/camera.jpg";
+export { thumbnail };
+export { toolbox } from "../colorscale/meta";
 export const title = "camera";
 export const description = "Camera stream + colorscale";
-export thumbnail from "../../images/thumbnails/camera.jpg";
-export { toolbox } from "../colorscale/meta";
 
 /*
 import React from "react";

examples/cookbook-rn-shared/examples/colordisc/meta.js

@@ -1,9 +1,10 @@
 import Vec3ColorPicker from "../../toolbox/Vec3ColorPicker";
+import thumbnail from "../../images/thumbnails/colordisc.jpg";
+export { thumbnail };
 export const toolbox = [
   { prop: "fromColor", title: "fromColor", Editor: Vec3ColorPicker },
-  { prop: "toColor", title: "toColor", Editor: Vec3ColorPicker },
+  { prop: "toColor", title: "toColor", Editor: Vec3ColorPicker }
 ];
 
-export thumbnail from "../../images/thumbnails/colordisc.jpg";
 export const title = "Colored Disc";
 export const description = "Implement a simple radial gradient.";

examples/cookbook-rn-shared/examples/colorscale/meta.js

@@ -4,7 +4,8 @@ import makeSelect from "../../toolbox/makeSelect";
 import { LinearCopy, NearestCopy } from "gl-react";
 import { Surface } from "../../gl-react-implementation";
 
-export thumbnail from "../../images/thumbnails/colorscale.jpg";
+import thumbnail from "../../images/thumbnails/colorscale.jpg";
+export { thumbnail };
 export const title = "colorscale";
 export const description =
   "A gradient defines color mapping of the image greyscale";

examples/cookbook-rn-shared/examples/demodesert/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/demodesert.jpg";
+export { thumbnail };
 export const title = "Desert";
 export const description = "more advanced example from Shadertoy";
-
-export thumbnail from "../../images/thumbnails/demodesert.jpg";

examples/cookbook-rn-shared/examples/demodesertcrt/meta.js

@@ -1,6 +1,7 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
 
-export thumbnail from "../../images/thumbnails/demodesertcrt.jpg";
+import thumbnail from "../../images/thumbnails/demodesertcrt.jpg";
+export { thumbnail };
 export const title = "Desert + CRT";
 export const description = "Desert Shadertoy + CRT effect + snapshot()";
 
@@ -8,6 +9,6 @@ export const toolbox = [
   {
     prop: "distortion",
     title: "Distortion",
-    Editor: makeFloatSlider(0, 1, 0.01),
-  },
+    Editor: makeFloatSlider(0, 1, 0.01)
+  }
 ];

examples/cookbook-rn-shared/examples/demotunnel/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/demotunnel.jpg";
+export { thumbnail };
 export const title = "demotunnel";
 export const description = "a simple example from Shadertoy";
-
-export thumbnail from "../../images/thumbnails/demotunnel.jpg";

examples/cookbook-rn-shared/examples/diamondanim/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/diamondanim.jpg";
+export { thumbnail };
 export const title = "animated DiamondCrop";
 export const description = "animated HelloGL (red) in DiamondCrop";
-
-export thumbnail from "../../images/thumbnails/diamondanim.jpg";

examples/cookbook-rn-shared/examples/diamondcrop/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/diamondcrop.jpg";
+export { thumbnail };
 export const title = "DiamondCrop";
 export const description = "a diamond crop on an image texture";
-
-export thumbnail from "../../images/thumbnails/diamondcrop.jpg";

examples/cookbook-rn-shared/examples/diamondhello/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/diamondhello.jpg";
+export { thumbnail };
 export const title = "DiamondCrop + HelloGL";
 export const description = "HelloGL composed with DiamondCrop";
-
-export thumbnail from "../../images/thumbnails/diamondhello.jpg";

examples/cookbook-rn-shared/examples/distortion/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/distortion.jpg";
+export { thumbnail };
 export const title = "distortion on image";
 export const description = "Vignette color separation + touch responsive";
-
-export thumbnail from "../../images/thumbnails/distortion.jpg";

examples/cookbook-rn-shared/examples/glsledit/meta.js

@@ -1,9 +1,9 @@
 import { StyleSheet } from "react-native";
+import makeTextArea from "../../toolbox/makeTextArea";
+import thumbnail from "../../images/thumbnails/glsledit.jpg";
+export { thumbnail };
 export const title = "GLSL Edit";
 export const description = "GLSL Live Editor";
-import makeTextArea from "../../toolbox/makeTextArea";
-
-export thumbnail from "../../images/thumbnails/glsledit.jpg";
 const styles = StyleSheet.create({
   editor: {
     flex: 1,
@@ -13,23 +13,23 @@ const styles = StyleSheet.create({
     backgroundColor: "#282c34",
     color: "#ABB2BF",
     fontSize: 10,
-    fontFamily: "Courier New",
-  },
+    fontFamily: "Courier New"
+  }
 });
 
 export const overrideStyles = StyleSheet.create({
   toolbox: {
-    paddingBottom: 0,
+    paddingBottom: 0
   },
   field: {
     paddingVertical: 0,
-    paddingHorizontal: 0,
-  },
+    paddingHorizontal: 0
+  }
 });
 
 export const toolbox = [
   {
     prop: "frag",
-    Editor: makeTextArea(styles.editor),
-  },
+    Editor: makeTextArea(styles.editor)
+  }
 ];

examples/cookbook-rn-shared/examples/gol/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/gol.jpg";
+export { thumbnail };
 export const title = "GameOfLife";
 export const description = "The game of life running in a Shader";
-
-export thumbnail from "../../images/thumbnails/gol.jpg";

examples/cookbook-rn-shared/examples/golglider/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/golglider.jpg";
+export { thumbnail };
 export const title = "GameOfLife glider";
 export const description = "GameOfLife is initialized with a glider texture";
-
-export thumbnail from "../../images/thumbnails/golglider.jpg";

examples/cookbook-rn-shared/examples/golrot/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/golrot.jpg";
+export { thumbnail };
 export const title = "Rotating GameOfLife. 2 loops";
 export const description = "Compose Game of Life with Rotation";
-
-export thumbnail from "../../images/thumbnails/golrot.jpg";

examples/cookbook-rn-shared/examples/golrotscu/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/golrotscu.jpg";
+export { thumbnail };
 export const title = "Rotating GameOfLife sCU";
 export const description = "Single update loop and shouldComponentUpdate";
-
-export thumbnail from "../../images/thumbnails/golrotscu.jpg";

examples/cookbook-rn-shared/examples/gradients/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/gradients.jpg";
+export { thumbnail };
 export const title = "gradients";
 export const description = "Rotating radial gradients";
-
-export thumbnail from "../../images/thumbnails/gradients.jpg";

examples/cookbook-rn-shared/examples/heart/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/heart.jpg";
+export { thumbnail };
 export const title = "Heart";
 export const description = "Heart opening image animation";
-
-export thumbnail from "../../images/thumbnails/heart.jpg";

examples/cookbook-rn-shared/examples/hearts/meta.js

@@ -1,5 +1,5 @@
+import thumbnail from "../../images/thumbnails/hearts.jpg";
+export { thumbnail };
 export const title = "Hearts";
 export const description = "Re-use Heart to make an infinite list of hearts";
 export const noScrollView = true;
-
-export thumbnail from "../../images/thumbnails/hearts.jpg";

examples/cookbook-rn-shared/examples/helloblue/meta.js

@@ -1,6 +1,6 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
-
-export thumbnail from "../../images/thumbnails/helloblue.jpg";
+import thumbnail from "../../images/thumbnails/helloblue.jpg";
+export { thumbnail };
 export const title = "Hello GL blue";
 export const description = "from React prop to GL Shader uniforms";
 
@@ -8,6 +8,6 @@ export const toolbox = [
   {
     prop: "blue",
     title: "Blue Color",
-    Editor: makeFloatSlider(0, 1, 0.01),
-  },
+    Editor: makeFloatSlider(0, 1, 0.01)
+  }
 ];

examples/cookbook-rn-shared/examples/helloblueanim/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/helloblue.jpg";
+export { thumbnail };
 export const title = "Hello GL blue animated";
 export const description = "adding animation on blue component";
-
-export thumbnail from "../../images/thumbnails/helloblue.jpg";

examples/cookbook-rn-shared/examples/hellogl/meta.js

@@ -1,3 +1,4 @@
+import thumbnail from "../../images/thumbnails/hellogl.jpg";
+export { thumbnail };
 export const title = "Hello GL";
 export const description = "most basic example";
-export thumbnail from "../../images/thumbnails/hellogl.jpg";

examples/cookbook-rn-shared/examples/ibex/meta.js

@@ -1,28 +1,28 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
-
+import thumbnail from "../../images/thumbnails/ibex.jpg";
+export { thumbnail };
 export const title = "IBEX";
 export const description = "forked from greweb's js13k 2014 game";
 
-export thumbnail from "../../images/thumbnails/ibex.jpg";
 export const toolbox = [
   {
     prop: "speed",
     title: value => "Simulation Speed (" + value + " FPS)",
-    Editor: makeFloatSlider(1, 60, 1),
+    Editor: makeFloatSlider(1, 60, 1)
   },
   {
     prop: "forestGrowFactor",
     title: "Forest Grow Factor",
-    Editor: makeFloatSlider(0, 50, 1),
+    Editor: makeFloatSlider(0, 50, 1)
   },
   {
     prop: "waterFactor",
     title: "Water Factor",
-    Editor: makeFloatSlider(0, 1, 0.01),
+    Editor: makeFloatSlider(0, 1, 0.01)
   },
   {
     prop: "fireFactor",
     title: "Volcano Factor",
-    Editor: makeFloatSlider(0, 1, 0.01),
-  },
+    Editor: makeFloatSlider(0, 1, 0.01)
+  }
 ];

examples/cookbook-rn-shared/examples/mergechannels/meta.js

@@ -1,9 +1,10 @@
 import { Dimensions } from "react-native";
 import ImagesPicker from "../../toolbox/ImagesPicker";
+import thumbnail from "../../images/thumbnails/mergechannels.jpg";
+export { thumbnail };
 export const title = "Merge color channels";
 export const description = "showcase for Array of textures support.";
 
-export thumbnail from "../../images/thumbnails/mergechannels.jpg";
 const imgPicker = {
   Editor: ImagesPicker,
   style: { width: Dimensions.get("window").width - 20 },
@@ -16,24 +17,24 @@ const imgPicker = {
     require("../../images/mergechannels-img5.png"),
     require("../../images/mergechannels-img6.png"),
     require("../../images/mergechannels-img7.png"),
-    require("../../images/mergechannels-img8.png"),
-  ],
+    require("../../images/mergechannels-img8.png")
+  ]
 };
 
 export const toolbox = [
   {
     prop: "red",
     title: "red channel",
-    ...imgPicker,
+    ...imgPicker
   },
   {
     prop: "green",
     title: "green channel",
-    ...imgPicker,
+    ...imgPicker
   },
   {
     prop: "blue",
     title: "blue channel",
-    ...imgPicker,
-  },
+    ...imgPicker
+  }
 ];

examples/cookbook-rn-shared/examples/paint/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/paint.jpg";
+export { thumbnail };
 export const title = "Paint";
 export const description = "Painting using discard;";
-
-export thumbnail from "../../images/thumbnails/paint.jpg";

examples/cookbook-rn-shared/examples/pixeleditor/meta.js

@@ -2,11 +2,12 @@ import ToolPicker from "./ToolPicker";
 import Vec3ColorPicker from "../../toolbox/Vec3ColorPicker";
 import { tools } from ".";
 
-export thumbnail from "../../images/thumbnails/pixeleditor.jpg";
+import thumbnail from "../../images/thumbnails/pixeleditor.jpg";
+export { thumbnail };
 export const title = "Pixel Editor";
 export const description = "Pixel Editor";
 
 export const toolbox = [
   { prop: "toolKey", Editor: ToolPicker, tools },
-  { prop: "color", Editor: Vec3ColorPicker },
+  { prop: "color", Editor: Vec3ColorPicker }
 ];

examples/cookbook-rn-shared/examples/saturation/meta.js

@@ -1,22 +1,23 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
+import thumbnail from "../../images/thumbnails/saturation.jpg";
+export { thumbnail };
 export const title = "saturation";
 export const description = "Contrast/Saturation/Brightness example";
-export thumbnail from "../../images/thumbnails/saturation.jpg";
 
 export const toolbox = [
   {
     prop: "contrast",
     title: "Contrast",
-    Editor: makeFloatSlider(0, 2, 0.05),
+    Editor: makeFloatSlider(0, 2, 0.05)
   },
   {
     prop: "saturation",
     title: "Saturation",
-    Editor: makeFloatSlider(0, 2, 0.05),
+    Editor: makeFloatSlider(0, 2, 0.05)
   },
   {
     prop: "brightness",
     title: "Brightness",
-    Editor: makeFloatSlider(0, 2, 0.05),
-  },
+    Editor: makeFloatSlider(0, 2, 0.05)
+  }
 ];

examples/cookbook-rn-shared/examples/sdf1/meta.js

@@ -1,4 +1,4 @@
+import thumbnail from "../../images/thumbnails/sdf1.jpg";
+export { thumbnail };
 export const title = "Signed Distance Function (1)";
 export const description = "raymarching + distance estimation function example";
-
-export thumbnail from "../../images/thumbnails/sdf1.jpg";

examples/cookbook-rn-shared/examples/three/meta.js

@@ -1,6 +1,6 @@
 import makeFloatSlider from "../../toolbox/makeFloatSlider";
-export thumbnail from "../../images/thumbnails/three.jpg";
-
+import thumbnail from "../../images/thumbnails/three.jpg";
+export { thumbnail };
 export const title = "Three.js cube skymap";
 export const description = "EXGLView: Cube in skymap";
 
@@ -8,6 +8,6 @@ export const toolbox = [
   {
     prop: "fov",
     title: "Field of View",
-    Editor: makeFloatSlider(40, 100, 0.1),
-  },
+    Editor: makeFloatSlider(40, 100, 0.1)
+  }
 ];

examples/cookbook-rn-shared/examples/transitions/meta.js

@@ -1,3 +1,4 @@
+import thumbnail from "../../images/thumbnails/transitions.jpg";
+export { thumbnail };
 export const title = "transitions";
 export const description = "GLSL transitions between images";
-export thumbnail from "../../images/thumbnails/transitions.jpg";

examples/cookbook-rn/.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["react-native-stage-0/decorator-support"]
+  "presets": ["react-native"]
 }

examples/cookbook-rn/package.json

@@ -4,28 +4,26 @@
   "private": true,
   "scripts": {
     "start": "react-native start",
-    "prepare":
-      "rm -rf ./shared/ && cp -R ../cookbook-rn-shared/ shared && cp gl-react-implementation.js shared && ./shared/examples/gen.sh > ./shared/examples/index.js"
+    "prepare": "rm -rf ./shared/ && cp -R ../cookbook-rn-shared/ shared && cp gl-react-implementation.js shared && ./shared/examples/gen.sh > ./shared/examples/index.js"
   },
   "dependencies": {
-    "@expo/ex-navigation": "^2.11.0",
     "core-js": "^2.4.1",
-    "gl-react-native": "^3.13.0",
     "gl-react": "^3.13.0",
-    "gl-transitions": "^0.44.0",
+    "gl-react-native": "^3.13.0",
+    "gl-transitions": "^1.37.0",
     "ndarray": "~1.0.18",
     "prop-types": "^15.6.0",
-    "raf": "~3.3.0",
+    "raf": "~3.4.0",
+    "react": "16.x",
     "react-gl-transition": "^1.9.0",
     "react-motion": "^0.5.0",
+    "react-native": "0.54.0",
     "react-native-webgl": "0.x",
-    "react-native": "0.53.x",
     "react-navigation": "^1.1.2",
-    "react": "16.x",
     "seedrandom": "github:gre/seedrandom#released",
     "three": "0.85.0"
   },
   "devDependencies": {
-    "babel-preset-react-native": "~1.9.1"
+    "babel-preset-react-native": "^4.0.0"
   }
 }

package.json

@@ -1,32 +1,31 @@
 {
   "name": "gl-react-dev",
   "version": "0.0.0",
-  "workspaces": ["packages/*"],
+  "workspaces": [
+    "packages/*"
+  ],
   "private": true,
   "license": "MIT",
   "scripts": {
-    "preinstall":
-      "node -e \"if (process.env.npm_execpath.indexOf('yarn') === -1) { console.log('\u001b[31mPlease use yarn\u001b[0m'); process.exit(1); }\"",
+    "preinstall": "node -e \"if (process.env.npm_execpath.indexOf('yarn') === -1) { console.log('\u001b[31mPlease use yarn\u001b[0m'); process.exit(1); }\"",
     "build": "BABEL_ENV=production && lerna run build",
     "watch": "lerna run --parallel watch",
-    "prettier":
-      "prettier --write 'packages/{gl-react,gl-react-dom,gl-react-expo,gl-react-headless,gl-react-native}/src/*.js'",
+    "prettier": "prettier --write 'packages/{gl-react,gl-react-dom,gl-react-expo,gl-react-headless,gl-react-native}/src/*.js'",
     "test": "cd packages/tests && yarn test",
     "test-rewrite-snapshots": "cd packages/tests && yarn test -- -u",
     "clean": "rm -rf node_modules packages/*/node_modules/ packages/*/lib",
-    "publish":
-      "yarn && lerna run clean && lerna run build && lerna publish --registry=https://registry.npmjs.org/"
+    "publish": "yarn && lerna run clean && lerna run build && lerna publish --registry=https://registry.npmjs.org/"
   },
   "devDependencies": {
     "babel-cli": "^6.14.0",
     "babel-preset-es2015": "^6.14.0",
     "babel-preset-react": "^6.11.1",
     "babel-preset-stage-1": "^6.13.0",
-    "browserify": "^14.3.0",
+    "browserify": "^16.1.0",
     "browserify-shim": "^3.8.12",
     "documentation": "4.0.0-beta.18",
     "flow-copy-source": "^1.2.0",
     "lerna": "^2.9.0",
-    "prettier": "^1.5.3"
+    "prettier": "^1.11.1"
   }
 }

packages/cookbook/package.json

@@ -5,7 +5,7 @@
   "devDependencies": {
     "babel-preset-react-app": "^3.0.1",
     "raw-loader": "^0.5.1",
-    "react-scripts": "1.0.10"
+    "react-scripts": "1.1.1"
   },
   "dependencies": {
     "animated": "^0.2.0",
@@ -15,17 +15,17 @@
     "gl-shader": "^4.2.1",
     "gl-texture2d": "^2.1.0",
     "gl-transitions": "^1.19.0",
-    "hoist-non-react-statics": "^1.2.0",
+    "hoist-non-react-statics": "^2.5.0",
     "lodash": "^4.17.2",
     "ndarray": "^1.0.18",
     "ndarray-ops": "^1.2.2",
     "prism-theme-one-dark": "^1.0.0",
     "prismjs": "github:PrismJS/prism#16ce4b336d625e13065bfc12ab6d13ac862d6f50",
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "query-string": "^5.1.0",
     "raf": "^3.3.0",
     "react": "^16.0.0",
-    "react-color": "^2.4.0",
+    "react-color": "^2.14.0",
     "react-dom": "^16.0.0",
     "react-gl-transition": "^1.19.0",
     "react-json2d": "^0.3.0",

packages/gl-react-dom/package.json

@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "invariant": "^2.2.1",
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "raf": "^3.3.0",
     "webgltexture-loader-dom": "^0.6.0"
   },

packages/gl-react-expo/package.json

@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "invariant": "^2.2.1",
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "webgltexture-loader-expo": "^0.8.0"
   },
   "scripts": {

packages/gl-react-headless/package.json

@@ -19,7 +19,7 @@
   "dependencies": {
     "gl": "^4.0.2",
     "invariant": "^2.2.1",
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "raf": "^3.3.0"
   },
   "devDependencies": {

packages/gl-react-native/package.json

@@ -38,7 +38,7 @@
     "watch": "cd ../.. && export PATH=$(npm bin):$PATH && cd - && babel --watch --source-maps -d lib src"
   },
   "dependencies": {
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "webgltexture-loader-react-native": "^0.6.0"
   }
 }

packages/gl-react/package.json

@@ -31,7 +31,7 @@
     "gl-shader": "^4.2.1",
     "invariant": "^2.2.1",
     "ndarray": "^1.0.18",
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "typedarray-pool": "^1.1.0",
     "webgltexture-loader": "^0.6.0",
     "webgltexture-loader-ndarray": "^0.9.0"

packages/tests/package.json

@@ -22,7 +22,7 @@
     "jest-cli": "19",
     "ndarray": "^1.0.18",
     "promise-defer": "^1.0.0",
-    "prop-types": "^15.5.8",
+    "prop-types": "^15.6.1",
     "react": "^16.0.0",
     "react-test-renderer": "^16.0.0",
     "webgltexture-loader": "^0.6.0",