feat(withFragment): withFragment HOC

Author: abhiaiyer91

src/withFragment.js

@@ -0,0 +1,19 @@
+import { compose, withProps } from 'recompose';
+import { withApollo } from 'react-apollo';
+
+export default function withFragment(fragmentDocument, optionsObject) {
+  const name = (optionsObject && optionsObject.name) || 'data';
+  return compose(
+    withApollo,
+    withProps(({ client, ...rest }) => {
+      const fragment = client.readFragment({
+        fragment: fragmentDocument,
+        id: optionsObject && optionsObject.getFragmentId(rest),
+      });
+
+      return {
+        [name]: fragment,
+      };
+    })
+  );
+}

src/withQueryComponent.js

@@ -0,0 +1,10 @@
+import { graphql } from 'react-apollo';
+
+function RenderChild({ data, children }) {
+  return children(data);
+}
+
+export default function withQueryComponent(queryDocument, optionsObject) {
+  const queryData = graphql(queryDocument, optionsObject);
+  return queryData(RenderChild);
+}