[Relay] Setup and add a few Relay-enabled components.

alloy · alloy · commit c6660fe505f3 · 2016-04-16T15:04:03.000+02:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,8 @@
+{
+  "env": {
+    "development": {
+      "plugins": ["babel-relay-plugin-loader"],
+      "presets": ["react-native"]
+    }
+  }
+}
diff --git a/.flowconfig b/.flowconfig
@@ -58,6 +58,7 @@
 [include]
 
 [libs]
+lib/
 node_modules/react-native/Libraries/react-native/react-native-interface.js
 node_modules/react-native/flow/
 node_modules/fbjs/flow/lib/
diff --git a/index.js b/index.js
@@ -1 +1,10 @@
-// Nothing to see here yet.
+/* @flow */
+'use strict';
+
+import Containers from './lib/containers';
+import Routes from './lib/relay/routes';
+
+export default {
+  Containers,
+  Routes,
+};
diff --git a/lib/components/artist/header.js b/lib/components/artist/header.js
@@ -0,0 +1,28 @@
+/* @flow */
+'use strict';
+
+import Relay from 'react-relay';
+import React from 'react-native';
+const { Text } = React;
+
+class Component extends React.Component {
+  static propTypes = {
+    artist: React.PropTypes.shape({
+      name: React.PropTypes.string,
+    }),
+  };
+
+  render() {
+    return <Text>{this.props.artist.name}</Text>;
+  }
+}
+
+export default Relay.createContainer(Component, {
+  fragments: {
+    artist: () => Relay.QL`
+      fragment on Artist {
+        name
+      }
+    `,
+  }
+});
diff --git a/lib/containers/artist.js b/lib/containers/artist.js
@@ -0,0 +1,33 @@
+/* @flow */
+'use strict';
+
+import Relay from 'react-relay';
+import React from 'react-native';
+const { ScrollView } = React;
+
+import Header from '../components/artist/header';
+
+class Component extends React.Component {
+  // constructor(arguments) {
+  //   super(arguments);
+  //
+  // }
+
+  render() {
+    return (
+      <ScrollView>
+        <Header artist={this.props.artist} />
+      </ScrollView>
+    );
+  }
+}
+
+export default Relay.createContainer(Component, {
+  fragments: {
+    artist: () => Relay.QL`
+      fragment on Artist {
+        ${Header.getFragment('artist')}
+      }
+    `,
+  }
+});
diff --git a/lib/containers/index.js b/lib/containers/index.js
@@ -0,0 +1,8 @@
+/* @flow */
+'use strict';
+
+import Artist from './artist';
+
+export default {
+  Artist,
+};
diff --git a/lib/relay/config.js b/lib/relay/config.js
@@ -0,0 +1,11 @@
+/* @flow */
+'use strict';
+
+import Relay from 'react-relay';
+
+Relay.injectNetworkLayer(
+  new Relay.DefaultNetworkLayer('https://metaphysics-staging.artsy.net')
+    // headers: {
+    //   Authorization: 'Basic SECRET'
+    // })
+);
diff --git a/lib/relay/routes.js b/lib/relay/routes.js
@@ -0,0 +1,22 @@
+/* @flow */
+'use strict';
+
+import Relay from 'react-relay';
+
+class Artist extends Relay.Route {
+  static queries = {
+    artist: () => Relay.QL`
+      query { artist(id: $artistID) }
+    `,
+  };
+
+  static paramDefinitions = {
+    artistID: { required: true },
+  };
+
+  static routeName = 'ArtistRoute';
+}
+
+export default {
+  Artist,
+};
diff --git a/package.json b/package.json
@@ -6,8 +6,9 @@
   "scripts": {
     "flow": "flow",
     "lint": "eslint ./lib ./test",
-    "test": "env NODE_ENV=test mocha --recursive ./test",
-    "ci": "npm run-script lint && npm run-script flow && npm test"
+    "test": "env NODE_ENV=test NODE_PATH=./lib mocha --recursive ./test",
+    "ci": "npm run-script lint && npm run-script flow && npm test",
+    "sync-schema": "rm -rf ./data && cp -R metaphysics/data ."
   },
   "repository": {
     "type": "git",
@@ -24,13 +25,21 @@
     "url": "https://github.com/artsy/emission/issues"
   },
   "homepage": "https://github.com/artsy/emission#readme",
+  "files": [
+    "index.js",
+    "data",
+    "lib"
+  ],
   "dependencies": {
-    "react": "^0.14.8",
     "fbjs": "^0.7.2",
-    "react-native": "^0.24.0-rc5"
+    "react": "^0.14.8",
+    "react-native": "^0.24.0-rc5",
+    "react-relay": "^0.8.0"
   },
   "devDependencies": {
     "babel-eslint": "^6.0.0",
+    "babel-relay-plugin": "^0.8.0",
+    "babel-relay-plugin-loader": "^0.7.3",
     "chai": "^3.5.0",
     "chai-as-promised": "^5.3.0",
     "chai-enzyme": "^0.4.2",
@@ -41,6 +50,16 @@
     "flow-bin": "0.22.0",
     "mocha": "^2.4.5",
     "react-addons-test-utils": "^0.14.8",
+    "react-dom": "^0.14.8",
     "sinon": "^1.17.3"
+  },
+  "peerDependencies": {
+    "babel-relay-plugin": "^0.8.0",
+    "babel-relay-plugin-loader": "^0.7.3"
+  },
+  "metadata": {
+    "graphql": {
+      "schema": "./data/schema.json"
+    }
   }
 }
