new DrizzleContext API

Author: adrianmcli

src/DrizzleContext.js

@@ -0,0 +1,44 @@
+import React from "react";
+
+const Context = React.createContext();
+
+class Provider extends React.Component {
+  state = { drizzleState: null, initialized: false };
+
+  componentDidMount() {
+    const { drizzle } = this.props;
+    // subscribe to changes in the store, keep state up-to-date
+    this.unsubscribe = drizzle.store.subscribe(() => {
+      const drizzleState = drizzle.store.getState();
+      if (drizzleState.drizzleStatus.initialized) {
+        this.setState({
+          drizzleState,
+          initialized: true
+        });
+      }
+    });
+  }
+
+  componentWillUnmount() {
+    this.unsubscribe();
+  }
+
+  render() {
+    return (
+      <Context.Provider
+        value={{
+          drizzle: this.props.drizzle,
+          drizzleState: this.state.drizzleState,
+          initialized: this.state.initialized
+        }}
+      >
+        {this.props.children}
+      </Context.Provider>
+    );
+  }
+}
+
+export default {
+  Consumer: Context.Consumer,
+  Provider
+};

src/index.js

@@ -1,7 +1,5 @@
-import drizzleConnect from './drizzleConnect.js'
-import DrizzleProvider from './DrizzleProvider.js'
+import drizzleConnect from "./drizzleConnect.js";
+import DrizzleProvider from "./DrizzleProvider.js";
+import DrizzleContext from "./DrizzleContext";
 
-export {
-  drizzleConnect,
-  DrizzleProvider
-}
+export { drizzleConnect, DrizzleProvider, DrizzleContext };