From 21fbd01706e159d8ea4cd1628908006c7c301762 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <renaudeau.gaetan@gmail.com>
Date: Wed, 2 Dec 2015 15:24:59 +0100
Subject: [PATCH] Migrate client code to gl-react-core 2.0.0 (that will be
 renamed to gl-react)

---
 index.android.js            | 14 +-------------
 index.ios.js                | 14 +-------------
 package.json                |  6 +++---
 src/ComponentDeprecated.js  |  3 ---
 src/{View.js => Surface.js} | 24 ++++++++----------------
 src/Uniform.js              |  3 ---
 src/createComponent.js      |  4 ----
 src/index.js                | 11 +++++++++++
 8 files changed, 24 insertions(+), 55 deletions(-)
 delete mode 100644 src/ComponentDeprecated.js
 rename src/{View.js => Surface.js} (55%)
 delete mode 100644 src/Uniform.js
 delete mode 100644 src/createComponent.js
 create mode 100644 src/index.js

diff --git a/index.android.js b/index.android.js
index 101d317..d7900e1 100644
--- a/index.android.js
+++ b/index.android.js
@@ -1,13 +1 @@
-const Shaders = require("./src/Shaders");
-const View = require("./src/View");
-const Uniform = require("./src/Uniform");
-const Component = require("./src/ComponentDeprecated");
-const createComponent = require("./src/createComponent");
-
-module.exports = {
-  Shaders,
-  View,
-  Uniform,
-  Component,
-  createComponent
-};
+module.exports = require("./src");
diff --git a/index.ios.js b/index.ios.js
index 101d317..d7900e1 100644
--- a/index.ios.js
+++ b/index.ios.js
@@ -1,13 +1 @@
-const Shaders = require("./src/Shaders");
-const View = require("./src/View");
-const Uniform = require("./src/Uniform");
-const Component = require("./src/ComponentDeprecated");
-const createComponent = require("./src/createComponent");
-
-module.exports = {
-  Shaders,
-  View,
-  Uniform,
-  Component,
-  createComponent
-};
+module.exports = require("./src");
diff --git a/package.json b/package.json
index 4f5ba81..29591d3 100644
--- a/package.json
+++ b/package.json
@@ -19,11 +19,11 @@
   "author": "Project September <tech@projectseptember.com>",
   "license": "MIT",
   "peerDependencies": {
-    "react-native": ">=0.9.0"
+    "react-native": ">=0.13.0",
+    "gl-react-core": "*"
   },
   "dependencies": {
-    "invariant": "2.2.0",
-    "gl-react-core": "1.2.x"
+    "invariant": "2.2.0"
   },
   "devDependencies": {
     "eslint": "^1.9.0",
diff --git a/src/ComponentDeprecated.js b/src/ComponentDeprecated.js
deleted file mode 100644
index 55810f3..0000000
--- a/src/ComponentDeprecated.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const React = require("react-native");
-const {createComponentDeprecated} = require("gl-react-core");
-module.exports = createComponentDeprecated(React);
diff --git a/src/View.js b/src/Surface.js
similarity index 55%
rename from src/View.js
rename to src/Surface.js
index 975ed9c..0fa17f6 100644
--- a/src/View.js
+++ b/src/Surface.js
@@ -1,14 +1,12 @@
-const {createView} = require("gl-react-core");
+const {createSurface} = require("gl-react-core");
 const React = require("react-native");
-const Shaders = require("./Shaders");
-const Uniform = require("./Uniform");
 const GLCanvas = require("./GLCanvas");
 
 const {
   View,
 } = React;
 
-const renderVcontent = function (width, height, id, children, { visibleContent }) {
+function renderVcontent (width, height, id, children, { visibleContent }) {
   const childrenStyle = {
     position: "absolute",
     top: visibleContent ? 0 : height, // as a workaround for RN, we offset the content so it is not visible but still can be rasterized
@@ -18,13 +16,13 @@ const renderVcontent = function (width, height, id, children, { visibleContent }
     overflow: "hidden"
   };
   return <View key={id} style={childrenStyle}>{children}</View>;
-};
+}
 
-const renderVGL = function (props) {
+function renderVGL (props) {
   return <GLCanvas ref="canvas" {...props} />;
-};
+}
 
-const renderVcontainer = function ({ style, width, height }, contents, renderer) {
+function renderVcontainer ({ style, width, height }, contents, renderer) {
   const parentStyle = {
     position: "relative",
     ...style,
@@ -36,12 +34,6 @@ const renderVcontainer = function ({ style, width, height }, contents, renderer)
     {contents}
     {renderer}
   </View>;
-};
+}
 
-const GLView = createView(React, Shaders, Uniform, renderVcontainer, renderVcontent, renderVGL);
-
-GLView.prototype.setNativeProps = function (props) {
-  this.refs.native.setNativeProps(props);
-};
-
-module.exports = GLView;
+module.exports = createSurface(renderVcontainer, renderVcontent, renderVGL);
diff --git a/src/Uniform.js b/src/Uniform.js
deleted file mode 100644
index b5bc1c2..0000000
--- a/src/Uniform.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const {createUniform} = require("gl-react-core");
-const React = require("react-native");
-module.exports = createUniform(React);
diff --git a/src/createComponent.js b/src/createComponent.js
deleted file mode 100644
index 71f8341..0000000
--- a/src/createComponent.js
+++ /dev/null
@@ -1,4 +0,0 @@
-const React = require("react-native");
-const View = require("./View");
-const {createComponent} = require("gl-react-core");
-module.exports = createComponent(React, View);
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..5f62211
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,11 @@
+const { Shaders } = require("gl-react-core");
+const Surface = require("./Surface");
+const { NativeModules: { RNGLContext } } = require("react-native");
+
+// Hook Shaders to RNGLContext
+Shaders.list().map(id => RNGLContext.addShader(id, Shaders.get(id)));
+Shaders.on("add", (id, shader) => RNGLContext.addShader(id, shader));
+
+module.exports = {
+  Surface
+};
-- 
2.26.2